/* CSS Document */


body {
  background-color: #040404;
  background-image: url('pictures/pozadi.jpg');
  background-repeat: repeat-x;
  background-position: 50% 0%;
  text-align: center;
  margin: 0px;
  padding: 0px;
  font-family: Tahoma;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #ffffff;
}

#center {
  position: relative;
  width: 872px;
  height: auto;
  margin: 0px auto 0px auto;
}

#hlavicka {
  position: relative;
  width: 872px;
  height: 417px;
  top: 0px;
  margin: 0px auto 0px auto;
  background-image: url('pictures/hlavicka.png');
  background-repeat: no-repeat;
  float: left;
}

#flash {
  position: absolute;
  width: 980px;
  height: 415px;
  top: 41px;
  left: -54px;
  margin: 0px auto 0px auto;
  float: left;
}

#flash_menu {
  position: absolute;
  width: 980px;
  height: 135px;
  top: 415px;
  left: -54px;
  margin: 0px auto 0px auto;
  float: left;
}

#hledani {
  position: absolute;
  width: 280px;
  height: 24px;
  right: 20px;
  top: 30px;
  text-align: left;
}

    input.hledani_class {
      position: relative;
      width: 186px;
      height: 20px;
      top: 4px;
      border: 0px;
      margin: 0px;
      padding: 5px 0px 0px 6px;
      float: left;
      background-image: url('pictures/hledani/policko.jpg');
      font-size: 13px;
      color: #B9E2FF; 
    }
    
    input.hledani_tlacitko {
      position: relative;
      width: 88px;
      height: 32px;
      top: 0px;
      left: 4px;
      background-image: url('pictures/hledani/hledat.jpg');
      border: 0px;
    }
    
    input.hledani_tlacitko:hover {
      width: 88px;
      height: 32px;
      top: 0px;
      background-image: url('pictures/hledani/hledat-hover.jpg');
      border: 0px;
    }
   

#menu {
     position: relative;
     width: 260px; 
     height: 200px;
     top: 135px;
     left: 30px;
     margin: 0px;
     padding: 0px;
     float: right;
     text-align: left;
}

#menu a {
    color: #000000;
}


/*koding menu - hlavního*/

#menu ul {
     position: relative;
     list-style-type: none; 
     margin: 0px;
     padding: 0px;
}

#menu li {
     position: relative;
     height: 60px;
     top: 0px;
     left: 0px;
     margin: 0px 0px 5px 0px;
     padding: 0px;    
}

#menu span {
     position: absolute;
     height: 60px;
     top: 1px;
     left: 0px; 
}

li.li-novinky {
     width: 260px; 
}

span.span-novinky {
     width: 260px;
     background-image: url('pictures/menu/novinky.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-novinky:hover {
     background-image: url('pictures/menu/novinky-hover.jpg');
     cursor: hand;
}

li.li-forum {
     width: 260px; 
}

span.span-forum {
     width: 260px;
     background-image: url('pictures/menu/forum.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-forum:hover {
     background-image: url('pictures/menu/forum-hover.jpg');
     cursor: hand;
}

li.li-hra {
     width: 260px; 
}

span.span-hra {
     width: 260px;
     background-image: url('pictures/menu/hra.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-hra:hover {
     background-image: url('pictures/menu/hra-hover.jpg');
     cursor: hand;
}



/*koding menu - hlavního*/


#novinky-top {
     position: relative;
     width: 632px; 
     height: 12px;
     left: 0px;
     margin: 0px;
     padding: 0px;
     text-align: left;
     float: left;
     background-image: url('pictures/novinky-nahore.jpg');
     background-repeat: no-repeat;
}

#novinky {
     position: relative;
     width: 602px; 
     height: auto;
     left: 0px;
     margin: 0px;
     padding: 0px 15px 0px 15px;
     text-align: left;
     float: left;
     background-image: url('pictures/novinky.jpg');
     background-repeat: repeat-y;
     color: #8EA1BE;
     line-height: 175%;
}

#novinky a {
  color: #8EA1BE;
}

#novinky a:hover {
  text-decoration: none;
}

#novinky h1 {
  font-size: 25px;
  color: #8EA1BE;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#novinky h2 {
  font-size: 20px;
  color: #8EA1BE;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#novinky h3 {
  font-size: 15px;
  color: #8EA1BE;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#novinky_box {
     position: relative;
     width: 602px; 
     height: auto;
     top: 135px;
     left: 0px;
     margin: 0px;
     float: left;
}

#novinky-dole {
     position: relative;
     width: 632px; 
     height: 12px;
     left: 0px;
     margin: 0px;
     padding: 0px;
     text-align: left;
     float: left;
     background-image: url('pictures/novinky-dole.jpg');
     background-repeat: no-repeat;
}


#obsah-top {
     position: relative;
     width: 870px; 
     height: 41px;
     left: 0px;
     margin: 0px;
     padding: 0px;
     text-align: left;
     float: left;
     background-image: url('pictures/obsah-nahore.jpg');
     background-repeat: no-repeat;
}

#obsah {
     position: relative;
     width: 840px; 
     height: auto;
     left: 0px;
     margin: 0px;
     padding: 0px 15px 0px 15px;
     text-align: left;
     float: left;
     background-image: url('pictures/obsah.jpg');
     background-repeat: repeat-y;
     color: #4D4D4D;
     line-height: 175%;s
}

#obsah a {
  color: #4D4D4D;
}

#obsah a:hover {
  text-decoration: none;
}

#obsah h1 {
  font-size: 25px;
  color: #4D4D4D;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#obsah h2 {
  font-size: 20px;
  color: #4D4D4D;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#obsah h3 {
  font-size: 15px;
  color: #4D4D4D;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}


#obsah_box {
     position: relative;
     width: 870px; 
     height: auto;
     top: 145px;
     left: 0px;
     margin: 0px;
     float: left;
}

#obsah-dole {
     position: relative;
     width: 870px; 
     height: 25px;
     left: 0px;
     margin: 0px;
     padding: 0px;
     text-align: left;
     float: left;
     background-image: url('pictures/obsah-dole.jpg');
     background-repeat: no-repeat;
}


#paticka {
  position: relative;
  width: 872px;
  height: 92px;
  top: 155px;
  margin: 0px auto 0px auto;
  background-image: url('pictures/paticka.jpg');
  background-repeat: no-repeat;
  float: left;
  line-height: 150%;
  color: #443838;
}

#paticka a {
  color: #443838;
}