* {padding:0px;margin:0px;}
body {font-family:Arial, Helvetica, sans-serif; font-size: 10pt;  background: url("image/body-bg.gif") center top repeat;}
a img {border:none;}
.uzavirac {display:block; height:72px;overflow:hidden;clear:both;}
.uzav {display:block; overflow:hidden;clear:both;}
#page {width:916px;margin:0px auto;background: url("image/page-bg.gif") center top repeat;}
#ifr {position:absolute; top:-23px; z-index:55; width:100%; }
#adv {position:absolute; top:0px; z-index:155; left:526px;}
#advert {float:right; position:absolute; top:121px; z-index:155; left:536px; width:400px;}
#hlava {background: url("image/hlava.jpg") center top no-repeat;width:916px;height:280px;
       position:absolute; top:0px; z-index:95;}
#hlava .logo {float:left;margin:15px 0 0 27px;}
#hlava a.logo {color:#4F63DF;text-decoration:none;font-weight:bold; font-size:34px; margin:25px 0 0 5px;}
#hlava .logo span {color:#FF9900;}
#hlava .info-nav {margin-left:42px;margin-top:10px;}
#hlava .info-nav a {color:#99a87b;font-size:12px;text-decoration:underline;margin-right:7px;}
#hlava .info-nav a:hover {text-decoration:none;}
#hlava #menu {margin-left:30px;}
#hlava #menu a {float:left;height:31px;margin-right:17px;color:#ffffff;text-decoration:none;
       font-size:18px;font-weight:bold; display: block; padding: 7px 18px 0 18px;}
#hlava #menu a:hover {background:#80B379; color:#FFFF00;}      
#hlava #menu a span {}
#hlava #menu a.temata {background: url("../img/novinky.gif") center top no-repeat;width:106px;}
#hlava #menu a:hover.temata {background: url("../img/novinky-hover.gif") center top no-repeat;}
#hlava #menu a.melodie {background: url("../img/melodie.gif") center top no-repeat;width:98px;}
#hlava #menu a:hover.melodie {background: url("../img/melodie-hover.gif") center top no-repeat;}
#hlava #menu a.tapety {background: url("../img/tapety.gif") center top no-repeat;width:184px;}
#hlava #menu a:hover.tapety {background: url("../img/tapety-hover.gif") center top no-repeat;}
#hlava #menu a.java {background: url("../img/java.gif") center top no-repeat;width:200px;}
#hlava #menu a:hover.java {background: url("../img/java-hover.gif") center top no-repeat;}
#hlava #menu a.videa {background: url("../img/videa.gif") center top no-repeat;width:74px;}
#hlava #menu a:hover.videa {background: url("../img/videa-hover.gif") center top no-repeat;}
#hlava #menu a.loga {background: url("../img/loga.gif") center top no-repeat;width:162px;}
#hlava #menu a:hover.loga {background: url("../img/loga-hover.gif") center top no-repeat;}
#hlava .nav-obal {background: url("../img/nav-bg.gif") center top no-repeat;height:29px;padding-top:5px;margin-top:-1px;}
#hlava .nav-obal .drobeckova-navigace {margin-left:20px;color:#fff;}
#hlava .nav-obal .drobeckova-navigace a {color:#fff;font-size:14px;text-decoration:underline;margin-right:5px;margin-left:5px;}
#hlava .nav-obal .drobeckova-navigace a.active {text-decoration:none;}
#hlava .nav-obal .drobeckova-navigace a:hover {text-decoration:none;}
#hlava .nav-obal .navigace {margin-left:20px;margin-top:10px;color:#fff;}
#hlava .nav-obal .navigace a {color:#fff;font-size:14px;text-decoration:underline;margin-right:5px;margin-left:5px;}
#hlava .nav-obal .navigace a.active {text-decoration:none;}
#hlava .nav-obal .navigace a:hover {text-decoration:none;}

#telo {margin-top:237px;margin-left:22px;margin-right:22px;}

