/* Formattazioni generali dei tag principali */

body, html {	
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	margin: 			0;
	padding: 			0;
	/*background: 			#DADEDF url(img/sfondo.gif) center top repeat-y;*/
	background: 			#DADEDF;
	/*text-align: 			center;*/
}

p {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size: 			8pt;
	text-align: 			justify;
	padding: 			0;
	color:				#333;
}

p.testoL {
	font-size: 			8pt;
	text-align: 			left;
	padding: 			0;
	color:				#333;
}

span {
	font-style:			italic;
	/*font-weight:			bold;*/
	color:				#000;
	text-indent:			5px;
	
}

span.due {
	font-style:			normal;
	font-weight:			bold;
	color:				#666;
	text-indent:			5px;
	
}

/* Span tre e quattro sono stati utilizzati solo per il sottotitolo nella home delle case vacanza*/

span.tre {
	font-family:			"Times New Roman", Times, serif;
	font-size: 			12px;
	color: 				#4F9521;
	font-weight:			normal;
	font-style:			normal;
	padding-top:			0;
	margin-top:			0;
	text-indent:			0;
}

span.quattro {
	font-family:			"Times New Roman", Times, serif;
	font-size: 			11px;
	color: 				#4F9521;
	font-weight:			normal;
	font-style:			normal;	
	text-indent:			0;
}

/*-------------------------------------------------------------*/

span.cinque {
	font-style:			normal;
	font-weight:			bold;
	color:				#666;
	text-indent:			0;
}


h3 {
	font-size: 			8pt;
	font-weight:			bold;	
}

h2.center {
	font-family:			"Times New Roman", Times, serif;
	font-size: 			11px;
	text-align:			center;
	color: 				#62623E;
	font-weight:			normal;
	padding-top:			0;
	margin-top:			0;	
}

h2 {
	font-family:			"Times New Roman", Times, serif;
	font-size: 			11px;
	/*text-transform:			uppercase;*/
	color: 				#62623E;
	font-weight:			normal;
	padding-top:			0;
	margin-top:			0;	
}

h4 {
	font-size: 			8pt;
	color: 				#62623E;
	font-weight:			bold;
	padding:			0;
	margin:				0;
}

.strutturale {
	display: 			none;
}
ul {
	list-style:			none;
}


a {
	font-style:			normal;
	color:				#2F70DC;
	text-decoration:		underline;
	font-size: 			8pt;

}

#navigazionePrincipale ul li {
	border-right: 			solid 1px #666;
}
#navigazionePrincipale ul li.last { 
	border-right: 0; 
}


/*
.distanziatore_bianco {
	border-right: 			solid 1px #fff;
}
*/


/* Formattazione della struttura della pagina */
#pagina {
	margin: 			auto;	
	padding-left: 			1px;
	/*padding-bottom: 		10px;*/
	width: 				760px;
	
	background: 		#DADEDF url(img/sfondo.gif) center top repeat-y;
	
} body>#pagina { padding:0; }

#generale {
	position: 			relative;
	width: 				760px;
	height: 			110px;
	margin-top: 			0;
}

/* Formattazione del titolo con sostituzione del testo con l'immagine del logo */
h1#titolo, h1#titolo span {
	margin:				0;
	display: 			block;
	width: 				110px;
	height: 			80px;
	font-size: 			6px;

}
h1#titolo { 
	position:			relative;
	float: 				left;
	top:				25px;
	left:				30px;	
}
h1#titolo span {
	position: 			absolute;
	top:				0;
	left:				0;
	background:			url(img/logoHeader.jpg) no-repeat;
}


/* Formattafione e posizionamento del menu principale */

#navigazionePrincipale {
	display:	block;
	width:		760px;
	height:		15px;
	
	position:	absolute;
	left:		0;
	top:		94px;
	
	padding:	0;
}

#navigazionePrincipale {
	text-align:			right;
	
	font-family:			Verdana, Arial;
	font-size:			8pt;
	color:				#666;
	text-transform:			uppercase;
	
}
#navigazionePrincipale ul {
	margin:				0;
	padding:			0;
	list-style:			none;
}
#navigazionePrincipale ul li {
	display:			inline;
	padding-left: 			6px;
	padding-right: 			4px;
}
#navigazionePrincipale a {
	font-family:			"Times New Roman", Times, serif;
	font-style:			normal;
	font-size:			8pt;
	color:				#4D9521;
	text-decoration:		none;

}
#navigazionePrincipale a.focus { color: #2F70DC; }
#navigazionePrincipale a:hover { color: #2F70DC; }


