body{
  background-color: #26393d;
  }
  
  #hlavni{
  width:1004px;
  border:0;
  margin:0;
  padding:0;
  background-color: #40627c;
  position:absolute;
  left:50%;
  margin-left:-502px;
  }
  
  #header{
  width:1004px;
  height:109px;
  background-image: url(http://www.browserhry.eu/images/browser_hry_header.png);
  }
  
  #reklama{
  width:1004px;
  height:50px;
  background-color: #26393d;
  }
  .reklama {
  position:absolute;
  width: 100%;
  text-align:center;
  top:20px;}
   .reklama a{
  color:white;
  font-family: arial;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  }
  .reklama a:hover{
  color: #E8E595; 
  }
  
  /* ---------------------------------------------------------------------------leve menu */
  
  #menu-left{
  width:154px;
  position:relative;
  float:left;
  background-color: #40627c;
  background-image: url(http://www.browserhry.eu/images/browser_hry_menu_left.png);
  background-repeat: no-repeat;
  padding-top:20px;
  }
  
  #menu-left a{
  color:white;
  width:130px;
  font-family: arial;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  line-height: 18pt;
  margin-right:10pt;
  position:relative;
  float:right;
  text-align: right;
  }
  #menu-left a:hover{
  color: #E8E595; 
  }
  
  #menu-left img{
  margin-top:20px;
  margin-bottom:5px;
  }
  
  #menu-left .prop{
  margin-top:0px;
  margin-bottom:0px;
  }
  
  /* ---------------------------------------------------------------------------stred */
  
  #stred{
  width:696px;
  background-color: white;
  background-image: url(http://www.browserhry.eu/images/browser_hry_body.png);
  background-position: right top;
  background-repeat: no-repeat;
  position:relative;
  float:left;
  min-height:1250px;
  line-height: 1.4em;
  
  }
  
  /* ---------------------------------------------------------------------------leve menu */
  
  #menu-right{
  width:154px;
  position:relative;
  float:right;
  background-color: #40627c;
  background-image: url(http://www.browserhry.eu/images/browser_hry_menu_right.png);
  background-repeat: no-repeat;
  padding-top:20px;
  }
  
  .pravemenu2{
  color:white;
  margin-left:10pt;
  font-family: arial;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  line-height: 18pt;
  text-align: left;
  }
  
  #menu-right a{
  color:white;
/*  width:130px;*/
  font-family: arial;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  line-height: 18pt;
  text-align: right;
  }
  
  #menu-right a:hover{
  color: #E8E595; 
  }
  #menu-right img{
  margin-top:20px;
  margin-bottom:5px;
  }
  
  /* ---------------------------------------------------------------------------prihlaseni */
  
  #prihlaseni{
  width:670px;
  font-family: arial;
  text-decoration: none;
  /*font-weight: bold;*/
  font-size: 11px;
  padding-left:5pt;
  margin-top:2pt;
  }
  #prihlaseni a img{
  border: 1px black solid;
  }
  #prihlaseni a {
  color:black;
  font-weight: bold;
  }
  #prihlaseni a:hover{
  color: #4C4C4C;  
  }
  .doprava{
  position:relative;
  float:right;
  }
  
  /* ---------------------------------------------------------------------------paticka */
  
  #paticka{
  width:1004px;
  height:48px;
  background-image: url(http://www.browserhry.eu/images/browser_hry_24.png);
  color:black;
  text-align: center;
  font-family: arial;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  position:relative;
  float:left;
  }
  #paticka a {
  color:black;
  font-weight: bold;
  }
  #paticka a:hover{
  color: #4C4C4C;  
  }
  
  /* ---------------------------------------------------------------------------obsah */
  
  #obsah{
  padding:5pt;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  /*font-style: normal;
  font-weight: normal;
  text-transform: normal;
  letter-spacing: normal;*/
  line-height: 1.4em;
  }
  
  #obsah a{
  color:black;
  font-weight: bold;
  }
  #obsah a:hover{
  color: #4C4C4C; 
  }
  
  /* ---------------------------------------------------------------------------tabulky */
  
  #obsah table{
  /*border-top: 1px black solid;
  border-left: 1px black solid;*/
  border-collapse: collapse;
  font-size: 12px;
  }
  
  #obsah table td{
  /*border: 1px solid;*/
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  /*font-size: 12px;
  /*font-style: normal;
  font-weight: normal;
  text-transform: normal;
  letter-spacing: normal;*/
  line-height: 1.4em;
  }
  
  .seznam td{
  border: 1px black solid;
  }
  
  .hlavickatabulky{
  background-color: #E8E595;
  font-weight: bold;
  }
  
  .poradi{
  font-weight: bold;
  font-size: xx-large;
  }
  
  /* ---------------------------------------------------------------------------formulare */
  
  
  .img{
  text-align: center;
  }
  
  /* ---------------------------------------------------------------------------profil hry */
form {
padding:0px;
margin:0px;
}  
input {
font-size: 11px;
}
select {
font-size: 11px;
}
textarea {
font-size: 11px;
}
  #obsah .profilhry{
text-align:left;
  
  }
  #obsah .profilhry td{
vertical-align: top;
text-align:left;
padding:5px;
  }
  .vnitrek{
  text-align: left;
  }
.minirecenze td {
vertical-align: top;
overflow: auto;
}
.imgclanek {
float: left;
padding: 10px 10px 10px 0px;
}
.komentar {
width:250px;
height: 100px;
}
.napsatclanek {
width:666px;
height: 400px;
}
.napsatmini {
width:300px;
height: 75px;
}
.komentare {
background-color: #E8E595;
}
.info {
background-color: #E8E595;
font-weight: bold;
}
.ramecek {
margin: auto;
border: 1px black solid;
width:350px;
}
.ramecek2 {
background-color: #E8E595;
}
#obsah .nastaveni td {
vertical-align: top;
text-align: left;
padding-left: 5px;
} 
.soutez {
position: relative;
width: 1OO%;
height: 50px;
padding-left:5px;
background-color: #E8E595;}
.center {
padding-top:25px;
text-align:center;}
.online {
margin-left: 160px;
text-align:left;
}
.mazat {
  float:right;

}