/* CSS Document www.prodej-o2.cz style.css*/
body {
   margin: 0px;
   padding: 0px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 75%;
   color:#000;
   text-align:center;
   background: #fff url(images/bg_body.png) 0px 0px repeat-x;
}
a:link {
  color:#000;
	text-decoration: none;
}
a:visited {
  color:#000;
	text-decoration: none;
}	
a:active {
  color:#000;
	text-decoration: none;
}
a:hover {
	color:#000;
	text-decoration: none;
}
form{
  margin:0px;
  padding:0px;
}
img{
  border:0px;
  margin:0px;
  padding:0px;
}
.cleaner
{
  clear:both;
  display:block;
  font-size:0px;
  height:0px;
  overflow:hidden;
  line-height:0px;
}
table
{
  font-size:1em;
  margin-bottom:1.1em;
}
.noprint
{
  display:none;
}
#box1
{
  text-align:left;
  margin:0px auto 0px auto;
  width: 986px;
  padding:0px 0px 0px 0px;
  background: url(images/bg_lidi.jpg) 100% 100% no-repeat;
}
#logo
{
  position:relative;
  width: 265px;
  height:109px;
  overflow:hidden;
}
#logo div
{
  padding:10px 0px 0px 20px;
  text-align:left;
  font-size:20px;
  color:#000;
}
#logo a
{
  display:block;
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  width: 265px;
  height:109px;
  background: url(images/logo.png) no-repeat;
}
#top .kontakt
{
  position:absolute;
  width:600px;
  height:89px;
  top:0px;
  padding-top:20px;
  margin-left:386px;
  background: url(images/mapa.jpg) 100% 100% no-repeat;
}
#top .kontakt .title
{
  color:#0e1f7f;
  padding:0px 0px 0px 15px;
}
#top .kontakt ul
{
  margin:0px;
  padding:0px;
}
#top .kontakt li
{
  margin:4px 0px 4px 0px;
  padding:0px 0px 0px 15px;
  list-style-type:none;
  background: url(images/odrazka.gif) 0px 3px no-repeat;
}
#top .kontakt a:link, #top .kontakt a:active, #top .kontakt a:visited
{
  color:#324e77;
  text-decoration:underline;
}
#top .kontakt a:hover
{
  color:#324e77;
  text-decoration:none;
}
#bannery
{
  width:986px;
  height:149px;
}
#bannery div
{
  font-size:20px;
  color:#fff;
  float:left;
  font-weight:normal;
  position:relative;
  height:149px;
}
#bannery div a
{
  display:block;
  color:#fff;
  text-align:right;
  padding:110px 0px 0px 0px;
  height:39px;
}
#bannery div a:hover
{
  text-decoration:underline;
}
div#ban_tv
{
  width:202px;
  background: #2a4164 url(images/ban_tv.jpg) no-repeat;
}
div#ban_tv a
{
  width:187px;
  padding-right:15px;
}
div#ban_net
{
  width:196px;
  background: #b42a46 url(images/ban_net.jpg) no-repeat;
}
div#ban_net a
{
 width:181px;
 padding-right:15px;
}
div#ban_net_mobil
{
  width:196px;
  background: #fbb311 url(images/ban_net_mobil.jpg) no-repeat;
}
div#ban_net_mobil a
{
 width:181px;
 padding-right:15px;
}
div#ban_telefon
{
 width:195px;
  background: #488354 url(images/ban_telefon.jpg) no-repeat;
}
div#ban_telefon a
{
   width:180px;
   padding-right:15px;
}
div#ban_mobil
{
 width:197px;
  background: #6c3073 url(images/ban_mobil.jpg) no-repeat;
}
div#ban_mobil a
{
   width:182px;
   padding-right:15px;
}
#panel_left
{
  width:679px;
  float:left;
}
#panel_right
{
  width:287px;
  float:right;
  min-height:680px;
  _height:680px;
  margin-top:56px;
}
#panel_left h1
{
  font-size:18px;
  color:#324e77;
  height:41px;
  line-height:41px;
  margin:0px 0px 0px 0px;
  padding:0px 20px 0px 20px;
}
#content
{
  padding:15px 0px 15px 20px;
  min-height:460px;
  _height:460px;
}
#content a:link, #content a:visited, #content a:active{
  color:#d51139;
  text-decoration:underline;
}
#content a:hover{
  color:#d51139;
  text-decoration:none;
}
#content h2 
{
  color:#d51139;
  font-size:18px;
  margin:0em 0px 0.5em 0px;
  padding:0.4em 0px 0px 0px;
}
#content h2.presun 
{
  float:right;
  color:#50a0db;
  font-size:13px;
  padding-top:10px;
}
#content h2.presun a:link,#content h2.presun  a:visited, #content h2.presun  a:active{
  color:#50a0db;
  text-decoration:underline;
}
#content h2.presun  a:hover{
  color:#50a0db;
  text-decoration:none;
}
#content .boxik1 h2,#content .boxik2 h2,#content .boxik3 h2,#content .boxik4 h2,#content .boxik5 h2{
  font-size:14px;
} 
#content h3 
{
  color:#d51139;
  font-size:14px;
  margin:0em 0px 0.5em 0px;
  padding:0.4em 0px 0px 0px;
}
#content h3.bigger 
{
  font-size:16px;
}
#content h4
{
  color:#000;
  font-size:1em;
  margin:0px 0px 0.3em 0px;
  padding:0px 0px 0px 0px; 
}
#content h5
{
  color:#000;
  font-size:1em;
  font-weight:normal;
  margin:0px 0px 0.3em 0px;
  padding:0px 0px 0px 0px;
}
#content p
{
  margin:0px 0px 1em 0px;
  padding:0px 0px 0px 0px;
  line-height:1.3em;
  text-align:justify;
}
#content p.text
{
  height:0px;
  width:0px;
  overflow:hidden;
  margin:0px;
  padding:0px;
  line-height:0px;
}

