/* mobilne.zlatestranky.cz */
/* Copyright 2010 Mediatel, Ivan Sladek */

body, div, span, h1, h2, h3, h4, h5, h6, ul, ol, li, p, img, a, form, fieldset, input, label, dl, dd, dt
{
	margin: 0;
	padding: 0;
}
body
{
	font-family: "Arial CE", Arial, "Helvetica CE", Geneva, Swiss, sans-serif;
	font-size: 13px;
	color: #000;
	text-align: center;
	margin: 24px 0;
}
#header
{
	width: 959px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	text-align: left;
}
#page
{
	width: 959px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	text-align: left;
}
/* loga */
div#logo
{
	height: 65px;
	background: url(../img/mobilni-stranky.gif) right top no-repeat;
}
h1.zlate-stranky
{
	position: relative;
	width: 252px;
	height: 46px;
	overflow: hidden;
	background: url(../img/zlate-stranky.gif) no-repeat;
}
h1.zlate-stranky span
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 252px;
	height: 46px;
	background: url(../img/zlate-stranky.gif) no-repeat;
}
a#zlate-stranky
{
	display: block;
	width: 252px;
	height: 46px;
	position:absolute;
	z-index: 2
}
a#zlate-stranky span { display: none }
/* navigace */
div#navigation
{
	height: 26px;
	overflow: hidden;
	position: relative;
	left: 40px;
	top: 1px
}
div#navigation ul
{
	height: 26px;
	list-style: none;
}
div#navigation ul li
{
	float: left;
	margin: 0 4px 0 0;
}
div#navigation ul li.home a, div#navigation ul li.home-active a
{
	width: 122px;
	height: 26px;
	display: block;
	background: url(../img/menu.png) 0 0 no-repeat;
}
div#navigation ul li.stahnout a, div#navigation ul li.stahnout-active a
{
	width: 133px;
	height: 26px;
	display: block;
	background: url(../img/menu.png) -124px 0 no-repeat;
}
div#navigation ul li.telefony a, div#navigation ul li.telefony-active a
{
	width: 132px;
	height: 26px;
	display: block;
	background: url(../img/menu.png) -260px 0 no-repeat;
}
div#navigation ul li.kontakt a, div#navigation ul li.kontakt-active a
{
	width: 132px;
	height: 26px;
	display: block;
	background: url(../img/menu.png) -531px 0 no-repeat;
}
div#navigation ul li.faq a, div#navigation ul li.faq-active a
{
	width: 132px;
	height: 26px;
	display: block;
	background: url(../img/menu.png) -396px 0 no-repeat;
}
div#navigation ul li.dotazy a, div#navigation ul li.dotazy-active a
{
	width: 132px;
	height: 26px;
	display: block;
	background: url(../img/menu.png) -533px 0 no-repeat;
}
div#navigation ul li.home a:hover, div#navigation ul li.home-active a { background: url(../img/menu.png) 0 -26px no-repeat; }
div#navigation ul li.stahnout a:hover, div#navigation ul li.stahnout-active a { background: url(../img/menu.png) -124px -26px no-repeat; }
div#navigation ul li.telefony a:hover, div#navigation ul li.telefony-active a { background: url(../img/menu.png) -260px -26px no-repeat; }
div#navigation ul li.kontakt a:hover, div#navigation ul li.kontakt-active a { background: url(../img/menu.png) -531px -26px no-repeat; }
div#navigation ul li.faq a:hover, div#navigation ul li.faq-active a { background: url(../img/menu.png) -396px -26px no-repeat; }
div#navigation ul li.sms a, div#navigation ul li.sms-active a
{
	width: 132px;
	height: 26px;
	display: block;
	background: url(../img/sms.png) no-repeat;
}
div#navigation ul li.sms a:hover, div#navigation ul li.sms-active a { background: url(../img/sms-on.png) no-repeat; }
div#navigation ul li.sms-on a
{
	width: 132px;
	height: 26px;
	display: block;
	background: url(../img/sms-on2.png) no-repeat;
}
div#navigation ul li a span { display: none; }
/* head - zlute pole pod navigaci */
div#head
{
	height: 52px;
	background: url(../img/bg_head.png) no-repeat
}
div#headsms
{
	height: 52px;
	background: url(../img/bg_headsms.png) no-repeat
}
div#headsms h1
{
	margin:0;
	padding: 17px;
	font-size: 1.3em;
}
/* obsah - telo */
div#content
{
	background: #ffffff url(../img/bg_content.gif) repeat-x;
	border: 1px solid #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top: 30px;
	padding-bottom: 30px;
}
div#content h3
{
	text-align: left;
	padding: 20px 0 0 55px
}
div#content p
{
	text-align: justify;
	padding: 5px 0 0 15px;
}
div#iphone
{
	float: right;
	width: 320px;
}
#content ul
{
	padding:0;
	margin-top: 5px;
}
#content li
{
	list-style: disc;
	margin-left: 35px;
	padding: 3px;
}
div#iphone img { padding-left: 30px; }
div#iphone p
{
	padding: 0px;
	font-size: 12px;
}
div#iphone h2
{
	color: #407ECA;
	font-size: 2em;
	padding-left: 65px;
	padding-top: 15px;
	padding-bottom: 10px;
}
table.kontakt
{
	margin: 20px 0 0 55px;
	width: 612px;
	border-collapse: collapse
}
table.kontakt td
{
	padding: 5px 5px 5px 0; /*border: solid 1px red;*/
	width: 135px
}
table.kontakt td.send { text-align: right }
input#napMeno { width: 283px }
input#email, input#telefon { width: 135px }
textarea#message { width: 612px }
/* right */
div#right
{
	float: right;
	width: 260px;
	height: 400px;
	position: relative
}
div#jak-stahnout-phone
{
	width: 207px;
	height: 467px;
	background: url(../img/bg_jak_stahnout_phone.jpg) no-repeat;
	position: absolute;
	left: 25px;
	top: -62px
}
div#napoveda
{
	width: 298px;
	background: #333333;
	height: 449px;
	float: right;
	background: url(../img/bg_napoveda_phone-1.jpg) no-repeat;
	margin: -69px 0 0;
	padding-right: 3px;
}
/* jak stahnout */
div#java2
{
	float: left;
	width: 145px;
	padding: 25px 45px 0 45px;
	text-align: center
}
div#java2 h3
{
	text-align: center;
	padding: 0
}
div#java2 p
{
	text-align: left;
	padding: 0
}
div#java-help
{
	float: left;
	width: 590px;
	padding: 25px 0 0 30px;
	text-align: left
}
div#java-help h3.help
{
	background: no-repeat 11.5em 0.3em;
	padding: 0 20px 0 0
}
div#java-help h3.help2
{
	background: no-repeat 11.5em 0.3em;
	padding: 0 20px 0 0;
	color: #407ECA;
}
div#java-help ul
{
	list-style: none;
	display: block;
	text-align: left;
	margin: 20px 0 0 0
}
div#java-help ul li { padding: 0 0 20px 55px; }
div#java-help ul li.a01 { background: url(../img/li-01.gif) no-repeat }
div#java-help ul li.a02 { background: url(../img/li-02.gif) no-repeat }
div#java-help ul li.a03 { background: url(../img/li-03.gif) no-repeat }
div#java-help ul li.a04 { background: url(../img/li-04.gif) no-repeat }
/* HP java - wap - mobil*/
div#java
{
	float: left;
	width: 240px;
	padding: 25px 45px 0 45px;
	text-align: center
}
div#wap
{
	float: left;
	width: 290px;
	padding: 25px 45px 0 45px;
	text-align: center
}
div#java h3, div#wap h3
{
	text-align: center;
	padding: 0
}
div#phone
{
	float: left;
	width: 180px;
	height: 366px;
	background: url(../img/bg_phone.jpg) no-repeat;
	margin: -79px 0 0 40px;
}
div#java p, div#wap p
{
	text-align: left;
	padding: 0
}
img.more-info
{
	margin: 10px 0 0 0;
	float: left
}
img.java-ico { margin: 25px 0 10px 0 }
img.wap-ico { margin: 27px 0 10px 0 }
/* helpnav - navigace*/
div#helpnav
{
	height: 22px;
	overflow: hidden;
	position: relative;
	top: 58px
}
div#helpnav ul
{
	height: 22px;
	list-style: none
}
div#helpnav ul li
{
	float: left;
	width: 130px;
	height: 22px;
	margin: 0 4px 0 0;
	background: url(../img/bg_helpnav_li.gif) no-repeat;
	text-align: center;
	line-height: 22px
}
div#helpnav ul li a
{
	color: #999999;
	text-decoration: none;
	font-size: 0.85em;
	background: url(../img/bg_helpnav_li_a.gif) right 50% no-repeat;
	padding: 0 10px 0 0
}
div#helpnav ul li a:hover
{
	color: #000000;
	text-decoration: none;
	font-size: 0.85em
}
div#helpnav ul li a.act
{
	color: #000000;
	text-decoration: none;
	font-size: 0.85em;
	background: url(../img/bg_helpnav_li_a_active.gif) right 50% no-repeat;
	padding: 0 10px 0 0
}
div#helpnav ul li.home a, div#helpnav ul li.home-active a
{
	width: 122px;
	height: 22px;
	display: block;
	background: url(../img/menu.png) 2px 2px no-repeat;
}
div.splitter
{
	width: 1px;
	height: 230px;
	background: url(../img/bg_splitter.gif) no-repeat;
	float: left;
	margin: 25px 0 0 0
}
div#bubble1
{
	background: url(../img/bubble1.png) no-repeat;
	width: 473px;
	height: 219px;
	margin-top: 10px;
	margin-left: 100px;
}
div#bubble1 li
{
	font-size: 15px;
	margin-left: 60px;
	font-weight: bold;
}
div#bubble1 h4
{
	font-size: 15px;
	padding-bottom: 10px;
	padding-top: 35px;
}
div#bubble1 p
{
	font-size: 12px;
	font-weight:normal;
	padding-left: 0px;
	padding-bottom: 5px;
}
div#bubble2
{
	background: url(../img/bubble2.png) no-repeat;
	width: 452px;
	height: 257px;
	margin-top: 10px;
	margin-left: 5px;
}
div#bubble2 li
{
	font-size: 15px;
	margin-left: 60px;
	font-weight: bold;
}
div#bubble2 h4
{
	font-size: 15px;
	padding-bottom: 10px;
	padding-top: 30px;
}
div#bubble2 p
{
	font-size: 12px;
	font-weight:normal;
	padding-left: 0px;
	padding-bottom: 5px;
}
div#bubble3
{
	background: url(../img/bubble3.png) no-repeat;
	width: 422px;
	height: 178px;
	margin-top: 10px;
	margin-left: 60px;
	float: left;
}
/* html div#bubble3
{
	background: url(../img/bubble3.png) no-repeat;
	width: 422px;
	height: 178px;
	margin-top: 10px;
	margin-left: 32px;
	float: left;
} */
div#bubble3 li
{
	font-size: 15px;
	margin-left: 60px;
	font-weight: bold;
}
div#bubble3 h4
{
	font-size: 15px;
	padding-bottom: 10px;
	padding-top: 30px;
}
div#bubble3 p
{
	font-size: 12px;
	font-weight:normal;
	padding-left: 0px;
	padding-bottom: 5px;
}
div#bubble4
{
	background: url(../img/bubble4.png) no-repeat;
	width: 422px;
	height: 178px;
	margin-top: 30px;
	padding-right: 35px;
	float: right;
}
div#bubble4 li
{
	font-size: 15px;
	margin-left: 60px;
	font-weight: bold;
}
div#bubble4 h4
{
	font-size: 15px;
	padding-bottom: 10px;
	padding-top: 30px;
}
div#bubble4 p
{
	font-size: 12px;
	font-weight:normal;
	padding-left: 0px;
	padding-bottom: 5px;
}
/* footer */
div.adress
{
	font-size: 11px;
	margin: 17px 0 0 100px;
}
div.adress a
{
	color: #000000;
	font-weight: normal;
}
div.adress a:hover
{
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
div.copy
{
	font-size: 11px;
	float: right;
	margin: 17px 0 0 0;
	padding-right: 15px;
}
/* div.partneri
{
	font-size: 11px;
	height: 20px;
	float: right;
	padding: 0 0 0 0;
	margin: -32px 83px 0 0;
	_margin: -32px 41px 0 0
}
div.partneri img { padding: 0 0 0 10px; }
div.partneri img.region
{
	position: relative;
	top: 10px
} */
div#footer
{
	width: 970px;
	height: 57px;
	background: url(../img/bgr_footer.png) top left no-repeat #ffffff;
	padding: 12px 0 0 2px;
}
div#footer ul { font-size: 11px; }
div#footer ul li { display: inline }
div#footer ul li span { padding: 0 7px 0 8px }
div#footer ul li a
{
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
div#footer ul li a:hover
{
	color: #000000;
	text-decoration: none;
}
div#footer a.mediatel
{
	display: block;
	width: 80px;
	height: 15px;
	position: absolute;
	margin-top: 12px;
}
/* text format */

a:link, a:hover, a:visited
{
	color: #3366cc;
	font-weight: bold;
}
a:hover { text-decoration: none; }
img { border: none; }
img.left
{
	border: solid 1px #000000;
	float: left;
	margin: 0 30px 20px 37px;
}
img.right
{
	border: solid 1px #000000;
	float: right;
	margin: 0 0 20px 30px;
}
h3
{
	font-size: 1.2em;
	text-align: left
}
h2
{
	font-size: 1.0em;
	text-align: left
}
hr, .invi, h1 span { display: none; }
div.hr
{
	height: 50px;
	background: url(../img/bgr_hr.jpg) 0 50% no-repeat;
}
.clr
{
	clear: both;
	width: 100%;
	font-size: 1px;
}
.hidden { display: none; }
#hlcontent
{
	text-align: center;
	width: 100%;
	background:url(../img/bg_content.gif) repeat-x #ffffff;
	margin-top: 30px;
	padding-bottom: 20px;
	border: 1px solid #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.tiles
{
	left: auto;
	right: auto;
	text-align:center;
}
.tiles li
{
	width:216px;
	height:266px;
	list-style: none;
	padding:0;
	margin:0;
	display: inline-block;
	margin: 10px;
	margin-top: 40px;
}
.linky
{
	width: 100%;
	padding-top: 55px;
}
.linky li
{
	list-style: url(../img/bg_helpnav_li_a.gif) inside;
	float: left;
	padding-right: 10px;
}
.linky .active { list-style: url(../img/bg_helpnav_li_a_active.gif) inside }
h2
{
	color: #407ECA;
	font-size: 22px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 10px;
	letter-spacing: -0.03em;
}
.obrazky
{
	width: 100%;
	text-align:center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.obrazky img
{
	border: 1px solid #dddddd;
	margin: 1px;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: url(../img/bg_content.gif) repeat-x;
}
.sidepic
{
	float: right;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
}
.sidepic a
{
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-top: 35px;
	margin-bottom: 10px;
}
.new
{
	background:url(../img/menubackground.png) repeat-x;
	height: 50px;
	width: 100%;
}
.new ul
{
	padding:0;
	margin:0;
}
.new li
{
	display: inline-block;
	list-style: none;
}
.new .home a
{
	background:url(../img/uvod.png) no-repeat;
	width: 34px;
	height: 50px;
	display: block;
	text-indent: -9000px;
}
.new .home a:hover { background:url(../img/uvod2.png) no-repeat; }
.new .mzs a
{
	background:url(../img/mzs.png) no-repeat;
	width: 98px;
	height: 50px;
	display: block;
	text-indent: -9000px;
}
.new .mzs a:hover { background:url(../img/mzs2.png) no-repeat; }
.new .iph a
{
	background:url(../img/iph.png) no-repeat;
	width: 44px;
	height: 50px;
	display: block;
	text-indent: -9000px;
}
.new .iph a:hover { background:url(../img/iph2.png) no-repeat; }
.new .and a
{
	background:url(../img/and.png) no-repeat;
	width: 51px;
	height: 50px;
	display: block;
	text-indent: -9000px;
}
.new .and a:hover { background:url(../img/and2.png) no-repeat; }
.new .jva a
{
	background:url(../img/jva.png) no-repeat;
	width: 31px;
	height: 50px;
	display: block;
	text-indent: -9000px;
}
.new .jva a:hover { background:url(../img/jva2.png) no-repeat; }
.new .aug a
{
	background:url(../img/aug.png) no-repeat;
	width: 108px;
	height: 50px;
	display: block;
	text-indent: -9000px;
}
.new .aug a:hover { background:url(../img/aug2.png) no-repeat; }
.new .ipd a
{
	background:url(../img/ipd.png) no-repeat;
	width: 29px;
	height: 50px;
	display: block;
	text-indent: -9000px;
}
.new .ipd a:hover { background:url(../img/ipd2.png) no-repeat; }
.new .nok a
{
	background:url(../img/nok.png) no-repeat;
	width: 36px;
	height: 50px;
	display: block;
	text-indent: -9000px;
}
.new .nok a:hover { background:url(../img/nok2.png) no-repeat; }
.new .smssrch a
{
	background:url(../img/smssrch.png) no-repeat;
	width: 79px;
	height: 50px;
	display: block;
	text-indent: -9000px;
}
.new .smssrch a:hover { background:url(../img/smssrch2.png) no-repeat; }
.new .ada a
{
	background:url(../img/ada.png) no-repeat;
	width: 46px;
	height: 50px;
	display: block;
	text-indent: -9000px;
}
.new .ada a:hover { background:url(../img/ada2.png) no-repeat; }
.new .mst a
{
	background:url(../img/mst.png) no-repeat;
	width: 58px;
	height: 50px;
	display: block;
	text-indent: -9000px;
}
.new .mst a:hover { background:url(../img/mst2.png) no-repeat; }
.new .dkd a
{
	background:url(../img/2dk.png) no-repeat;
	width: 51px;
	height: 50px;
	display: block;
	text-indent: -9000px;
}
.new .dkd a:hover { background:url(../img/2dk2.png) no-repeat; }
.new .txi a
{
	background:url(../img/taxi.png) no-repeat;
	width: 56px;
	height: 50px;
	display: block;
	text-indent: -9000px;
}
.new .txi a:hover { background:url(../img/taxi2.png) no-repeat; }
.new .ngt a
{
	background:url(../img/night.png) no-repeat;
	width: 83px;
	height: 50px;
	display: block;
	text-indent: -9000px;
}
.new .ngt a:hover { background:url(../img/night2.png) no-repeat; }
.new .split
{
	background:url(../img/split.png) no-repeat;
	width:2px;
	height: 50px;
	margin:0;
	padding:0;
}
.slidik
{
	background:url(../img/bg_content.gif) repeat-x;
	width: 48%;
	float: left;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align:center;
	position: relative;
	height: 530px;
	margin-left: 10px;
	margin-top: 10px;
}
.slidik img { padding-top: 10px; }
.slidik p
{
	text-align: justify;
	margin-top: 10px;
	height: 70px;
	margin-right: 10px;
}