* {margin:0px;padding:0px;}
body {font-family:Arial, Helvetica, sans-serif;background-color:rgb(45,45,45);color:rgb(255,255,255);font-size:14px;}
a {color:rgb(255,255,255);text-decoration:underline;}
a:hover {text-decoration:none;}
a img {border:none;}
.uzavirac {display:block; height:1px;overflow:hidden;clear:both;}
span.invisible {display:none;}



#hlava {margin:0px auto;width:965px;height:165px;}
#hlava a img.logo {float:left;width:297px;height:108px;}
#hlava .obr-top {float:left;background: url("../img/obr-top.jpg") center bottom no-repeat;width:665px;height:23px;}
#hlava .obr-left {float:left;background: url("../img/obr-left.jpg") center bottom no-repeat;width:116px;height:60px;}
#hlava .reklama {float:left;background-color:rgb(255,255,255);width:468px;height:60px;}
#hlava .obr-right {float:left;background: url("../img/obr-right.jpg") center bottom no-repeat;width:84px;height:60px;}
#hlava .obr-bottom {float:left;background: url("../img/obr-bottom.jpg") center bottom no-repeat;width:368px;padding-left:300px;_padding-left:138px;padding-top:4px;height:21px;font-size:18px;color:rgb(255,255,255);}
#hlava .obr-bottom h1 {float:left;color:#ffbf06;font-size:18px; width: 530px;position: relative; left: -180px;_left: -80px}
#hlava a.domu {float:left;background: url("../img/domu.jpg") center bottom no-repeat;width:90px;height:57px;}
#hlava a.hraci {float:left;background: url("../img/hraci.jpg") center bottom no-repeat;width:76px;height:57px;}
#hlava a.stat {float:left;background: url("../img/stat.jpg") center bottom no-repeat;width:100px;height:57px;}
#hlava a.o_webu {float:left;background: url("../img/o_webu.jpg") center bottom no-repeat;width:86px;height:57px;}
#hlava a.odkazy {float:left;background: url("../img/odkazy.jpg") center bottom no-repeat;width:81px;height:57px;}
#hlava .hledej {float:left;background: url("../img/hledej.jpg") center bottom no-repeat;width:167px;height:57px;}
#hlava .hledej-top {float:left;background: url("../img/hledej-top.jpg") center bottom no-repeat;width:365px;height:8px;}
* html #hlava .hledej-top {margin-top:-8px}
#hlava .hledej-body {float:left;background: url("../img/hledej-body.jpg") center bottom repeat-x;width:349px;height:49px;}
#hlava .hledej-body input.text {float:left;background: url("../img/hledej-input.jpg") center top no-repeat;border:none;width:263px;height:21px;padding-left:7px;padding-top:5px;margin-left:15px;margin-top:10px;}
#hlava .hledej-body input.submit {float:left;margin-top:11px;margin-left:10px;}
#hlava .hledej-right {float:left;background: url("../img/hledej-right.jpg") center bottom no-repeat;width:13px;height:49px;}

#telo {margin:5px auto 22px;width:958px;background-color:rgb(67,67,67);}
#telo #body-1a {float:left;background: url("../img/body-1a.jpg") center bottom no-repeat;width:9px;height:4px;}
#telo #body-1b {float:left;background: url("../img/body-1b.jpg") center top no-repeat;width:5px;height:5px;}
#telo #body-s1 {float:left;background-color:rgb(67,67,67);width:940px;height:4px;}
#telo #body-2a {float:left;background: url("../img/body-2a.jpg") center bottom no-repeat;width:9px;height:4px;}
#telo #body-2b {float:right;background: url("../img/body-2b.jpg") center top no-repeat;width:5px;height:5px;}
* html #telo #body-1a {margin-top:-12px}
* html #telo #body-s1 {margin-top:-12px}
* html #telo #body-2a {margin-top:-12px}

#telo #leva {float:left;width:177px;}

