* {margin: 0; padding: 0;}
body {
  text-align: center;
  font-family : "Trebuchet MS", Verdana, sans-serif;
  font-size : 80%;
  color : #000000;
  background : #42B0C8;
}

#obsah a:link, #obsah a:visited, #obsah a:active {
  text-decoration: none;
  font-weight: bold;
  color: #42b2ce;
}

#obsah p {margin: 0 10px 0 10px;
}

#obsahb a:link, #obsahb a:visited, #obsahb a:active {
  text-decoration: none;
  font-weight: bold;
  color: #42b2ce;
}

#obsahb p {margin: 0 10px 0 10px;
}

/*------------Obecne vlastnosti------------*/

#page {
  margin: 0 auto; 
  text-align: left;
  width : 864px;
  border-top: 0;
  background: url('images/bg.jpg') repeat-y;
}
.hidden { display : none;}
.cleaner{
  clear: both; 
  visibility: hidden;
  height: 1px;
  margin-top: -1px;
}
.img-text, .img-text span{
  background: #F7C412; 
  position : relative;
  overflow : hidden; 
  text-align: center;
  display: block;
  width: 144px;
  height:26px;
  left: 0;
  top: 0;
  }
.img-text span{position: absolute;}

/*---------Logo---------*/

#logo, #kostka {
  background: #FFFFFF;
  position : relative;
  overflow : hidden;
  text-align: center;
}
#logo, #logo a, #logo span{
  float:left;
  width: 864px;
  height: 127px;
  background: url('images/logo.jpg');
} 
#logo span, #kostka span{position: absolute;left: 0; top: 0; cursor: pointer;}
#logo h1 a{ padding : 0; margin : 0; font-size : 1em; color: #4C4C4C;}

/*---------Dokonceni kostky---------*/

#kostka, #kostka a, #kostka span{
  float:right;
  width: 166px;
  height: 68px;
  background: url('images/kostka.jpg') no-repeat;
}

/*---------Navigace---------*/

#navigace-leva, #navigace-prava{ 
  float: left; 
  width: 144px;
  margin: -8px 7px 0 15px; 
  display: inline;
}
#navigace-prava{float: right; margin-right: 15px;}
#navigace-prava{margin-left: 8px;}
#navigace-prava h2, #navigace-leva h2{font-size: 1.2em;}
#kategorie, #menu, #navstevnost, #partneri, #reklama, #shoutboard, #nove_komentare{
  background: #ffffff url('images/menu-bg.jpg') repeat-y; 
  margin-top: 8px;
}
#navigace-leva img, #navigace-prava img{border: 0; margin: 5px; margin-left: 25px;}
/*---------Navigace-seznamy---------*/
#navigace-leva ul, #navigace-prava ul{padding: 5px 0 10px 20px; line-height: 150%;}
#navigace-leva li, #navigace-prava li{list-style-type: none;}
#reklama p{ margin: 10px;}
/*---------Navigace-odkazy---------*/
#navigace-leva li a, #navigace-prava li a{
  background: url('images/odrazka.jpg') no-repeat;
  background-position: 0 3px;
  padding-left: 24px;
  color: #666666;
  text-decoration: none;
}
#navigace-leva li a:hover, #navigace-prava li a:hover{
  background-position: 0 -14px;
  color:#24a8c5;
}

/*---------Nahrazeni textu obrazky---------*/

#kategorie h2 span {background: url('images/kategorie.jpg');}
#menu h2 span {background: url('images/menu.jpg');}
#navstevnost h2 span {background: url('images/navstevnost.jpg');}
#partneri h2 span {background: url('images/partneri.jpg');}
#reklama h2 span {background: url('images/reklama.jpg');}
#shoutboard h2 span {background: url('images/shoutboard.jpg');}
#nove_komentare h2 span {background: url('images/komentare.gif');}
/*---------Obsah---------*/
#obsah {float: left; width: 531px; min-height: 200px; _height: 200px; background: #ffffff url('images/obsah-bg.jpg');}
#obsah h2, #obsah-play h2{
  background:#F7C412 url('images/obsah-nadpis.jpg'); 
  text-align: center;
  color: #ffffff;
  font-size: 150%;
  height: 27px;
}

#obsahb {float: left; width: 531px; min-height: 200px; _height: 200px; background: #ffffff url('images/obsah-bg.jpg');}
#obsahb h2, #obsah-play h2{
  background:#F7C412 url('images/obsah-nadpis.jpg'); 
  text-align: center;
  color: #ffffff;
  font-size: 150%;
  height: 27px;
}

/*---------Tabulka hra---------*/

