@charset "utf-8";
body  {
	margin: 0px; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0px;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #0A4150;
	background-image:url(../images/sfondo.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
}
#container {
	width: 900px;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	background-image: url(../images/container-sfo.gif);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
#sidebar1 {
	float: left; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 190px; /* il padding consente di distanziare dai bordi il contenuto del div */
	padding-top: 303px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	background-image: url(../images/img-testata.jpg);
	background-repeat: no-repeat;
}
#testi-top {
	background-image: url(../images/testiombra-down.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	margin: 0px;
}
#utility  {
	margin: 0px;
	padding: 0px;
}
p a {
	color: #0A4150;
	text-decoration: none;
}
a:hover {
	color: #F46D09;
	text-decoration: underline;
}
#testi-top p {
	margin: 0px;
	padding-top: 2px;
	padding-right: 9px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#sidebar2 {
	float: right; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 180px; /* il padding consente di distanziare dai bordi il contenuto del div */
	padding-top: 143px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	background-image: url(../images/sidebar2-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
}
#box {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/box-sfo.gif);
	background-repeat: repeat-y;
}
#box p {
	padding-left: 15px;
	padding-right: 5px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#box img {
	margin: 0px;
	padding: 0px;
}
#box #legenda {
	text-align: left;
	margin-left: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#mainContent {
	margin-top: 0px;
	margin-right: 180px;
	margin-bottom: 0;
	margin-left: 190px;
	background-image: url(../images/main-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 0px;
	float: none;
	clear: none;
}
p {
	padding: 5px;
	margin: 0px;
	text-align: left;
}
/* multipla */
#ui-multipla {
	/*border:1px solid #000;*/	
	width:260px;
	height:100px;
	background-image:url(../images/scrivi.gif);
	background-repeat:no-repeat;
	font-size:13px;
	font-weight:bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
.top {
	font-size: 10px;
	line-height: 14px;
}
#ui-multipla a{
	/*border:1px solid #F00;*/
  display:block;
	height:50px;
	width:155px;
	padding:50px 0 0 105px;
	color: #F00;
	font-size:14px;
	text-align:left;
}
#ui-multipla a:hover{
	color: #FFDE00;
}
#ui-multipla p {
	font-size: 11px;
	padding-left: 100px;
	padding-top: 45px;
	line-height: 13px;
	font-weight: bold;
}
.campeggi-villaggi {
	color: #5A9700;
	font-size: 9px;
}
/* fine multipla */
#footer {
	padding: 0 10px 0 20px;
	background-color: #F5EEE6;
}
#footer #copy {
	text-align: center;
}
#footer p {
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-left: 0px;
}
.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.publi table{margin: auto;}
.publinew{   background-color: #f5eee6;float: left;height: 228px;margin: 0 2px 4px 0;width: 128px;}
.publinew p {font-size: 9px;line-height: 11px;padding: 2px;color: #333333;}
.link a{text-decoration: underline;}
.link a:hover {text-decoration: none;color: #333333;}
a:link {
	color: #0A4150;
	text-decoration: none;
}
a:hover {
	color: #F84001;
	text-decoration: underline;
}
a:visited {
	color: #0A4150;
	text-decoration: none;
}
.regionescheda {
	font-weight: bold;
	color: #F95E06;
	font-size: 11px;
}
.provinciascheda {
	font-weight: bold;
	color: #F90;
}
/* link pagina offerte */
#offerte-cartellini {
	background-image: url(../images/offerte-cartellini.gif);
	line-height: 12px;
	background-repeat: no-repeat;
	width: 260px;
	margin: 0px;
	padding: 0px;
}
#offerte-cartellini a{
	/*border:1px solid #F00;*/
  display:block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 113px;
	text-align:left;
	height: 101px;
}
#offerte-cartellini a:hover{
	text-decoration: underline;
	color: #019EDC;
}
/* fine link pagina offerte */
/* listastrutture */
.campeggi-tb {
	border: 1px solid #AAC4FF;
	margin-top: 10px;
	margin-bottom: 5px;
}
.campeggi-td {
	width: 95px;
	text-align: center;
	vertical-align: middle;
}
.campeggi-titolo {
	width: 258px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #115E88;
	text-align: left;
	line-height: 20px;
}
.campeggi-txt {
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px;
}
/* fine listastrutture */
.color {
	background-color: #71BB00;
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px;
	margin-left: 5px;
	margin-right: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
}
h1 {
	font-size: 15px;
	color: #F60;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: 20px;
}
h4 {
	font-size: 12px;
	color: #FFF;
	background-color: #88C2C4;
	line-height: 16px;
	padding: 3px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.white {
	color: #FFF;
}
h2 {
	margin: 0px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-size: 13px;
}
.evidenza {
	color: #FE7E04;
}
h3 {
	font-size: 11px;
	line-height: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #88C2C4;
	border-bottom-color: #88C2C4;
	padding: 0px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-weight: normal;
}#container img {
	margin: 0px;
	padding: 0px;
}
#testi-top p a.linkevidenti {
	color: #FC6600;
	text-decoration: underline;
}
#testi-top p a:hover.linkevidenti {
	color: #FC6600;
	text-decoration: none;
}
#fb {
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#linkutili {
	float:left;
	font-size:10px;
	height:80px;
	line-height:12px;
	width:240px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-top: 5px;
}
/* strutture in evidenza */
.block-struct-evidence{width:530px;margin:auto; overflow: hidden; line-height: 12px; text-align:left;}
.block-struct-evidence h4 {background-color: #FD4D00; color: #FFFFFF; font-weight: bold; font-size:1.3em; margin: 5px 0 0 2px; padding: 4px; letter-spacing:-1px; text-transform:uppercase; width:163px; font-family:Geneva, sans-serif; text-align:center;}
.block-struct-evidence-item {border: 1px solid #FD4D00; width: 255; float:left; height:60px; margin:2px; padding:2px; text-align: left; display:block;}
.block-struct-evidence-item .struct-name{color:#FD4D00;white-space: nowrap; overflow:hidden;}
.block-struct-evidence-item .struct-city{text-transform: uppercase; font-weight: bold;white-space: nowrap; overflow:hidden;}
.block-struct-evidence-item .banner{float:left;margin-right: 2px !important;}
.block-struct-evidence-item .struct-contact {display: block;width:155px; height: 13px;background: url(/shared-images/tasti/tasto-disp-evidenza.gif) no-repeat;margin-left: 92px;color:#FFF;text-transform: uppercase;font-weight: bold;font-size: 9px;padding: 2px 0 0 5px;margin-top: 8px;}
.block-struct-evidence-item a {color: #333333; text-decoration: none;}
.block-struct-evidence-item a:hover{color:#FD4D00;}
/* fine strutture in evidenza */
/* mail ricevi offerte */
.mail-offerte {background-image:url(../images/ricevi-le-offerte.gif);background-repeat:no-repeat;text-transform:uppercase;height:101px;}
.mail-offerte a{padding:52px 0 30px 95px;text-align:left;font-size:15px;text-decoration:none;color:red;display:block;	margin:0px;font-family:Arial, Helvetica, sans-serif;font-weight: bold;}
.mail-offerte a:hover{color:#FC0;text-decoration:underline;}
/* fine mail ricevi offerte */
