* {margin:0px;padding:0px;}
body {font-family:Arial, Helvetica, sans-serif;background: url("../img/body-bg.gif") center top repeat-x;}
a {color:#000;text-decoration:underline;}
a:hover {text-decoration:none;}
a img {border:none;}
.uzavirac {display:block; height:1px;overflow:hidden;clear:both;}

#hlava {margin:0px auto;width:902px;height:101px;background: url("../img/hlava-bg.gif") center bottom no-repeat;background-position:0px 73px;}
#hlava a img.logo {float:left;margin-left:10px;}
#hlava span.invisible {display:none;}
#hlava a.menu-hlava-domu {float:left;margin-left:20px;margin-top:1px;background: url("../img/domu.gif") center bottom no-repeat;width:61px;height:23px;}
#hlava a:hover.menu-hlava-domu {background: url("../img/domu-hover.gif") center bottom no-repeat;}
#hlava a.menu-hlava-hraci {float:left;margin-left:20px;margin-top:1px;background: url("../img/hraci.gif") center bottom no-repeat;width:61px;height:23px;}
#hlava a:hover.menu-hlava-hraci {background: url("../img/hraci-hover.gif") center bottom no-repeat;}
#hlava a.menu-hlava-statistika {float:left;margin-left:30px;margin-top:1px;background: url("../img/statistika.gif") center bottom no-repeat;width:85px;height:23px;}
#hlava a:hover.menu-hlava-statistika {background: url("../img/statistika-hover.gif") center bottom no-repeat;}
#hlava a.menu-hlava-owebu {float:left;margin-left:30px;margin-top:1px;background: url("../img/owebu.gif") center bottom no-repeat;width:166px;height:23px;}
#hlava a:hover.menu-hlava-owebu {background: url("../img/owebu-hover.gif") center bottom no-repeat;}
#hlava a.menu-hlava-kontakt {float:left;margin-left:30px;margin-top:1px;background: url("../img/kontakt.gif") center bottom no-repeat;width:79px;height:23px;}
#hlava a:hover.menu-hlava-kontakt {background: url("../img/kontakt-hover.gif") center bottom no-repeat;}
#hlava a.menu-hlava-odkazy {float:left;margin-left:30px;margin-top:1px;background: url("../img/odkazy.gif") center bottom no-repeat;width:79px;height:23px;}
#hlava a:hover.menu-hlava-odkazy {background: url("../img/odkazy-hover.gif") center bottom no-repeat;}

#telo {margin:0px auto;width:934px;background: url("../img/telo-bg.gif") center top no-repeat;}

#telo #horni {margin:0px auto;width:898px;}
#telo #horni h1 {background: url("../img/modra.gif") center top repeat-x;font-size:14px;color:#fff;height:23px;line-height:23px;padding-left:5px}
#telo #horni .reklama-728x90 {margin-top:3px;float:left;width:728px;height:90px;}
#telo #horni .prihlaseni {margin-top:3px;margin-left:3px;float:left;width:167px;height:85px;background: url("../img/prihlaseni-bg.gif") center top no-repeat;padding-top:5px;}
#telo #horni .prihlaseni a {text-decoration:none;color:#000;font-size:15px;margin-left:7px;font-weight:bold;}
#telo #horni .prihlaseni a:hover {text-decoration:underline;}
#telo #horni .prihlaseni label {float:left;color:#000;font-size:12px;font-weight:bold;line-height:26px;margin-top:2px;margin-left:7px;text-align:right;width:38px;}
#telo #horni .prihlaseni input.input-text {float:right;height:20px;width:108px;border:1px solid #535353;margin-top:2px;margin-right:7px;}
#telo #horni .prihlaseni form a img {margin-left:-2px;margin-top:2px;}
#telo #horni .prihlaseni a.a {margin-left:10px;margin-right:10px;font-size:12px;text-decoration:underline;float:right;color:rgb(12,101,168);margin-top:2px;}
#telo #horni .prihlaseni a:hover.a {text-decoration:none;}

#telo #leva {float:left;width:167px;margin-left:18px;margin-top:3px;}
#telo #leva h3 {font-size:14px;color:#fff;height:23px;line-height:23px;padding-left:5px;margin-bottom:3px;}
#telo #leva h3.modra {background: url("../img/modra.gif") center top repeat-x;}
#telo #leva h3.zelena {background: url("../img/zelena.gif") center top repeat-x;}
#telo #leva h3.oranzova {background: url("../img/oranzova.png") center top repeat-x; height:25px;line-height: 25px;}
#telo #leva ul {list-style-type:none;padding:0px;}
#telo #leva ul li a {background: url("../images/bgmenu.png"); color:#5d5d5d;font-weight:bold;font-size:12px;text-decoration:none;border:1px solid #dedede;width:155px;height:19px;line-height:19px;padding-left:10px;margin-bottom:3px;display:block}
#telo #leva ul li a:hover {background: url("../images/bgmenu3.png"); color:#fff;}
#telo #leva ul li a em {color:#336699;font-weight:normal;font-style:normal;margin-left:5px;}

#telo #leva ul li a:hover em {color:#FF8501;font-weight:normal;font-style:normal;margin-left:5px;}


/* Definice pro IE */
* html #telo #leva {float:left;width:167px;margin-left:9px;margin-top:3px;}
* html #telo #leva {margin-top:0px;}
* html #telo #leva ul li a:hover {text-decoration:underline;border:1px solid #c2c2c2;}

#telo #stred {float:left;width:560px;margin-left:3px;margin-top:3px;}
#telo #stred h2 {width:553px;background: url("../img/modra.gif") center top repeat-x;font-size:14px;color:#fff;height:23px;line-height:23px;padding-left:5px;margin-bottom:3px;}

#telo #stred .box-hra {float:left;width:176px;height:190px;border:1px solid #c6c6c6;padding:3px;margin-right:2px;margin-bottom:2px;}
#telo #stred .box-hra h4 {background: url("../img/mala-oranzova.png") center top repeat-x;font-size:12px;color:#fff;height:21px;line-height:21px;padding-left:5px;margin-bottom:3px;}
#telo #stred .box-hra h4 {background: url("../img/mala-oranzova.png") center top repeat-x;font-size:12px;color:#fff;height:21px;line-height:21px;padding-left:5px;margin-bottom:3px;}
#telo #stred .box-hra img.nahled-hry {width:160px;height:120px;float:left;margin-left:5px; margin-top:7px;}
#telo #stred .box-hra img.new {float:right;margin-right:6px; margin-top:-6px;}
#telo #stred .box-hra .info {color:#4e4e4e;font-size:11px;width:137px;float:left;line-height:16px;}
#telo #stred .box-hra .info strong {font-weight:bold;color:#000;}
#telo #stred .box-hra img.hrat-hru {float:left;margin-left:2px;}
#telo #stred .box-hra img.hrat-hru, #telo #stred .box-hra img.detail-hry {float:left;width:166px;height:29px;border:none;}
#telo #stred .box-hra p {font-size:11px;margin-top:3px;float:left;}
#telo #stred .box-hra .mask {display: block;   top: 1px;  left: 3px; width:170px; height:134px;  cursor: hand;  }
#telo #stred .box-hra .mask[class] {  background: url("../images/ramecek.png") no-repeat;  }

#telo #stred .nahodny-vtip {border:1px solid #c6c6c6;padding:3px;margin-bottom:3px;width:550px;}
#telo #stred .nahodny-vtip h5 {background: url("../img/zelena.gif") center top repeat-x;font-size:14px;color:#fff;height:23px;line-height:23px;padding-left:5px;margin-bottom:3px;}
#telo #stred .nahodny-vtip p {font-size:11px;}

#telo #stred .komentare {border:1px solid #c6c6c6;padding:3px;margin-bottom:3px;width:550px;}
#telo #stred .komentare h3 {color:#5d5d5d;font-weight:bold;font-size:12px;margin-left:9px;}
#telo #stred .komentare h5 {background: url("../img/oranzova.png") center top repeat-x;font-size:14px;color:#fff;height:25px;line-height:25px;padding-left:5px;margin-bottom:3px;}
#telo #stred .komentare p {font-size:11px;}
#telo #stred .komentare p textarea {overflow:auto;background: url("../img/textarea.gif") center top no-repeat;border:none;width:388px;height:84px;padding-left:7px;padding-top:4px;margin-top:5px;margin-bottom:5px;}
#telo #stred .komentare p textarea:hover {background: url("../img/textarea-hover.gif") center top no-repeat;}
#telo #stred .komentare p input.odeslat-input {margin-top:5px;}

#telo #stred .komentare2 {border:1px solid #c6c6c6;padding:3px;width:550px}
#telo #stred .komentare2 h5 {color:#5d5d5d;font-weight:bold;font-size:12px;margin-left:9px;}
#telo #stred .komentare2 h6 {color:#9d9d9d;font-weight:bold;font-size:10px;}
#telo #stred .komentare2 p {font-size:13px;margin:9px;}


#telo #stred .strankovani {border:1px solid #c6c6c6;width:556px;}
#telo #stred .strankovani a {font-size:11px;border:1px solid #c2c2c2;margin:3px 3px 2px 3px;text-decoration:none;padding:0px 5px 0px 5px;float:left;}
#telo #stred .strankovani a.a {background-color:#b5e6ff;}
#telo #stred .strankovani a:hover {background-color:#b5e6ff;}

#telo #stred .detail-hry {border:1px solid #c6c6c6;padding:3px;width:550px}
#telo #stred .detail-hry a {color:#5d5d5d;font-weight:bold;font-size:12px;text-decoration:none;}
#telo #stred .detail-hry h3 {color:#5d5d5d;font-weight:bold;font-size:12px;margin-left:9px;}
#telo #stred .detail-hry .info {color:#4e4e4e;font-size:11px;width:125px;float:left;line-height:16px;}
#telo #stred .detail-hry .info strong {font-weight:bold;color:#000;}
#telo #stred .detail-hry p {font-size:11px;margin-top:3px;float:left;}
#telo #stred .detail-hry img.nahled-hry {width:130px;height:100px;float:left;margin-right:3px;}
#telo #stred .detail-hry .hlasovani {text-align:center;float:left;font-weight:bold;color:#1b9bd9;font-size:24px;width:155px;margin-top:15px;}
#telo #stred .detail-hry .hlasovani img {margin-right:5px;vertical-align:-5px;margin-top:5px;}
#telo #stred .detail-hry .hlasovani strong {color:#4e4e4e;font-size:14px;margin-right:13px;}
#telo #stred .detail-hry .akce-detail {width:110px;float:right;margin-top:3px}
#telo #stred .detail-hry .akce-detail img {margin-bottom:5px;}

#telo #stred .hraci {border:1px solid #c6c6c6;padding:3px;width:550px}
#telo #stred .hraci a {color:#5d5d5d;font-weight:bold;font-size:12px;text-decoration:none;text-align:center;}
#telo #stred .hraci p {font-size:11px;margin-top:3px;text-align:center;}

#telo #stred .reklama-468x60-detail {text-align:center;border:1px solid #c6c6c6;margin-top:3px;padding:3px;width:550px;background-color:#fafafa;margin-bottom:3px}

#telo #stred .upload p label {font-size:10px;color:#a1a2a2;margin-left:7px;}
#telo #stred .upload p label strong {font-size:12px;color:#336699;font-weight:bold;}
#telo #stred .upload form {margin-left:9px;margin-top:8px;}
#telo #stred .upload p input.text-input-velky {background: url("../img/input-text-velky.gif") center top no-repeat;border:none;width:297px;height:20px;padding-left:7px;padding-top:4px;margin-bottom:5px;}
#telo #stred .upload p input.text-input-velky:hover {background: url("../img/input-text-velky-hover.gif") center top no-repeat;}
#telo #stred .upload p select.text-input-velky {background: url("../img/input-text-velky.gif") center top no-repeat;border:none;width:297px;height:20px;padding-left:7px;padding-top:4px;margin-bottom:5px;}
#telo #stred .upload p select.text-input-velky:hover {background: url("../img/input-text-velky-hover.gif") center top no-repeat;}
#telo #stred .upload p input.prihlasit-input {float:left;}
#telo #stred .upload p textarea {overflow:auto;background: url("../img/textarea.gif") center top no-repeat;border:none;width:388px;height:84px;padding-left:7px;padding-top:4px;margin-bottom:5px;}
#telo #stred .upload p textarea:hover {background: url("../img/textarea-hover.gif") center top no-repeat;}
#telo #stred .upload input.odeslat-input {float:left;margin-left:7px;margin-right:300px}

/* Definice pro IE */
* html #telo #stred {margin-top:0px;}

#telo #stred-hra {margin-left:3px;margin-top:3px;text-align:center;}
#telo #stred-hra .embeded {margin-left:15px;border:1px solid #c2c2c2;width:896px;padding-top:10px;padding-bottom:8px;}
#telo .reklama {	position: absolute;	margin-top: -109px;	margin-left: 926px;	width: 120px;	height: 600px;}
#telo #stred-hra h2 {background: url("../img/modra.gif") center top repeat-x;font-size:14px;color:#fff;height:23px;line-height:23px;padding-left:5px;margin-bottom:3px;margin-left:15px;width:893px;margin-top:3px;text-align:left;}
#telo #stred-hra .info-box {margin-left:15px;margin-top:3px;margin-bottom:3px;border:1px solid #c2c2c2;width:886px;padding-top:10px;padding-bottom:8px;font-size:12px;text-align:left;padding-left:5px;padding-right:5px}
#telo #stred-hra .info-box strong {margin-right:5px;}

/* Definice pro IE */
* html #telo #stred-hra .embeded {margin-left:-2px;}
* html #telo #stred-hra h2 {margin-left:-2px;margin-top:-4px;}
* html #telo #stred-hra .info-box {margin-left:-3px;}

#telo #prava {float:left;width:167px;margin-left:1px;margin-top:3px;}
#telo #prava h3 {font-size:14px;color:#fff;height:23px;line-height:23px;padding-left:5px;margin-bottom:3px;}
#telo #prava h3.modra {background: url("../img/modra.gif") center top repeat-x;}
#telo #prava h3.zelena {background: url("../img/zelena.gif") center top repeat-x;}
#telo #prava h3.oranzova {background: url("../img/oranzova.png") center top repeat-x; height:25px;line-height: 25px;}
#telo #prava ul {list-style-type:none;padding:0px;}
#telo #prava ul li a {background: url("../images/bgmenu.png");color:#5d5d5d;font-weight:bold;font-size:12px;text-decoration:none;border:1px solid #dedede;width:155px;height:19px;line-height:19px;padding-left:10px;margin-bottom:3px;display:block}
#telo #prava ul li a:hover {background: url("../images/bgmenu3.png"); color:#fff;b}
#telo #prava ul li a em {color:#336699;font-weight:normal;font-style:normal;margin-left:5px;}
#telo #prava form {border:1px solid #c2c2c2;width:165px;margin-bottom:3px;float:left;}
#telo #prava form input.input-text {border:1px solid #535353;height:18px;float:right;margin-top:10px;margin-right:10px;}
#telo #prava form input.input-submit {float:right;margin-top:5px;margin-right:10px;margin-bottom:10px;}
#telo #prava .reklama-120x240 {border:1px solid #c2c2c2;text-align:center}
#telo #prava .reklama-120x240 img {margin:15px;}

/* Definice pro IE */
* html #telo #prava {float:left;width:167px;margin-left:-1px;margin-top:3px;}
* html #telo #prava {margin-top:0px;}
* html #telo #prava ul li a:hover {text-decoration:underline;border:1px solid #c2c2c2;}

#pata {margin:0px auto;background: url("../img/pata-bg.gif") center top repeat-y;width:882px;color:#fff;font-size:11px;font-weight:bold;padding:1px 15px 1px 15px;line-height:17px;}
img.pata-top {display:block;margin:0px auto}
img.pata-bottom {display:block;margin:0px auto;margin-top:-1px;margin-bottom:50px;}
#pata a {color:#fff;text-decoration:none;}
#pata a:hover {text-decoration:underline;}
#pata a.a {color:#fff;text-decoration:underline;}
#pata a:hover.a {text-decoration:underline;}