/* CSS Document */
/* ---------- RESET -------------- */ 
h1, h2, h3, h4 {
margin:0px;
padding:0px;
border: 0px;
}
/* --- MAIN --- */
body {
margin:0px;
padding:0px;
border: 0px;
background-image:url(../images/bkg_page.jpg);
background-position:top center;
background-repeat:no-repeat;
font-family:"Lucida Sans Unicode", Verdana, Arial, sans-serif;
font-size:11px;
line-height:160%;
}

.clear {
clear:both;
}

h1 {
font-family:Arial, sans-serif, Verdana;
color:#35A0A6;
font-size:16px;
font-weight:bold;
margin-top:20px;
}
  
h2 {
font-family:Arial, sans-serif, Verdana;
color:#128F97;
font-size:16px;
font-weight:bold;
border-bottom:#999999 dotted 1PX;
}

h3 {
margin:10px 0px 0px 0px;
padding:0px;
color:#333333;
font-size:12px;
font-weight:bold;
}

h4 {
color:#2ECAFF;
font-weight:normal;
font-size:11px;
font-weight:bold;
}

#wrapper {
margin:0 auto;
width:996px;
}

a:link, a:visited {
color:#333333;
text-decoration:underline;
}

a:hover, a:active {
color:#2ECAFF;
text-decoration:none;
}

/* ------------------  HEADER -------------------  */
/*#header {
height:463px;
background-image:url(../images/bkg_header.gif);
background-position:top left;
background-repeat:no-repeat;
}*/

#header {
width:996px;
height:177px;
}
#prenota {
width:996px;
}
#prenota2 {
padding:18px;
width:520px;
float:right;
color:#ffffff;
}


.ita {
background-image:url(../images/bkg_header.gif);
background-position:top left;
background-repeat:no-repeat;
}

.eng {
background-image:url(../images/bkg_header_eng.gif);
background-position:top left;
background-repeat:no-repeat;
}


#flag {
width:297px;
float:left;
}


#top {
height:115px;
}

#buttons  {
width:756px;
float:left;
}
#flags {
height:50px;
}

#logo {
width:240px;
float:left;
}

#flash {
height:463px;
z-index:10;
}


#prenotazione {
color:#FFFFFF;
 z-index:100;
 position:relative;
 left:295px;
 top:0px;
 width:660px;
 height:42px;
 padding:10px 20px;
 }

.iframe {
color:#FFFFFF;
font-weight:bold;
}
 /* ------------------  MENUUUUUUUUUUU -------------------  */
#menu {
width:455px;
float:left;
margin-top:52px;
}

.home {
margin:0px 230px 0px 25px;
float:left;
display:block;
}
.home a:link, .home a:visited {
color:#FFFFFF;
text-decoration:none;
}

.home a:hover, .home a:active {
color:#2ECAFF;
text-decoration:none;
}
/* ------------------  CONTENUTI -------------------  */
#content {
margin-top:30px;
}

#colsx {
width:536px;
padding:0px 25px 0px 25px;
float:left;
text-align:justify;
}

#coldx {
width:410px;
padding:0px 0px 0px 0px;
float:left;
}
.dida {
width:370px;
text-align:right;
font-size:10px;
color:#999999;
padding:0px 20px 0px 20px;
display:block;
}

.sottosotto {
color:#3E5E8F;
border-bottom:#999999 dotted 1px;
margin-bottom:20px;
}

.sottosotto a:link, .sottosotto a:visited {
color:#3E5E8F;
text-decoration:none;
}

.sottosotto a:hover, .sottosotto a:active {
color:#2ECAFF;
text-decoration:none;
}

.camera{
float:left;
margin-right:20px;
border: 1px solid #999999;
}

/* ------------------  FOOTER -------------------  */
#footer2 {
height:215px;
border-top:2px solid #333333;
margin:0px 0px 15px 0px;
padding-left:15px;
background-image:url(../images/bkg_footer.gif);
background-position:top left;
background-repeat:repeat-y;
}

#footer {
height:215px;
border-top:2px solid #333333;
margin:20px 0px 15px 0px;
/*padding-left:9px;*/
padding-left:15px;
background-image:url(../images/bkg_footer.gif);
background-position:top left;
background-repeat:repeat-y;
}

#footer ul, #footer li {
list-style:none;
margin:0px;
padding:0px;
}

.colonnina {
/*width:85px;*/
width:103px;
height:215px;
padding-left:10px;
float:left;
border-right: 1px solid #7A7A7A;
}

.colonnina a:link, .colonnina a:visited {
color:#e2e2e2;
text-decoration:none;
} 

.colonnina a:hover, .colonnina a:active {
color:#2ECAFF;
text-decoration:none;
} 

.recapiti {
width:360px;
padding:15px 25px 0px 25px;
float:left;
text-align:right;
line-height:14px;
}

/* -------------------- GALLERY -------------- */

img {border: none} 

#gallery{ /* container generale */
margin:0px;
padding:0px;
border:0px;
background-color:#ffffff;
width:410px;
position:relative;
/*height:360px;
text-align:left;*/

}

