*{
  margin: auto; 
  padding: 0;
    border: 0px;
    }
  body{
  background: #1e87b7 url(../images/bg.jpg) repeat-x;
  margin: 0px;
  padding: 0px;
  text-align: center;
  color: #300050;
  font-size: 13px;
  }
  #obal{
  
  width: 1020px;
  min-height: 1100px;
  background: #d6f2fe;
  margin: 0px auto 0px auto;
  text-align: left;
  }
  #logo{
  text-align: left;
  width: 1020px;
  height: 208px;
  }
  #logo #hledat{
  float: left;
  width: 240px;
  height: 40px;
  padding-top: 152px;
  padding-left: 800px;
  background: transparent;
  text-align: center;
  color: #FFFFFF;
  font-size: 14px;
  }
  #logo #hledat a{
  color: #FFFFFF;
  text-decoration: none;
  }
  #logo #hledat .blok{
  margin-left: 2px;
  float: left;
  width: 200px;
  height: 40px;
  background: transparent;
  }
  #logo #hledat .blok .hledani{
  float: left;
  width: 200px;
  height: 21px;
  background: transparent;
  border: 0px;
  }
  #logo #hledat .blok input.hledat{
  border: 0px;
  width: 147px;
  height: 13px;
  background: transparent;
  }
  #vrch-menu{
  text-align: center;
  width: 1020px;
  height: 41px;
  background: #1e87b7 url(../images/vrch-menu.jpg) no-repeat;
  }
  #levy-panel{
  margin-top: 5px;
  margin-left: 2px;
  float: left;
  background: #FFFFFF;
  width: 174px;
  }
  #pravy-panel{
  margin-top: 5px;
  float: right;
  margin-right: 2px;
  background: #FFFFFF;
  width: 174px;
  }
  #stredni-panel{
  margin: 5px 185px 0px 185px;
  width: 650px;
  }
  a{
  color: #000000;
  text-decoration: none;
  }
  .nadpis-stred{
  background: #FFFFFF url(../images/bg-stred-nadpis.jpg) repeat-x;
  height: 31px;
  float: left;
  width: 650px;
  }
  .nadpis-stred img{
  height: 31px;
  float: left;
  }
  .nadpis-stred h3{
  padding: 4px;
  font-family: Eras Demi ITC;
  font-size: 18.07px;
  color: #FFFFFF;
  font-weight: none;
  }
  .ikonka{
  float: left;
  height: 31px;
  }
  .blok-stred{
  width:640px;
  background: #FFFFFF;
  min-height: 200px;
  padding: 5px;
  }
  .blok-stred input{
  border: 1px solid #000000;
  margin: 1px;
  }
  #levy-panel #blok{
  margin: 4px;
  margin-bottom: 8px;
  background: #FFFFFF url(../images/bg-leva.jpg) bottom repeat-x;
  min-height: 200px;
  text-align: left;
  }
  ul.kategorie li{
  list-style: none;
  font-size: 13px;
  }
  ul.kategorie li a{
  display: block;
  color: #300050;
  padding-left: 15px;
  text-decoration: none;
  background: transparent;
  }
  ul.kategorie li a:hover{
  display: block;
  color: #000000;
  padding-left: 20px;
  background: url(../images/menu-hover.jpg) repeat-x;
  }
  #levy-panel #blok .ikonka{
  float: left;
  height: 31px;
  }
  #levy-panel #blok .nadpis{
  padding: 4px;
  padding-bottom: 0px;
  background: transparent url(../images/bg-leva-nadpis.jpg) repeat-x;
  height: 31px;
  font-family: Eras Demi ITC;
  font-size: 18.07px;
  color: #FFFFFF;
  }
  #pravy-panel #blok{
  margin: 4px;
  margin-bottom: 8px;
  background: #FFFFFF url(../images/bg-leva.jpg) bottom repeat-x;
  min-height: 200px;
  text-align: left;
  }
  #pravy-panel #blok .ikonka{
  float: left;
  height: 31px;
  }
  #pravy-panel #blok .nadpis{
  padding: 4px;
  padding-bottom: 0px;
  background: transparent url(../images/bg-prava-nadpis.jpg) repeat-x;
  height: 31px;
  font-family: Eras Demi ITC;
  font-size: 18.07px;
  color: #FFFFFF;
  }
  #reklama{
  width: 1020px;
  height: 126px;
  background: #0b5d8d;
  clear: both;
  }
  #reklama .obsah{
  text-align: center;
  padding: 10px;
  padding-top: 20px;
  }
  #footer{
  width: 1020px;
  height: 61px;
  padding-top: 20px;
  margin-top: 5px;
  margin-bottom: 30px;
  background: #0b5d8d url(../images/flash-hry.jpg) left no-repeat;
  }
  #footer .obsah{
  margin-left: 273px;
  font-family: Arial;
  font-size: 15px;
  color: #FFFFFF;
  text-align: left;
  }
  #footer a{
  color: #ffffff;
  }
  input.inp{
  width: 120px;
  }
  .datum{
  color: #fcb913;
  font-weight: bold;
  }
  .hra{
  float: left;
  width: 318px;
  margin-right: 2px;
  margin-left: 2px;
  margin-top: 2.5px;
  margin-bottom: 2.5px;
  border: 1px solid #5ba0f5;
  height: 115px;
  background: #e9e9e9 url(../images/pozadi_hry.jpg) bottom no-repeat;
  }
  .hra h3{
  text-decoration: none;
  color: #FFFFFF;
  font-size: 16px;
  background: #5ba0f5 url(../images/nazev_hry.jpg) repeat-x;
  height: 20px;
  padding-left: 5px;
  }
  .hra h3 span{
  padding-right: 5px;
  float: right;
	text-align: right;
  }
  .hra table img{
  float: left;
  }
  .right{
  text-align: right;
  }
  .bunka{
  float: left;
  width: 318px;
  margin-right: 2px;
  margin-left: 2px;
  margin-top: 2.5px;
  margin-bottom: 2.5px;
  border: 1px solid #5ba0f5;
  min-height: 100px;
  background: #e9e9e9;
  }
  .bunka h3{
  color: #FFFFFF;
  font-size: 16px;
  background: #5ba0f5 url(../images/nazev_hry.jpg) repeat-x;
  height: 20px;
  padding-left: 5px;
  }
  .bunka h3 h4{
	text-align: right;
  }
  .bunka img{
  float: left;
  }
  .strankovani{
  color: #fcb913;
  width: 648px;
  height: 30px;
  border: 1px solid #5ba0f5;
  float: left;
  background: #FFFFFF;
  padding-top: 10px;
  font-weight: bold;
  }
  .obsahy{
  color: #fcb913;
  width: 648px;
  min-height: 30px;
  border: 1px solid #5ba0f5;
  float: left;
  background: #FFFFFF;
  padding-top: 10px;
  font-weight: bold;
  }
  .obsahy textarea{
  border:1px solid #000000;
  }
  .obsahy select{
  border:1px solid #000000;
  }
  .obsahy input{
  border:1px solid #000000;
  width: 170px;
  }