/*	---------------------------------------------------------------------------------------
	Herní.cz
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:			ForIE styles
	File:				style.css
	Version:			0.1
	Date:				7. 09. 2008
	Author:				Jan Alexandr Janíček
	---------------------------------------------------------------------------------------	*/

/*	---------------------------------------------------------------------------------------
	Úpravy 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
*{margin:0px;  padding:0px;  font-size:12px;}
	
#l li.prvni {padding-left: 28px; padding-bottom: 6px; padding-top: 10px; background:url('../images/prvni.jpg'); background-repeat:no-repeat; Background-position:left bottom; text-align:left; border-bottom:1px solid white;}
#l li.nejnovejsi {padding-left: 28px; padding-bottom: 6px; padding-top: 10px; background:url('../images/left-nejnovejsi.jpg'); background-repeat:no-repeat; Background-position:left bottom; text-align:left; border-bottom:1px solid white;}
#l li.nejhranejsi {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-nejhranejsi.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.nejoblibenejsi {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-nejoblibenejsi.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.nejstahovanejsi {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-nejstahovanejsi.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.normal {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-sipka.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.dhry {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-dhry.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.adventury {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-adventury.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.animace {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-animace.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.bojove {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-bojove.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.brutalni {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-brutalni.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.eroticke {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-eroticke.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.logicke {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-logicke.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.multi {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-multi.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.oblikacky {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-oblikacky.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.oddechove {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-oddechove.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.postrehove {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-postrehove.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.skakacky {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-skakacky.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.sportovni {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-sportovni.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.srandicky {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-srandicky.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.stolni {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-stolni.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.strategie {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-strategie.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.strilecky {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-strilecky.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.zavodni {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-zavodni.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.zvireci {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-zvireci.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l li.safe {margin-left:6px; padding-left: 22px; padding-bottom: 6px; padding-top: 6px; background:url('../images/left-iesipka2.jpg'); Background-position:left bottom ; background-repeat:no-repeat; text-align:left; border-bottom:1px solid white;}
#l .menu2{float:left; width:176px; background:url('../images/left_bg2.jpg'); text-align:left; margin-bottom: 0px; border-bottom: 1px solid #565239;}
#l li span {float:right; margin-top: -20px; margin-bottom: -15px; margin-right: 5px; color:#ababab }
#l li.dalsi {margin-left:10px; padding-left: 15px; padding-bottom: 6px; padding-top: 0px; text-align:left;}
#r .hraci { background: #8bcfff url('../images/hraci-end.jpg'); background-position:right; background-repeat: no-repeat; height: 77px;}
#r .rehead { background: #8cd0ff url('../images/hraci-end3.jpg'); background-position:right; background-repeat: no-repeat; height: 98px;}

#top{position:relative; text-align:left; background:white url('../images/top-header-zima.png'); width:968px; height:47px; color:#000000;}
#top ul{list-style: none; margin-left: 105px; padding-top: 7px; float:left;}
#top li.top-odkaz{display:inline; padding-left:16px; padding-right:5px; background:#dbdbdb url('../images/top_sipka.jpg'); Background-position:left bottom; background-repeat: no-repeat;}
#left .kat-blok  {margin-right:-7px;}
#left .kat-blok-top  {margin-top:-6px;}

#menu .menu-main { background:url('../images/menu_bg.jpg') top ; width:791px; padding-left: 5px;float:left; text-align: left;}
.menu-end { background:url('../images/menu_end.jpg'); background-position: right top; background-repeat:no-repeat; width: 10px; height:37px; float:right;}
#menu2 .hra-znovu { text-align:right; margin-top: -27px; margin-bottom:-1px; padding-right:19px; padding-top: -4px;}
#menu2 .hra-znovu a{ color:white; font-size: 14px;}

#r {float:right; width:787px; background-color:#d0f2fe; text-align:left; padding-left: 1px; padding-top: 5px;}

.hrakat .hodnoceni {width: 206px; height: 35px;float:right; margin-right: 0px; background: #ffffff url('../images/hodnocenibg.jpg'); background-position: bottom; background-repeat:no-repeat;  }
.hrakat .hodnoceni img {position:none; }
.hrakat .hodnoceni p { margin-left: 6px; width:200px}

#header .head-r{background:url('../images/podzim_design/header-hledani-pozadiz.png') no-repeat; width:256px; height:129px; float:right; margin: 0 -62px 0 0}
#header .head-r p.popis{ padding: 5px; line-height: 12px; text-align:left; display:block; margin-bottom:-17px;}

.vtipek {margin-left:-7px; margin-top:-15px; margin-bottom:-15px; }

.hra1 {background: #ffffff url('../images/hra1bg.jpg');Background-position:left top ; width: 161px; height: auto !important; min-height:186px;max-height:220px;;margin-left:4px; margin-top:-5px; margin-right:4px;text-align:center; float:left;}
.hra1top {background: #ffffff url('../images/hra1top.jpg'); Background-position:left bottom ; Background-repeat:no-repeat ;width: 161px; height:5px;}
.hradetail {background: #ffffff ; width: 161px; height:30px; padding-top: 4px;}
.hradetail img{border:0px;}
.hra1 h2 {font-size: 12px; padding-bottom: 5px;}

.hra2 {background: #ffffff url('../images/hra2bg.jpg');Background-position:left top ; width: 161px; height: auto !important; min-height:186px;max-height:220px;;margin-left:4px; margin-top:-5px; margin-right:4px;text-align:center; float:left;}
.hra2top {background: #ffffff url('../images/hra2top.jpg'); Background-position:left bottom ; Background-repeat:no-repeat ;width: 161px; height:5px;}
.hra2 h2 {font-size: 12px; padding-bottom: 5px;}
   
.hra3 {background: #ffffff url('../images/hra3bg.jpg');Background-position:left top ; width: 161px; height: auto !important; min-height:186px;max-height:220px;;margin-left:4px; margin-top:-5px; margin-right:4px;text-align:center; float:left;}
.hra3top {background: #ffffff url('../images/hra3top.jpg'); Background-position:left bottom ; Background-repeat:no-repeat ;width: 161px; height:5px;}
.hra3 h2 {font-size: 12px; padding-bottom: 5px;}

.hra4 {background: #ffffff url('../images/hra4bg.jpg');Background-position:left top ; width: 161px; height: auto !important; min-height:186px;max-height:220px;;margin-left:4px; margin-top:-5px; margin-right:4px;text-align:center; float:left;}
.hra4top {background: #ffffff url('../images/hra4top.jpg'); Background-position:left bottom ; Background-repeat:no-repeat ;width: 161px; height:5px;}
.hra4 h2 {font-size: 12px; padding-bottom: 5px;}

.pole{border:1px solid #007ea7; padding:2px; height:20px; }
.ok{border:0px; width:30px; height:27px; margin-top: 1px; background: #ffffff url('../images/ok.jpg')}

#doporucujeme {color:#ffffff; width: 968px;  text-align:center; margin:auto; position:relative; top: 0px;}
#left .vtip-blok-bot  {margin-bottom:-8px;}

#right2 ul.rank2 li { margin-left:4px;}

/*	---------------------------------------------------------------------------------------
	doporučujeme
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#doporucujeme p{color:#ffffff; text-align:left; margin-top: 7px; margin-bottom: 6px;}
#doporucujeme a{color:#ffffff;  }
#doporucujeme a:hover{color:#fffffff;  }

#left .kontakt-blok  {width: 527px; }
#left .razeni { width: 493px; margin-bottom: 10px;  }
#left .detail-info{width:350px; float:right; padding-bottom: 5px; border-bottom:1px solid #c1c1c1;}
#left .detail-info .tlacitko-hrat img{ margin-left: 5px;  }
#left .detail-info .hodnoceni2 {width: 167px; position:relative; top:-35px; left:140px; margin-bottom:-160px}
#left .detail-info2 img { border:0px; margin-right:-3px}
.hrakat img.hraobr {border:0px; margin-left:-3px}

#left .soutezd{margin-top: 3px;margin-bottom: 15px;margin-left: -9px;}

.komentare-a .koment-info {width: 512px; margin-top: 5px; }
.komentare-a .koment-date { float:left;  background: #ffffff url('../images/koment-date.jpg'); Background-position:left top ; Background-repeat:no-repeat ;width: 330px; height:29px;  }

.komentare-a .koment-klik1 { float:left;  background: #ffffff url('../images/koment-klik1.jpg'); Background-position:left top ; Background-repeat:no-repeat ; width:18px; height:29px; }
.komentare-a .koment-klik1 p{ color:white; padding-top: 7px; margin-left: 5px;  }
.komentare-a .koment-klik {float:left; }
.komentare-a p.kom{ font-size:11px;  color:#707070; width: 400px}

#menu2 .hra-nazev {  margin-bottom:-2px;}
#menu2 .hra-nazev h2{ background:url('../images/top-left.jpg'); background-repeat: no-repeat; background-position: left top; padding-left:25px; padding-top: 8px; font-size: 15px;height: 37px; margin-top:-1px;}

.ovladani-t {  height: 120px; }

/*      ---------------------------------------------------------------------------------------
        HLEDANI
        ----------------------------------------------------------------------------------------*/

