#stranka {
        position: relative;
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
   
body {
        2background-color: #C0955B;
	font-size: 13px;
	font-family: Times New Roman;
        color: #5B2714;
        background-color: #DABE7F;
}

a {
	color: #5C2814; 
	margin: 0px;
        text-decoration: none;
}

img {
        border: 0px;
}

.tucne {
	font-weight: bold;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.kurziva {
	font-style: italic;
}

p {
	padding: 0px;
	margin: 0px;
}

h1 {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
        font-size: 15px;
        color: #5B2714;
        font-family: Times New Roman;
}

h2 {
	font-size: 14px;
	font-family: Times New Roman;
        color: #5B2714;
        padding: 0px;
        margin: 0px;
}

h3 {
	padding: 0px;
        text-align: center;
	margin: 0px;
	color: #5B2714;
	font-size: 12px;
        font-family: Times New Roman;
}

hr {
	height: 1px; 
        color: #600C0C;
        background-color: #5B2714;
        border: 0px solid #000000; 
        margin: 15px;
        margin-left:auto;
        margin-right:auto
}


/************* TOP *************/

#top {
	BACKGROUND: url(img/top.jpg) no-repeat;
	width: 800px;
	height: 135px;
}

#top img {
	border: 0px;
}

/************* MENU *************/

#menu {
	BACKGROUND: url(img/menu.jpg) no-repeat;
	width: 800px;
	height: 68px;
        float:left;
}

#links {
        text-align: center;
        float: left;
        padding: 5px 0px 0px 210px;
}

#links_de {
        text-align: center;
        float: left;
        padding: 5px 0px 0px 215px;
}

#links_en {
        text-align: center;
        float: left;
        padding: 5px 0px 0px 170px;
}

#menu a {
        line-height: 1.9;
        padding: 7px;
        font-weight: bold;
        font-size: 14px;
}

#menu a:hover {
        color: #B68856;
}

.menu_active {
	 color: #B68856;
}

#vlajky {
        float: left;
        padding: 35px 0px 0px 40px;
}

#vlajky a {
        padding: 0px;
}


/************* CONTENT *************/

#content {
        background-color: #DABE7F;
	width: 800px;
        float: letf;
        2height: 1512px;
        padding: 0px;
        clear: both;
}

#content a {
        color: #5B2714;
        text-decoration: underline;    
}

#content a:hover {
	color: #9B6E42;
        text-decoration: none;
}


/************* LEFT *************/

#left {
        BACKGROUND: url(img/left.jpg) top left no-repeat;
        background-color: #DABE7F;
        width: 281px;
        min-height: 512px;
	float:left;
}

#left img {
        text-align: rigth;
        padding: 43px 0px 0px 26px;
}


/************* MAIN *************/



#main {
        BACKGROUND: url(img/main.jpg) top left no-repeat;
        
}

#main_o {
        BACKGROUND: url(img/onas_b.jpg) top left no-repeat;
}

#main_k {
        BACKGROUND: url(img/kontakty_b.jpg) top left no-repeat;
}

#main_u {
        BACKGROUND: url(img/ubytovani_b.jpg) top left no-repeat;
}

#main_text {
        color: #5B2714;
        padding: 0px 40px 0px 18px;
        font-size: 14px;
	font-family: font-family: Times New Roman;
        line-height:1.4 ;
}

#main, #main_u, #main_o, #main_k  {
        background-color: #DABE7F;
        width: 519px;
        min-height: 512px;
	_height: 512px;
	float: left;
        padding-bottom: 0px;
}

/************* CENIK *************/

.cenik_os {
	width: 70px;
	float: left;
}

.cenik_cena {
	width: 300px;
	float: left;
}



/************* REZERVACE *************/

#obsah_rezervace {
	padding-top: 45px;
	padding-left: 80px;
	padding-right: 70px;
}

/************* form *************/

.form_text {
        float: left;
        width: 130px;
        padding-left: 25px;
        padding-bottom: 15px;
        color: #5B2714;
        font-family: font-family: Times New Roman;
}

.form_text2 {
        float: left;
        width: 410px;
        padding-left: 25px;
        padding-bottom: 15px;
}

.form_field {
        
        border: 1px solid #5B2714;
        color: #5B2714;
        overflow: hidden;
        background: none repeat scroll 0%;
        
        width: 130px;
        height: 15px;
}

.form_message {
        border: 1px solid #5B2714;
        overflow: hidden;
        background: none repeat scroll 0%;
        width: 350px;
        height: 120px;
}

.button {
	background:none !important;
	border:none !important;
	float: left;
        font-size: 12pt;
        color: #5B2714;
        font-family: Times New Roman;
	font-weight:bold;
        width: 100px;
	height: 40px;
	margin: 0px 0px 0px 0px;
}


/************* FOTOGALERIE *************/

#content_foto {
        BACKGROUND: url(img/back_foto.jpg) top left;
        BACKGROUND-COLOR: #E0C282;
        width: 800px;
        height: 512px;
}

#content_foto a {
        color: #9B6E42;        
}

#content_foto a:hover {
	color: #5B2714;
        text-decoration: none;
}

.foto_links {
        width: 800px; 
        font-weight: bold; 
        font-size: 14px;
}

#obsah_fotogalerie {
	padding: 0px 55px 45px 55px;
}


.ramecek_foto {
	float: left;
	padding-right: 7px;
        padding-bottom: 7px;
        width: 91px;
	height: 71px;
	BACKGROUND: url(img/ramecek_fg.jpg) no-repeat;
}

.odsazeni_foto img {
	border: 0px;
	padding-left: 6px;
	padding-top: 6px;
}


/************* FOOTER *************/

#footer {
	BACKGROUND: url(img/footer.jpg) no-repeat;
	width: 800px;
	height: 85px;
	float: left;
        text-align: right;
	color: #9B6E42;
	font-size: 12px;
        clear: both;
}

.footer_text {
        padding: 60px 40px 0px 0px;
}

.footer_text a {
        color: #9B6E42;
	text-decoration: none;
}

.footer_text a:hover {
	color: #FFF;
	text-decoration: underline;
}


/************* LIGHTBOX *************/


#lightbox{	position: absolute;	left: 0; 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(obrazy/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(obrazy/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; }
#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: 100%; background-color: #000; }