#content p.zkrat
{
  padding:0px 280px 0px 0px;
}
#content p.block
{
  text-align:justify;
}
#content p.right
{
  text-align:right;
}
#content p.center
{
  text-align:center;
}
#content ul
{
  margin:0px 0px 1em 25px;
  line-height:1.2em;
  font-size:1em;
  padding:0px 0px 0px 0px;
}
#content ol
{
  margin:0px 0px 1em 30px;
  line-height:1.2em;
  font-size:1em;
  padding:0px 0px 0px 0px;
}
#content ul li ul
{
  margin:0.6em 0px 1em 25px;
  padding:0px 0px 0px 0px;
}
#content li
{
  margin:0.5em 0px 0.5em 0px;
  padding:0px 0px 0px 0px;
}
#content li.bez
{
   list-style-type:none;
}
img.right
{
  float:right;
  margin-left:10px;
}
img.left
{
  float:left;
  margin-right:10px;
}
img.border
{
  border:1px solid #c7ecfb;
  padding:3px;
  background:#fff;
}
#footer
{
  height:40px;
  line-height:40px;
  color:#bbb;
  margin:0px auto 0px auto;
  width: 986px;
  font-size:11px;
}
#footer p
{
  margin:0;
  float:left;
  padding:0px 20px 0px 20px;
}
#footer p.right
{
  float:right;
  padding:10px 20px 0px 20px;
}
#footer a:link, #footer a:visited, #footer a:active{
  color:#bbb;
  text-decoration:underline;
}
#footer a:hover{
  color:#bbb;
  text-decoration:none;
}
.boxik1
{
 padding:8px 10px 1px 80px;
 margin-top:20px;
 background: #f1fafe url(images/ico_1.gif) 15px 15px no-repeat;
}
.boxik2
{
 padding:8px 10px 1px 80px;
 background: #e9f8fe url(images/ico_2.gif) 15px 15px no-repeat;
}
.boxik3
{
 padding:8px 10px 1px 80px;
 background: #f1fafe url(images/ico_3.gif) 15px 15px no-repeat;
}
.boxik4
{
 padding:8px 10px 1px 80px;
 background: #e9f8fe url(images/ico_4.gif) 15px 15px no-repeat;
}
.boxik5
{
 padding:8px 10px 1px 80px;
 background: #f1fafe url(images/ico_5.gif) 15px 15px no-repeat;
}
a.button:link, a.button:visited, a.button:active
{
  width:217px;
  height:47px;
  display:block;
  margin-left:0px;
  padding-left:50px;
  line-height:47px;
  font-size:23px;
  color:#fff;
  position:relative;
  z-index:20;
  background:  url(images/button.gif) 0px 0px no-repeat;
}
a.button:hover
{
  text-decoration:underline;
}
#duvody
{
  margin-left:0px;
  width:242px;
  background:  url(images/bg-duvody.png) 0px 0px no-repeat;
  font-size:13px;
  margin-top:10px;
  padding:12px 0px 0px 25px;
  height:188px;
}
#duvody ul
{
  padding:0px;
  line-height:1.5em;
  margin:5px 0px 10px 25px;
  color:#fff;
}
#duvody div
{
  font-size:15px;
  margin:10px 0 0 -25px;
  color:#fff;
  font-weight:bold;
  padding:0px 0px 0px 0px;
  text-align:center;
}
#bnr-adsl
{
  margin-left:0px;
  width:247px;
  display:block;
  color:#fff;
  background:  url(images/bnr-adsl.png) 0px 0px no-repeat;
  font-size:20px;
  text-align:center;
  line-height:30px;
  margin-top:10px;
  padding:20px 10px 0px 10px;
  height:180px;
}
#bnr-adsl strong
{
  font-size:24px;
} 
#content a.pdf{
  background: url(images/ico_pdf.gif) 0px 50% no-repeat;
  padding:0px 0px 0px 35px;
  line-height:2.2em;
  display:block;
}
#content a.doc{
  background: url(images/ico_doc.gif) 0px 50% no-repeat;
  padding:0px 0px 0px 35px;
  line-height:2.2em;
  display:block;
}
#content a.zip{
  background: url(images/ico_zip.gif) 0px 50% no-repeat;
  padding:0px 0px 0px 35px;
  line-height:2.2em;
  display:block;
}
#content a.xls{
  background: url(images/ico_xls.gif) 0px 50% no-repeat;
  padding:0px 0px 0px 35px;
  line-height:2.2em;
  display:block;
}
#content a.double
{
  padding:0px 0px 0px 35px; 
  line-height:1.1em;
}
#tableform
{
  border-collapse:collapse;
  width:100%;
}
#tableform td
{
  padding:2px 2px;
}
#tableform td.ods
{
  padding:3px 2px 2px 2px;
}
#tableform th
{
  padding:6px 2px 2px 2px;
  vertical-align:top;
  width:180px;
  text-align:left;
}
#tableform input
{
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
}
#tableform input.txt
{
  padding:4px 3px;
  width:220px;
  background:#e8f7fd;
  border:1px solid #555;
}
#tableform input.txts
{
  padding:2px 3px;
  margin:1px 7px 1px 0px;
  width:25px;
  background:#e8f7fd;
  border:1px solid #555;
}
#tableform textarea
{
  width:431px;
  height:120px;
  padding:4px 3px;
  background:#e8f7fd;
  font-size:12px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  border:1px solid #555;
}
#tableform .radio input
{
  margin:5px 0px;
  _margin:0px 0px;
}
#tableform label.ie6
{
  _position:relative;
  _top:-2px;
}
#tableform .CheckBox label
{
  padding:0px 10px 0px 4px;
  display:block;
  float:left;
  width:130px;
  margin:4px 0px;
  _margin:4px 0px 2px 0px;
}
#tableform .CheckBox input
{
  float:left;
  width:16px;
  margin:4px 0px;
  _margin:0px 0px 0px 0px;
}
#tableform .radio label
{
  padding:0px 10px 0px 4px;
  position:relative;
  top:-1px;
}
#tableform input.btn{
  background:#9cdb31 url(images/btn.gif) no-repeat;
  height:24px;
  line-height:24px;
  border:0px;
  color:#fff;
  text-align:center;
  width:150px;
  font-weight:bold;
  cursor:pointer;
}
.info
{
  padding:10px;
  background:#e7f6fc;
  color:#000;
  border:1px solid #555;
}
.mobilnitarify .ob
{
  margin-right:16px;
}
.ob
{
  width:70px;
  float:left;
  margin-right:2px;
  text-align:center;
  padding:0px 4px 0px 4px;
}
.odsadob
{
  margin-right:10px;
}
#content .ob h2
{
  color:#d51139;
  font-size:14px;
  margin:0px 0px 10px 0px;
  padding:0px;
}
#content .ob p
{
  margin:0px 0px 10px 0px;
  padding:0px;
  text-align:center;
  font-size:11px;
}
#content .ob p.small
{
  font-size:9px;
}
#content .ob p.big
{
  font-size:14px;
  text-align:center;
  font-weight:bold;
  margin-top:10px;
}
#content .ob p.big span
{
  font-size:10px;
  line-height:13px;
  font-weight:normal;
}
#content .ob p.popis
{
  font-weight:bold;
}
#content .ob1
{
  background: url(images/ob1.gif) no-repeat;
  padding-top:115px;
  height:285px;
}
#content .ob1 p.popis
{
  height:110px;
}
#content .ob2
{
  background: url(images/ob2.gif) no-repeat;
  padding-top:100px;
  height:300px;
}
#content .ob2 p.popis
{
  height:108px;
}
#content .ob3
{
  background: url(images/ob3.gif) no-repeat;
  padding-top:85px;
  height:315px;
}
#content .ob3 p.popis
{
  height:123px;
}
#content .ob4
{
  background: url(images/ob4.gif) no-repeat;
  padding-top:70px;
  height:330px;
}
#content .ob4 p.popis
{
  height:138px;
}
#content .ob5
{
  background: url(images/ob5.gif) no-repeat;
  padding-top:55px;
  height:345px;
}
#content .ob5 p.popis
{
  height:170px;
}
#content .ob6
{
  background: url(images/ob6.gif) no-repeat;
  padding-top:40px;
  height:360px;
}
#content .ob6 p.popis
{
  height:185px;
}
#content .ob7
{
  background: url(images/ob7.gif) no-repeat;
  padding-top:25px;
  height:375px;
}
#content .ob7 p.popis
{
  height:200px;
}
#content .ob8
{
  background: url(images/ob8.gif) no-repeat;
  padding-top:10px;
  height:390px;
}
#content .ob8 p.popis
{
  height:215px;
}
#content .boxtarif
{
  width:296px;
  position:relative;
  float:left;
  background:#e9f4f9;
  margin-right:10px;
   border:1px solid #02a2ec;
   padding:10px 7px;
   margin-bottom:20px;
}
#content .mobilnitarify .boxtarif
{
  padding:0px 10px;
}
#content .boxtarif .cena
{
  background: url(images/hvezda.gif) no-repeat;
  width:120px;
  height:69px;
  padding-top:40px;
  position:absolute;
  right:-10px;
  bottom:-25px;
  text-align:center;
  color:#fff;
  font-weight:bold;
  font-size:15px;
}
#content .boxtarif .cena span
{
 display:block;
 font-size:11px;
 font-weight:normal;
}
.news
{
  background:#f0f0f0;
  padding:10px;
  border:1px solid #bbb;
}
.news .more
{
  margin-left:15px;
}
.boxoddel
{
  padding:10px 10px 2px 10px;
  margin-bottom:15px;
   background:#e9f4f9;
   border:1px solid #02a2ec;
}
.boxoddel2
{
  padding:10px 10px 2px 10px;
  margin-bottom:15px;
   background:#f6f6f6;
   border:1px solid #eeeeee;
}
.boxoddel2 .red{color:#d41b40;}
.big{font-size:15px;}
.boxoddelmini
{
  padding:3px 10px 3px 10px;
  margin-bottom:3px;
   background:#e9f4f9;
   border:1px solid #02a2ec;
}
#content .boxoddelmini p
{
  margin-bottom:0px;
}
#content .boxoddelmini h3
{
  margin:0px;
  padding:0px;
}
.boxoddel .big
{
  font-size:15px;
  font-weight:bold;
}
.boxoddelmini .bigr
{
  font-size:15px;
  float:right;
  margin-left:20px;
  font-weight:bold;
}
.boxoddelmini .bigrbott
{
  font-size:15px;
  float:right;
  margin-left:20px;
  font-weight:bold;
  padding-top:30px;
}
#content .boxoddel a:link, #content .boxoddel a:active, #content .boxoddel a:visited, #content .boxoddel a:hover
{
  color:#000
}
#content strong.bigger 
{
  font-size:14px;
}
#content strong.bigger a:link, #content strong.bigger a:active, #content strong.bigger a:visited, #content strong.bigger a:hover
{
  color:#000
}
#content a.chci:link, #content a.chci:visited, #content a.chci:active
{
  width:160px;
  height:35px;
  display:block;
  margin-left:0px;
  line-height:35px;
  font-size:18px;
  color:#fff;
  text-align:center;
  text-decoration:none; 
  background:  url(images/btn_chci.gif) 0px 0px no-repeat;
}
#content a.chci:hover
{
  text-decoration:underline;
}
table.normal
{
	width:100%;
	border-collapse:collapse;
	background:#f4fbfe;
}
table.normal th
{
	text-align:left;
	padding:6px 5px;
	border:1px solid #ddf3fd;
}
table.normal td
{
	padding:6px 5px;
	border:1px solid #ddf3fd;
}
table.normal td.right
{
	text-align:right;
}
.box-blue{ width:320px; margin:0 9px 20px 0; float:left; }
.box-blue .bg{ width:320px; background:#eee;padding-bottom:1px;}
#content .box-blue h2{height:30px; width:320px; font-size:15px; background:#385580 url(images/box-title.png) 0px 0px no-repeat; color:#fff; line-height:30px; text-align:center; margin:0; padding:0; }
#content .box-blue h2 span{font-weight:normal;}
#content .box-blue h2 a:link, #content .box-blue h2 a:active, #content .box-blue h2 a:visited{color:#fff; text-decoration:none;}
#content .box-blue h2 a:hover{text-decoration:underline; color:#fff;}
#content .box-blue ul{margin:0; padding:0;}
#content .box-blue li{list-style-type:none; margin:0; padding:4px 0 4px 30px; background:url(images/bg-li.png) 17px 11px no-repeat; }
#content .box-blue li.double{padding:4px 0 26px 30px; }
#content .box-blue li.odd{background:#f6f6f6 url(images/bg-li.png) 17px 11px no-repeat; }
#content .box-blue p{height:39px; position:relative; width:195px; font-size:11px; line-height:16px; font-weight:bold; background:#fff url(images/box-white.png) 0px 0px no-repeat; color:#000000; margin:0px 5px 5px 5px; padding:5px 105px 0px 10px; }
#content .box-blue a.chci:link, #content .box-blue a.chci:visited, #content .box-blue a.chci:active{width:117px; margin:3px 0 0 165px; padding:6px 0px 0px 38px; height:31px; text-align:left; line-height:19px; display:inline-block; font-size:18px; color:#fff; text-decoration:none; background:  url(images/btn-chci.png) 0px 0px no-repeat;}
#content .box-blue a.chci:hover{color:#fff;}
#content .box-blue p strong{font-size:24px; position:absolute; right:5px; width:120px;top:10px; line-height:24px; display:inline-block; text-align:right;}
#content .box-blue p .gray{color:#575757;}
#content .box-blue p .red{color:#d41b40;}
#content .box-blue p .blue{color:#2e486f;}

.box-blue-small{margin:0 20px 20px 0;}

.boxes4-fake{height:329px;}
#boxes4{position:absolute; top:314px; width:950px;}
#boxes4 .box-blue{width:235px; margin:0 2px 20px 0;}
#boxes4 .box-blue .bg{ width:235px; }
#content #boxes4 .box-blue h2{width:235px;background:#385580 url(images/box-title4.png) 0px 0px no-repeat;}
#content #boxes4 .box-blue a.chci:link, #content #boxes4 .box-blue a.chci:visited, #content #boxes4 .box-blue a.chci:active{margin:3px 0 0 80px;}
#content #boxes4 .box-blue p{padding:5px 20px 0px 10px;background:#fff url(images/box-white4.png) 0px 0px no-repeat;}



.balicek{ width:210px; margin:0 9px 10px 0; float:left; background:#e8ebef url(images/bg-balicek.png) 0px 100% no-repeat;}
#content .balicek h3{height:30px; width:190px; font-size:14px;  color:#fff; line-height:30px; margin:0; padding:0 10px; }
#content .balicek sup{position:absolute; margin:3px 0 0 3px; font-size:11px; line-height:1;}
#content .balicek p{width:190px; font-size:11px; line-height:16px; color:#fff; margin:0px; padding:5px 10px; }
#content .balicek p.prog{background:#2a466d url(images/bg-balicek-prog.png) 0px 100% no-repeat; height:68px; margin:0;}
#content .balicek p.ceny{color:#000; line-height:20px; margin-bottom:0px;}
#content .balicek p .left{float:left; margin-top:2px;}
#content .balicek a.chci:link, #content .balicek a.chci:visited, #content .balicek a.chci:active{width:74px; margin:0px; padding:0px; height:18px; text-align:center; line-height:18px; display:inline-block; font-size:11px; color:#fff; text-decoration:none; background:  url(images/btn-chci-small.png) 0px 0px no-repeat; font-weight:bold;}
#content .balicek a.chci:hover{color:#fff;}
#content .balicek p strong{font-size:16px; float:right;}
#content .balicek p .red{color:#d41b40;}
#content .balicek p .blue{color:#2a466d;}
#content .balicek1 h3{ background:url(images/balicek1.png) no-repeat;}
#content .balicek2 h3{ background:url(images/balicek2.png) no-repeat;}
#content .balicek3 h3{ background:url(images/balicek3.png) no-repeat;}
#content .balicek4 h3{ background:url(images/balicek4.png) no-repeat;}
#content .balicek5 h3{ background:url(images/balicek5.png) no-repeat;}
#content .balicek6 h3{ background:url(images/balicek6.png) no-repeat;}
#content .balicek7 h3{ background:url(images/balicek7.png) no-repeat;}
#content .balicek8 h3{ background:url(images/balicek8.png) no-repeat;}
#content .balicek9 h3{ background:url(images/balicek9.png) no-repeat;}


.box-full{ width:650px; float:none; }
.box-full .bg{ width:650px; }
#content .box-full h2{width:650px; background:#385580 url(images/box-title-full.png) 0px 0px no-repeat;}
#content .box-full p{width:115px; font-size:11px; float:left; line-height:16px; font-weight:bold; background:#fff url(images/box-white-small.png) 0px 0px no-repeat; margin:0 0 5px 5px; padding:5px 90px 0px 5px; }
#content .box-full a.chci:link, #content .box-full a.chci:visited, #content .box-full a.chci:active{margin:3px 0 0 495px;}
#content .box-full p strong{width:85px;}
#content .box-full .zaklad{float:left; width:400px; height:150px; margin:5px 0 6px 0;}
#content .box-full .balicek{ background:#f6f6f6; padding:5px 0 0 0; float:left; border:1px solid #999; width:100px; height:100px; text-align:center; line-height:18px; margin:25px 0 0px 10px;}
#content .box-full .balicek span{font-size:30px; line-height:35px;}

#content h2.smaller{font-size:1.3em;}

.jsHide{display:none;}
.open-box .heading input{display:none;}
#content .reset{margin:0;}
.moreinfo{color:#D51139;  display:none; text-decoration:underline; margin:3px 0 0; font-weight:normal; font-size:11px; float:right; background:url(images/arr-more.png) 100% 65% no-repeat; padding:0 12px 0 0;}
.open-box label{}
#content .open-box p{text-align:left;}


