@charset "UTF-8";
/* CSS Document */
html {
	margin: 0px;
	padding: 0px;	
	}
	
body {
	margin: 0px;
	padding: 0px;
	background-color: #908C8A;
	}


#container {
	width: auto;
	height: 638px;
	border: 0;
	/*width:1746px;*/
	/*height:644px;*/
	overflow: hidden;
}


#header-sx {
	position:absolute;
	left:0px;
	top:0px;
	width:390px;
	height:208px;
}

#logo {
	position:absolute;
	left:390px;
	top:0px;
	width:344px;
	height:208px;
}

#header-dx {
	position:absolute;
	left:734px;
	top:0px;
	width:223px;
	height:208px;
}

#wide-dx-header {
	position:absolute;
	left:957px;
	top:0px;
	/*width:789px;*/
	/*height:208px;*/
	overflow: hidden;
}

#menu {
	position:absolute;
	left:0px;
	top:208px;
	width:184px;
	height:354px;
	background: #ACB8AA url(../immagini/menu.gif) no-repeat;
}

#contenuti {
	position:absolute;
	left:184px;
	top:208px;
	width:773px;
	height:354px;
	}
	
/*************** BACKGROUND LAYER CONTENUTI E PERSONALIZZAZIONI *****************/
.homepage{
	background: #ACB8AA url(../immagini/contenuti.gif) no-repeat;
	}

.camere{
	background: #ACB8AA url(../immagini/contenuti_camere.gif) no-repeat;
	}

.contenuti_lipari{
	background: #ACB8AA url(../immagini/contenuti_lipari.gif) no-repeat;
	}

.contenuti_panarea{
	background: #ACB8AA url(../immagini/contenuti_panarea.gif) no-repeat;
	}

.contenuti_vulcano{
	background: #ACB8AA url(../immagini/contenuti_vulcano.gif) no-repeat;
	}
	
.contenuti_stromboli{
	background: #ACB8AA url(../immagini/contenuti_stromboli.gif) no-repeat;
	}

.contenuti_alicudi{
	background: #ACB8AA url(../immagini/contenuti_alicudi.gif) no-repeat;
	}

.contenuti_colazione{
	background: #ACB8AA url(../immagini/contenuti_lipari.gif) no-repeat;
	}
	
.contenuti_transfer{
	background: #ACB8AA url(../immagini/contenuti_transfer.gif) no-repeat;
	}

.contenuti_escursioni{
	background: #ACB8AA url(../immagini/contenuti_escursioni.gif) no-repeat;
	}

.dovesiamo{
	background: #ACB8AA url(../immagini/contenuti.gif) no-repeat;
	}

.tariffe{
	background: #ACB8AA url(../immagini/contenuti.gif) no-repeat;
	text-align: center;
	}

.contatti{
	background: #ACB8AA url(../immagini/contenuti.gif) no-repeat;
	text-align: center;
	}

.privacy{
	background: #ACB8AA url(../immagini/contenuti.gif) no-repeat;
	}

.disclaimer{
	background: #ACB8AA url(../immagini/contenuti.gif) no-repeat;
	}


/***********************************************************/
#wide-dx-centro {
	position:absolute;
	left:957px;
	top:208px;
	/*width:789px;*/
	/*height:354px;*/
	overflow: hidden;
}

#footer {
	position:absolute;
	left:0px;
	top:562px;
	width:957px;
	height:82px;
	background: #ACB8AA url(../immagini/footer.gif) no-repeat;
	margin: 0px;

	}
/********STILI FOOTER******************/
#footer p {
	margin: 0 0;
	padding: 50px 0 0 40px;
	text-align: center;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-size: 13px;
	color:#000000;
	}
#footer a {
	color: #000000;
	}
	
#wide-footer {
	position:absolute;
	left:957px;
	top:562px;
	/*width:789px;*/
	/*height:82px;*/
	overflow: hidden;
}
	
img {
 border:0;
}

/* menu di navigazione verticale */
.menuNav_sup{
	position: absolute;
	top: 1px;
	left: 60px;
	width: 80px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 1em 1em 0em 1.2em;
	list-style: none;
	height: 130px;	
}