#telo #leva #prihlaseni {float:left;width:176px;height:126px;background: url("../img/login.jpg") center top no-repeat;padding-top:60px;}
#telo #leva #prihlaseni label {float:left;color:#000;font-size:12px;line-height:26px;margin-left:7px;text-align:right;width:38px;}
#telo #leva #prihlaseni input.prihlaseni-input {float:right;border:none;background: url("../img/prihlaseni-input.jpg") center top no-repeat;height:21px;width:107px;padding-left:8px;margin-right:5px;padding-top:3px;margin-bottom:5px;}
#telo #leva #prihlaseni input.submit {float:right;margin-top:1px;margin-right:9px;}
#telo #leva #prihlaseni .uzavirac {display:block; height:13px;overflow:hidden;clear:both;}
#telo #leva #prihlaseni a {color:#000;font-size:12px;}

#telo #leva #uzivatel {float:left;width:176px;height:271px;background: url("../img/uzivatel-bg.jpg") center top no-repeat;}
#telo #leva #uzivatel h2 {float:left;margin-left:39px;margin-top:69px;margin-bottom:10px;color:rgb(27,49,136);font-weight:bold;font-size:14px;text-decoration:none;}
* html #telo #leva #uzivatel h2 {margin-left:20px;}
#telo #leva #uzivatel a {float:left;margin-left:3px;padding:5px 5px 5px 9px; background: url("../img/uzivatel-a.jpg") center bottom repeat-x;width:155px;height:16px;color:rgb(4,5,5);font-weight:bold;font-size:14px;text-decoration:none;}
#telo #leva #uzivatel a:hover {background: url("../img/uzivatel-a-hover.jpg") center bottom repeat-x;}


#telo #leva #kat a {float:left;color:rgb(255,255,255);margin-left:3px;padding:5px 5px 5px 9px; background: url("../img/leva-a.jpg") center bottom repeat-x;width:155px;height:16px;font-weight:bold;text-decoration:none;font-size:14px;}
#telo #leva #kat h3 a  {color:rgb(255,255,255);font-weight:bold;font-size:14px;}
#telo #leva #kat a.zluta {color:rgb(255,206,10);font-weight:bold;font-size:14px;}
#telo #leva #kat a:hover {background: url("../img/leva-a-hover.jpg") center bottom repeat-x;}
#telo #leva #menu a {float:left;margin-left:3px;padding:5px 5px 5px 9px;font-size:14px; background: url("../img/leva-a.jpg") center bottom repeat-x;width:155px;height:16px;font-weight:bold;text-decoration:none;}
#telo #leva #menu h3 a  {color:rgb(255,255,255);font-weight:bold;font-size:14px;}
#telo #leva #menu a:hover {background: url("../img/leva-a-hover.jpg") center bottom repeat-x;}

#telo #leva #kat {float:left;background-color:rgb(45,45,45);margin-top:9px;}
#telo #leva #kat .kategorie {float:left;background: url("../img/kategorie.jpg") center bottom no-repeat;width:177px;height:51px;margin-bottom:5px;}
#telo #leva #kat .uzavirac {display:block; height:29px;overflow:hidden;clear:both;}
#telo #leva #kat .bottom {float:left;background: url("../img/kategorie-bottom.jpg") center bottom no-repeat;width:177px;height:9px;margin-top:16px;}
#telo #leva #menu {float:left;margin-top:7px;background-color:rgb(45,45,45);}
#telo #leva #menu .menu1 {float:left;background: url("../img/menu.jpg") center bottom no-repeat;width:177px;height:51px;margin-bottom:5px;}
#telo #leva #menu .bottom {float:left;background: url("../img/kategorie-bottom.jpg") center bottom no-repeat;width:177px;height:9px;margin-top:16px;}


#telo #stred {float:left;width:768px;}
#telo #stred h1{float:left;margin-left:7px;text-align:center;width:700px;margin-bottom:7px;font-size:18px;font-weight:bold;color:rgb(255,255,255);}
#telo #stred h2{float:left;margin-left:7px;text-align:center;width:565px;margin-bottom:7px;font-size:18px;font-weight:bold;color:rgb(255,255,255);}

