body {
	text-align: center;
	margin:0;
	padding:0;
	background-color:#e0dacd;
	font-family:Arial, Helvetica, sans-serif, verdana, times new roman;
	font-size:8pt;
	color:#444444;
	}
#sf {
	position:absolute;
	top:417px;
	right:0;
	width:100%;
	height:153px;
	background:url(/images/sf_body.jpg);
}
#sf2 {
	position:absolute;
	right:0;
	width:30%;
	height:417px;
	background:url(/images/sf_dx.jpg);
}
#wrapper {
	position:relative;
	width:970px;
	margin:0 auto;
	text-align:left;
	z-index:2;
}
/* ------------------------ GENERICI ------------------------ */

a:link, a:visited {color:#fff; text-decoration:none;}
a:hover {color:#9d7f43}

img {
	border:0;
	padding:0;
	margin:0;
}
.clear { 
	clear:both;
}
.left {
	float:left;
}
.right {
	float:right;
}
p {
text-align:left;
}
.png, div.png, 
h1.png,
#header #top .gallery,
.box_sx .box_img01 {behavior: url(/css/iepngfix.htc);}

.clear {
	clear:both;
}

/* ------------------------ TOP ------------------------ */

#header {
	width:970px;
	height:417px;
	margin:0 auto;
	padding:0;
	}

#header h1 {
	float:left;
	text-indent: -9999px;
	width:138px;
	height:40px;
	background:url(/images/logo.gif) no-repeat;
	padding:0;
	margin:93px 0 104px 21px;
	}
#header h1 a {
	display:block;
	width:138px;
	height:40px;
}	
#header #sf_menu {
	float:left;
	width:244px;
	height:417px;
	background-image:url(/images/sf_menu.jpg);
	margin:0;
	padding:0;
	}
	
#header #top {
	float:right;
	width:725px;
	height:417px;
	background-color:#504a3d;
	margin:0;
	padding:0;
}
	#header #top .gallery {
		width:674px;
		height:360px;
		margin:15px 13px;
		padding:10px 13px 17px 13px;
		background:url(/images/cornice.png);
	}

	
	/* ------------------------ MENU ------------------------ */
	
	#menu {
		position:relative;
		float:left;
		width:211px;
		height:112px;
		margin:0 0 0 5px;
		font-size:9pt;
		}
		
	#menu ul {
		list-style-type:none;
		color:#fff;
		height:112px;
		margin:0;
		padding:0;
	}
	
	#menu ul li {
		float:left;
		width:195px;
		height:16px;
		padding:0;
		margin:0 0 8px 0;
		padding-left:16px;
		background-color:#504a3d;
	}
	
	#menu ul li a {
		color:#fff;
		text-decoration:none;
	}
	
	#menu ul li a:hover, #menu ul li.selezionato {
		color:#9d7f43;
	}
	
	/* ------------------------ Fine MENU ------------------------ */


/* -------------- CONTENITORE -------------- */

#content {
	position:relative;
	width:970px;
	padding:0;
	margin:0;
	}
/*--------------CONTENUTI------------*/

	#box_hotel .box_dx h2, 
	#box_hotel .box_dx h3 {
	color:#ad9146;
	}

	#box_residence .box_dx h2, 
	#box_residence .box_dx h3 {
	color:#93072f;
	}
	
	/*----   titoli  --------*/
	h2  {
		font-family:Verdana;
		font-size:10pt;
		font-weight:600;
		margin:0;
		padding:0;
		}
	h3 {
		font-family:Verdana;
		font-size:11pt;
		font-weight:600;
		margin:0 auto;
		text-align:center;
		padding:10px 20px;
		}
	#contacts h3,
	#whereweare h3 {
		margin:0;
		text-align:left;
		}		
	/*		
				
	/*----   fine titoli  --------*/

.box_sx {
	position:relative;
	float:left;
	width:245px;
	}
.box_sx #offerte {
	background:#f3f0eb;
	margin:60px 0 0 5px;
	padding:15px 10px;
	width:191px;
}
.box_sx #offerte p {
	border-bottom:1px solid #b3ad9f;
	padding:0 0 5px 0;
}
.box_sx #offerte h3 {
	margin:0;
	padding:0;
	font-size:9pt;
	text-align:left;
}	
	/* -----  Gallery sx  ------ */

