* {margin:0; padding:0;}
html {font: 11px Verdana, Arial, Helvetica, sans-serif; text-align:left; color:#333;}
a:link, a:active, a:visited {text-decoration:none; color:#333;} 
a:hover {text-decoration:underline; color:#F00}
img {border:0;}
.annulla {clear:both;}
.banner-dx {width:120px; float:left}
#granContainer {width:980px; margin:0 auto;}
.bodyContainer {width:950px; margin:0 auto;}
.bkup {background:url(../images/body/bk_ud.gif) 0 0 #fff no-repeat; height:10px;}
.bkdown {background:url(../images/body/bk_ud.gif) 0 bottom #fff no-repeat; height:10px;}
.bkmid {background:url(../images/body/bk_mid.gif) 0 0 #fff repeat-y;}

#header {background:url(../images/body/logoEolie.gif) 0 0 no-repeat;}
#header br {clear:both;}
.logo {width:190px; height:100px; float:left;}
.slogan {float:right; margin:10px 20px 0 0;}
#header .txtSlogan {font:10px Arial, Helvetica, sans-serif; font-style:italic; color:#059dd8; position:absolute; top:98px; margin-left:170px; width:780px;}

.footer {width:950px; margin:0 auto; font:11px Arial, Helvetica, sans-serif; color:#000; margin-bottom:10px; text-align:center}

#menu {background-color:#dde6f1; float:left; width:950px; margin:10px 0 10px 0; height:28px;}
#menu ul {float:left; list-style-type:none; margin-left:1px;}
#menu li {float:left; background-color:#f1f5fa; border-right:1px solid #dde6f1; padding:7px 5px 7px 5px;}
#menu li a:link, #menu li a:active, #menu li a:visited {color:#3385a4; font-size:12px; font-weight:bold; padding:7px 5px 7px 5px;}
#menu li a:hover {text-decoration:none; color:#47b9e5;}

h1, h2 {font:24px "Times New Roman", Times, serif; color:#717171;}
.offSicilia {font-size:14px;text-align:left; margin-right:60px; font-weight:normal; font-family:'Times New Roman', Times, serif}
h3 {font:20px "Times New Roman", Times, serif; color:#717171;}
h4 {color:#33738b; font-size:14px; }
h5 {color:#33738b; font-size:14px; margin:20px 0 0 0; }

.colSxPren {float:left;width:300px; font-size:14px}
.colDxPren {float:right; width:460px; font-size:14px}
.colSxPren, .colDxPren {margin-bottom:20px;}

.colSx {float:left;width:474px;}
.colDx {float:right; width:474px;}
.colSx, .colDx {
	margin-bottom: 5px;
}
.colSxInterna {float:left;width:178px;}
.colDxInterna {float:right;width:770px;}
.colSxEscursioni {float:left;width:366px; margin-top:23px;}
.colDxEscursioni {float:right;width:396px; margin-top:15px;}
.colSxEscursioni ul, .colDxEscursioni ul {list-style-type:none; display:block; width:217px; margin:10px 0 0 10px;}
.colSxEscursioni li, .colDxEscursioni li {background:url(../images/body/pallino.gif) 0 8px #fff no-repeat; padding:4px 0 4px 10px;}
.dx {text-align:right;}
.sx{text-align:left;}

.boxSponsor {float:left; background:url(../images/body/box_hp.gif) 0 0 #fff no-repeat; height:134px; width:233px; margin:0 4px 10px 0;}
.boxSponsor h3 {font:20px "Times New Roman", Times, serif; color:#717171; margin-left:4px; padding-top:5px;}
.boxSponsor ul {list-style-type:none; display:block; width:217px; margin:10px 0 0 10px;}
.boxSponsor li {background:url(../images/body/pallino.gif) 0 8px #fff no-repeat; padding:4px 0 4px 10px;}
.boxSponsor p {padding:10px 20px 0 10px;}
.boxSponsor img {float:right; margin:0 0 0 4px; border:1px solid #666;}

.headSubmenu {background:url(../images/body/bk_menu.gif) 0 0 #fff no-repeat; height:20px; color:#717171; font-weight:bold; font-size:12px; width:167px; padding:8px 0 0 5px; margin-top:20px;}
.Submenu {background:url(../images/body/bk_menu.gif) 0 100% #fff no-repeat;  width:172px; padding-bottom:20px; font-size:12px;}
.Submenu ul {list-style-type:none; display:block; margin:0 0 0 10px; width:155px;}
.Submenu li {background:url(../images/body/pallino.gif) 0 8px #fff no-repeat; padding:4px 0 4px 10px;}
ul.nolist {list-style-type:none; width:132px;}
.nolist li {background:transparent; padding:4px 0 4px 0;}

.containerMiddle {float:right; width:758px;}
.altrelocalita {margin-bottom:30px; margin-top:8px; font-weight:bold;}
.altrelocalita span {font-weight:normal;}
.altrelocalita em {color:#666}

.cartina {margin-top:23px; border:1px solid; /*height:132px;*/}
.elencoStrutture {color:#333; float:left; margin:12px 0; width:760px;}
.elencoStrutture img {float:left; border:1px solid #555; margin-right:8px;}
.elencoStrutture h4 {color:#33738b; font-size:14px;}

.elencoStrutture_disponibili {color:#333; float:left; margin:12px 0; width:700px; background-color:#ECFDDB; background-image:url(../images/sfondo_strutt_dispon.png); border:#F00 1px solid}
.elencoStrutture_disponibili img {float:left; border:1px solid #555; margin-right:8px;}
.elencoStrutture_disponibili h4 {color:#33738b; font-size:14px;}
.elencoStrutture_disponibili_barra {float:right; width:500px; margin-top: 0px}


.elencoimmobili_disponibili {color:#333; float:left; margin:12px 0; width:700px; background-color:#ECFDDB; background-image:url(../images/sfondo_immob_dispon.png); border:#06C 1px dotted}
.elencoimmobili_disponibili img {float:left; border:1px solid #555; margin-right:8px;}
.elencoimmobili_disponibili h4 {color:#33738b; font-size:14px;}

.gmappa {width:300px;}
.footermappa {font-weight:bold; font-size:12px; margin-top:10px;}

.galleria {/*width:770px; text-align:center;*/ margin:10px 0 10px 0;}
.galleria img {border:1px solid #555; margin:0 4px;}

.contenitoreTabella {height:90px; overflow:auto; /*width:770px;*/}
.contenitoreTabella table {}
.contenitoreTabella table {border-width:1px 0px 0 1px; border-style:solid; border-color:#ccc; border-collapse:collapse; width:750px;/* margin:0 auto;*/ font-size:11px;}
.contenitoreTabella td, .contenitoreTabella th {border-width:0 1px 1px 0; border-style:solid; border-color:#ccc; padding:4px; vertical-align:top; text-align:left;}
.contenitoreTabella em {font-style:italic; font-size:10px; font-weight:normal;}
.contenitoreTabella td.right {text-align:right;}
.contenitoreTabella td.left {text-align:left;}
.contenitoreTabella td.center {text-align:center; font-weight:bold;}

.prenotaora  {margin:30px 30px 20px 0; text-align:right;}

img.lastminuteImg {float:right; border:none; width:100px; margin:10px 0 20px 10px;}
img.lastminuteImgIndex {border:none; width:110px}

.lingue {float:right; margin-top:4px; margin-right:4px}
.lingue img {width:15px;}



/*form */
#form {/*background-color:#CCCC00;*/ width:100%;}
#form h1 {margin-left:10px; margin-top:10px;}
#form .colSx {float:left; width:48%; margin-bottom:0;margin-top:4px;}
#form .colDx {float:right; width:48%; margin-bottom:0;}
.formRequest {padding:0 20px 0 30px; margin-top:5px;}
#form input {float:left; width:45%; margin-bottom:5px; border:1px solid #ccc}
#form label {width:50%; float:left;}
#form .invia {width:100px; margin-left:75%; border:1px solid #003366; background-color:#3385A4; color:#F1F5FA; font-weight:bold; padding:2px 0 4px 0; cursor:pointer;}
#form .textarea {width:90%; height:80px; font:12px Verdana, Arial, Helvetica, sans-serif; border:1px solid #ccc;}
#form br {clear:both;}
.imgform {border:1px solid #ccc; padding:3px; margin-top:0; width:235px;}

#formContatti {/*background-color:#CCCC00;*/ width:100%;}
#formContatti h1 {margin-left:10px; margin-top:10px;}
#formContatti .colSx {float:left; width:48%; margin-bottom:0;}
#formContatti .colDx {float:right; width:48%; margin-bottom:0;}
#formContatti input {float:left; width:400px; margin-bottom:10px; border:1px solid #ccc}
#formContatti label {width:200px; float:left;}
#formContatti .invia {width:100px; margin-left:75%; border:1px solid #003366; background-color:#3385A4; color:#F1F5FA; font-weight:bold; padding:2px 0 4px 0; cursor:pointer;}
#formContatti .textarea {width:400px; height:80px; font:12px Verdana, Arial, Helvetica, sans-serif; border:1px solid #ccc;}
#formContatti br {clear:both;}

#profilo {/*background-color:#CCCC00;*/ width:100%;}
#profilo h1 {margin-left:10px; margin-top:10px; font-size:16px}
#profilo .colSx {float:left; width:48%; margin-bottom:0;}
#profilo .colDx {float:right; width:48%; margin-bottom:0;}
#profilo .etichetta {font-weight: bold; font-size:13px; background-color:#55bf11; color:#FFF; text-align:right; width:150px}
#profilo .etichetta2 {font-weight: bold; font-size:13px; background-color: #F00; color:#FFF; text-align:right; width:150px}
#profilo .etichetta3 {font-weight: bold; font-size:13px; background-color: #FFCC00; color:#FFF; text-align:right; width:150px}
#profilo .etichetta4 {font-weight: bold; font-size:13px; background-color: #0000FF; color:#FFF; text-align:right; width:150px}
#profilo .valore {font-weight: bold; font-size:12px; font-style:oblique; text-align:left; border-bottom:#CCC 1px dotted}
#profilo br {clear:both;}

#banner {/*background-color:#CCCC00;*/ width:100%;}

#siti_amici {float:left; margin-top:15px; width:650px; padding-right: 50px; float:right}
#siti_amici h2 {font-size:14px; font-weight:bold; color:#F00}
#siti_amici li{list-style-image:url(../images/body/star.png); border-bottom:#55BF11 dotted 1px;}

#disponibilita {float:right; margin-top:15px; width:700px; padding-right: 50px; float:right}
#disponibilita h2 {font-size:14px; font-weight:bold; color:#F00}
#disponibilita li{list-style-image:url(../images/body/star.png); border-bottom:#55BF11 dotted 1px;}

.map{
height: 250px;
width: 340px;
margin: 0;
padding: 0;
border: #55BF11 solid 2px;
}
#map_canvas{
float: left;
}
#map_list{
float: left;
height: 250px;
width: 120px;
margin: 0;
padding: 8px 0px 0px 0px;
list-style: none;
font-size:11px;
}
#map_list li{
padding: 15px 0px 0px 10px;
}
#map_list li:hover {
background: #55BF11;
color: #FF0000;
}
#map_list li.active{
background: #55BF11;
color: #FFF;
}
#map_list li.active:hover{
background: #55BF11;
cursor: default;
color: #FF0000;
}
#map_list a{
	text-decoration:none;
	color:#666
}
#map_list a:hover{
	color: #FF0000;
	text-decoration: underline overline;
}
#map_message{
display: none;
position: absolute;
width: 90px;
padding: .1em;
font-size: .9em;
color: #666;
border-top: #fff groove 2px;
border-left: #fff groove 2px;
text-align:center;
color: #55BF11
}
#map_message img{
border: 0;
margin-top: 0;
}
#map_message a{
color: #CAEAF9;
}
#map_message a:hover{
color: #55BF11;
}

/*form */
#frm_prenotazione {width:95%; margin:0 auto;}
#frm_prenotazione .colSx {float:left; width:48%;}
#frm_prenotazione .colDx {float:right; width:48%;}
#frm_prenotazione input {float:left; width:320px; margin-bottom:10px; border:1px solid #bababa;}
#frm_prenotazione input.numerico {width:101px;}
#frm_prenotazione .select {float:left;width:320px; margin-bottom:13px; font:11px Verdana, Arial, Helvetica, sans-serif;}
#frm_prenotazione label {font-weight:bold;}
#frm_prenotazione .invia {width:100px; margin-left:300px; border:1px solid #003366; background-color:#3385A4; color:#F1F5FA; font-weight:bold; padding:2px 0 4px 0; cursor:pointer;}
#frm_prenotazione .modifica {width:100px; margin-left:600px; border:1px solid #003366; background-color:#3385A4; color:#F1F5FA; font-weight:bold; padding:2px 0 4px 0; cursor:pointer;}
#frm_prenotazione .checkbox {width:20px; float:none;}
#frm_prenotazione .textarea {width:700px; font:11px Verdana, Arial, Helvetica, sans-serif;}
#frm_prenotazione br {clear:both;}.nome_cognome {
	color: #F00;
}
#frm_rich_prenotazione input {float:left; width:200px; border:1px solid #bababa;}
#frm_rich_prenotazione .invia {width:100px; border:1px solid #003366; background-color: #090; color:#FFF; font-weight:bold; cursor:pointer;}

/*Colori calendario disponibilità struttura */
.prenotato { 
     color: #FFF; 
	 border: 1px solid #FC0;
	 font-weight:bold;
	 background-color: #F00;
	 width: 30px;
	 height:30px
}
.nonprenotato { 
     font-weight:bold;
     color: #FFF; 
	 background-color: #090; 
	 border: 1px solid #FC0;
	 width: 30px;
	 height:30px
}
.passato { 
     font-weight:bold;
     color: #FFF; 
	 background-color: #999; 
	 border: 1px solid #FC0;
	 width: 30px;
	 height:30px;
	 text-decoration:line-through
}
.mappaeolie {width:940px; font-size:14px; background-image:url(../images/mappa/Mappa_Eolie_small.jpg); background-repeat:no-repeat; height: 244px; text-align:right; padding-left: 730px}
.etic_mappaeolie {width:200px; height: 30px; margin-right: 15px}
#eolie_lipari_img {width:200px; height: 30px; margin-right: 15px; background-image:url(../images/mappa/etichetta_lipari_a.png); margin-bottom: 4px}
#eolie_lipari_img:hover {background-image:url(../images/mappa/etichetta_lipari_a_hover.png)}
#eolie_salina_img {width:200px; height: 30px; margin-right: 15px; background-image: url(../images/mappa/etichetta_salina_a.png); margin-bottom: 4px}
#eolie_salina_img:hover {background-image:url(../images/mappa/etichetta_salina_a_hover.png)}
#eolie_panarea_img {width:200px; height: 30px; margin-right: 15px; background-image:url(../images/mappa/etichetta_panarea_a.png); margin-bottom: 4px}
#eolie_panarea_img:hover {background-image:url(../images/mappa/etichetta_panarea_a_hover.png)}
#eolie_stromboli_img {width:200px; height: 30px; margin-right: 15px; background-image:url(../images/mappa/etichetta_stromboli_a.png); margin-bottom: 4px}
#eolie_stromboli_img:hover {background-image:url(../images/mappa/etichetta_stromboli_a_hover.png)}
#eolie_alicudi_img {width:200px; height: 30px; margin-right: 15px; background-image:url(../images/mappa/etichetta_alicudi_a.png); margin-bottom: 4px}
#eolie_alicudi_img:hover {background-image:url(../images/mappa/etichetta_alicudi_a_hover.png)}
#eolie_filicudi_img {width:200px; height: 30px; margin-right: 15px; background-image:url(../images/mappa/etichetta_filicudi_a.png); margin-bottom: 4px}
#eolie_filicudi_img:hover {background-image:url(../images/mappa/etichetta_filicudi_a_hover.png)}
#eolie_alicudi_img {width:200px; height: 30px; margin-right: 15px; background-image:url(../images/mappa/etichetta_alicudi_a.png); margin-bottom: 4px}
#eolie_alicudi_img:hover {background-image:url(../images/mappa/etichetta_alicudi_a_hover.png)}
#eolie_vulcano_img {width:200px; height: 30px; margin-right: 15px; background-image:url(../images/mappa/etichetta_vulcano_a.png); margin-bottom: 4px}
#eolie_vulcano_img:hover {background-image:url(../images/mappa/etichetta_vulcano_a_hover.png)}