#telo #stred #admin-top {float:left;width:760px;height:8px;margin-top:5px;margin-left:6px;background: url("../img/admin-top.jpg") center top no-repeat;}
* html #telo #stred #admin-top {margin-left:3px;}
#telo #stred #admin {float:left;width:744px;margin-left:6px;padding-left:8px;padding-right:8px;background: url("../img/admin.jpg") center top repeat-y;}
#telo #stred #admin table {width:744px;}
#telo #stred #admin table tr.odd th, .odd {background: rgb(48,48,48);}
#telo #stred #admin table tr.even th, .even {background: rgb(96,96,96);}
#telo #stred #admin table tr.marked th,table tr.marked {background:   #FFCC99;color:   #000000;}

* html #telo #stred #admin {margin-left:3px;margin-top:-8px;}
#telo #stred #admin-bottom {float:left;width:760px;height:8px;margin-left:6px;background: url("../img/admin-bottom.jpg") center top no-repeat;}
* html #telo #stred #admin-bottom {margin-left:3px;}


#telo #stred #text-top {float:left;width:565px;height:8px;margin-top:5px;margin-left:6px;background: url("../img/text-top.jpg") center top no-repeat;}
* html #telo #stred #text-top {margin-left:3px;}
#telo #stred #text {float:left;width:549px;margin-left:6px;padding-left:8px;padding-right:8px;background: url("../img/text.jpg") center top repeat-y;}
* html #telo #stred #text {margin-left:3px;margin-top:-8px;}
#telo #stred #text .regform p label {font-size:10px;color:rgb(182,182,182);margin-left:7px;}
#telo #stred #text .regform p label strong {font-size:12px;color:rgb(196,196,196);font-weight:bold;}
#telo #stred #text .regform form {margin-left:9px;margin-top:8px;}
#telo #stred #text .regform p input.text-input-velky {background: url("../img/input-koment.jpg") center top no-repeat;border:none;height:20px;width:206px;padding-left:8px;margin-left:14px;padding-top:3px;}
#telo #stred #text .regform p select.select {margin-left:14px;margin-top:8px;height:20px;width:58px;}
#telo #stred #text .regform input.odeslat-input {float:left;margin-left:14px;margin-right:300px}
#telo #stred #text-bottom {float:left;width:565px;height:8px;margin-left:6px;background: url("../img/text-bottom.jpg") center top no-repeat;}
* html #telo #stred #text-bottom {margin-left:3px;}

#telo #stred #nej-hry {float:left;width:765px;height:185px;margin-left:7px;background: url("../img/nej-hry.jpg") center top no-repeat;margin-bottom:9px;}
* html #telo #stred #nej-hry {margin-left:3px;}
#telo #stred #nej-hry .stat{float:left;width:130px;margin-left:9px;margin-top:64px;margin-right:5px;font-size:12px;}
* html #telo #stred #nej-hry .stat{margin-left:5px;}
#telo #stred #nej-hry .hra{float:left;text-align:center;margin-left:5px;width:150px;text-decoration:none;}
#telo #stred #nej-hry .hra a img{border:1px solid rgb(65,65,65);width:130px;height:100px;margin-top:25px;margin-bottom:27px;}
#telo #stred #nej-hry .hra h5 a {margin:8px 4px 0px 4px;font-size:16px;font-weight:bold;color:rgb(255,255,255);text-decoration:none;background-color:rgb(132,77,4);padding:6px;}

#telo #stred .box-hra {float:left;background: url("../img/hra.jpg") center bottom no-repeat;width:376px;height:189px;margin-bottom:6px;margin-left:8px;}
* html #telo #stred .box-hra {margin-left:4px;}
#telo #stred .box-hra img.nahled-hry {float:left;margin-top:13px;margin-left:17px;border:1px solid rgb(65,65,65);width:130px;height:100px;}
#telo #stred .box-hra .text {float:left;margin-top:9px;margin-left:12px;width:200px;}
#telo #stred .box-hra .text .kateg {float:left;background: url("../img/kateg-detail-big.gif") center bottom no-repeat;width:100px;height:21px;text-align:center;padding-top:4px;}
#telo #stred .box-hra .text .kateg a {color:rgb(0,0,0);font-size:12px;text-decoration:none;}
#telo #stred .box-hra .text h4 a {float:left;color:rgb(255,88,6);font-weight:bold;font-size:18px;margin-top:7px;margin-left:6px;text-decoration:underline;}
#telo #stred .box-hra .text .popis {float:left;color:rgb(255,255,255);font-size:12px;height:51px;margin-top:7px;margin-left:6px;}
#telo #stred .box-hra .rank {float:left;color:rgb(224,224,224);font-size:14px;margin-top:12px;font-weight:bold;margin-left:15px;width:144px;}
* html #telo #stred .box-hra .rank {margin-left:7px;}
#telo #stred .box-hra .rank .star{margin-left:4px;}
#telo #stred .box-hra img.zahrat-si {float:left;margin-left:86px;margin-top:3px;}

