/* CSS Document */


body {
     background-color: #070A0B;
     background-repeat: repeat-x;
     text-align: center;
     margin: 0px;
     padding: 0px;
     font-family: Tahoma;
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
     color: #000000;
}

#center {
     position: relative;
     width: 938px;
     height: auto;
     margin: 0px auto 0px auto;
     padding: 0px;
     text-align: left;
}

#hlavicka {
     position: relative;
     width: 938px;
     height: 91px;
     margin: 0px auto 0px auto;
     padding: 0px;
     text-align: left;
     background-image: url('pictures/hlavicka.jpg');
     background-repeat: no-repeat;
}

#menu {
     position: relative;
     width: 938px;
     height: 38px;
     margin: 0px auto 0px auto;
     padding: 0px;
}

#menu a {
    color: #000000;  /* aby neproblikavalo menu*/
}

/*koding menu - hlavního*/

#menu ul {
      list-style-type: none;
      display: inline;
}

#menu li {
      position: relative;
      top: 0px;
      left: 5px;
      float: left;
}


li.li-aktuality {
     position: relative;
     width: 97px;
     height: 38px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-aktuality {
     position: absolute;
     width: 97px;
     height: 38px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/menu/aktuality.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

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

}


li.li-profil {
     position: relative;
     width: 75px;
     height: 38px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-profil {
     position: absolute;
     width: 75px;
     height: 38px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/menu/profil.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

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

}

li.li-portfolio {
     position: relative;
     width: 97px;
     height: 38px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-portfolio {
     position: absolute;
     width: 97px;
     height: 38px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/menu/portfolio.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

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

}

li.li-soucastna_tvorba {
     position: relative;
     width: 165px;
     height: 38px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-soucastna_tvorba {
     position: absolute;
     width: 165px;
     height: 38px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/menu/soucastna_tvorba.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

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

}

li.li-kontakt {
     position: relative;
     width: 95px;
     height: 38px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

span.span-kontakt {
     position: absolute;
     width: 95px;
     height: 38px;
     margin: 0px;
     padding: 0px;  
     top: 0px;
     left: 0px;
     background-image: url('pictures/menu/kontakt.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

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

}

/*koding menu - hlavního*/

/*galerie*/

#center-galerie {
     position: relative;
     width: 800px;
     height: auto;
     margin: 0px auto 0px auto;
}

.obraz {
     position: relative;
     width: 325px;
     height: auto;
     margin: 0px 30px 0px 30px;
     padding: 0px;
     float: left; 
}

.obraz table {
     margin: 0px;
     padding: 0px;
}

td.obraz-back {
     position: relative;
     width: 325px;
     height: 266px;
     margin: 0px;
     padding: 0px;
     background-image: url('pictures/obraz.png');
     background-repeat: no-repeat;
}

td.obraz-nazev {
     position: relative;
     width: 325px;
     padding: 2px 15px 2px 25px;
     margin: 0px;
}

td.obraz-popis {
     position: relative;
     width: 325px;
     padding: 2px 15px 2px 25px;
     margin: 0px;
}

.obraz img,a {
    border-style: none;
    text-decoration: none;
}


h2 {
     font-family: Tahoma;
     font-size: 24px;
     font-style: normal;
     font-weight: normal;
     color: #000000;
     margin: 0px 0px 0px 0px;
     padding: 0px;
}

h3 {
     font-family: Tahoma;
     font-size: 24px;
     font-style: normal;
     font-weight: normal;
     color: #000000;
     margin: 0px 0px 0px 25px;
     padding: 0px;
}

a.poptat {
     position: relative;
     width: 133px;
     height: 26px;
     float: right;
     font-family: Tahoma;
     font-size: 12px;
     font-style: normal;
     font-weight: bold;
     text-align: center;
     color: #000000;
     text-decoration: none;
     margin: 0px;
     padding: 7px 0px 0px 15px;
     background-image: url('pictures/poptat.png');
     background-repeat: no-repeat;
}

a.poptat:hover {
     text-decoration: underline;
}

.obraz img {
    position: relative;
    width: auto;
    height: 220px;
    margin: 2px 0px 0px 0px;

}


/*galerie*/



#pravy {
     position: absolute;
     width: 303px;
     height: 609px;
     right: 0px;
     top: 107px;
     margin: 0px;
     padding: 0px;
     background-image: url('pictures/pravy.png');   
     background-repeat: no-repeat;
}

#obsah {
     position: relative;
     width: 938px;
     height: auto;
     top: 35px;
     margin: 0px;
     padding: 0px;
     text-align: left;
}


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


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

#obsah-text p {
     position: relative;
     width: 600px;
     height: auto;
     margin: 0px;
     padding: 0px 25px 10px 25px;
     line-height: 180%;
}

#obsah-text a {
    color: #000000;
}

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


#obsah-top h1 {
     margin: 0px;
     padding: 35px 25px 5px 75px;
}

    
#paticka {
     position: relative;
     width: 938px;
     height: 132px;
     margin: 0px auto 0px auto;
     padding: 0px;
     float: left;
     text-align: left;
     background-image: url('pictures/paticka.jpg');
     background-repeat: no-repeat;
}         


#paticka p,a {
     margin: 0px;
     font-family: Tahoma;
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
     color: #ffffff;
}

table.jazyky {
      position: relative;
      top: 45px;
      width: 200px;
      margin: 0px auto 0px auto;
      text-align: center;
}

table.jazyky img {
      border-style: none;
}



/*prostor pro styl poptavky*/



















/*prostor pro styl poptavky*/