/* Formattafione della barra grigia e della bussola in alto */

#intestazione {
	position: 			absolute;
	width: 				760px;
	height: 			15px;
	padding: 			0 0 1px 0;
	margin: 			0;
	background-color:		#A4A496;
	z-index:			1;
}

#bussola {
	float: 				right;
	color: 				#fff;
	margin-right:			1px;
}
#bussola ul {
	margin: 			0;
	padding: 	        	0;
}
#bussola ul li {
	display: 			inline;
}
#bussola ul li a {
	font-size: 			10px;
	color: 				#fff;
	font-weight:			bold;
	padding-left: 			4px;
	padding-right: 			4px;
	text-decoration:		none;
}
#data {
	width: 				300px;
	float: 				left;
	margin-left:			10px;
	margin-top:			2px;

	font-size:			10px;
	font-style:			italic;
	color:				#fff;
}

/* Formattazione del menu lingua */
#lingua {
	height: 			15px;
	margin-top: 			25px;
	float: 				right;
	background-color: 		#A3A496;
	font-size: 			10px;
	color: 				#fff;
	
}
#lingua ul {
	margin: 			0;
	padding: 			1px 5px 1px 0;
	margin-left: 			10px;
}
#lingua ul li{
	display: 			inline;
}
#lingua ul li a{
	color: 				#fff;
	text-decoration:		none;
}


/* Posizionamento della fotografia grande */
#fotografia {
	position: 			relative;
	width: 				759px;
	height: 			200px;
	display: 			block;
}
.foto1 { background:url(img/fotografia.jpg); }

/*menu principale agriturismi*/

#menu_agriturismi {
	width:				580px;
	text-align:			left;
	float:				right;
	font-family:			Verdana, Arial;
	font-size:			8pt;
	color:				#666;
}
#menu_agriturismi ul {
	margin:				0;
	padding: 			3px 0 3px 0;
	list-style:			none;
}
#menu_agriturismi ul li {
	display:			inline;
	padding-left: 			4px;
	padding-right: 			2px;
}
#menu_agriturismi a {
	font-style:			normal;
	color:				#333;
	text-decoration:		none;

}
#menu_agriturismi a.focus { color: #2F70DC; font-weight: bold; }
#menu_agriturismi a:hover { color: #2F70DC; }

#menu_agriturismi ul li {
	border-right: 			solid 1px #666;
}
#menu_agriturismi ul li.last { 
	border-right: 			0; 
}

/*sottomenu agriturismi*/

#sottomenu_agriturismi {
	width:				580px;
	text-align:			left;
	
	float:				right;
	font-family:			Verdana, Arial;
	font-size:			8pt;
	color:				#666;
	
}
#sottomenu_agriturismi ul {
	margin:				0;
	padding: 			3px 0 3px 0;
	list-style:			none;
}
#sottomenu_agriturismi ul li {
	display:			inline;
	padding-left: 			4px;
	padding-right: 			2px;
	border-right: 			solid 1px #2F70DC;
}
#sottomenu_agriturismi a {
	font-style:			normal;
	color:				#2F70DC;
	text-decoration:		none;

}
#sottomenu_agriturismi a.focus { color: #2F70DC; font-weight: bold; }
#sottomenu_agriturismi a:hover { color: #2F70DC; }


#sottomenu_agriturismi ul li.last { 
	border-right: 			0; 
}

#riga {background: url("img/riga.gif") left bottom repeat-x; padding-bottom: 4px; padding-top: 2px;}
#rigaDue {background: url("img/rigaTratteggio.gif") left bottom repeat-x; padding-bottom: 4px; padding-top: 2px;}

#nomeAgriturismo{
	position:			relative;
	margin-left:			10px;
	float: 				left;
	top:				25px;
	/*left:				30px;*/
}


/* Strutturazione del layout a tre colonne per il corpo della pagina. Il blocco main contiene la "prima" e la "seconda" colonna partendo da sinistra, la
   la terza colonna è denominata "terza" */

/* Prima creo un blocco per i titoli delle tre colonne inserendo le colonne stesse un div "titoli" */

#titoli_main {
	width: 				759px;
	float: 				left;
	margin:				0;
}
#titoli_prima {
	margin-left: 			10px;
}
#titoli_seconda {
	margin-left: 			10px;
	float: 				right;
}
#titoli_terza {
	margin: 			15px 0 0 15px;
	float: 				left;
}


