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:240px;
	height:60px;
	margin:30px 0 0 0;
	padding:0;
}	
#bottom .wifi {
	position:relative;
	float:left;
	color:white;
	width:200px;
	height:60px;
	margin:30px 0 0 0;
	padding:0;
}
#bottom .wifi img{
	position:absolute;
	color:white;
	height:60px;
	margin:0;
	padding:0;
	left: 50px;
	top: -10px;
}


.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;}