#tabs {margin-top: -20px; height: 90px; border: none;} 
#tabs .tabs-spacer { float: right; height: 10px; }
#tabs.tabs-bottom { background: none;width: 100px; }
.tabs-bottom .ui-tabs-nav {background: none; margin: 0 0 0 65px; border: none;width: 120px; height: 55px;}
.tabs-bottom .ui-tabs-nav li {border: none; background: none; width: 44px; height: 53px;}
.tabs-bottom .ui-tabs-nav li.ui-tabs-active {border: none; background: url(../images/hledani/hledani_aktiv_poz.png) no-repeat; width: 44px; height: 53px;}
#tabs-1{margin-left: -22px;}
#tabs-2{margin-left: -22px;}
 
#hledat {float:left;width:192px; height:34px;background: url(../images/hledani/hledej-radek.png) no-repeat;}
#hledat .radek {margin:4px 0 0 0; padding:8px 0px 0 15px;width:205px; height:20px;border:0;background:none;float:left;font-size:0.92em;color: #404040;}
#hledat .vyhledat {float:right;margin: -24px -20px 0 0;}

/*      ---------------------------------------------------------------------------------------
        MÉ HRY
        ----------------------------------------------------------------------------------------*/
#obphry {float: left; width: 255px; height: 340px; border: none;} 
#obphry .obphry-spacer {  }
#obphry.obphry-bottom {background: none; width: 255px; border: 0;margin-left: -3px;}
#obphry.obphry-bottom .ui-tabs-nav li img{margin: 5px 0 0 12px;}
.obphry-bottom .ui-tabs-nav {background: url(../images/b-me-hry/obhry-hepoz.png) no-repeat; border: none;width: 255px; height: 53px;margin-top: -6px;}
.obphry-bottom .ui-tabs-nav li {float: left;border: none;background: none; width: 120px; height: 34px;margin-top: 5px;}
.obphry-bottom .ui-tabs-nav li.ui-tabs-active {float: left;border: none;background: url(../images/b-me-hry/obhry-odpod.png) no-repeat; width: 120px; height: 34px;margin-top: 5px;}