#titoli_comunicazioni {
	margin-top:			7px;
	margin-bottom:			5px;
	text-align:			center;
	padding:	5px;
	border: 1px solid #C2C2B9;
}

.sfondoUp_HP {
	position: 			relative;
	height:				15px;
	text-align:			center;
	background:			url(img/sfondoUp_com.gif) center top no-repeat;
}

.sfondo_HP {
	position: 			relative;
	background:			#E2EDF0;
}

.sfondoDown_HP {
	position: 			relative;
	height:				15px;
	text-align:			center;
	background:			url(img/sfondoDown_com.gif) center top no-repeat;
}

.box_Nordic {
	padding-bottom: 		2px;
	margin-top: 			10px;
	border: 			solid 1px #C1C3B8;
	
}

#titoli_agri {
	width: 				170px;
	height:				50px;
	/*float: 			left;*/
	position:			relative;
	margin-top: 			5px;
	padding-left:			20px;
	
}


/*Formattazione pagina listino prezzi*/

#main_prezzi_Apt {
	position:			relative;
	width:				530px;
	float:				left;
	padding-bottom:			10px;
	margin-bottom:			15px;
	border-bottom: 			1px solid #D5D5CB;
	
	border: 1px solid #666;
}

.box_num_Apt {
	position:			relative;
	width:				125px;
	float:				left;
	margin:				0 2px 0 2px;
	background:			#F0F0E4;
	
	border: 1px solid #666;
}

.box_prezzi_Apt {
	position:			relative;
	width:				125px;
	float:				left;
	margin:			0 2px 0 2px;
	
	border: 1px solid #666;
}

/* La stessa struttura viene riproposta per il contenuto delle colonne, ovvero per i blocchi con le inserzioni */
#mainDue {
	width: 				740px;
	float: 				left;
	/*text-align:			left;*/
	margin-top:			10px;
	margin-bottom:			30px;
	padding-left:			18px;
	
}

#indiceFoto {
	width:				340px;
	float: 				left;
	
}

#indiceFoto img{
	border: 			1px solid #D5D5CB;
	padding:			3px;
	margin:				2px;
	
}

#fotoGrande {
	width:				370px;
	float: 				left;
	margin-left:			10px;
	text-align: center;
	
}

#fotoGrande img{
	border: 			1px solid #D5D5CB;
	padding:			10px;
	

}


#mainPrimaInt {
	width:				175px;
	float: 				left;
	
}

#mainPrimaInt img {	
	border: 1px solid #ccc;
	
}

#mainSecondaInt {
	width:				500px;
	float: 				left;
	margin-left:			30px;

}

#mainUnica {
	width:				720px;
	float: 				left;
}


.box_lastminute {
	position:			relative;
	width:				715px;
	float:				left;
	padding-bottom:			10px;
	margin-bottom:			15px;
	border-bottom: 			1px solid #D5D5CB;
}

.box_lastminute img {
	margin-right: 			5px;
	margin-bottom: 			5px;
	float: 				left;
}

.box_lastminute h4 {
	font-size: 			10px;
	color:				#999988;
	padding: 			0;
	margin:				0;
	text-align:			left;
}

#mainHome {
	width: 				759px;
	float: 				left;
	text-align:			left;
	margin-top:			10px;
	margin-bottom:			30px;
	
}

#main {
	width: 				500px;
	float: 				left;
	text-align:			left;
	margin-top:			10px;
	margin-bottom:			30px;
	
}

#prima {
	left: 				13px;
	float: 				left;
}
#seconda {
	left: 				28px;
	float: 				left;
}
#terza {
	left:	 			42px;
	float: 				left;
}
#prima, #seconda, #terza {
	position: 			relative;
	width: 				235px;
	text-align:			left;
}

#agri {
	padding-left: 			20px;
	float: 				left;
	
}

.box_agriturismo {
	width:				460px;
	padding-bottom: 		5px;
	margin-top: 			10px;	

}
.box_agriturismo a {
	color: 				#4F9521;
	text-decoration:		underline;
}
.box_agriturismo img {
	float: 				left;
	padding:			5px;
	border: 			1px solid #D5D5CB;
}



img.casina {padding: 0;}

img.dx {float: right; margin-left: 10px;}
img.sx {float: left; margin-bottom: 5px; margin-right: 10px;}

/*Formattazione pagina informazioni*/

#infoPrima {
	width:				140px;
	padding-left:	 		20px;
	float: 				left;
	
}

#infoPrima img{
	border: 			1px solid #D5D5CB;
	padding:			5px;
	
}

#infoSeconda {
	width:				330px;
	float: 				right;
	
}

