/* CSS Document */
/* index.php */
body {margin:0; padding:0; font: normal normal 11px/1.2 Verdana, Arial,Helvetica; color:#000;
 background: #bddfff url(../bg_imgs/background_10x1050.gif) repeat-x;}
a, a:active, a:focus {text-decoration:none; border: none;}
img {float:left; border:none; margin:0;}
#wrap {position:relative; width:990px; margin:0 auto; padding:0; background: transparent; border-bottom: 0px solid #f00;}
#header {float: left; height: 70px; padding: 0; border: none; margin-left: 15px; border:none;}
#header a.vyb {float:left; color:#000; border: none; width:auto; height:70px; margin:0;}
#header a.img1 {background:url(../bg_imgs/hlavicka_menu_produkty.gif) top left; width: 115px;  height: 70px;border: none;}
#header a.img1:hover {background-position: top right;}
#header a.img2 {background:url(../bg_imgs/hlavicka_menu_deti.gif) top left; width: 102px;  height: 70px;border: none;}
#header a.img2:hover {background-position: top right;}
#header a.img3 {background:url(../bg_imgs/hlavicka_menu_prakticke.gif) top left; width: 110px;  height: 70px;border: none;}
#header a.img3:hover {background-position: top right;}
#vyhledej {float: left; height: 22px;margin: 38px 0 0 24px;}
#hlx {position: absolute;top: -20px; left:730px;z-index: 2;}
#vyhledej .hledat {float:left; width: 154px; height:20px; margin: 0 4px 0 0; padding: 4px 0 0 4px;
 background:#fefeff; border:1px solid #283c7c; color:#15397f;}
#vyhledej .hledbtn {width: 60px; height: 24px; border: none; margin: 0; padding: 0; cursor: pointer;
  background: url(../bg_imgs/hlavicka_menu_hledej_60x24.gif) top left no-repeat;}
#vyhledej .hledbtn:hover {background-position: top right;}
#content {float: left; width: 990px; margin:0; padding:0; height: 350px; background:transparent;}
/*#content span {float: left;margin: 10px 0 0 270px;border:1px solid #f00;} */
#footer {clear:both; width:974px; height: 40px; padding: 4px 0 0 15px;border: 0; font-size: 9px;
  margin: 0; background:transparent;color:#15397f;}
#footer a,#footer a:hover,#footer a:visited {text-decoration:none; color:#15397f;;}
#hlmenu {float: left; border: none; width:990px; height:90px; padding:0 0 0 0px;
  background: url(../bg_imgs/menu_990x90.gif) top left; border: none; overflow: hidden;}
.modre {float: left; border: none; width:990px; height:60px; padding:0 0 0 0px; overflow: hidden;
  background: transparent; border: none;}
