@charset "utf-8";
/* CSS Document */
body{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#5E5948;
	}
#Meteo{
	position:relative;
	top:-10px;
	clear: both;
}
.Clear{
	clear:both;}
.Container{
	width:980px;
	margin:0 auto;
	margin-top: 0px;
	height: auto;
	}
.spaziatore{
	float:left;
	clear:both;
	height:8px;	
	}	
	
.Tornaindietro a{
	position:relative;
	color:#F00;
	text-decoration:none;
	top:00px;
	text-align:right;
	float:right;
	right:5px;
	width:120px;}	
 .Tornaindietro a{
	position:relative;
	color:#933;
	text-decoration:none;
	top:00px;
	text-align:right;
	float:right;
	right:5px;
	width:120px;}	

#Datario{
	position:relative;
	top:105px;
	width:200px;
	float:left;
	left:8px;
	font-style:italic;
	font-size:11px;
}

#ContenitoreDati{
	background-color: #000;
	width:980px;
	overflow:hidden;
	top:120px;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity: 0.6;
	color:#FFF;
	clear: both;
	font-size:11px;
	position: relative;
	height: 30px;
}


#MenuHome a{
	position:relative;
	float:left;
	top:5px;
	width:120px;
	left:120px;
	height:20px;
	line-height:15px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}
#MenuHome .active{
	position:relative;
	float:left;
	top:5px;
	width:120px;
	left:120px;
	height:20px;
	line-height:15px;
	color:#999;
	font-size:12px;
	font-weight:bold;

}


#Indirizzo{
	position:relative;
	top:00px;
	left:185px;
	float:left;
	width:250px;
	height:20px;
	line-height:15px;

}
#Telefono{
	position:relative;
	top:0px;
	left:220px;
	float:left;
	width:300px;
	height:20px;
	line-height:15px;
}
#Inglese a{
	position:relative;
	top:8px;
	left:260px;
	float:left;
	width:auto;
	height:20px;
	line-height:15px;
}
#Inglese a:hover{
	filter:alpha(opacity=60); 
	-moz-opacity:0.6; 
	opacity: 0.6; 
}
/*-------------------------MenuEng--------------------*/
#TestataEn{
	height:205px;
	background-image:url(img/head.jpg);
	font-weight:980px;
	clear:both;
	background-position:top left;
	background-repeat:no-repeat;
}

#TestataEn .Menu{
	clear:both;
	top:130px;
	width:910px;
	position: relative;
}

#TestataEn .Menu .menu-attivo{
	color:#900;
	padding-right:68px;
	height:22px; 
	line-height:22px;
	float:left;
	text-align:left;}
	
#TestataEn .MenuBlu{
	position:relative;
	top:135px;
	width:980px;
	float:left;
	clear:both;
	text-align:right;
	overflow:hidden;
	margin-bottom:5px;
}
#TestataEn .MenuBlu a{	color:#039;
						margin-left:12px;
}
#TestataEn .MenuBlu a:hover{	color: #699;}
#TestataEn .Menu a{
	padding-right:68px;
	color:#8B846C;
	height:22px; 
	line-height:22px;
	float:left;
	text-align:left;
	}
#TestataEn  .Menu a:hover{
	color:#6B3D2E;}

/*-----------------------------MenuIta------------------------*/
#Testata{
	height:205px;
	background-image:url(img/head.jpg);
	font-weight:980px;
	clear:both;
	background-position:top left;
	background-repeat:no-repeat;
}

#Testata .Menu{
	clear:both;
	top:130px;
	width:910px;
	position: relative;
}

#Testata .Menu .menu-attivo{
	color:#900;
	padding-right:30px;
	height:22px; 
	line-height:22px;
	float:left;
	text-align:left;}
#Testata .MenuBlu{
	position:relative;
	top:135px;
	width:980px;
	float:left;
	clear:both;
	margin-bottom:5px;
	height:18px;
	line-height:8px;
	text-align:right;
	overflow:hidden;
}
#Testata .MenuBlu a{	color:#039;
						margin-left:12px;
}
#Testata .MenuBlu a:hover{	color: #699;}


#Testata .Menu a{
	padding-right:42px;
	color:#8B846C;
	height:22px; 
	line-height:22px;
	float:left;
	text-align:left;
	}