#contenutoInfo {
	width:				480px;
	float: 				right;
	
}


#infoSpallaDx {
	margin: 			10px 0 0 0 ;
	float: 				right;
	width:				250px;
	text-align:			left;

}

.box_InfospallaDx {
	padding-bottom: 		5px;
	width:				230px;
	margin-top: 			10px;
	text-align:			center;

}

.box_InfospallaDx img {
	padding:			0;
	margin-bottom:			5px;			
}

.box_InfospallaDx p {
	font-size: 			8pt;
	padding: 			0;
	text-indent:			17px;
	margin:				0;
	text-align:			left;
}

/*Formattazione spalla destra contenente immagini*/

#spallaDx {
	margin: 			17px 0 20px 0 ;
	float: 				right;
	width:				250px;
	text-align:			left;

}

#spallaDx p{
	text-indent:			15px;

}

.box_spallaDx {
	padding-top: 			10px;
	padding-bottom: 		10px;
	width:				230px;
	margin-top: 			5px;
	text-align:			center;
	
	border:				1px solid #D5D5CB;

}

.box_spallaDx img {
	padding:			0;
}

.box_spallaDx p {
	font-size: 			8pt;
	padding: 			0;
	margin:				0;
	text-align:			left;
}


/* Formattazione degli elementi di contenuto del corpo delle colonne*/


.box_inserzione {
	padding-bottom: 		2px;
	margin-top: 			10px;
	border-bottom: 			solid 1px #C1C3B8;
	
}
.box_inserzione a {
	color: 				#4F9521;
	text-decoration:		underline;
}
.box_inserzione img {
	margin-right: 			10px;
	float: 				left;
}
.box_inserzione h3 {
	margin:0;
	font-size: 			11px;
	font-weight:normal;
}
.box_inserzione p {
	height:				70px;
	font-size: 			10px;
	padding: 			0;
	margin:				0;
}

.box_inserzione p.BIS {
	height:				57px;
	font-size: 			10px;
	padding: 			0;
	margin:				0;
}

/*Tabella prezzi - formattazione*/

#ContieniPrezzi {
	width:				500px;
	margin:				0;
}

#ContieniPrezzi td{
	margin:				0;
	
}

.colore1 {

	background: 			#E2E2D8; 
	border-bottom: 			1px solid #fff; 
	border-right: 			1px solid #fff;
	padding:			2px;
	
	color:				#54543D;
	text-align:			center;
	font-weight:			bold;

}
.colore2 {
	background: 			#F0F0E4; 
	border-bottom: 			1px solid #E2E2D8; 
	border-right: 			1px solid #fff;
	padding:			2px 5px 2px 2px;
	
	color:				#54543D;
	text-align:			right;
	font-style:			normal;	
}

.colore2BIS {
	background: 			#F0F0E4; 
	border-bottom: 			1px solid #E2E2D8; 
	border-right: 			1px solid #fff;
	padding:			2px 5px 2px 2px;
	
	color:				#54543D;
	text-align:			center;
	font-style:			normal;	
}

.colore3 {
	border-bottom: 			1px solid #E2E2D8;
	vertical-align:			bottom;
	padding:			10px 5px 0 0;
	
	color:				#54543D;
	text-align:			right;
	font-style:			normal;		
}

.colore4 {
	background: 			#F0F0E4; 
	border-bottom: 			1px solid #E2E2D8; 
	border-right: 			1px solid #fff;
	
	color:				#54543D;
	text-align:			right;
	font-style:			normal;
	padding:			10px 10px 0 0;
	vertical-align:			bottom;
}


/*Qui inizia la definizione del footer del sito che è necessario per la corretta visualizzazione delle colonne*/
/*#footer {
	display: 			block;
	height: 			20px;
	clear: 				both;
	width:				760px;
	
	border: 1px solid #000;
}*/

#footer {
	display: 			block;
	height: 			15px;
	clear: 				both;
	width:				760px;	
	background:			#A4A496;
	border-top: 			1px solid #C2C2B9;
	
	text-align:			center;
	padding-top:			1px;
}

#footer a {
	font-size: 			10px;
	color: 				#fff;
	font-weight:			bold;
	text-decoration:		none;

}

#credits {
	height: 			30px;
	width:				760px;	
	background:			#DADEDF;
	
	text-align:			right;
	padding-top:			1px;
}

#credits a {
	text-decoration:		none;
	color:				#999;
}


/*Formattazione Barra Gestionale*/
.butClass
{
    border: 1px solid #1e90ff;

}