/* 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;
}

h2 {
font-family:Arial, sans-serif, Verdana;
color:#7A664C;
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;
}

#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;
}

#top {
height:115px;
}

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

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

#flash {
height:463px;
}
 
  #prenotazione {
color:#FFFFFF;
 z-index:100;
 background-color:#7A664C;
 position:relative;
 left:295px;
 top:-61px;
 width:660px;
 height:42px;
 padding:10px 20px;
 filter:alpha(opacity=85);
-moz-opacity:.85;
opacity:.85;
 }

.iframe {
color:#FFFFFF;
font-weight:bold;
}

 /* ------------------  MENUUUUUUUUUUU -------------------  */
#menu {
color:#ffffff;
margin-top:7px;
}

.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;
}

/* ------------------  FOOTER -------------------  */
#footer {
height:215px;
border-top:2px solid #333333;
margin:20px 0px 15px 0px;
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 {
padding-left:10px;
float:left;
width:103px;
height:215px;
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;*/
}

/* --------- 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;
}