/* SPECIAL */
#kategorie h2 {background:#72A8D6;height:23px; padding: 4px 0 0 0; border-bottom:1px solid #5E9CD0;}
#kategorie h2 span { padding: 0px 10px 0 10px; font-size: 12pt; }
#kategorie #katitems a{ display:block; width:134px; font-size:10pt;float:left;
 border:1px solid #86B4DC; margin:4px; text-align: center; background:#C0CDD5; color:#000; text-decoration: none; }
#kategorie #katitems a:hover{ border:1px solid #fff;  text-decoration: underline;}
#kategorie #katitems a b{ display: block; font-weight: normal; height:14px; border:0px solid Black; margin:0 0 5px 0; }
.katbox { color:#fff; background:#C1D9ED; padding: 8px;}
.katbox a{ font-size: 9pt; color:#000;}
#detail .ddleft { width: 200px; background:#fff; text-align: center; float:left; padding:0 0 0 0;}
#detail .ddleft ._img{ margin:0 0 0 45px;}
#detail .dimg { padding:5px 0 0 0; background:#5688BA; text-align: center; }
#detail .dimg img{ margin: 5px 0px 5px 0px; }
#detail .ddetail { width: 650px; padding:10px; float:left; background: #fff;}
#detail .ddetail b{ display: block; color:#000; }
#detail .ddetail .sms_navod{ text-align: center; color:#000; font-size:16pt; }
#detail .ddetail .sms_navod i{ font-style: normal; font-weight: bold; color:#406E9D; }
#detail .ddetail .compatibility { line-height:normal; padding:5px; margin:5px; background:#CCCCCC; font-size:8pt; font-style: normal; font-weight: normal; color:#406E9D; }
#detail h1{ color:#000; margin:0 0 15px 0; }
#domain { position:absolute; top:88px; margin:0px 0px 0px 130px; color:#909090; 
        font-weight:bold; text-decoration:none; z-index:55; font-size:12pt;}
#doma {position:absolute; top:109px; margin:0px 0px 0px 140px; color:#4F63DF; 
        font-weight:bold; text-decoration:none; z-index:55; font-size:10pt;}


/* Definice pro IE */
* html #telo {margin-left:19px;}

#telo #nej-tapety {width:265px;height:142px;float:left;background: url("../img/nejoblibenejsi-tapety-bg.gif") center top repeat-x;background-position:0px 21px;margin-left:7px;}
#telo #nej-tapety h2 {background: url("../img/nejoblibenejsi-tapety.gif") center top no-repeat;height:21px;}
#telo #nej-tapety h2 span {display:none;}
#telo #nej-tapety img {float:left;margin-left:5px;margin-top:10px;}
#telo #nej-tapety a.button {float:left;margin-top:9px;background: url("../img/button-vice-tapet.gif") center top no-repeat;height:20px;line-height:20px;width:98px;color:#fff;font-weight:bold;font-size:12px;text-align:center;text-decoration:underline;}
#telo #nej-tapety a:hover.button {text-decoration:none;}
#telo #nej-tapety img.top {float:right;margin-left:5px;margin-top:9px;}

/* Definice pro IE */
* html #telo #nej-tapety {margin-left:4px;}

#telo #stahuj-novinky {margin-left:8px;width:589px;height:142px;float:left;background: url("../img/stahuj-novinky-bg.gif") center top repeat-x;background-position:0px 120px;}
#telo #stahuj-novinky flash {}
#telo #stahuj-novinky a.button {float:left;margin-top:1px;background: url("../img/button-stahuj-novinky.gif") center top no-repeat;height:20px;line-height:20px;width:129px;color:#fff;font-weight:bold;font-size:12px;text-align:center;text-decoration:underline;}
#telo #stahuj-novinky a:hover.button {text-decoration:none;}
#telo #stahuj-novinky img.top {float:right;margin-left:5px;margin-top:1px;}

/* Definice pro IE */
* html #telo #stahuj-novinky a.button {margin-top:-2px;}
* html #telo #stahuj-novinky img.top {margin-top:-2px;}