#ultimo {
	color:#8B846C;
	height:22px; 
	line-height:22px;
	position:relative;
	margin-right:00px;
	float:right;
	top:130px;
	width:70px;
	text-align:right;
	}
#ultimo .menu-attivo{
	color:#900;
	font-weight:600;
	padding-right:28px;
	height:22px; 
	line-height:22px;
	float:left;
	text-align:left;}
#Testata  .Menu a:hover{
	color:#6B3D2E;}

.Galleria{
	border-top:1px solid #999;
	padding-top:10px;
	margin-top:25px;
	}
.Prenotazione{
	float:right;
	width:238px;
	position:relative;
	text-align:right;
	top:20px;
	right:20px;
	}
.Prenotazione a{
	color:#039;
	text-align:right;
	}

/*---------------------------Home------------------------*/
#Home{
	padding:8px;
	width:980px;
	margin-top:12px;
	margin-bottom: 35px;
	height: 150px;
	}
#Home .evidenziato{
	color:#6b3d2e;
	font-weight:bold;}
.Galleria{
	border-top:1px solid #999;
	padding-top:10px;
	margin-top:25px;
	}
#Home .Galleria img{
	margin-left:3px;}


/*---------------------------Intornoanoi------------------------*/
#Intornoanoi{
	padding:8px;
	width:980px;
	margin-top:12px;
	margin-bottom: 35px;	
	}
#Intornoanoi .Box{
	border-left: 1px solid #999;
	overflow:hidden;
	width:980px;
	height:168px;
	width:180px;
	position:relative;
	padding-left: 15px;
	top:5px;
	color:#903;
	left:5px;
	font-weight:bold;
}
#Intornoanoi .Box a{
	width:180px;
	color:#6b3d2e;
	height:22px;
	line-height:22px;
	}
#Intornoanoi .Box  a:hover{
	clear:both;
	color: #966;
	}

#Intornoanoi .img{
	margin-right:3px;
	margin-bottom:0px;
	width:auto;
	height:190px;
	float:left;
}



/*---------------------------Listino------------------------*/
#Listino{
	padding:8px;
	width:980px;
	margin-top:12px;
	margin-bottom: 35px;	
	}
#Listino td{
	height:25px;
	line-height:22px;
	padding:2px;}
#Listino .evidenziato{
	color:#5D372B;
	font-weight:bold;}
#Listino .spaziatore{
	border-bottom:1px solid #999;
	height:8px;	
	}	

/*---------------------------LastMinute------------------------*/
#LastMinute{
	padding:15px;
	width:870px;
	height:320px;
	margin-top:00px;
	margin-left:40px;
	border:1px solid #999;
	}
.titoloLastMinute{
	color:#864B33;
	width:200px;
	font-style:italic;
	position:relative;
	margin-bottom:00px;
	top:-20px;
	left:50px;
	z-index:120;
	font-weight:bold;}
#LastMinute h3{
	color:#99AC79;
	margin-bottom:00px;
	font-weight:bold;}
#LastMinute img{
	float:left;
	width:auto;
	margin-right:35px;}
.boxLastminute{
	position:relative;
	top:70px;
	z-index:100;
	height:80px;
	font-size:28px;
	text-align:center;
	padding:8px;
	left:300px;
	width:350px;
	right:50%;
	background-color:#fff;
	}
#LastMinute .Galleria img{
	margin-left:3px;}

/*---------------------------Appartamenti------------------------*/
#Appartamenti{
	width:980px;
	height:260px;
	margin-top:13px;
	}
#Appartamenti  a{
	height:110px;
	color:#8B846C;
}	
#Appartamenti a:hover{
	color:#CCC;
	text-decoration:none;
}
#Appartamenti img{
	margin-bottom:0px;
	width:189px;
}
#Appartamenti .evidenziato a{
	color:#9BAC7C;
	font-variant:small-caps;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;}
#Appartamenti .evidenziato a:hover{
	color:#9C0;
	}
#Appartamenti .column{
	padding:3px;
	border-bottom:1px solid #999;
	clear:auto;
	height: 130px;
}
#Appartamenti p{
	width:33%;
	float:left;}
#Appartamenti .img{
	width:33%;
	text-align:center;
	float:left;}


/*------------------Appartamenti2-------------------*/



