/* Stili generici */
html, body
{
 background-color:#FFF;
 color:#857F65;
 font-family:Verdana,sans-serif;
 font-size:11px;
 margin:0;
 padding:0;
}

body { text-align:center; }

a, a:visited { text-decoration:none; color:#857F65; }
a:hover, a:active { text-decoration:none; color:#577F89; }

img { border:none; }

form
{
 margin:0;
 padding:0;
}

/* Pagine */
.sel { color:#577F89; }
.perc { color:#577F89; }
a.perc { color:#577F89; }

#box
{
background-color:#FFF;
 position:relative;
 text-align:left;
 width:778px;
 height:580px;
 margin:0 auto;
 border:1px solid #818180;
 background:url('img/sfondo.gif') no-repeat 50px 40px;
}

#testata
{
 position:absolute;
 top:8px;
 right:10px;
 margin:0;
 padding:0;
 color:#857F65;
}

#nav1, #nav2
{
 display:block;
 position:absolute;
 margin:0;
 padding:0;
 list-style-type:none;
 font-size:10px;
 font-weight:bold;
}

#nav1
{
 bottom:5px;
 left:20px;
 text-transform:uppercase;
}

#nav2
{
 top:5px;
 left:20px;
}

#nav1 li, #nav2 li
{
 display:block;
 float:left;
 border-left:1px solid #D1CEC3;
 list-style-type:none;
}
#nav1 li { padding:6px 8px 28px 8px; }
#nav1 li.primo, #nav2 li.primo { border-left:none; }
#nav1 li a, #nav2 li a
{
 display:block;
 float:left;
}
#nav1 li strong, #nav2 li strong { color:#577F89; }

#nav2 li { padding:28px 8px 6px 8px; }

#nav3
{
 position:absolute;
 display:block;
 left:20px;
 bottom:90px;
 width:160px;
 margin:0;
 padding:10px 0 0 0;
 border-top:1px solid #D1CEC3;
 list-style-type:none;
 font-size:11px;
 z-index:0;
}

#nav3 li
{
 display:block;
 margin:0 5px 0 -8px;
 padding:0;
 list-style-type:none;
/* IE5.x box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 margin:0 5px 0 8px;
}

#nav4
{
 position:absolute;
 display:block;
 left:20px;
 bottom:90px;
 width:160px;
 margin:0;
 padding:10px 0 0 0;
 border-top:1px solid #D1CEC3;
 list-style-type:none;
 font-size:11px;
 z-index:0;
}

#nav4 li
{
 display:block;
 margin:0 5px 0 -8px;
 padding:0;
 list-style-type:none;
/* IE5.x box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 margin:0 5px 0 8px;
}

html>body #nav3 li { margin:0 5px 0 8px; } /* Recupera Opera 5.x */

.eventi #nav3 li, #eventi-eventi #nav3 li
{
 margin:0 5px 5px -8px;
/* IE5.x box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 margin:0 5px 5px 8px;
}
html>body .eventi #nav3 li, html>body .eventi #nav3 li { margin:0 5px 5px 8px; } /* Recupera Opera 5.x */

#contenuto
{
 position:absolute;
 right:20px;
 bottom:90px;
 width:246px;
 height:180px;
 overflow:auto;
 z-index:0;
}

.camere #contenuto, .staff #contenuto, .artigianato #contenuto, .itinerari #contenuto
{
 height:auto;
}

.servizi #contenuto
{
 height:100px;
}

#contenuto h1
{
 margin:0 0 20px 0;
 padding:0 10px 5px 15px;
 border-bottom:1px solid #D1CEC3;
 font-size:11px;
 text-transform:uppercase;
}

#contenuto p
{
 margin:0;
 padding:0 10px 5px 15px;
}

#foto
{
 position:absolute;
 bottom:90px;
 left:180px;
 padding:4px;
 width:330px;
 height:246px;
 border:1px solid #D1CEC3;
 background-color:#FFF;
 z-index:1;
/* IE5.x box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 width:322px;
 height:238px;
}
html>body #foto { width:322px; height:238px; } /* Recupera Opera 5.x */

#foto img
{
 display:block;
 margin:0;
 padding:0;
 line-height:1px;
 z-index:1;
}

#navfoto
{
 position:absolute;
 left:528px;
 bottom:90px;
/* height:210px;*/
 z-index:0;
}


/* Notizie */
#offerta
{
 color:#EB9C35;
 font-size:12px;
 text-transform:uppercase;
}

#fotonot
{
 position:absolute;
 bottom:90px;
 left:180px;
 padding:4px;
 width:170px;
 height:246px;
 border-left:1px solid #D1CEC3;
 border-right:1px solid #D1CEC3;
 background-color:#FFF;
 z-index:1;
/* IE5.x box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 width:162px;
 height:238px;
}
html>body #fotonot { width:162px; height:238px; } /* Recupera Opera 5.x */

#notizia
{
 position:absolute;
 right:20px;
 bottom:90px;
 width:410px;
 height:210px;
 overflow:auto;
 z-index:0;
}

#notizia h1
{
 margin:0 0 20px 0;
 padding:0 10px 5px 15px;
 border-bottom:1px solid #D1CEC3;
 font-size:12px;
 text-transform:uppercase;
}

#notizia p
{
 margin:0;
 padding:0 10px 5px 15px;
}

/* Home */
#boxhome
{
 position:relative;
 text-align:left;
 width:778px;
 height:450px;
 margin:0 auto;
 border:1px solid #818180;
 background:url('img/sfondo-home.jpg') no-repeat 7px 40px;
 overflow:hidden
}


/* Stili per browser senza supporto CSS (aurali, palmari, ecc...) */
.nascosto
{
 position:absolute;
 width:1px;
 height:1px;
 overflow:hidden;
 top:0;
 left:0;
 color:#FFF;
 background-color:#FFF;
}

/* Prenotazioni */
.prenotazioni #contenuto
{
 position:absolute;
 left:25px;
 top:5px;
 width:510px;
 height:360px;
 background-color:#CCCDBF;
 color:#343527;
 overflow:auto;
 z-index:0;
}
.prenotazioni #box {background:url('img/sfondo_prenotazioni.gif') no-repeat right 130px;}
#contatti th, #contatti td {padding:6px}
#contatti th {text-align:right;}
#contatti th, #contatti label {font-weight:bold;}
#contatti th.radio {text-align:center;}
.submit {text-align:center;}
.submit input { background-color:#CCCDBF;color:#343527; }
.submit input:hover { background-color:#343527;color:#CCCDBF; }
.errore {color:Red;}

.eventi #box, .eventi #box {background:url('img/sfondo.gif') no-repeat 30px 40px;}

/* Dove Siamo */
.dove #contenuto {
 position:absolute;
 right:20px;
 bottom:74px;
 width:246px;
 height:130px;
 overflow:auto;
 z-index:0;
}

.dove #foto
{
 bottom:90px;
 left:295px;
 width:217px;
 height:333px;
/* IE5.x box model hack */
 voice-family: "\"}\"";
 voice-family:inherit;
 width:209px;
 height:325px;
}
html>body .dove #foto { width:209px; height:325px; } /* Recupera Opera 5.x */

.dove #box
{
 background:url('img/sfondo_dove.gif') no-repeat left top;
}


/* Tariffe */

.tariffe #contenuto
{
 right:20px;
 bottom:90px;
 width:576px;
 background-color:#FFF;
 height:240px;
}
.tariffe #contenuto div
{
 position: relative; 
 float:right;
 width:320px;
 border-left:1px solid #D1CEC3;
}