#telo #stred .str {float:right;margin-top:5px;width:738px;padding-right:30px;text-align:center;font-size:14px;font-weight:bold;text-decoration:none;color:rgb(255,255,255);}
#telo #stred .str a {font-size:14px;font-weight:bold;text-decoration:none;color:rgb(255,255,255);}
#telo #stred .str a.a {font-size:14px;font-weight:bold;text-decoration:none;color:rgb(255,189,0);}
#telo #stred .str a.b {font-size:14px;font-weight:normal;text-decoration:none;color:rgb(255,255,255);}
#telo #stred .str a:hover {text-decoration:underline;}

#telo #stred .detail-hry {float:left;background: url("../img/detailhry-bg.jpg") center bottom no-repeat;width:565px;height:166px;margin-top:5px;margin-left:6px;}
* html #telo #stred .detail-hry {margin-left:3px;}
#telo #stred .detail-hry img.nahled-hry {float:left;margin-top:14px;margin-left:17px;border:1px solid rgb(65,65,65);width:130px;height:100px;}
#telo #stred .detail-hry a.oblibene {float:left;font-size:10px;}
#telo #stred .detail-hry .text {float:left;margin-top:9px;margin-left:14px;width:200px;}
#telo #stred .detail-hry .text .kateg {float:left;background: url("../img/kateg-detail-big.gif") center bottom no-repeat;width:100px;height:21px;color:rgb(0,0,0);font-size:12px;text-align:center;padding-top:4px;}
#telo #stred .detail-hry .text h4 {color:rgb(255,88,6);font-weight:bold;font-size:14px;text-decoration:underline;margin-top:13px;width:180px;}
#telo #stred .detail-hry .text p {color:rgb(255,255,255);font-size:12px;text-decoration:none;}
#telo #stred .detail-hry .rank  {float:right;text-align:right;color:rgb(255,206,10);font-size:14px;margin-top:20px;font-weight:bold;margin-right:13px;width:162px;}
* html #telo #stred .detail-hry .rank  {margin-right:0px;}
#telo #stred .detail-hry .rank .star{margin-left:4px;}
#telo #stred .detail-hry .hodn  {float:right;margin-top:8px;font-weight:bold;margin-right:13px;width:162px;}
* html #telo #stred .detail-hry .hodn  {margin-right:0px;}
#telo #stred .detail-hry .hodn .h {float:left;text-align:right;color:rgb(255,255,255);font-size:14px;font-weight:bold;width:67px;}
#telo #stred .detail-hry .hodn a{float:left;background: url("../img/hodn-nic.gif") center top no-repeat;width:15px;height:14px;margin-left:4px;}
#telo #stred .detail-hry .hodn a:hover{background: url("../img/hodn.gif") center bottom no-repeat;width:15px;height:14px;}
#telo #stred .detail-hry img.zahrat-si {float:right;margin-right:13px;margin-top:18px;}
#telo #stred .detail-hry img.stahnout {float:right;margin-right:13px;margin-top:12px;}

#telo #stred .popis-hry {float:left;background: url("../img/popis-bg.jpg") center bottom no-repeat;font-size:10px;padding-left:180px;padding-right:10px;width:375px;height:105px;margin-top:3px;margin-left:6px;}
* html #telo #stred .popis-hry {margin-left:3px;}