.hra-tabulka, .hra-tabulka-info{
  float: left; 
  display: inline; /* IE 6 bug*/
  width: 167px; 
  height: 148px;
  margin: 10px 0 0 7px;
  background:transparent url('images/hra-bg.jpg') bottom left;
}
.hra-tabulka-info{background:transparent; width: 140px;}
.hra-tabulka h3{
  background:#24a8c5 url('images/hra-nadpis.jpg') no-repeat;
  width: 147px;
  height: 17px;
  color: #ffffff;
  font-size: 85%;
  padding-left: 10px;
  padding-top: 1px;
}
.hra-tabulka img,.hra-tabulka-info img{
  border: 1px solid #219bb6; 
  float: left;
  _height: 90px;
  display: inline;
  width: 120px;
  height: 90px;
  margin: 7px 0 0 10px;
}
.procenta {
  float: right; 
  display: inline; /* IE 6 bug*/
  margin: 6px 3px 0 0;
  width: 25px;
}

/*---Tlacitka PLAY + INFO----*/

.play, .info{
  background: #24a8c5 url('images/play.jpg');
  float: left; 
  width: 55px; 
  height: 18px;
  padding-top: 2px;
  margin: 4px 0 0 10px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  font-size: 95%;
}
.info{margin-left: 12px;}

/*---------Predchozi dalsi---------*/
#next, #next a{text-align: center; margin: 20px; font-weight: bold;}
#next a{text-decoration: none; color: #000000; margin:0 0 0 15px;}
#next span {color:#42B0C8; font-size: 110%;}
#pravasipka{display: inline; padding-bottom: -100px; width: 16px; height: 7px;}
/*---------Pata (foot)---------*/
#foot{
  background: #ffffff url('images/pata.jpg');
  height: 92px;
}
#copyright{float: right; margin: 35px 10px 0 0;}
#foot, #foot a{ color: #666666; font-size: 90%;}

/* ############ INFO ##########*/
/*---------Popis---------*/
.popis{float:left; max-width: 341px; _width: 341px; margin: 15px 0 0 12px; line-height: 130%;}
.popis h3, .anketa h3{font-size: 110%;}

/*---------Komentare---------*/
.komentare-tabulka{
  width: 488px;
  margin: 20px 0 15px 18px;
  background: #FFEA9F;
  border: 1px solid #24A8C5;
  border-top: 0;
}
.komentare-tabulka h3{
  padding-left: 10px;
  height: 17px;
  background:#24a8c5 url('images/komentare-nadpis.jpg') no-repeat;
  color: #FFFFFF;
  font-size: 90%;
}
.komentare-hlavicka{margin: 9px 0 30px 14px; font-weight: bold;}
.autor{float:left;}
.datum{font-size: 0.9em; float:right; margin: 0 20px 0 0;}
.komentare-text{margin: 0 0 5px 14px; width: 470px;}
.oddelovac{
  background:#24a8c5; 
  color: #24a8c5;
  height: 1px; 
  border: 0;
  width: 470px; 
  margin-left: 10px;
}
#komentar fieldset{float: left; border: 0; padding: 0; margin: 10px 0 5px 7px; display: inline;}
#komentar legend{font-weight: bold; border:0;margin: 0 0 0 -5px; display: inline;}
#komentar label{margin-left: 5px; display: inline;}
.jmeno, .text, .odeslat{ border: 1px solid #24a8c5; display: inline;}
.odeslat {background: #FFFFFF; margin-top: 5px;}

/*-------------------------------*/
.bottom, .bottom-obsah {background: url('images/bottom.jpg');
padding-bottom: 3px;padding-top: 4px;}
.bottom-obsah{background: url('images/bottom-obsah.jpg'); padding-bottom: 3px;}
#sboard { text-align: center; margin: 10px 0 10px 0;}
#nove_komentare p{margin: 10px;max-width:144px;}
#nove_komentare a, #nove_komentare a:hover{text-decoration: none; color: #000000;}
#nove_komentare a:hover{text-decoration: underline;}
#nove_komentare hr{width:120px; margin-left: 10px;   height: 1px; color: #219bb6; background-color: #219bb6; border: 0px solid #219bb6}
#playphp{ 
  margin: 0 auto;
  margin-top: 15px;
  text-align: center;
  width : 864px;
  border-top: 0;
}
#obsah-play{width:704px; margin: auto; margin-bottom: 50px; margin-top: 10px;background : #FFFFFF; text-align:left;}
#obsah-play p {padding: 15px;}
#obsah-play h2{
  background:#F7C412 url('images/h2-play.jpg');}
.play-hra{
  background: #24a8c5 url('images/play-hra.jpg');
  float: left; 
  width: 120px; 
  height: 20px;
  padding-top: 3px;
  margin: 5px 0 0 11px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  font-size: 95%;
}
.anketa {float:left; max-width: 500px; margin: 15px 0 0 20px; display: inline;}
.anketa a img {border: 0; margin: 10px 45px 0 10px;}
.anketa a {text-decoration: none; color: #000000; font-weight: bold; margin-right: 5px;}