.box_sx .box_img01 {
	width:230px;
	height:153px;
	margin:12px 0 5px 0;
	padding:12px 0 0 12px;
	background:url(/images/cornice_s.png) no-repeat;
	}
	.box_sx .box_img02 {
	position:relative;
	float:left;
	margin-left:10px;
	}
	.box_sx .box_img02 img{
	border:2px solid #504a3d;
	margin-right:5px;
	}
	
	/* -----  FINE Gallery sx  ------ */
	
	
.box_dx {
	position:relative;
	float:right;
	width:725px;
	background:url(/images/sf_content.gif) top repeat-x #fff;
	padding:15px 0;
	}
.box_dx .box_testo {
	position:relative;
	float:left;
	width:210px;
	padding:0 0 20px 18px;
	background:url(/images/ombra.jpg) left top no-repeat;
	margin:10px 5px 0 5px;
	}
	

	
/* ------------------------ PREZZI ------------------------ */


.box_dx .box_prices {
	position:relative;
	float:left;
	width:690px;
	padding:0 0 35px 18px;
	background:url(/images/ombra.jpg) left top no-repeat;
	margin:5px;
	}
.box_dx .box_prices p {
	margin:0 auto;
	text-align:center;
}	
#box_hotel .box_dx table tr td {
	padding:10px 0 5px 0;
	border-bottom:1px solid #ad9146;
	}
#box_residence .box_dx table tr td {
	padding:10px 0 5px 0;
	border-bottom:1px solid #93072f;
	}
	
/* --------- MAP ---------------- */
.box_dx .box_map {
	position:relative;
	float:left;
	width:450px;
	padding-left:18px;
	background:url(/images/ombra.jpg) left top no-repeat;
	margin:5px;
	}
/* ------------------------ BOTTOM ------------------------ */	

#bottom {
	float:right;
	width:695px;
	height:100px;
	background:#504a3d;
	padding:0 0 0 30px;
	}
	
#bottom .indirizzi {
	position:relative;
	float:left;
	color:white;
	width:300px;
	height:60px;
	margin:30px 0 0 0;
	padding:0;
	}	
.indirizzi p{	
	font-size:8pt;
	margin:0;
	}
.title_hra {
	font-weight:bold;
	color:#cec5b3;
	margin:0;
	}
		
/* ------------------------ Form Contatti ------------------------ */

/* FORM */
	#formcontatti {
		float:left;
		position:relative;
		margin:0 0 0 20px;
		padding:0;
		width:600px;
	}
	#formconferma {
		position:relative;
		margin:0 0 0 20px;
		padding:0;
		height:250px;
		width:600px;
	}
	#formconferma a {
		color:#9d7f43;
	}
	#formconferma a:hover {
		color:#504a3d;
	}
	.input_text {
		width:220px;
		padding:2px;
		height:15px;
		border:1px solid #999892;
	}
	.input_area {
		height:60px;
		font-size:8pt;
		width:220px;
		border:1px solid #999892;
	}
	.bottone {
		font-size:8pt;
		color:#504a3d;
		padding:3px;
	}
	.contatti2 .bottone {
		width:105px;
	}
	.contatti {
		float:left;
		width:230px;
		margin:0;
		padding:0;
	}
	.contatti2 {
		float:left;
		width:230px;
		margin:0;
		padding:0 0 0 20px;
	}
	#box_errore {
		position:absolute;
		display:none;
		width:300px;
		left:500px;
		top:550px;
		height:150px;
		border:1px solid #999892;
		text-align:left;
		background:#fff;
		z-index:10;
		}
	#div_titolo_errore {
		background:#504a3d;
		color:#fff;
		padding:10px;
		text-align:center;
		}
	#div_errore {
		color:#000;
		padding:10px;
		text-align:center;
		position:relative;
		top:10px;
		}
	#bottone_errore {
		position:relative;
		top:30px;
		}
/* fine FORM */


/* ------------------------ concept by ------------------------ */

#concept {
	position:relative;
	font-size:9px;
	color:#504a3d;
	width:970px;
	padding:10px 0;
	margin:0 auto;
	text-align:right;
}
#concept a {
	font-size:9px;
	font-family: Verdana;
	color: #a0a0a0;
	font-weight:bold;
	font-stretch:expanded;
	text-decoration: none;
}
#concept a:hover {color: #E97D00;}


#whereweare .box_dx .box_testo {position:relative;float:left;width:520px;height:180px;padding:25px 0 20px 18px;margin:0 5px 0 28px;}
#whereweare .box_dx .box_testo p {float:left;width:150px;margin:10px;}
a#mappa {margin:25px 30px 0 30px; display:block;color:#504a3d;}
a#mappa:hover {color:#9d7f43;}