#telo #stred .komentare-top {float:left;background: url("../img/komentare-bg-top.jpg") center bottom no-repeat;width:415px;height:44px;padding-top:30px;padding-left:150px;margin-top:7px;margin-left:6px;}
* html #telo #stred .komentare-top {margin-left:3px;}
#telo #stred .komentare-cara {float:left;background: url("../img/cara.jpg") center bottom no-repeat;width:565px;height:1px;margin-left:6px;}
* html #telo #stred .komentare-cara {margin-left:3px;margin-top:-15px;}
#telo #stred .komentare-lichy {float:left;background: url("../img/komentare-bg-lichy.jpg") center bottom repeat-y;width:534px;margin-left:6px;padding-left:19px;padding-right:12px;}
* html #telo #stred .komentare-lichy {margin-left:3px;}
#telo #stred  .komentare-lichy h5 {float:left;margin-top:7px;}
#telo #stred  .komentare-lichy h6 {float:right;font-size:12px;margin-top:7px;}
#telo #stred  .komentare-lichy p {float:left;color:rgb(252,205,18);font-size:11px;}
#telo #stred .komentare-sudy {float:left;background: url("../img/komentare-bg-sudy.jpg") center bottom repeat-y;width:534px;margin-left:6px;padding-left:19px;padding-right:12px;}
* html #telo #stred .komentare-sudy {margin-left:3px;}
#telo #stred  .komentare-sudy h5 {float:left;margin-top:7px;}
#telo #stred  .komentare-sudy h6 {float:right;font-size:12px;margin-top:7px;}
#telo #stred  .komentare-sudy p {float:left;color:rgb(252,205,18);font-size:11px;}

#telo #stred .komentare-bottom {float:left;background: url("../img/komentare-bg-bottom.jpg") center bottom no-repeat;width:565px;height:72px;margin-left:6px;}
* html #telo #stred .komentare-bottom {margin-left:3px;}

#telo #stred .koment {float:left;background: url("../img/koment-bg.jpg") center bottom no-repeat;width:549px;height:184px;margin-top:7px;margin-left:6px;padding-left:16px;padding-top:16px;}
* html #telo #stred .koment {margin-left:3px;}
#telo #stred .koment table .input{float:left;border:none;background: url("../img/input-koment.jpg") center top no-repeat;height:20px;width:206px;padding-left:8px;margin-left:14px;padding-top:3px;}
#telo #stred .koment table .textarea{float:left;border:none;background: url("../img/textarea-koment.jpg") center top no-repeat;height:104px;width:447px;padding-left:8px;margin-left:14px;padding-top:3px;}
#telo #stred .koment table .submit{border:none;margin-right:1px;margin-top:4px;}

#telo #stred .podobne-hry {float:left;text-align:center;background: url("../img/podobne-hry.jpg") center bottom no-repeat;width:565px;height:133px;margin-top:7px;margin-left:6px;padding-top:60px;}
* html #telo #stred .podobne-hry {margin-left:3px;}
#telo #stred .podobne-hry a{float:left;text-decoration:none;width:188px;}
#telo #stred .podobne-hry a img{border:1px solid rgb(230,188,74);width:130px;height:100px;}
#telo #stred .podobne-hry a h5 {margin:3px auto;font-size:12px;font-weight:bold;color:rgb(248,204,79);}

#telo #stred #nej-hry-right {float:right;text-align:center;background: url("../img/nej-hry-bg.jpg") center bottom no-repeat;width:185px;height:724px;margin-top:6px;margin-left:10px;padding-top:71px;}
* html #telo #stred .nej-hry-right {margin-left:5px;}
#telo #stred #nej-hry-right a img{border:1px solid rgb(65,65,65);margin-bottom:10px;margin-top:25px;text-decoration:none;width:130px;height:100px;}
#telo #stred #nej-hry-right h5 a {margin:10px 8px 27px 8px;font-size:16px;text-decoration:none;font-weight:bold;color:rgb(255,255,255);background-color:rgb(132,77,4);padding:6px;}

#telo #hrat {float:left;text-align:center;width:945px;margin-top:7px;margin-left:6px;}
* html #telo #hrat {margin-left:3px;}
#telo #hrat .hrajete-hru {float:left;background: url("../img/hrajete-hru.jpg") center bottom no-repeat;width:135px;height:45px;}
#telo #hrat .nazev {float:left;color:rgb(255,206,10);font-size:18px;font-weight:bold;margin-top:20px;margin-left:25px;}
#telo #hrat a.detail {float:right;color:rgb(255,206,10);font-size:14px;font-weight:bold;margin-top:20px;margin-right:20px;}
#telo #hrat .hra {margin:0px auto;border:3px solid rgb(146,146,146);background-color:rgb(0,0,0);min-width:640px;min-height:426px;}
#telo #hrat .ovladani {margin:10px auto;background: url("../img/ovladani.jpg") center bottom no-repeat;padding-top:50px;width:648px;height:184px;}
#telo #hrat .ovladani img.o{margin:8px;}

