/* Copyright 2008 Lightage */ 
html, body{
	background: #ffffff; 
	margin: 0; 
	padding: 0;
	font-family: Arial, Verdana;
} 

input, select, textarea {
	font-family: Arial, Verdana;
	padding: 0 3px;
	color: #6f777a;
	margin-bottom: 6px;
	border: 0;
	border-bottom: 1px dotted #333333;
	background: #ECF8CA;
}

input:focus, textarea:focus {
	background: #fff;
	border-bottom: 1px dotted #555;
}

textarea {
	font-size: 11px;
}

table {
	margin: 0px;
	border: 1px solid #ccc;
	padding: 4px;
	background: #ECF8CA;
	width: 250px;
	cellspacing: 0;
}

td {
	padding: 0;
	margin: 0;
}

hr {
	height: 1px;
	width: 100%;
	border:0px;
	color: #cccccc;
	background-color: #cccccc;
}

#pagina {
	width: 960px;
	text-align: left;
	padding: 0;
	margin: 0 auto 0 auto; 
}

#colonnasx {
	width: 250px;
	padding: 20px 0 0 0;
	float: left;
	position: relative;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}

#colonnasx a img, #colonnadx a img {
	border: 0;
}

#colonnasx a img:hover, #colonnadx a img:hover {
	opacity: .9;
	filter: alpha(opacity=90);
}

#colonnadx {
	float: right; 
	display: inline; 
	position: relative; 
	width: 690px;
	padding: 20px 0 0 10px;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
}

#colonnadx ul {
	display: inline;
	list-style-type: none;
	margin: 40px 0 0 0;
	padding: 0;
}

#colonnadx li {
	font-size: 11px;
	text-transform: uppercase;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 16px;
	height: 34px;
}

#colonnadx h1 {
	display: none;
}

#colonnadx h3 {height: 240px;text-indent: -3000px; overflow: hidden; margin: 0;}
#colonnadx h3.servizi {
	background: url(images/servizi.jpg) no-repeat;
}
#colonnadx h3.ristorazione {
	background: url(images/ristorazione.jpg) no-repeat;
}
#colonnadx h3.offerte {
	background: url(images/offerte.jpg) no-repeat;
}
#colonnadx h3.territorio {
	background: url(images/territorio.jpg) no-repeat;
}
#colonnadx h3.fotogallery {
	background: url(images/fotogallery.jpg) no-repeat;
}
#colonnadx h3.comearrivare {
	background: url(images/comearrivare.jpg) no-repeat;
}
#colonnadx h3.contatti {
	background: url(images/contatti.jpg) no-repeat;
}


#colonnadx h2 {
	width: 700px;
	height: 36px;
	text-indent: -3000px;
	overflow: hidden;
	background: url(images/slogan.jpg) no-repeat;
	margin: 0;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #555555;
}

#footer {
	position: relative; 
	width: 960px;
	height: 40px;
	margin: 20px 0 0 10px;
	font-size: 11px;
	text-align: center;
	padding-top: 5px;
	line-height: 18px;
}

/*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#colonnasx {display:none;}
#colonnadx h1 {display:block;}
#colonnadx h2 {text-indent: 0;} 
#colonnadx h3 {text-indent: 0;} 
#colonnadx {width:100%; float:none;}
}