.menuNav_sup a{
	display: block;
	text-decoration:none;
	border: 0;
	padding: 0px 0 2px 0px;
	margin: 0px 0 34px 0;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-size: 16px;
	text-align: center;
	line-height: 1em;
}

.menuNav_inf{
	position: absolute;
	top: 200px;
	left: 60px;
	width: 100px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 1em 1em 0em 0.6em;
	list-style: none;
	height: 130px;
	}

.menuNav_inf a{
	display: block;
	text-decoration:none;
	border: 0;
	margin: 0px 0 35px 0;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-size: 16px;
	text-align: center;
	line-height: 1em;
	}

.normal {
	color: #F9F6E4;
	}
.active {
	color: #0A3C0A;
	}

/********FINE MENU**********/

/*****FOTOGALLERY**********/
#content_thumbs{
	position: absolute;
	top: 248px;
	left: 44px;
	width: 210px;
	padding: 0em 0.5em;
	margin: 0 0 0 0px;
	}
#content_thumbs a{
		display: block;
		float: left;
		width: 51px;
		height: 61px;
		margin: 0.5em 0.3em 0.5em 0.3em;
		cursor: pointer;
		text-decoration: none;
		border: 0;
		}
		
#content_thumbs a:hover{
		display: inline;
		width: 51px;
		height: 61px;
	    margin: 0.5em 0.3em 0.5em 0.3em;
		cursor: pointer;
		border: 2px solid; 
		border-color: #0A3C0A;
		}


		
#content_thumbs img{
	border: 0;
	/*margin: 0.5em 0.3em 0.5em 0.3em;*/
	}
	
		
#content_immagine{
	position: absolute;
	top: 61px;
	left: 325px;
	height: 259px;
	width: 358px;
	margin: 0 0 0 0;
	padding: 0 0;
	text-align: center;
	}



#content_immagine img {
	border: 0px;
	margin: 0 0;
	padding: 0px;
	}

/*********************************************/
/**********MENU' DI PIE' DI PAGINA************/
#link {
	position: absolute;
	top: 56px;
	left: 11px;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-size: 14px;
	color:#FFFFFF;
}

#link a{
	color:#FFFFFF;
	padding: 0em 0.2em;
 	line-height: 1em;
	}


/************STILI CONTENUTI*****************/

#contenuti p {
	margin: 0 0;
	padding: 60px 0 0 40px;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-size: 15px;
	color:#FFFFFF;
	}

#contenuti.camere p {
	margin: 0 0;
	padding: 130px 0 0 40px;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-size: 15px;
	color:#FFFFFF;
	}

#contenuti.contenuti_lipari p {
	margin: 0 0;
	padding: 130px 0 0 40px;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-size: 15px;
	color:#FFFFFF;
	}

#contenuti.contenuti_panarea p {
	margin: 0 0;
	padding: 130px 0 0 40px;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-size: 15px;
	color:#FFFFFF;
	}

#contenuti.contenuti_vulcano p {
	margin: 0 0;
	padding: 130px 0 0 40px;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-size: 15px;
	color:#FFFFFF;
	}
	
#contenuti.contenuti_stromboli p {
	margin: 0 0;
	padding: 130px 0 0 40px;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-size: 15px;
	color:#FFFFFF;
	}

#contenuti.contenuti_alicudi p {
	margin: 0 0;
	padding: 130px 0 0 40px;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-size: 15px;
	color:#FFFFFF;
	}

#contenuti.contenuti_colazione p {
	margin: 0 0;
	padding: 130px 0 0 40px;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-size: 15px;
	color:#FFFFFF;
	}

#contenuti.contenuti_transfer p {
	margin: 0 0;
	padding: 130px 0 0 40px;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-size: 15px;
	color:#FFFFFF;
	}

#contenuti.contenuti_escursioni p {
	margin: 0 0;
	padding: 130px 0 0 40px;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-size: 15px;
	color:#FFFFFF;
	}

#contenuti_contatti{
	margin: 50px 0px 0px 30px;
	/*background-color: #000000;*/
	width: 640px;
	height: 300px;
	}

#contenuti_contatti p{
	padding: 0px 0px 0px 0px;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-size: 16px;
	color: #FFFFFF;
	}

