/***********************************/
/************* OVERALL *************/

* {outline:none;}
html, body {height:100%;}

body {
	background: #fff6e1 url(../i/bgr.jpg) repeat-x center top;
	color:#3e3e3e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	margin:0 auto;
	text-align:center;
}

div#wrapper {
	height:auto !important;
	margin:0 auto -240px;
	min-height:100%;
	z-index:1;
	position:relative;
	text-align:left;
	width:980px;
}
div#main {
	z-index:2;
	padding-top:20px;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 20px 0 10px 0;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h1 {
	color:#5a2701;
	font-size:28px;
	margin:10px 0 20px;
}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:15px;}
h6 {font-size:14px;}

table.basic {border-collapse:separate; background:#EFE7D0; border:1px solid #e4dabd; border-bottom:1px solid #fef9ea; border-right:1px solid #fef9ea;}
table.basic th, table.basic td {padding:4px 10px; border:1px solid #e4dabd; border-top:1px solid #fef9ea; border-left:1px solid #fef9ea;}
table.basic th {background:#f5eed9; font-size:11px; color:#7d4411;}



a {color:#3B6422; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:none;}
img {}
p {}
ul {padding-left:20px;}
ul li {}
ul li a {}
ul li a:hover {}
ol {padding-left:20px;}
ol li {}
ol li a:hover {}

input, select, textarea {
	border:1px solid #cabd9a;
	background: #fff;
	color:#444;
	padding:6px;
	font: normal 12px Arial, Arial, Helvetica, sans-serif;
}
select {padding:5px;}

input:focus, select:focus, textarea:focus {border:1px solid #925a30;}

input.button {
	border:none;	
	background: #3B6422 url(../i/button.jpg) repeat-x left top;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;		
	border-radius:3px;			
}
input.button:hover {
	color:#fff;
	cursor:pointer;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	select {height:28px;}
	input.button {padding:7px 12px;}
}


/***********************************/
/********* COMMON CLASSES *********/

div.empty {
	clear: both;
	width: 100%;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

.hidden {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

div.line {
	clear: both;
	width: 100%;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	background:#E7DDC3;
}

.last {margin-right:0 !important;}
.left {float:left;}
.right {float:right;}
.red {color:#8e1300;}
img.frame {border:5px solid #fefcf8;}
p.error {
	color:#8e1300;
	border:1px solid #C26E6E;
	background:#F0E7CB;
	padding:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;		
	border-radius:3px;		
}

a.button {
	background: #3B6422 url(../i/button.jpg) repeat-x left top;
	display:inline-block;
	padding:0 12px;
	height:30px;
	line-height:30px;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;		
	border-radius:3px;			
	}
a.button:hover {
	text-decoration:none;
	background-position:left bottom;
	}

/* HEADER */

div#header {
	position:relative;
	display:block;
	height:269px;
}
* html div#header {height:273px;}

div#header a#logo {
	width:228px;
	height:124px;
	display:block;
	position:absolute;
	left:0;
	top:34px;
	background: url(../i/logo.png);
}
div#header a#logo:hover {top:35px;}

div#header a.lang {
	font-size:12px;
	padding-left:24px;
	height:14px;
	line-height:14px;
	display:block;
	color:#333;
	position:absolute;
	left:730px;
	top:36px;
}
div#header a.bg {	background:url(../i/lang.jpg) left top no-repeat;}
div#header a.en {	background:url(../i/lang.jpg) left bottom no-repeat;}

/* MENU */

div#menu {
	display:block;
	width:980px;
	height:50px;
	background:url(../i/menu-bgr.jpg) no-repeat left top;
	position:absolute;
	left:0;
	bottom:0;
}
div#menu ul {
	padding:0;
	margin:0;
	list-style:none;
}
div#menu ul li {
	float:left;
	height:50px;
	background:url(../i/menu-sep.jpg) no-repeat left top;	
}
div#menu ul li a {
	font-size:14px;
	padding:0 18px;
	padding:0 20px;	
	color:#fff;
	line-height:50px;
	height:50px;
	display:inline-block;
}
div#menu ul li a:hover,
div#menu ul li a.active {
	background:url(../i/menu-hov.jpg) no-repeat left top;	
	text-decoration:none;
}
div#menu ul li.home {background:none;}
div#menu ul li.home a {background:url(../i/menu-hp.jpg) no-repeat left top; padding:0; width:48px;}
div#menu ul li.home a:hover,
div#menu ul li.home a.active {background:url(../i/menu-hp.jpg) no-repeat left bottom;}

div#menu a#reservation {
	width:151px;
	height:35px;
	position:absolute;
	display:block;
	background:url(../i/reservation.jpg) no-repeat left top;
	top:8px;
	right:8px;
}
div#menu a#reservation:hover {
	background:url(../i/reservation.jpg) no-repeat left bottom;
	top:9px;
}


/* FOOTER */