#Appartamenti2 .Tornaindietro a{
	position:relative;
	color:#933;
	text-decoration:none;
	top:00px;
	text-align:right;
	float:right;
	right:5px;
	width:120px;}
#Appartamenti2 .Tornaindietro a:hover{
	position:relative;
	color: #9C6;
	text-decoration:none;
	top:00px;
	text-align:right;
	float:right;
	right:5px;
	width:120px;
	z-index: 100;
}
#Appartamenti2 p{
	height:110px;
	width:450px;
	float:left;
	padding:5px;}	
#Appartamenti2 img{
	margin-bottom:15px;
	border:00px;
	}


#Appartamenti2 .column{
	width:255px;
	float:left;
	border-right:1px solid #999;
	text-align:left;
	padding-right: 5px;
	padding-top: 0px;
	margin-top:0px;
	margin-bottom: 0px;
	height: 120px;

}
#Appartamenti2 .column img{
	margin-bottom:5px;
	clear:both;
	}
#Appartamenti2 .column h3{
	font-size:14px;
	position:relative;
	top:0px;
	width:200px;
	height:15px;
	color:#9BAC7C;
	font-weight:bold;
	margin-bottom: 2px;
	font-variant: small-caps;
}
#Appartamenti2 .Destra{
	float:right;
	width:650px;
	height: 310px;

}
#Appartamenti2 .Destra img{
	float:right;
	margin-right:0px;
	margin-bottom: 10px;
	margin-left: 6px;
	width: 210px;
}
#Appartamenti2 .Destra p{
	width:auto;
	margin-bottom:0px;
	float:left;
	padding-bottom: 0px;
	height: 120px;
	margin-top: 3px;
	padding-top: 12px;
}
#Appartamenti2 .around{
	width:210px;
	padding-left:45px;
	background-image:url(img/casolare_margherita/around.jpg);
	background-repeat:no-repeat;
	background-position:left;
	margin-top:0px;
	float:left;
	height: 130px;
	}/*------------------Appartamenti3-------------------*/


#Appartamenti3{
	padding:5px;
	height:280px;
	width:980px;
	margin-top:25px;
	overflow:hidden;
	margin-bottom: 5px;
	padding-right: 0px;
	padding-top: 5px;
	}
#Appartamenti3 .Tornaindietro{
	position:relative;
	top:000px;
	text-align:right;
	float:right;
	right:5px;
	width:120px;}
#Appartamenti3 p{
	height:110px;
	width:450px;
	float:left;
	padding:5px;}	
#Appartamenti3 img{
	margin-bottom:15px;
	border:00px;
	}
#Appartamenti3 .tornaindietro{
	position:relative;
	top:680px;
	left:1150px;
	width:250px;
}

#Appartamenti3 .column{
	width:255px;
	float:left;
	border-right:1px solid #999;
	text-align:left;
	padding-right: 5px;

}
#Appartamenti3 .column img{
	margin-bottom:15px;
	clear:both;
	}
#Appartamenti3 .column h3{
	font-size:14px;
	color:#9BAC7C;
	font-weight:bold;
	height:22px;
	line-height:20px;
	clear:both;
	font-variant: small-caps;
}
#Appartamenti3 .Destra{
	float:right;
	width:650px;
	height: 270px;
}
#Appartamenti3 .Destra img{
	float:left;
	margin-right:0px;
	margin-left: 5px;
	margin-bottom: 2px;
}
#Appartamenti3 .Destra p{
	width:420px;
	margin-bottom:00px;
	float:left;}
#Appartamenti3 .Destra .around{
	width:350px;
	padding-left:45px;
	background-image:url(img/casolare_margherita/around.jpg);
	background-repeat:no-repeat;
	background-position:left;
	margin-top:20px;
	float:left;
	}
/*---------------------------Promozioni------------------------*/
#Promozioni{
	padding:15px;
	width:900px;
	margin-top:25px;
	margin-left:0px;
	float:left;
	}
#Promozioni .contenitorePromozione{
	width:800px;
	margin-left:50px;
	height:140px;
	border-bottom:1px solid #ccc;
	margin-top:10px;
	overflow:hidden;
	float:left;
}
#Promozioni .foto{
	float:left;
	width:160px;
	margin-right:10px;
	}
#Promozioni .TitoloPag{
	float:left;
	width:auto;}