#telo #nej-animace {width:265px;height:152px;float:left;background: url("../img/nejoblibenejsi-animace-bg.gif") center top repeat-x;background-position:0px 21px;margin-left:7px;margin-top:6px;}
#telo #nej-animace h2 {background: url("../img/nejoblibenejsi-animace.gif") center top no-repeat;height:21px;}
#telo #nej-animace h2 span {display:none;}
#telo #nej-animace img {float:left;margin-left:9px;margin-top:10px;}
#telo #nej-animace .promo {font-size:10px;font-family:Verdana;color:#fff;width:265px;text-align:center;}
#telo #nej-animace a.button {float:left;margin-top:7px;background: url("../img/button-vice-animaci.gif") center top no-repeat;height:20px;line-height:20px;width:112px;color:#fff;font-weight:bold;font-size:12px;text-align:center;text-decoration:underline;}
#telo #nej-animace a:hover.button {text-decoration:none;}
#telo #nej-animace img.top {float:right;margin-left:5px;margin-top:7px;}

/* Definice pro IE */
* html #telo #nej-animace {margin-left:4px;}

#telo #hit-melodie {width:341px;height:152px;float:left;background: url("../img/hitparada-melodie-bg.gif") center top repeat-x;background-position:0px 21px;margin-left:8px;margin-top:6px;}
#telo #hit-melodie h2 {background: url("../img/hitparada-melodie.gif") center top no-repeat;height:21px;}
#telo #hit-melodie h2 span {display:none;}
#telo #hit-melodie a {margin-top:10px;width:80px;float:left;margin-left:4px;text-align:center;color:#363232;font-weight:bold;font-size:11px;text-decoration:none;}
#telo #hit-melodie a:hover {text-decoration:underline;}
#telo #hit-melodie a.stahuj {background: url("../img/nota.gif") left no-repeat;margin-left:14px;margin-top:5px;width:70px;text-align:center;font-style:normal;font-weight:normal;text-decoration:underline;}
#telo #hit-melodie a:hover.stahuj {text-decoration:none;}
#telo #hit-melodie a.button {float:left;margin-top:7px;margin-left:0px;background: url("../img/button-vice-polyfonnich.gif") center top no-repeat;height:20px;line-height:20px;width:141px;color:#fff;font-weight:bold;font-size:12px;text-align:center;text-decoration:underline;}
#telo #hit-melodie a:hover.button {text-decoration:none;}
#telo #hit-melodie img.top {float:right;margin-left:5px;margin-top:7px;}

#telo #hit-zvuk {width:240px;height:152px;float:left;background: url("../img/hitparada-melodie-bg.gif") center top repeat-x;background-position:0px 21px;margin-left:7px;margin-top:6px;}
#telo #hit-zvuk h2 {background: url("../img/hitparada-zvuku.gif") center top no-repeat;height:21px;}
#telo #hit-zvuk h2 span {display:none;}
#telo #hit-zvuk a {width:160px;background: url("../img/nota.gif") left no-repeat;margin-left:5px;float:left;margin-top:3px;font-style:normal;text-decoration:none;color:#363232;font-weight:bold;font-size:12px;padding-left:23px;}
#telo #hit-zvuk a:hover {text-decoration:underline;}
#telo #hit-zvuk a.stahuj {width:20px;background: url("../img/stahuj-mala-modra.gif") left no-repeat;background-position:0px 4px;margin-left:5px;float:left;margin-top:5px;font-style:normal;color:#363232;font-weight:bold;font-size:10px;padding-left:10px;text-decoration:underline;}
#telo #hit-zvuk a:hover.stahuj {text-decoration:none;}
#telo #hit-zvuk a.button {float:left;margin-top:3px;margin-left:0px;padding:0px;background: url("../img/button-vice-zvuku.gif") center top no-repeat;height:20px;line-height:20px;width:163px;color:#fff;font-weight:bold;font-size:12px;text-align:center;text-decoration:underline;}
#telo #hit-zvuk a:hover.button {text-decoration:none;}
#telo #hit-zvuk img.top {float:right;margin-left:5px;margin-top:3px;}