#telo #pata {float:left;background: url("../img/pata-bg.jpg") left bottom no-repeat;width:949px;height:63px;margin-left:4px;margin-top:7px;}
* html #telo #pata {margin-left:2px;}
#telo #pata .copyright {float:left;margin-left:16px;margin-top:16px;font-weight:normal;font-size:14px;color:rgb(255,255,255);}
#telo #pata .menu {float:right;margin-right:34px;margin-top:16px;font-weight:normal;font-size:14px;color:rgb(255,255,255);}
#telo #pata .autor {float:right;margin-right:34px;margin-top:-12px;font-weight:normal;font-size:12px;color:rgb(255,255,255);}
* html #telo #pata .copyright {margin-left:8px;width:600px;}
* html #telo #pata .menu {margin-right:17px;}
* html #telo #pata .autor {margin-right:17px;}

#telo #odkazy {float:left;margin-left:36px;margin-top:11px;font-weight:normal;width:900px;font-size:14px;color:rgb(255,255,255);}
* html #telo #odkazy {margin-left:18px;}

#telo #body-3 {float:left;background: url("../img/body-3.jpg") center bottom no-repeat;width:9px;height:9px;}
#telo #body-s2 {float:left;background-color:rgb(67,67,67);width:940px;height:9px;}
#telo #body-4 {float:left;background: url("../img/body-4.jpg") center bottom no-repeat;width:9px;height:9px;}

.graph tr td { vertical-align:bottom; font-size:89% !important;  font-size /**/:69%; background-color:#EEF5FA; }
.graph .w6 img { width:6px; }

/**************statistiky**************/
div.padding { padding: 5px 5px 12px 5px;}
#stats .graph_name { color:#000000; width:700px; margin:10px 0 0 0; padding:5px 10px 0 10px; text-align:center; font-weight:bold; font-size:11px; background-color:#fbfbfb;}
#stats .graph_table { position:relative; width:700px; margin:0 0 20px 0; padding:20px 10px 0 10px; background-color:#fbfbfb;}
#stats .graph_table .scale_lines { position:relative; width:700px; background-image:url("../img/graph_scale_line.png"); background-repeat:repeat-x; background-color:#fbfbfb;}
#stats .graph_table .scale_lines div { position:absolute; top:2px; left:0; width:45px; text-align:right; font-size:9px; color:#666666;}
#stats  .graph_table .graph { position:absolute; top:20px; left:17px; width:650px; margin:0; padding:0 0 0 45px; border:1px #999999 solid; border-left:none; border-right:none; border-top:none;}
 #stats  .graph_table .graph .sloup { float:left; width:3px; margin:0 1px 0 0; padding:0; background-color:#009900;}
  #stats  .graph_table .graph .sloup:hover { background-color:#18a3ff;}
  #stats  .graph_table .graph .sloup div { display:none; position:relative; padding:1px 3px 0 1px; margin:0; font-size:9px; border:1px #dbdcde solid; border-right:none; border-bottom:none;}
  #stats  .graph_table .graph .sloup div.time { padding:2px 3px 1px 1px; border:1px #dbdcde solid; border-top:none; border-right:none;}
   #stats  .graph_table .graph .sloup:hover div { display:block;}
  #stats  .graph_table .graph .sloup div span{ white-space: pre; color:#000000; background-color:#fbfbfb;}
#stats .graph_table .descs { width:650px; padding:0 0 0 45px;}
 #stats .graph_table .descs div { float:left; width:17px; margin:0 1px 0 0; border-left:1px #999999 solid; font-size:9px; color:#666666;}
  #stats .graph_table .descs div.desc_1 { padding:0; z-index:1000;}
  #stats .graph_table .descs div.desc_2 { padding:12px 0 0 0; z-index:100;}
  #stats .graph_table .descs div.desc_3 { padding:24px 0 0 0; z-index:10;}