#Promozioni .titolo{
	clear:both;
	font-weight:bold;
	font-size:16px;
	width:auto;}
#Promozioni .data{
	float:left;
	font-style:italic;
	font-size:10px;
	width:auto;}
#Promozioni .testo{
	float:left;
	width:600px;
	color:#8B846C;
	height:68px;
	overflow:hidden;
	margin-bottom:5px;
	}
#Promozioni .LinkPaginaPromozione a{
	width:600px;
	height:15px;
	line-height:15px;
	color:#039;
	text-align:left;
	font-style:italic;
	font-variant:small-caps;
	background-image:url(img/promozionilink.jpg);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
	padding-left:20px;
	margin-bottom:5px;
	float:left;
	clear:both;
	text-decoration:underline}
#Promozioni a{
		color:#696;}
#Promozioni a:hover{
		color:#630;}
/*---------------------------PromozioniScheda------------------------*/
#PromozioniScheda{
	padding:0px;
	width:900px;
	margin-top:25px;
	margin-left:0px;
	float:left;
	}
#PromozioniScheda .contenitorePromozione{
	width:980px;
	margin-left:0px;
	height:150px;
	margin-top:10px;
	float:left;
}
#PromozioniScheda .foto{
	float:right;
	width:397px;
	}
#PromozioniScheda .TitoloPag{
	float:left;
	width:auto;}
#PromozioniScheda .titolo1{
	clear:both;
	color:#864B33;
	font-weight:bold;
	font-size:16px;
	width:auto;}
#PromozioniScheda .titolo2{
	clear:both;
	color:#9AAC7B;
	font-weight:bold;
	font-size:14px;
	width:auto;}
#PromozioniScheda .titolo3{
	clear:both;
	color:#000;
	font-size:14px;
	font-weight:bold;
	width:auto;}

#PromozioniScheda .testo{
	float:left;
	width:480px;
	color:#8B846C;
	margin-right:8px;
	margin-left: 40px;
	}
#PromozioniScheda .LinkPaginaPromozione a{
	width:600px;
	height:15px;
	line-height:15px;
	color:#039;
	text-align:left;
	font-style:italic;
	font-variant:small-caps;
	background-image:url(img/promozionilink.jpg);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:bold;
	padding-left:20px;
	margin-bottom:5px;
	float:left;
	text-decoration:underline}
#PromozioniScheda a{
		color:#696;}
#PromozioniScheda a:hover{
		color:#630;}
/*---------------------------CaseVacanza------------------------*/
#CaseVacanza{
	width:980px;
	margin-top:15px;
	height:270px;
	}
#CaseVacanza  a{
	height:110px;
	color:#8B846C;
}	
#CaseVacanza a:hover{
	color:#CCC;
	text-decoration:none;
}
#CaseVacanza img{
	margin-bottom:0px;
	width:180px;
	height: 120px;
}
#CaseVacanza .evidenziato a{
	color:#9BAC7C;
	font-variant:small-caps;
	font-weight:bold;
	height:20px;
	line-height:20px;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;}
#CaseVacanza .evidenziato a:hover{
	color:#9C0;
	height: 28px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	}
#CaseVacanza .column{
	width:19%;
	padding:3px;
	margin-right:5px;
	border-right:1px solid #999;
	float:left;
	height: 269px;
	text-align: center;
}
#CaseVacanza .column1{
	width:190px;
	border-right:1px solid #999;
	float:left;
}
#CaseVacanza .column2{
	width:19%;
	padding-left:0px;
	float:right;
	text-align: center;
	height: 269px;
}
#CaseVacanza p{
	height:45px;
	margin-bottom:0px;
}
/*---------------------------Azienda-------------------------------*/

#Azienda{
	width:980px;
	margin-top:0px;
	margin-bottom: 0px;
	height:295px;
	overflow: hidden;
	}
#Azienda .img{
	float:left;
	width:auto;
	margin-right:30px;
	height:auto;
}
#Azienda h1{
	font-size:18px;
	font-weight:bold;
	height:16px;
	line-height:16px;
	margin:0px;
	padding:0px;
	color:#914839;
}
#Azienda h2{
	font-size:16px;
	color:#666;
	font-weight:bold;}
