/* CSS Document */


body {
     background-color: #070A0B;
     background-image: url('pictures/pozadi.jpg');
     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: 881px;
     height: auto;
     margin: 0px auto 0px auto;
     padding: 0px;
     text-align: left;
}

#jazyk {
     position: relative;
     width: 881px;
     height: 40px;
     top: 0px;
     margin: 0px auto 0px auto;
     padding: 0px;
}

div.vlajecky {
     position: relative;
     width: 300px;
     height: 40px;
     right: 45px;
     top: -25px;
     margin: 0px;
     padding: 0px;
     text-align: right;
     float: right;
}

div.vlajecky img {
    border-style: none;
}

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

#menu {
     position: relative;
     width: 941px;  /*divna vellikost kvuli IEs*/
     height: 57px;
     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: 0px;
      float: left;
}


li.li-informace {
     position: relative;
     width: 143px;
     height: 57px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

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

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

li.li-pokoje {
     position: relative;
     width: 80px;
     height: 57px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

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

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

li.li-typy {
     position: relative;
     width: 130px;
     height: 57px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

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

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


li.li-sluzby {
     position: relative;
     width: 81px;
     height: 57px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

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

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

li.li-fotogalerie {
     position: relative;
     width: 113px;
     height: 57px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

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

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

li.li-reference {
     position: relative;
     width: 105px;
     height: 57px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

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

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

li.li-rezervace {
     position: relative;
     width: 104px;
     height: 57px;
     margin: 0px;
     padding: 0px;    
     float: left;  
}

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

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

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

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

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

/*koding menu - hlavního*/


#top-obsah {
     position: relative;
     width: 880px; 
     height: 101px;
     margin: 0px auto 0px auto;
     padding: 0px;
     background-image: url('pictures/top-obsah.png');
     background-repeat: no-repeat;  
}

#obsah {
     position: relative;
     width: 830px; 
     height: auto;
     margin: 0px auto 0px auto;
     padding: 0px 25px 0px 25px;
     background-color: #EDC683;  
     background-image: url('pictures/top-obsah-stin.jpg');
     background-position: 0% 0%;
     background-repeat: no-repeat;  
}

#obsah p {
     font-family: Tahoma;
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
     color: #33170F;
     line-height: 190%;
     padding: 0px;
     margin: 0px;
}


h1 {
     font-family: Tahoma;
     font-size: 28px;
     font-style: normal;
     font-weight: normal;
     color: #33170F;
     margin: 0px;
     padding: 40px 0px 0px 0px;
     text-align: center;
}


h2 {
     font-family: Tahoma;
     font-size: 22px;
     font-style: normal;
     font-weight: normal;
     color: #33170F;
     padding: 0px;
     margin: 20px 0px 10px 0px;
}


h3 {
     font-family: Tahoma;
     font-size: 18px;
     font-style: normal;
     font-weight: normal;
     color: #33170F;
     padding: 0px;
     margin: 20px 0px 10px 0px;
}


#obsah a {
     color: #33170F;
}

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

#paticka {
     position: relative;
     width: 880px; 
     height: 182px;
     margin: 0px auto 0px auto;
     padding: 0px;
     background-image: url('pictures/paticka.png');
     background-repeat: no-repeat;  
     font-family: Tahoma;
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
     color: #B88E6C;
}

div.grafart {
     position: relative;
     width: 440px; 
     height: 50px;
     top: 110px;
     right: 35px;
     float: right;
     text-align: right;
}

div.grafart a {
     font-family: Tahoma;
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
     color: #B88E6C;
}

div.copy {
     position: relative;
     width: 440px; 
     height: 70px;
     top: 35px;
     left: 25px;
     float: left;
     text-align: left;
}

div.copy p {
     font-family: Tahoma;
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
     color: #33170F;
     line-height: 180%; 
}



/*styles uvodniku*/


#center1 {
     position: relative;
     width: 980px;
     height: 650px;
     margin: 0px auto 0px auto;
     padding: 0px;
     text-align: left;
}

#uvod {
     position: relative;
     width: 980px;
     height: 650px;
     margin: 0px auto 0px auto;
     padding: 0px;
     text-align: left;
}


#flash {
     position: relative;
     width: 980px;
     height: 650px;
     margin: 0px auto 0px auto;
     padding: 0px;
}








/*styles uvodniku*/