div#push {
	clear:both;
	height:240px;
	position:relative;
	display:block;
}

div#footer {
	display:block;
	height:240px;
	background:#f8edd1 url(../i/footer.jpg) repeat-x left top;
	position:relative;
	z-index:2;
}
div#footerwrap {
	padding-top:70px;
	width:980px;
	margin:0 auto;
	position:relative;
	text-align:left;
	color:#5e5643;
}
div#footerwrap a {color:#453718;}
div#footerwrap a:hover {color:#3B6422;}
div#footerwrap p {margin:0;}
div#footerwrap h2 {margin:0 0 5px; font-size:24px; color:#385e1d;}
div#footerwrap a.mail {font-weight:bold;	color:#72530a;}

div.quad {
	width:230px;
	padding-left:15px;
	float:left;
	background:url(../i/footer-sep.jpg) no-repeat left center;
}
div.quad ul {padding:0; margin:0; list-style:none;}
div.quad ul li {margin:0; padding:0;}
div.quad ul li a {
	background:url(../i/footer-bullet.jpg) no-repeat left 5px;
	padding-left:8px;
}



div#left {width:240px; float:left; display:block;}
div#right {	width:720px;	float:right; display:block;}

div#sidenav {
	display:block;
	background:url(../i/sidenav.jpg) no-repeat left top;
	padding:10px 16px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;		
}
div#sidenav ul {
	padding:0;
	margin:0;
	list-style:none;
}
div#sidenav ul li {background:url(../i/sidenav-sep.jpg) no-repeat center bottom;}
div#sidenav ul li.last {background:none;}
div#sidenav ul li a {
	display:block;
	color:#3f351b;
	height:40px;
	line-height:35px;
	font-size:16px;
	text-decoration:none;
}
div#sidenav ul li a:hover,
div#sidenav ul li a.active {
	color:#467820;
	background:url(../i/sidenav-hov.jpg) no-repeat right 14px;
}



div.box {
	background:#f0e6cf;
	padding:10px 16px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;			
	display:block;
}
div.box h2 {
	margin:5px 0 15px;
	font-size:20px;
}

a.map img {
	border:2px solid #fffbf1;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;	
}
a.map:hover img {border:2px solid #d5cbb2;}

div.triple {
	width:210px;
	margin-right:28px;
	float:left;
	font-size:12px;
	line-height:18px;
}
div.last {margin-right:0;}
div.triple-box {
	background: #f0e6cf url(../i/home-box.jpg) no-repeat center top;
}

div.weather {
	width:240px;
	height:90px;
	display:block;
	position:relative;
	background: url(../i/weather-bgr.jpg) no-repeat left top;
	margin-bottom:6px;
}
div.weather strong.title {color:#406625; font-size:17px; font-weight:normal; position:absolute; top:20px; left:15px;}
div.weather strong.temp {color:#333; font-size:17px; position:absolute; top:20px; right:115px;}
div.weather span.minmax {color:#b65600; position:absolute; top:50px; left:15px;}

div.cond1, div.clean-day {background-image:url(../i/weather/clean-day.jpg);} /* slunchevo */
div.cond2, div.clean-night {background-image:url(../i/weather/clean-night.jpg);}  /* chisto nebe */
div.cond3, div.cloudy-day {background-image:url(../i/weather/cloudy-day.jpg);}  /* slunchevo s razkusana oblachnost */
div.cond4, div.cloudy-night {background-image:url(../i/weather/cloudy-night.jpg);}  /* razkusana oblachnost */
div.cond5, div.cloudy {background-image:url(../i/weather/cloudy.jpg);}  /* oblachno */
div.cond6, div.rain-snow {background-image:url(../i/weather/rain-snow.jpg);}  /* dujd i snqg */
div.cond7, div.rainy {background-image:url(../i/weather/rainy.jpg);}  /* dujd */
div.cond8, div.snowy {background-image:url(../i/weather/snowy.jpg);} /* snqg */
div.cond9, div.stormy {background-image:url(../i/weather/stormy.jpg);}  /* burq */
div.cond10, div.foggy {background-image:url(../i/weather/foggy.jpg);} /* mugla */

div.testimonials {width:400px; float:left;}
div.testimonials h3 {font-size:15px; font-weight:bold; margin:0 0 10px; float:left;}
div.testimonials h5 {
margin:0;
float:right;
font-size:11px;
line-height:16px;
background:transparent url(../i/icon-calendar.png) no-repeat left top;
padding-left:20px;
}
div.testimonials p {clear:both; margin:10px 0;}


input.reset {
width:91px; background:url(../i/footer.jpg) repeat left -50px; color:#5E5643;
}
input.reset:hover {color:#111;}

a.gal {margin-right:15px; display:block; float:left; margin-bottom:10px;}
a.gal img {border:3px solid #EFE7D0;}
a.gal:hover img {border:3px solid #fff;}
a.last {margin-right:0;}