#Azienda h3{
	font-size:14px;
	color:#9BAC7C;
	font-weight:bold;
	height:16px;
	line-height:16px;
	margin:0px;
	padding:0px;
	color:#B5BF82;
}
/*--------------------------Disponibilita--------------------------*/
#Disponibilita{
	width:990px;
	margin-top:25px;
	margin-bottom: 35px;	
	}
#Disponibilita .mesi{
width:980px;
background-color: #E0E0C2;
text-align:center;
height:22px;
line-height:22px;
float:left;
color:#8B846C;
}
#Disponibilita .mesi a{
width:60px;
text-align:center;
float:left;
color:#8B846C;
}
#Disponibilita .mesi a:hover{
color: #9C6;
}
#Disponibilita table{
	width:95%;
	clear:both;}
#Disponibilita td{
	height:18px;
	text-align:center;
	vertical-align:middle;
	line-height:18px;
	border:1px solid #CCC;}
#Disponibilita table img{
		vertical-align:middle;
		margin-top:3px;
		margin-bottom:3px;
		margin:1px;
		}
#Disponibilita .numeridata{
	color:#930;}


/*--------------------------------Dove-----------------------------*/
#Dove{
	width:990px;
	clear:both;
	margin-top:20px;
	margin-bottom: 0px;
	}
/*---------------------------Servizi------------------------*/
#Servizi{
	padding:15px;
	width:950px;
	margin-top:25px;
	margin-bottom: 35px;	
	}
#Servizi .blocco1 img{
	float:left;
	margin-right:00px;
	width:31px;}
#Servizi .blocco1{
	width:98%;
	float:left;
	font-weight:bold;
		padding-left:10px;
	margin-top:15px;
	border:1px solid #CCC;
	text-align:left;}
#Servizi li{
	height:29px;
	line-height:29px;
	text-decoration:none;
	margin-left:0px;
	width:170px;
	list-style:none;
	margin-top:0px;
}
#Servizi ul{
	margin-top:0px;
	margin-left:0px;
	padding-left:10px;
	float:left;
	width:160px;
}
#Servizi .blocco2{
	width:76%;
	float:left;
	font-weight:bold;
	margin-top:15px;
	padding-left:10px;
	border:1px solid #CCC;
	text-align:left;
	margin-bottom: 10px;
	;
}
#Servizi .blocco3{
	width:68%;
	float:left;
	margin-top:15px;
	padding-left:10px;
	font-weight:bold;
	border:1px solid #CCC;
	text-align:left;
}
#Servizi h3{
	height:12px;
	line-height:12px;
	margin-top:5px;
	font-size:13px;
	font-weight:bold;}
/*---------------------------LeCamere------------------------*/
#LeCamere{
	width:980px;
	padding-top:58px;
	height: 220px;
	}
#LeCamere  a{
	height:110px;
	color:#8B846C;
}	
#LeCamere a:hover{
	color:#CCC;
	text-decoration:none;
}
#LeCamere img{
	margin-bottom:15px;
	width:179px;
}
#LeCamere .evidenziato a{
	color:#9BAC7C;
	text-decoration:none;
	font-weight:bold;}
#LeCamere .evidenziato {
	color:#9BAC7C;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	margin-top: 50PX;
}
#LeCamere .evidenziato a:hover{
	color:#9C0;
	}
#LeCamere .column{
	width:33%;
	float:left;
	background-color: #F4F4F4;
	padding-top:10px;
	height:200px;
	margin-bottom: 25px;
	;
}
#LeCamere p{
	width:33%;
	float:left;
	margin-left:5px;
	margin-top: 70px;
	text-align: RIGHT;
	margin-right: 8PX;
	;
}
#LeCamere img{
	width:179px;
	text-align:center;
	float:left;
}
#LeCamere  div{
	width:98%;
	float:left;
	}

/*---------------------------Linkutili--------------------------*/
#Linkutili{
	width:990px;
	margin-top:25px;
	margin-bottom: 00px;
	background-image:url(img/agricelli.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	height:270px;
	}
#Linkutili div{
	width:480px;
	float:left;
	overflow:hidden;
}
#Linkutili div a{
	height:25px;
	border-bottom:1px solid #DCE3D2;
	text-decoration:none;
	padding-left:15px;
	line-height:22px;
	width:220px;
	float:left;
	color:#933;
	}
#Linkutili a:hover{
	color:#966;
	background-color: #F4F9E3;}