#telo #java-hry {width:862px;height:152px;float:left;background: url("../img/java-hry-na-mobil-bg.gif") center top repeat-x;background-position:0px 21px;margin-left:7px;margin-top:6px;}
#telo #java-hry h2 {background: url("../img/java-hry-na-mobil.gif") center top no-repeat;height:21px;}
#telo #java-hry h2 span {display:none;}
#telo #java-hry .box {margin-left:10px;float:left;width:270px;margin-top:12px;}
#telo #java-hry .box h3 {color:#363232;font-size:14px;font-weight:bold;float:left;margin-left:10px;}
#telo #java-hry .box img {float:left;border:1px solid #908f3e;}
#telo #java-hry .box p {width:170px;font-size:11px;margin-left:10px;float:left;margin-top:5px;}
#telo #java-hry a.stahuj {width:100px;background: url("../img/stahuj-velka-hneda.gif") left no-repeat;background-position:0px 5px;margin-left:5px;float:left;margin-top:5px;font-style:normal;color:#363232;font-weight:normal;font-size:12px;padding-left:15px;text-decoration:underline;}
#telo #java-hry a:hover.stahuj {text-decoration:none;}
#telo #java-hry a.button {float:left;margin-top:15px;margin-left:0px;padding:0px;background: url("../img/button-vice-javaher.gif") center top no-repeat;height:20px;line-height:20px;width:116px;color:#fff;font-weight:bold;font-size:12px;text-align:center;text-decoration:underline;}
#telo #java-hry a:hover.button {text-decoration:none;}
#telo #java-hry img.top {float:right;margin-left:5px;margin-top:15px;}

#telo #video-na-mobil {width:862px;height:173px;float:left;background: url("../img/video-na-mobil-bg.gif") center top repeat-x;background-position:0px 21px;margin-left:7px;margin-top:6px;}
#telo #video-na-mobil h2 {background: url("../img/video-na-mobil.gif") center top no-repeat;height:21px;}
#telo #video-na-mobil h2 span {display:none;}
#telo #video-na-mobil .pas {padding-left:21px;background: url("../img/pas.gif") center no-repeat;width:809px;height:110px;margin-top:10px;margin-left:16px;}
#telo #video-na-mobil .pas .box {float:left;width:160px;}
#telo #video-na-mobil .pas .box h3 {font-size:12px;color:#363232;}
#telo #video-na-mobil .pas .box img {margin-top:7px;}
#telo #video-na-mobil a.stahuj {width:100px;background: url("../img/stahuj-velka-fialova.gif") left no-repeat;background-position:0px 5px;float:left;margin-top:5px;font-style:normal;color:#363232;font-weight:normal;font-size:12px;padding-left:15px;text-decoration:underline;}
#telo #video-na-mobil a:hover.stahuj {text-decoration:none;}
#telo #video-na-mobil a.button {float:left;margin-top:10px;margin-left:0px;padding:0px;background: url("../img/button-vice-videi.gif") center top no-repeat;height:20px;line-height:20px;width:98px;color:#fff;font-weight:bold;font-size:12px;text-align:center;text-decoration:underline;}
#telo #video-na-mobil a:hover.button {text-decoration:none;}
#telo #video-na-mobil img.top {float:right;margin-left:5px;margin-top:10px;}

#telo #neprehlednete {width:862px;height:163px;float:left;background: url("../img/neprehlednete-bg.gif") center top repeat-x;background-position:0px 21px;margin-left:7px;margin-top:6px;}
#telo #neprehlednete h2 {background: url("../img/neprehlednete.gif") center top no-repeat;height:21px;}
#telo #neprehlednete h2 span {display:none;}
#telo #neprehlednete img {margin-left:20px;margin-top:13px;}
#telo #neprehlednete img.top {float:right;margin-left:5px;margin-top:7px;}

#pata {margin:0px auto;height:35px;color:#555555;font-size:10px;text-align:center;line-height:35px;}