body, p, ul, li, img, a, h1, h2, h3 {border: 0; padding: 0; margin: 0;}
ul {list-style-type: none;}
a {color: #fad49f;}
p {margin-top: 26px;}

body {background: #7d3e00 url("images/web/background.jpg") repeat-x; font: 14px arial; color: #fef5e9; line-height: 20px;}
h1 {font: bold 28px arial; color: #dbb072;}
h2 {font: normal 18px arial; color: #dbb072;}
.bold {font-weight: bold;}


#content {width: 916px; margin: 0 auto;}
#top {background: url("images/web/top-img.jpg") no-repeat; width: 916px; height: 300px; position: relative;}
.logo {display: block; width: 228px; height: 74px; position: absolute; top: 18px;}
.cz-tur {display: block; width: 87px; height: 87px; position: absolute; top: 15px; right: 284px;}
.cz-klas {display: block; width: 87px; height: 87px; position: absolute; top: 15px; right: 189px;}
.hlavicka-img{position:relative; top:125px; left:22px;}

#mutace {position: absolute; top: 90px; left: 280px;}
#mutace a {margin: 0 9px;}

/*#menu {position: absolute; bottom: 7px; left: 7px;}
#menu li {float: left;}
#menu li a {text-transform: uppercase; background: url("images/web/menu-bg.png") no-repeat; height: 25px; display: block; padding: 10px 15px 0 25px;
 font: 12px arial; color: #ffffff; text-decoration: none;}*/
/*
#menu a.o-hotelu {position: relative; left: -30px;}
#menu a.fotogalerie {position: relative; left: -43px;}
#menu a.cenik {position: relative; left: -27px;}
#menu a.rezervace {position: relative; left: -67px;}
#menu a.kontakt {position: relative; left: -70px;}
*/
#menu li a:hover {}

#menu {position: absolute; bottom: 0px; left: 7px;}
#menuHoriz {/*padding: 8px 0 0 10px;*/ margin: 0; list-style: none; padding: 0;}
#menuHoriz a {font: 13px tahoma; color: #ffffff; text-decoration: none; /*padding: 14px 15px 10px 15px;*/ display: block; float: left; /*height: 16px;*/
text-transform: uppercase; background: url("images/web/menu-bg.png") no-repeat; height: 25px; display: block; padding: 10px 15px 7px 25px;
 font: 12px arial; color: #ffffff; text-decoration: none;}
#menuHoriz a:hover {text-decoration: underline; /*color: #e2001a;*/}
#menuHoriz ul {display: none; position: absolute; z-index: 100; /*left: -10px; &left: -50px;*/ top: 42px; /*width: 14ex;*/ list-style: none; padding: 0; margin: 0;}
#menuHoriz ul ul {left: 100%; top: 0px;}
#menuHoriz li {position: relative; float: left; padding: 0; display: block;}
#menuHoriz li li {clear: both; float: left; padding: 0; background: #291401;}/*float: none;*/
#menuHoriz li li:hover {background: #fec463;}
#menuHoriz li:hover > ul { display: block;}
#menuHoriz ul a {display: block; text-align: left; /*padding: .15em 0 .15em 0;*/ padding: 9px 0 9px 22px; color:white; background: none; width: 181px; height: auto;}
#menuHoriz ul a:hover {background: #fec463; text-decoration: underline; color: #000000;}


#vypis-obsahu {width: 902px; padding-left: 14px;}
#clanky {width: 492px; float: left; padding-top: 33px;}

#rezervace-akce {float: right;}
#rezervace {background: url("images/web/rezervace-bg.jpg") no-repeat; width: 370px; height: 203px;}
#rezervace h2 {position: relative; top: 8px; left: 16px;}
#rezervace form {position: relative; top: 20px; left: 16px; border: 0; padding: 0; margin: 0;}
#rezervace table td {font: 12px arial; color: #fefeff; padding: 0 13px 10px 0;}
#rezervace table td select {width: 78px; height: 19px; font: 12px arial; color: #5d2e00;}
#rezervace table td input.rezervace-submit {float: right; background: url("images/web/rezervace-button.gif") no-repeat; height: 22px; width: 123px; padding: 0; border: 0;
 color: #ffffff; font: bold 12px arial; text-transform: uppercase; position: relative; top: 0px;}
#karty {position: relative; top: 36px; left: 25px;}
.visa-overeni {margin-right: 15px;}

#akce {height: 108px; width: 368px; margin-top: 10px;}

#paticka {clear: both; background: url("images/web/paticka-img.jpg") no-repeat; height: 199px; width: 912px; float: left; margin-top: 80px;}
#paticka a {display: block; width: 248px; height: 88px; position: relative; right: 35px; top: 68px; float: right;}

#links {clear: both; text-align: center; padding: 15px 0 30px 0; font: 12px arial; color: #bc8950;}
#links a {color: #bc8950;}

hr.cleaner {clear:both;display: none}
.brcko{clear: left;}
.clearboth { clear: both; }

.BoxVpravo{position:absolute; top:710px; margin-left:550px; width:350px;}

.fotonahled{
margin:5px;
float:left;

}

.fotonahled a{
border:2px solid #341B00;
display:block;
font-size:0;
width:150px;
height:110px;
overflow:hidden;
}

.fotonahled a:hover{
border:2px solid white;
}

.fotonahled img{
margin:0;
padding:0;
}

/* LIGHTBOX2 */
#lightbox{	position: absolute;	left: 0; _margin-top:50px; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }background: url(../js) no-repeat;
width: 0px;
height: 0px;
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* .LIGHTBOX2 */

/* Opera */ 
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) 
{ 
head~body #karty {top: 42px;}
}