#thumbs{ /* è il container delle thumbnail*/
margin-top:5px;
padding:0px;
border:0px;
width:410px;
float:left;
text-align:left;
}

#thumbs ul{
margin:0px;
padding:0px;
border:0px;
list-style-type:none;
text-decoration:none;
float:left;
/*list-style-position:outside;
line-height:1.6em;*/
}

#thumbs li, #thumbs li a:link, #thumbs li a:visited, #thumbs li a:hover, #thumbs li a:active  {
margin: 0px 2px 0px 0px;
padding:0px;
border:0px;
width:80px; /* larghezza della singola thumb */
float:left;
}


#thumbs li a span {
display: none;
text-decoration:none;
margin:0px;
padding:0px;
border:0px;

}

#thumbs li  a:hover span {
width: 410px;  /* larghezza dell'immagine grande di rollover */
margin:0px;
padding:0px;
border:0px;
position: absolute;
left:0px;
top: 0px; 
display: block; 
z-index: 100; 
text-decoration:none;
}



#stage{ /* area di visualizzazione delle foto */
margin:0px;
padding:0px;
border:0px;
height:280px;
width:410px;
background-color:#E2E2E2;
/*float:right;
text-align:left;*/
}

/* LISTINI BEAUTY E TERME ------- old style */
.listini-container{display:block; padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:dotted 1px #999;}
.listini-container .descrizione{width:70%; float:left; display:block; text-align:left;}
.listini-container .prezzo {width:30%; float:left; display:block; font-weight:bold; text-align:right;}

/*STAGIONI*/
.stagioni-container{display:block; padding:0 0 5px 0; margin:0 0 5px 0;}
.stagioni-container .titolo{width:24%; float:left; display:block; font-size:11px; color:#2ECAFF;  font-weight:bold;  }
.stagioni-container .data{width:19%; float:left; display:block; font-style:italic; text-align:right;}
.stagioni-container .prezzo{width:19%; float:left; display:block; font-weight:bold; text-align:right;}

/*TARIFFE*/
.stagioni-container{display:block; padding:0 0 5px 0; margin:0 0 5px 0;}
.stagioni-container .titolo{width:126px; float:left; display:block; font-size:11px; color:#2ECAFF;  font-weight:bold;  }
.stagioni-container .data{width:100px; float:left; display:block; font-style:italic; text-align:right;}
.tariffe-container{display:block; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px; border-bottom:dotted 1px #999;}
.tariffe-container .descrizione{width:126px; float:left; text-align:left;}
.tariffe-container .prezzo{width:100px; float:left; font-weight:bold; text-align:right;}

.pacchettiterme-container{display:block; padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:dotted 1px #999;}
.pacchettiterme-container .titolo{width:170px; margin:0 10px 0 0; float:left; display:block;}
.pacchettiterme-container .descrizione{width:70%; float:left; display:block; text-align:left;}
.pacchettiterme-container .prezzo{width:30%; float:left; display:block; font-weight:bold; text-align:right;}

.analisi-container{display:block; width:100%; padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:dotted 1px #999;}
.analisi-container .descrizione{width:40%; float:left; display:block; text-align:left;}
.analisi-container .formula{width:30%; float:left; display:block; font-style:italic;}
.analisi-container .grammi{width:30%; float:left; display:block; font-weight:bold; text-align:right;}

/* PACCHETTI */
.pacchetti-container{display:block; padding:0 0 5px 0; margin:0 0 5px 0;}
.pacchetti-container .titolo{width:30%; float:left; display:block; padding:0px; text-align:left;}
.pacchetti-container .descrizione{width:70%; float:left; display:block; text-align:left;}

/*nuove tabelle 2009*/
.lungo {
width:203px;
float:left;
}
.corto {
width:60px;
float:left;
font-weight:bold;
}
.spacer {
width:10px;
float:left;
}

.dotted {
clear:both;
border-bottom:dotted 1px #999;}

/* --------- FORM APPUNTAMENTI ---------*/
#formrp { /*eliminare superfluo*/
width:536px;
}

.item{
width:268px;
padding-bottom:20px;
float:left;
}

.ospiti{
width:178px;
padding-bottom:20px;
float:left;
}

.label {
width:100px;
float:left;
}

.input {
width:158px;
float:left;
margin-right:10px;
}

.input2 {
width:50px;
float:left;
margin-right:10px;
}

.input3 {
width:120px;
float:left;
}


 .tendina {
width:536px;
clear:both;
 }
 
#pensione, #tipologia {
width:168px;
font-family:trebuchet MS;
font-size:11px;
}

#note {
width:536px;
}
.invia {
margin-left:250px;
}

/*--------------NEWS INCLUDE ---------------*/

#news{
width:95%;
/* background-color:#35a0a6; */
background-color:#ffffff;
color:#FFF;
border:1px solid #999999;
margin-bottom:10px;
padding: 0px 10px 0px 10px;
line-height:14px;
}

/* ---------- ISCHIA FILM FESTIVAL ---------------- */ 
.iff {
	color:#c42c2b;
	font-size:14px;
	font-weight:bold;
	}
.iff img {
	float:left;
	padding-right:20px;
	}
.iff p {
	float:left;
	}