#contenuti_contatti a{
	color: #0A3C0A;
	font-weight: bold;
	}

#contenuti_contatti h2{
	color: #FFFFFF;
	}

#contenuti_tariffe{
	margin: 0px 0px 0px 30px;
	/*background-color: #000000;*/
	width: 640px;
	height: 300px;
	}


#contenuti_tariffe p{
	padding: 0px 0px 0px 0px;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-size: 16px;
	color: #FFFFFF;
	}

#contenuti_tariffe a{
	color: #FFFFFF;
	font-weight: bold;
	}
#contenuti_tariffe h2{
	color: #FFFFFF;
	}

#contenuti_privacy{
	margin: 50px 0px 0px 30px;
	/*background-color: #000000;*/
	width: 670px;
	height: 300px;
	overflow: auto;
	}

#contenuti_privacy p{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-size: 15px;
	color: #FFFFFF;
	}

#contenuti_privacy a{
	color: #FFFFFF;
	font-weight: bold;
	}
#contenuti_privacy  h2{
	color: #FFFFFF;
	}
#contenuti_privacy  h3{
	color: #FFFFFF;
	}
#contenuti_privacy  li{
	color: #FFFFFF;
	}

#contenuti_disclaimer{
	margin: 50px 0px 0px 30px;
	/*background-color: #000000;*/
	width: 670px;
	height: 300px;
	overflow: auto;
	}

#contenuti_disclaimer p{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-size: 15px;
	color: #FFFFFF;
	}

#contenuti_disclaimer a{
	color: #FFFFFF;
	font-weight: bold;
	}
#contenuti_disclaimer  h2{
	color: #FFFFFF;
	}
#contenuti_disclaimer  h3{
	color: #FFFFFF;
	}
#contenuti_disclaimer  li{
	color: #FFFFFF;
	}

/********************************************/

/***************CAMERE.HTM**********************/

/* menu di navigazione orizzontale */

.menuNav_oriz{
	position: absolute;
	top: 21px;
	left: 55px;
	width: 468px;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 70px;
}

.menuNav_oriz li{
	float: left;
	width: 53px;
	padding: 0px 0px;
	}

.lipari{
	margin: 0 0 0 0px;
	background: url(../immagini/lipari.jpg) left bottom no-repeat;
	}

.panarea{
	margin: 0 0 0 27px;
	background: url(../immagini/panarea.jpg) left bottom no-repeat;
	}

.vulcano{
	margin: 0 0 0 30px;
	background: url(../immagini/vulcano.jpg) left bottom no-repeat;
	}
	
.stromboli{
	margin: 0 0 0 31px;
	background: url(../immagini/stromboli.jpg) left bottom no-repeat;
	}

.alicudi{
	margin: 0 0 0 31px;
	background: url(../immagini/alicudi.jpg) left bottom no-repeat;
	}
	
.colazione{
	margin: 0 0 0 0px;
	background: url(../immagini/colazione.jpg) left bottom no-repeat;
	}

.transfer{
	margin: 0 0 0 27px;
	background: url(../immagini/transfer.jpg) left bottom no-repeat;
	}

.escursioni{
	margin: 0 0 0 30px;
	background: url(../immagini/escursioni.jpg) left bottom no-repeat;
	}

	
.menuNav_oriz a{
	float: left;
	width: 55px;
	height: 51px;
	text-decoration:none;
	border: 0;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	color: #000000;
	font-family: "Arial Rounded MT Bold, Arial, Helvetica, sans-serif";
	font-weight: bold;
	text-align: center;
	line-height: 1em;
	}
	
.tenpx {
	font-size: 10px;
	}
	
.ninepx {
	font-size:9px;
	}
	
/**********************************/
#immagine_camere{
	position: absolute;
	left: 349px;
	top: 111px;
	}

#immagine_servizi{
	position: absolute;
	left: 349px;
	top: 111px;
	}

#map_frame{
	position: relative;
	margin: auto;
	margin-top: 10px;
	width: 640px; 
	height: 375px;
	background-color: #FFFFFF;
	}

#map{
	position: relative;
	margin: 5px 5px 5px 5px;
	width: 630px; 
	height: 365px;
	}

#map a{
	color: #0A3C0A;
	}