.modre a.menu {float:left; color:#000;text-decoration:none; border: none; height:58px; margin:0;}
.modre a.obr1 {float: left; background:url(../bg_imgs/menu_modre_pasty.gif) top left; width: 128px;}
.modre a.obr1:hover {background-position: top right;}
.modre a.obr2 {float: left;background:url(../bg_imgs/menu_modre_kartacky.gif) top left; width: 134px;}
.modre a.obr2:hover {background-position: top right;}
.modre a.obr3 {float: left;background:url(../bg_imgs/menu_modre_vody.gif) top left; width: 108px;}
.modre a.obr3:hover {background-position: top right;}
.modre a.obr4 {float: left;background:url(../bg_imgs/menu_modre_nite.gif) top left; width: 138px;}
.modre a.obr4:hover {background-position: top right;}
.modre a.obr5 {float: left;background:url(../bg_imgs/menu_modre_detske_hrysezoubky.gif) top left; width: 144px;}
.modre a.obr5:hover {background-position: top right;}
.modre a.obr6 {float: left;background:url(../bg_imgs/menu_modre_detske_moje_zoubky.gif) top left; width: 122px;}
.modre a.obr6:hover {background-position: top right;}
.bile {float: left; border: none; width:942px; height:14px; padding: 0px 0 0 16px; background: transparent;border: none;}
.bile a.menu {float:left; color:#000;text-decoration:none; border: none; height:14px; margin:0;}
.bile a.obr1 {float: left; background:url(../bg_imgs/menu_bile_od3d_90x14.gif) top left; width: 90px;}
.bile a.obr1:hover {background-position: top right;}
.bile a.obr2 {float: left;background:url(../bg_imgs/menu_bile_odol_54x14.gif) top left; width: 54px;}
.bile a.obr2:hover {background-position: top right;}
.bile a.obr3 {float: left;background:url(../bg_imgs/menu_bile_detske_pasty_100x14.gif) top left; width: 100px;}
.bile a.obr3:hover {background-position: top right;}
.bile a.obr4 {float: left;background:url(../bg_imgs/menu_bile_detske_kartacky_118x14.gif) top left; width: 118px;}
.bile a.obr4:hover {background-position: top right;}
.bile a.obr5 {float: left;background:url(../bg_imgs/menu_bile_detske_vody_96x14.gif) top left; width: 96px;}
.bile a.obr5:hover {background-position: top right;}
.bile a.obr6 {float: left;background:url(../bg_imgs/menu_bile_detske_pexeso_100x14.gif) top left; width: 66px;}
.bile a.obr6:hover {background-position: top right;}
.bile a.obr7 {float: left;background:url(../bg_imgs/menu_bile_detske_omalovanky_100x14.gif) top left; width: 100px;}
.bile a.obr7:hover {background-position: top right;}
#obraz_uvod {float: left; position: relative;height:410px;width:990px;}
#obraz_zuby {float: left; position: relative; height:410px;width:990px;z-index: 0;}
.hry1 {position: absolute; top: 10px; left: 4px; width: 380px; margin:0 325px 0 285px; overflow:hidden;color:#15397f;z-index: 1}
.hry2 {position: absolute; top: 160px; left: 4px; width: 380px; margin:0 325px 0 285px; overflow:hidden;color:#15397f;z-index: 1}
.hry3 {position: absolute; top: 280px; left: 4px; width: 380px; margin:0 325px 0 285px; overflow:hidden;color:#15397f;z-index: 1}
.hry2 a.menx {float:left; color:#000; text-decoration:none; border: none; height:116px; margin:0;}
.hry2 a.omal {float: right;background:url(../bg_imgs/uvodni_stranka_detska_hry_tlacitko_omalovanka_176x116.png) top left; width: 176px;}
.hry2 a.omal:hover {background-position: top right;}
.hry2 a.pexe {float: left;background:url(../bg_imgs/uvodni_stranka_detska_hry_tlacitko_pexeso_176x116.png) top left; width: 176px;}
.hry2 a.pexe:hover {background-position: top right;}
.zuby_obal1 {position: absolute; top: 0px; left: 4px; float: left; width: 406px; margin:0 0 0 280px; height: 98px; border: 0px solid #0f0;}
.zuby_obal2 {position: absolute; top: 140px; left: 4px; float: left; width: 406px; margin:0 0 0 280px; height: 98px; border: 0px solid #0f0;}
.zuby_obal3 {position: absolute; top: 260px; left: 4px; float: left; width: 406px; margin:0 0 0 280px; height: 98px; border: 0px solid #0f0;}
.zuby {float: left; width: 320px;  height: 106px; margin:0; text-align: justify; color: #15397f; overflow: border: 1px solid #00f;}
.zuba {position:absolute; top:0; right: 0;width: 80px; height: 100px;margin:0px 0 0 0px; border: 0px solid #f00;z-index:100;}
.zuba a {float: right;width: 80px; height: 98px;margin: 0; text-decoration: none;z-index:100;border: 0px solid #00f;}
#cesta {float:left; height: 20px; margin: 0 0 8px 28px; color: #15397f;}
#cesta a, #cesta a:visited {color: #15397f;}
#cesta a:hover {color: #ec1c24;}
#content {position:relative; float: left; width:976px; height:350px; margin-left:14px;}
#ltext {float: left; position: relative; width:260px; height:340px; background: url(../bg_imgs/sloupec_260x340.png);}
.nove {position: absolute; top: 8px; left: 190px; width:64px; height:60px; margin:0;z-index: 20;}
#ltext span {float:left;width:211px; height:240px; margin:10px 0 0 17px; overflow: hidden; color: #15397f;}
.lobsah {float:left;width:213px; height:260px; margin:10px 0 0 20px; overflow: hidden; color: #15397f;}
.lobsah a,#ltext span a:visited, #ltext span a:hover {color: #ec1c24;}
#ctext {float: left; width:444px; height:340px; margin-right: 4px; border: 0px solid #0f0;}
#rtext {float: left; width:260px; height:340px; background: url(../bg_imgs/sloupec_pravy_260x340.png);}
#rtext .robsah {float:left;width:216px; height:260px; margin:10px 0 0 20px; overflow: hidden; color: #15397f;
 background: transparent;}
.vyj_cont {float: left; height:260px; margin:80px 20px 0 20px; overflow: hidden; color: #15397f;}
#rtext .robsah a, #ltext span a:visited, #ltext span a:hover {color: #ec1c24;}
#rtext .robsah i a {position:absolute;top: 300px; left:870px;width:74px; height:1.1em; margin:0; z-index: 20;color: #ec1c24;}
.roll1 {float:left; width: 990px; height:200px; background:transparent; border-top: 0px solid #00f;}
.bannery {float:left; border: 0px solid #0f0; margin:0 0 0 14px; width: 976px;overflow: hidden;}
.rbanner {float:left; border: 0px solid #0f0; margin:16px 0 0 20px; width: 250px;overflow: hidden;}
.lbanner {float:left; border: 0px solid #0f0; margin:20px 0 0 10px; width: 270px;overflow: hidden;min-height:200px;}
.vyhltext {float:left; width: 430px;background: none; margin: 20px 0 0 0;border-top: 1px solid #ddd;padding-top:10px;color:#15397f;}
.vyhltext ul {margin:16px; padding:0;list-style-type: disc;}
.vyhledobal {float:left; width: 650px;background: none; margin: 20px 0 0 40px;border-top: 1px solid #ddd;padding-top:10px;}
.banner_1 {float:left; border: 0px solid #0f0; margin:0; width: 242px; height: 170px;overflow: hidden;}
.cara1 {position: absolute; top:0;left: 0px;width: 10px; height: 1000px; border-left: 1px solid #f00;z-index: 90}
.cara2 {position: absolute; top:0;left: 15px;width: 10px; height: 1000px; border-left: 1px solid #0f0;z-index: 90}
.cara3 {position: absolute; top:0;left: 975px;width: 10px; height: 1000px; border-left: 1px solid #0f0;z-index: 90}
.cara4 {position: absolute; top:0;left: 990px;width: 2px; height: 1000px; border-right: 1px solid #f00;z-index: 90}