#obphry-1 {background: #c3e7f7; width: 240px; height: 270px;}
#obphry-2 {background: #c3e7f7; width: 240px; height: 270px;}

#obphry-1 .bezzaz{width: 220px; margin-top: 70px; color: #000000;font-size: 14px; font-weight: bold; text-align: center; }
#obphry-1 #sidmh-cel{float:left; width: 224px; height: 41px;padding-bottom: 5px;}
#obphry-1 .sidmh-img img {width: 55px; height:41px;}
#obphry-1 .sidmh-img{float:left; width: 55px; height: 41px;}
#obphry-1 .sidmh-text{float:left; width:166px; height: 41px;}
#obphry-1 .sidmh-text span{float:left; text-align: center; font-size: 11px;width:166px; margin-top: 12px;}
#obphry-1 .sidmh-text a{color: #000000;text-decoration: none; }
#obphry-1 .sidmh-text a:hover{color: #000000;text-decoration: underline;}
#obphry-1 .sidmh-text a:visited{color: #000000;}

#obphry-2 .bezzaz{width: 235px; margin-top: 70px; color: #000000;font-size: 14px; font-weight: bold; text-align: center; }
#obphry-2 #sidmh-cel{float:left; width: 214px; height: 41px;padding-bottom: 5px; margin-left: -15px;}
#obphry-2 .sidmh-img img {width: 55px; height:41px; margin-left: 15px;}
#obphry-2 .sidmh-img{float:left; width: 55px; height: 41px;}
#obphry-2 .sidmh-text{float:left; width:125px; height: 41px;}
#obphry-2 .sidmh-text span{float:left; text-align: center; width:125px; margin-top: 12px;}
#obphry-2 .sidmh-text a{color: #000000;text-decoration: none; font-weight: bold;}
#obphry-2 .sidmh-text a:hover{color: #000000;text-decoration: underline;}
#obphry-2 .sidmh-text a:visited{color: #000000;}
                                                              
