@charset "UTF-8";
/* CSS Document */

body {
	background: url(../images/back.jpg) repeat-x top;
	behavior: url(csshover3.htc); /*per IE6*/
}


#page {
	width: 780px;
	margin:auto;
	background: #FeFeFe;
}
#header {
	width: 100%;
	margin: 0;
	padding: 0;
}
#topmenu {
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;

}


		#page-menu{
			font-size:90%;
			width: 480px;
			height: 25px;
			float:right;
			padding: 0;
			margin: 6px 0 0 0;
	
		}
		
		#lang-menu{
			font-size:90%;
			width: 210px;
			height: 25px;
			float:left;
			position: relative;
			left: 60px;
			padding: 0;
			margin: 6px 0 0 0;
	
		}

	
		
		.menudivider {
			width: 7px;
			height: 22px;
			padding: 0px 7px 3px 3px;
			margin: 0;
			background:url(../images/menu-divider.jpg) no-repeat center;
		}
		.greenline {
			width: 100%;
			height: 5px;
			padding: 0;
			margin: 0 0 10px 0;
			background:url(../images/line.jpg) repeat-x;
			display:block;
			clear:both;
		}
#content {
	width: 100%;
	height:100%;
	margin: 0;
	padding: 0;
	

}
	#photo {
	width: 290px;
	margin: 0 0 25px 0;
	padding: 0;
	float:left;
}
		#photo img {
		border: #3E8736 1px solid;
		}
	#photo-static {
	width: 290px;
	margin: 0 0 25px 0;
	padding: 0;
	float:left;
}
		#photo-static img {
		border: #3E8736 1px solid;
		}

	#txt {
	width: 458px;
	height: 340px;
	margin: 0 0px 15px 10px;
	padding: 0 10px 0 0;
	float:left;
	overflow:auto;
	text-align:justify;

}
#banner {
	width: 100%;
	height: 110px;
	background:url(../images/back-banner.jpg) repeat;
	margin: 0;
	padding: 0;
	clear:both;

}
#langbox {
	width: 100%;
	height: 60px;
	margin: auto;
	padding: 40px 0 40px 0;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight: normal;
}
	#langbox ul {
		list-style-type:none;
		margin: auto;
		width:300px;
		height: 60px;
	}
	
	#langbox li  {
		float:left;
		width: 150px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
	}
	
	#langbox li a:link, #langbox li a:hover, #langbox li a:visited   {
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
	}
	
	.box1{
		width: 250px;
		margin: 10px 10px 10px 10px;
		float: left;
	}
	.box2 {
		width: 245px;
		margin: 10px 10px 10px 0;
		float:left;
	}
	.box3 {
		width: 470px;
		margin: 10px 10px 10px 0;
		float:left;
	}
	.box4 {
		width: 470px;
		margin: 10px 10px 10px 10px;
		float:left;
	}
	.box5{
		width: 280px;
		margin: 10px 10px 10px 10px;
		float: left;
	}
	.box6 {
		width: 440px;
		margin: 10px 10px 10px 10px;
		float:left;
	}
	.box7 {
		width: 720px;
		margin: 10px 10px 10px 10px;
		float:left;
	}
		.box1 img, .box2 img, .box3 img, .box4 img, .box5 img, .box6 img, .box7 img {
			width: 100px;
			float: left;
			margin: 0 10px 0 0;
		}
		.hmax{
			margin: 20px 0 0 0;

		}
		.box1 p, .box2 p, .box3 p, box4 p, box5 p, box6 p, box7 p, .box1, .box2, .box3, box4, box5, box6, box7  {
			line-height: 1.3em;
			font-size: 90%;
		}
	
#footer {
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;

}
.aleft {
	text-align:justify;
}
.acenter {
	text-align: center;
}
.clearfix {
	clear:both;
	float:none;
}

/* LIST  */

.placelist {
	margin: 0;
	padding: 0;
	}
.placelist li {
	list-style:none;
	float:left;
	width: 200px;
	}
.nospace {
	margin: 0;
	padding: 0;
}
	

/* LINK  */

a:link, a:visited {
	color: #3E8736;
}

a:link, a:visited {
	color: #060;
}

/* RESERVATION  */

.message {
	width: 400px;
	background: #F00; 
	color:#fff;
	display:none;
	padding: 10px;
	margin: 0 auto 20px auto;
	}
#alert ul {
	margin: 5px 0 5px 0;
	padding: 0;
	}
#alert li {
	margin: 2px 0 2px 5px;
	padding: 0;
	list-style:none;
	}
.contact-label {
	text-align:right; 
	float:left;
	width: 150px;
	}
.contact {
	text-align:left; 
	float:left;
	width: 250px;
	}
.contact ul, .contact-label ul {
	list-style-type:none;
	width:100%;
	}
.contact li, .contact-label li {
	list-style-type:none;
	height: 25px;
	}
.contact-label li {
	padding:4px 10px 0 0;
	height: 21px;
	}
li.special {display:none;}
li.txtbox {height: 130px;}




/* CALENDAR  */

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}