@charset "utf-8";
/* CSS Document */

/* ELENCO STRUTTURE RICETTIVE */
#contenitoreElenco {width:650px;}
#contenitoreElenco h2{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#6591DA;
	color:#FFFFFF;
	padding-left:5px;
}

#contenitoreDettaglio{padding:5px;}

/* dettaglio elenco */
#elencoDettaglio {
	padding-bottom: 10px;
	padding-top: 10px;
	float:left;
	width:300px;
	border-bottom: #999999 1px dotted;
	text-align:left;
}
#elencoDettaglio img{float:left;
					 margin-right:10px;
}
#elencoDettaglio h4{font-size:14px;
					margin:0;
					padding:0;
					color:#6591DA;
}
#elencoDettaglio h5{font-size:12px;
					margin:0;
					padding:0;
					color:#333;
}
#elencoDettaglio p{	margin:0;
					padding:0;
}
.elencoDettaglio a:hover{
	background-color: #E8EFFF;
	display:block;
}
/* elenco dettaglio ville */
#dettaglioVilla {
	padding: 20px 0 20px 0;
	border-bottom: #999999 1px dotted;
}
#dettaglioVilla img{float:left;
					 margin:0 10px 30px 0;
					 padding:3px;
					 border:1px #cccccc solid;
}
#dettaglioVilla h4{font-size:16px;
					margin:0;
					padding:0;
					color:#6591DA;
}
#dettaglioVilla h5{font-size:12px;
					margin:0;
					padding:0;
					color:#333;
}
#dettaglioVilla p{	margin:0;
					padding:0;
}
.dettaglioVilla a:hover{
	background-color: #E8EFFF;
	display:block;
}


/* DETTAGLIO STRUTTURE */
#fotogallery {margin:20px 0 0 0;
	}
#thumb a{
	float: left;
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
}
#thumb a:hover{
	background-color: #A9C1EB;
}
#fotodettaglio {float:left; width:215px; margin:0 30px 20px 0; font-size:12px; padding-bottom:70px}
#fotodettaglio a{font-size:12px;}
/* pulsanti */
#pulsantiStruttura {margin:20px 0 0 4px;
					padding:8px;
					width:210px;
}
#pulsantiStruttura p{margin:0;
					 padding-bottom:5px;
}
#pulsantiStruttura a{color:#666;
}
#pulsantiStruttura a:hover{color:#6591DA;
						   text-decoration:none;
}
/* TARIFFE */
#tariffeDettaglio {float:left;
		  margin-top: 30px;
	}
#tariffeDettaglio table{
	font-size: 14px;
	width:320px;
}
#tariffeDettaglio td,th{
	padding:1px 5px;
	border:1px solid #eee;
	text-align: center;
}
.odd {
	background-color: #D6E1F5;
}
.add {
	background-color: #B0C6EC;
}

/* help */
a.css_tooltip{
position:relative;
_display:inline-block; /*richiesto per la posizione assoluta bottom per Internet Explorer 6*/
text-decoration:none;
}
a.css_tooltip span{
display:none;
}
a.css_tooltip:hover{
background-color:#FFFFFF;
}
a.css_tooltip:hover span{
display:block;
position:absolute;
z-index:20;
bottom:1em;
left:1em;
width:200px;
color:#000;
}
a.css_tooltip span b{
display:block;
height:10px;
background:url(../images/css_tooltip_top.gif) no-repeat bottom;
}
a.css_tooltip span em{
display:block;
height:32px;
background:url(../images/css_tooltip_bot.gif) no-repeat;
}
a.css_tooltip span i{
display:block;
font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
background-color:#e5e5ff;
border-left:1px solid #7c96ff;
border-right:1px solid #7c96ff;
padding:0 5px;
}
/* le tariffe includono */
#info {background-color:#d9e3ff; padding:10px; width:580px; border: 1px #dddddd solid;}
.note {border: 1px #dddddd solid; padding:10px; width:580px; background-color:#eaeaea}
#infoDettaglio {background-color:#d9e3ff; padding:10px; width:300px; border: 1px #dddddd solid;}
.dotazione {border: 1px #dddddd solid; padding:10px; width:580px;}


/* TARIFFE */
#tariffe td,th{
	padding:1px 5px;
	border:1px solid #eee;
	text-align: center;
}


/* SERVIZI */
#contenitoreServizi{height:100px; width:650px; margin-bottom:20px;}

/* dettaglio elenco */
#elencoServizi {
	padding-bottom: 20px;
	float:left;
	width:310px;
}
#elencoServizi img{float:left;
					 margin-right:10px;
}
#elencoServizi h4{font-size:14px;
					margin:0;
					padding:0;
}
#elencoServizi h5{font-size:12px;
					margin:0;
					padding:0;
					color:#333;
}
#elencoServizi p{	margin:0;
					padding:0;
}

/* Contatti */
#emailcontatti {padding:5px; background-color:#d9e3ff; width:200px}
#mappa {float:left; margin-right:30px; padding:3px; border:1px solid #CCCCCC;}

/* Mappa del sito */
#sezioni {float:left;}
#sezioni p{font-size:16px; margin:0; padding:0; margin-bottom:10px;}
#sezioni ul{list-style-type:none; margin:0; padding:0;}
#sezioni li{list-style-type:none; margin:0; padding:0;}

/* Loghi e banner portali */
#linkshome {
	margin:0 auto;
	width:950px;
	font-size:11px;
}
#linkshome a{
	margin: 5px;
	float:left;
}

/* LINKS */
#linksloghi {
	width:280px;
	font-size: 12px;
	float: left;
}
#linksloghi ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
#linksloghi ul li{
	margin:0;
	padding:0;
}
#linksloghi a{
	text-decoration: none;
	color: #789edf;
}
#linksloghi a:hover{
	text-decoration: underline;
}
#linksloghi2 {
	width:280px;
	font-size: 12px;
	float: left;
	margin-left:50px;
}
#linksloghi2 ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
#linksloghi2 ul li{
	margin:0;
	padding:0;
}
#linksloghi2 a{
	text-decoration: none;
	color: #789edf;
}
#linksloghi2 a:hover{
	text-decoration: underline;
}

/* COME ARRIVARE IN SICILIA */
#aereo {
	font-size: 12px; line-height:normal; border:1px #CCC solid; height:430px; padding:10px; margin-bottom:20px
}
#compagnieAeree p{float:left; width:25%; height:50px; margin:0; padding:0;}
#compagnieAeree img{margin-bottom:10px}
#aeroporti p{float:left; width:16%; margin:0; padding:0; margin-bottom:5px}
#nave {font-size: 12px; line-height:normal; border:1px #CCC solid; height:160px; padding:10px}
#compagnieNavali p{float:left; width:33%; height:70px; margin:0; padding:0;}
#compagnieNavali img{margin-bottom:10px}


/* FAQ */
#faqGenerale {float:left; width:300px;}
#faqGenerale ul{margin:0; padding:0; list-style-type:none;}
#faqGenerale ul li{margin-bottom:10px; font-size:13px; line-height:13px; list-style-type:disc;}
.barra {margin-top:20px;}