/* ----------------------------------------------------------------------------------------
  Nej hraci
  ----------------------------------------------------------------------------------------*/
  
.nejhracih3 { background: url('../images/nej_hraci.png') no-repeat; height: 36px; width:255px;}
#nejhraci{margin:0;padding: 0;width: 255px;border: 0;}

#nhthry,#nhtcas{width: 240px;height: 305px;background: #c3e7f7;}
#nejhraci ul, #nejhraci li{margin:0;padding:0}
#nejhraci .ui-tabs-nav li img{float:left;margin: 0px 0 0 0px;}
.nhdc .ui-tabs-nav {background: url('../images/b-me-hry/obhry-hepoz.png') no-repeat; border: none;width: 255px; height: 52px;margin-top: -4px;}
.nhdc .ui-tabs-nav li {float: left;border: none;background: none; width: 120px; height: 34px;margin-top: 5px;}
.nhdc .ui-tabs-nav li.ui-tabs-active {float: left;border: none;background: url('../images/b-me-hry/obhry-odpod.png') no-repeat; width: 120px; height: 34px;margin-top: 5px;}

#nejhraci #sidmh-cel{float:left; width: 215px; height: 41px;padding: 7px 0 8px 0; margin-left: 40px;}
#nejhraci .sidmh-img{float:left; width: 55px; height: 41px;}
#nejhraci .sidmh-text{float:left; width:120px; height: 41px; background: #ffffff;}
#nejhraci .sidmh-text span{float:left; text-align: center; width:120px; margin-top: 12px;}
#nejhraci .sidmh-text a{text-decoration: none; font-weight: bold; }
#nejhraci .sidmh-text a:hover, #nejhraci .sidmh-text a:visited{color:#000000;}

#nhobsahnhhry .nhpagination ul li.inactive, #nhobsahnhcas .nhpagination ul li.inactive{background-color:#ffffff;color:#aaaaee;border:1px solid #aaaaee;cursor: default;}
#nhobsahnhhry .nhdata ul li, #nhobsahnhcas .nhdata ul li{list-style: none;font-family: verdana;margin: 5px 0 5px 0;color: #000;font-size: 13px;}
#nhobsahnhhry .nhpagination, #nhobsahnhcas .nhpagination{width: 245px;height: 25px; padding-left:65px;}
#nhobsahnhhry .nhpagination ul li, #nhobsahnhcas .nhpagination ul li{list-style: none;float: left;border: 1px solid #aaaaee;padding: 2px 6px 2px 6px;margin: 0 3px 0 3px;font-family: arial;font-size: 11px;color: #000000;font-weight: bold;background-color: #f2f2f2;}
#nhobsahnhhry .nhpagination ul li:hover, #nhobsahnhcas .nhpagination ul li:hover{background-color: #ffffff;color:#484848;border:1px solid #aaaaee;cursor: pointer;}