html,body{text-align: left; background-image: url(img/back_wood1.jpg);margin:0;padding:0}

body{font: georgia,arial,sans-serif; text-align:left; font-size: 15px; color: #5b3a0b; line-height: 18px}
p{margin:0 0 0}
a{display:inline; color: #ba6500; font-weight: bold; text-decoration: none}
a:hover{display:inline; color: #ba6500; font-weight: bold; text-decoration: underline}

h1 {font: georgia,arial,sans-serif; text-align:left; font-size: 30px; font-weight: bold; color: #5b3a0b; line-height: 35px; margin: 10px 0px -5px 0px}
h2 {font: georgia,arial,sans-serif; text-align:left; font-size: 20px; color: #976219; line-height: 25px; padding: 0px 0px 10px 0px}
h3 {font: georgia,arial,sans-serif; text-align:left; font-size: 17px; color: #5b3a0b; line-height: 20px; padding: 0px 0px 0px 0px; margin: 10px 0px -10px 0px}

li{color: #ba6500; line-height: 18px}
.litext {color:#5b3a0b}

.firstletter {color:#ba6500}

hr {margin: 0px 0px 10px 0px}

textarea {font: arial,sans-serif; text-align:left; font-size: 11px; color: #5b3a0b; line-height: 18px; padding: 10px 10px 10px 10px; border: 1px solid #976219; background-image: url(img/back_textarea.jpg)}

input.text {width: 300px; font: arial,sans-serif; text-align:left; font-size: 11px; color: #5b3a0b; line-height: 18px; padding: 2px 10px 2px 10px; border: 1px solid #976219; background-image: url(img/back_textarea.jpg)}

button {font-size: 16px; color: #fff2b5;margin: 10px 0px 0px 2px; padding: 11px 43px 11px 35px; border: 0px; background-color: #ffffff; background-image: url(img/back_button2.png); cursor: pointer}
button:hover {font-size: 16px; color: #fff2b5;text-decoration: underline; margin: 10px 0px 0px 2px; padding: 11px 43px 11px 35px; border: 0px; cursor: pointer}





div#background {width: 100%; height: 378px; background-image: url(img/back_wood2.jpg); background-repeat: repeat-x;}

div#container{text-align:left}
div#container{width:771px;margin:0 auto}

div#headerback {width: 100%; height: 217px; float: left; margin: 90px 0px 0px 0px; padding: 0px 0px 0px 16px; background-image: url(img/back_line.gif)}
div#header {width: 100%; height: 44px; float: left; margin: -242px 0px 0px 0px; padding: 0px 0px 0px 16px}
div#foto {width: 100%; height: 222px; float: left; margin: -232px 0px 0px 0px; padding: 0px 0px 0px 26px}
div#fotobuttons {width: 100%; height: 109px; float: right; margin: -242px 0px 0px 0px; padding: 10px 0px 0px 0px}
div#logo {width: 20%; height: 0px; float: left; margin: -307px 0px 0px 0px; padding: 0px 0px 0px 50px}

div#buttonline {width: 100%; height: 67px; float: left; margin: -15px 0px 0px 0px; padding: 0px 0px 0px 0px}

div#content {float: left; background-image: url(img/back_line.gif); margin: -8px 0px 0px 0px; padding: 40px 0px 0px 20px}
div#textbox{margin: -26px 0px 0px 6px; padding: 0px 0px 0px 0px}
div#text{margin: -5px 0px 0px 0px; background:#ffffff; padding: 10px 50px 0px 50px}
div#fotogalery{background-image: url(img/back_fotogalery.gif); margin: -26px 10px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: 1px solid #bc6800;}

div#footer{clear:both;width:100%; height: 68px; background-image: url(img/back_bottom.gif)}
div#footertext{width:100%; height: 60px; background-image: url(img/footer.png); background-repeat: no-repeat; margin: -11px 0px 0px 16px; padding: 8px 0px 0px 40px}

div#content{width:734px}
div#textbox{float:left;width:503px}
div#fotogalery{float:right;width:205px}

div.footer {font: georgia,arial,sans-serif; text-align:left; font-size: 12px; color: #976219}

img.foto {
border-bottom: 2px solid #fff2b5; border-top: 2px solid #fff2b5; border-left: 2px solid #fff2b5; border-right: 2px solid #fff2b5; margin : 2px 0px 0px 6px;}

img.foto:hover {
border-bottom: 2px solid #bc6800; border-top: 2px solid #bc6800; border-left: 2px solid #bc6800; border-right: 2px solid #bc6800; margin : 2px 0px 0px 6px;}

img.foto2 {
border:2px solid #ba6500;}

img.foto2:hover {
border:2px solid #5b3a0b;}



div.button_objednat { 
	float: left;
	width: 190px; height: 39px;
	margin: 0 0 0 0;
	background: url( 'img/back_button2.png' ) 0 0px no-repeat;
	}
div.button_objednat a {
	font: georgia,arial,sans-serif; 
	text-align:center; 
	font-size: 16px; 
	color: #fff2b5;
	padding: 10px 0px 0px 0px;
	display: block;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/back_button2.png' ) top left no-repeat;
	}
	
div.button_obsadena { 
	float: left;
	width: 190px; height: 39px;
	margin: 0 0px 0 0;
	background: url( 'img/back_button1.png' ) 0 0px no-repeat;
	}
div.button_obsadena a {
	font: georgia,arial,sans-serif; 
	text-align:center; 
	font-size: 16px; 
	color: #492505;
	padding: 10px 0px 0px 0px;
	display: block;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/back_button1.png' ) top left no-repeat;
	}
	
div.button_drevalika {
	float: right;
	width: 204px; height: 109px;
	margin: 0 27px 0 0;
	background: url( 'img/button_drevalika.gif' ) 0 -120px no-repeat;
	}
div.button_drevalika a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/button_drevalika.gif' ) top left no-repeat;
	}
div.button_drevalika a:hover {
	background-image: none;
	}
	
div.button_drevalika2 {
	float: right;
	width: 204px; height: 109px;
	margin: 0 27px 0 0;
	background: url( 'img/button_drevalika.gif' ) 0 -120px no-repeat;
	}

div.button_drevbabicka {
	float: right;
	clear: right;
	width: 204px; height: 109px;
	margin: 4px 27px 0 0;
	background: url( 'img/button_drevbabicka.gif' ) 0 -120px no-repeat;
	}
div.button_drevbabicka a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/button_drevbabicka.gif' ) top left no-repeat;
	}
div.button_drevbabicka a:hover {
	background-image: none;
	}
	
div.button_drevbabicka2 {
	float: right;
	clear: right;
	width: 204px; height: 109px;
	margin: 4px 27px 0 0;
	background: url( 'img/button_drevbabicka.gif' ) 0 -120px no-repeat;
	}

div.lr {
	float: left;
	width: 42px; height: 67px;
	margin: 0 0 0 0;
	}

div.button_ubytovanie {
	float: left;
	width: 115px; height: 64px;
	margin: 0 0 0 0;
	background: url( 'img/button_ubytovanie.gif' ) 0 -80px no-repeat;
	}
div.button_ubytovanie a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/button_ubytovanie.gif' ) top left no-repeat;
	}
div.button_ubytovanie a:hover {
	background-image: none;
	}
	
div.button_ubytovanie2 {
	float: left;
	width: 115px; height: 64px;
	margin: 0 0 0 0;
	background: url( 'img/button_ubytovanie2.gif' ) 0 0px no-repeat;
	}
div.button_ubytovanie2 a {
	display: block;
	width:100%; height:100%;
	overflow:hidden;
	}
	
div.button_cennik {
	float: left;
	width: 85px; height: 64px;
	margin: 0 0 0 0;
	background: url( 'img/button_cennik.gif' ) 0 -80px no-repeat;
	}
div.button_cennik a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/button_cennik.gif' ) top left no-repeat;
	}
div.button_cennik a:hover {
	background-image: none;
	}
	
div.button_cennik2 {
	float: left;
	width: 85px; height: 64px;
	margin: 0 0 0 0;
	background: url( 'img/button_cennik2.gif' ) 0 0px no-repeat;
	}
div.button_cennik2 a {
	display: block;
	width:100%; height:100%;
	overflow:hidden;
	}
	
div.button_objednavka {
	float: left;
	width: 117px; height: 64px;
	margin: 0 0 0 0;
	background: url( 'img/button_objednavka.gif' ) 0 -80px no-repeat;
	}
div.button_objednavka a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/button_objednavka.gif' ) top left no-repeat;
	}
div.button_objednavka a:hover {
	background-image: none;
	}
	
div.button_objednavka2 {
	float: left;
	width: 117px; height: 64px;
	margin: 0 0 0 0;
	background: url( 'img/button_objednavka2.gif' ) 0 0px no-repeat;
	}	
div.button_objednavka2 a {
	display: block;
	width:100%; height:100%;
	overflow:hidden;
	}
	
div.button_ojezersku {
	float: left;
	width: 107px; height: 64px;
	margin: 0 0 0 0;
	background: url( 'img/button_ojezersku.gif' ) 0 -80px no-repeat;
	}
div.button_ojezersku a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/button_ojezersku.gif' ) top left no-repeat;
	}
div.button_ojezersku a:hover {
	background-image: none;
	}	
	
div.button_ojezersku2 {
	float: left;
	width: 107px; height: 64px;
	margin: 0 0 0 0;
	background: url( 'img/button_ojezersku2.gif' ) 0 0px no-repeat;
	}
div.button_ojezersku2 a {
	display: block;
	width:100%; height:100%;
	overflow:hidden;
	}
	
div.button_okolie {
	float: left;
	width: 80px; height: 64px;
	margin: 0 0 0 0;
	background: url( 'img/button_okolie.gif' ) 0 -80px no-repeat;
	}
div.button_okolie a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/button_okolie.gif' ) top left no-repeat;
	}
div.button_okolie a:hover {
	background-image: none;
	}	
	
div.button_okolie2 {
	float: left;
	width: 80px; height: 64px;
	margin: 0 0 0 0;
	background: url( 'img/button_okolie2.gif' ) 0 0px no-repeat;
	}
div.button_okolie2 a {
	display: block;
	width:100%; height:100%;
	overflow:hidden;
	}
	
div.button_doprava {
	float: left;
	width: 92px; height: 64px;
	margin: 0 0 0 0;
	background: url( 'img/button_doprava.gif' ) 0 -80px no-repeat;
	}
div.button_doprava a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/button_doprava.gif' ) top left no-repeat;
	}
div.button_doprava a:hover {
	background-image: none;
	}
	
div.button_doprava2 {
	float: left;
	width: 92px; height: 64px;
	margin: 0 0 0 0;
	background: url( 'img/button_doprava2.gif' ) 0 0px no-repeat;
	}
div.button_doprava2 a {
	display: block;
	width:100%; height:100%;
	overflow:hidden;
	}	
	
div.button_kontakt {
	float: left;
	width: 90px; height: 64px;
	margin: 0 0 0 0;
	background: url( 'img/button_kontakt.gif' ) 0 -80px no-repeat;
	}
div.button_kontakt a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'img/button_kontakt.gif' ) top left no-repeat;
	}
div.button_kontakt a:hover {
	background-image: none;
	}		
	
div.button_kontakt2 {
	float: left;
	width: 90px; height: 64px;
	margin: 0 0 0 0;
	background: url( 'img/button_kontakt2.gif' ) 0 0px no-repeat;
	}
div.button_kontakt2 a {
	display: block;
	width:100%; height:100%;
	overflow:hidden;
	}