html * {margin:0; padding:0;}
img {display:block; border:0;}
a img {border:0;}
ul, li {list-style:none;}
a {
text-decoration:none;
color:#000;
}
p {text-align:justify;}
a:hover {
color:#333;
text-decoration:underline;
}
.hide {display:none;}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

body {
font-family:georgia;
font-size:12px;
color:#756744;
background:#8E6708 url(../img/bg.jpg) 0 0 repeat-x;
}

#main {
position:relative;
left:50%;
margin-left:-492px;
}
#main, #top {width:984px;}

#top {height:91px;}

#top a.logo {
display:block;
background:url(../img/logo.png) right bottom no-repeat;
text-indent:-1000px;
overflow:hidden;
width:432px;
height:91px;
margin: 0 auto;
}

#lang {
float:right;
width:110px;
margin-top:-70px;
background:url(../img/lang_divi.png) center center no-repeat;
}
#lang a img {padding: 0 5px  0 0; display:inline;}
#lang a {
line-height:12px;
display:block;
color:#F6F2BA;
font-style:italic;
font-size:11px;
padding: 6px 0 6px 20px;
}
#menu {
margin: 0 auto;
width: 960px;
height:70px;
background:url(../img/menu.jpg) bottom center repeat-x;
text-align:center;
}
.menu {
height:35px; 
line-height:35px;
text-transform:uppercase;
}
.menu a {padding:0 1px;}
.menu a:hover {text-decoration:none;}
#menu_top a {
color:#BD9E51;
margin: 0 15px;
font-size:11px;
}
#menu_top a:hover { border-bottom:#BD9E51 1px solid; }

#menu_bot a {
color:#F8F29E;
margin: 0 20px;
}
#menu_bot a:hover { border-bottom:#F8F29E 1px solid; }

#center, .over, #testo_home{width:932px;}

#center {
height:592px;
background:#fff url(../img/center.png) 0 0 no-repeat;
padding: 20px 26px 30px 26px;
}

#testo_home img, .over, #testo {position:absolute;}
.over, #testo {margin-top:450px;}
.over {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
z-index:1;
background:#fff;
height:142px;
}

.frase {
position:absolute;
z-index:100;
top:420px;
left:540px;

}
.testo {
background:#fff2bd;
padding: 10px 20px 0 20px;
}
#testo_home {height:592px; padding:0;}
#testo {
z-index:10;
width:892px;
margin-left:20px;
padding-top:10px;
}
.testo p {
line-height:15px;
padding-bottom:15px;
}
#testo_home p {
font-size:15px;
line-height:20px;
}

h1 {
color:#705004;
font-size:16px;
background:url(../img/h1.png) bottom left no-repeat;
padding-bottom:6px;
margin-bottom:10px;
}
h1 i {font-weight:normal;}

#testo_i {
width:422px;
height:562px;
padding: 20px 20px 10px 490px;
}

#testo_d {
width:422px;
height:562px;
padding: 20px 20px 10px 20px;
float:right;
}

#tariffe #testo_i {background:#fff2bd url(../img/foto_tariffe.jpg) left top no-repeat;}
#servizi #testo_i {background:#fff2bd url(../img/foto_servizi.jpg) left top  no-repeat;}
#camere #testo_i {background:#fff2bd url(../img/foto_camere.jpg) left top  no-repeat;}
#risto #testo_i {background:#fff2bd url(../img/foto_ristorante.jpg) left top  no-repeat;}
#gallery #testo_i{background:#fff2bd url(../img/foto_gallery.jpg) left top  no-repeat;}
#contatti #testo_i{background:#fff2bd url(../img/foto_contatti.jpg) left top  no-repeat;}
#eventi #testo_i{background:#fff2bd url(../img/foto_eventi.jpg) left top  no-repeat;}

h2 {
font-style:italic;
padding-bottom: 6px;
margin-bottom:10px;
font-size:12px;
color:#8e6708;
font-weight:normal;
border-bottom:#d4c89b 1px solid;
}
li {text-align:justify;}
h2 span {color:#2e2102;}

a.bottone img {
float:right;
margin: 3px 15px 0 0;
padding: 5px 10px;
border-top:#c6ac62 1px solid;
border-bottom:#c6ac62 1px solid;
}
a.bottone:hover img {
border-top:#3c2b01 1px solid;
border-bottom:#3c2b01 1px solid;
background:#FAEBB1;
}

#piatti {
background:url(../img/piatti.png) right bottom no-repeat;
color:#a37c1f;
margin-top:20px;
}
#prodo {
background:url(../img/brochure.jpg) right bottom no-repeat;
color:#a37c1f;
margin-top:70px;
}
#piatti.vicinanze {
width:415px;
background:url(../img/galle_servizi.jpg) right bottom no-repeat;
padding-bottom:25px;
}

#prodo li a img {display:inline; vertical-align:middle; margin-right:5px;}
#prodo li a:hover {text-decoration:none; color:#A37C1F;}
#testo_i #piatti li {width:220px; padding-left:5px;}
#testo_i #piatti.ristor li {width:200px; }

#piatti.ristor {
margin-top:50px;
line-height:23px;
}
#testo_i li {
font-style:italic;
padding: 7px 0 0 15px;
}
#testo_d li {
font-size:11px;
padding: 0 0 10px 20px;
line-height:12px;
}
#testo_d ul {margin-bottom:10px;}
#testo_d p {padding-bottom:7px;}
#testo_d b {color:#775500;}
h3 {
text-transform:uppercase;
font-size:13px;
font-weight:normal;
border-bottom:#d4c89b 1px solid;
padding-bottom:4px;
margin-bottom:10px;
width:50%;
}
h4 {
font-size:13px;
font-weight:normal;
padding-bottom:4px;
margin-bottom:10px;
color:#A37C1F;
}
.tab {font-size:11px;}
.tab .price {font-size:12px; font-style:italic; font-weight:bold; padding-bottom:15px;}
a.prenota {
height:27px;
width:112px;
border:#d1c69b 1px solid;
background: url(../img/submit.jpg) center center repeat-x;
text-transform:uppercase;
color:#000;
line-height:27px;
font-size:12px;
font-weight:bold;
margin:20px 20px 0 0;
font-family:georgia;
text-align:center;
padding: 3px 5px;
}
a.prenota:hover { color:#6a4e19; text-decoration:none;}

.tab .price a.prenota {font-style:normal; font-weight:normal;}
#warning *{
font:italic 10px arial;
color: #990000;
padding:0;
}
#warning  {
padding: 10px 0 0 0; 
border-top:#F3D5B1 3px double;
}
.titolo {display:none;}
#bottom {padding: 0 0 20px 0;}

#bottom, #bottom a {
color:#372700; 
font-size:11px; 
font-style:italic;
}
#bottom p {text-align:left; padding-left:15px;}
#bottom p.credit {float:right; width:120px; margin-top:-30px;}

iframe.mappa {
width:470px;
height:592px;
overflow:hidden;
float:left;
}


/* guestbook */
#guest .testo {height:582px;}
#testo_g {
width:267px;
float:left;
border-right:#d2ba75 3px double;
}
#testo_go {
width:582px;
float:right;
}
form.guest {padding-top:15px;}
.guest label {
text-align:right;
width:260px; 
padding:5px 0;
display:block;
font-style:italic;
}
.guest label.mess {
text-align:center;
padding-top:10px;
}

.guest textarea {
width:260px;
height:70px;
margin: 10px auto 0 auto;
border:#ccc 1px solid;
overflow:auto;
color: #000;
}

.guest label input {
border:#ccc 1px solid;
width:160px;
margin-left:6px;
color: #000;
}
.guest label input.hidden {
border:0;
font-weight:bold;
background:none;
}
#guest h4 {
font-weight:normal;
font-style:italic;
font-size:13px;
color:#8e6708;
clear:both;
}
#guest #testo_go h4 {padding:12px 0 10px 0;}

#messaggi {
height:510px; 
overflow:auto;
padding: 0 10px 0 0;
}
.guest #procedi{
float:right;
height:27px;
width:112px;
border:#d1c69b 1px solid;
background: url(../img/submit.jpg) center center repeat-x;
text-transform:uppercase;
color:#6a4e19;
line-height:27px;
font-size:12px;
font-weight:bold;
margin:20px 20px 0 0;
font-family:georgia;
}

h3.ok {padding: 50px auto;
text-align:center;
font-size:14px;
}
.guest em {
font: italic 12px arial;
color:#96330f;
text-align:center;
display:block;
}

.guest_out {
padding: 9px 0;
border-bottom:#d2ba75 3px double;
}
.guest_out p {font-size:11px;  font-style:italic; padding: 0;}
.guest_out p, .guest_out p a {color:#8e6708;}
.guest_out p a:hover {text-decoration:underline;}

.guest_out p.messaggio {
padding: 10px 0 0 10px;
line-height:15px;
color:#4c3602;
}

/* guestbook */
.appa {padding: 5px 15px; margin:1px 0;}

#camere .appa {padding: 5px 15px 20px 15px;}

.appa h5, .camere h5 {
font-size:18px;
font-weight:normal;
text-transform:uppercase;
}
.appa a.galle {
float:right;
font-style:italic;
color:#A19878;
margin:-17px 0 0 0;
width:90px;
text-align:right;
}

#camere .appa a.galle {
margin:0 0 8px 0;
}
.appa p {
padding: 10px 0 6px 0; 
font-style:italic; 
color:#5E5236; 
line-height:14px;}

#appa #testo_i #fotone, #camere #testo_i #fotone, #prodotti #testo_i #fotone{
position:absolute;
margin: -20px 0 0 -490px;
}

#camere #orchidea  {margin-top:20px;}

#ginestra h5 {color:#F6C109;}
#rosa h5 {color:#EC8381;}
#viola h5 {color:#AB71AC;}
#zafferano h5 {color:#C67400;}
#orchidea h5 {color:#E60FD0;}
#fiordaliso h5 {color:#4681C0;}

#tulipano h5  {color:#e96e4c;}
#surfinia h5  {color:#a692cf;}
#ciclamino h5  {color:#f089ac;}

#ginestra:hover {background:url(../img/appa_ginestra.jpg) top left repeat-x;}
#rosa:hover, #ciclamino:hover {background:url(../img/appa_rosa.jpg) top left repeat-x;}
#viola:hover, #surfinia:hover {background:url(../img/appa_viola.jpg) top left repeat-x;}
#zafferano:hover {background:url(../img/appa_zafferano.jpg) top left repeat-x;}
#orchidea:hover {background:url(../img/appa_orchidea.jpg) top left repeat-x;}
#fiordaliso:hover {background:url(../img/appa_fiordaliso.jpg) top left repeat-x;}
#tulipano:hover {background:url(../img/appa_tulipano.jpg) top left repeat-x;}

iframe.contatti {
width:422px;
height:520px;
overflow:hidden;
}


a.gal {
width:410px;
height:102px;
margin: 20px 0 0 0;
border:#c6ac62 1px solid;
padding: 5px ;
display:block;
}
a.gal:hover{ background-color:#fff;}

a.ca { background:url(../img/gal_camere.jpg) center center no-repeat;}
a.ri { background:url(../img/gal_risto.jpg) center center no-repeat;}
a.ap { background:url(../img/gal_appa.jpg) center center no-repeat;}
a.se { background:url(../img/gal_servizi.jpg) center center no-repeat;}

a.gal h2 {
border:0;
width:140px;
height:26px;
text-indent:-200px;
overflow:hidden;
padding:0;
margin:64px 0 0 0;
float:right;
}

a.gal:hover h2 {
height:22px;
border-top:#fff 2px solid;
border-bottom:#fff 2px solid;
}

.ita a.ca h2 { background:url(../img/gal_camere_h2_ita.png) center center no-repeat;}
.ita a.ri h2 { background:url(../img/gal_risto_h2_ita.png) center center no-repeat;}
.ita a.ap h2 { background:url(../img/gal_appa_h2_ita.png) center center no-repeat;}
.ita a.se h2 { background:url(../img/gal_servizi_h2_ita.png) center center no-repeat;}

.eng a.ca h2 { background:url(../img/gal_camere_h2_eng.png) center center no-repeat;}
.eng a.ri h2 { background:url(../img/gal_risto_h2_eng.png) center center no-repeat;}
.eng a.ap h2 { background:url(../img/gal_appa_h2_eng.png) center center no-repeat;}
.eng a.se h2 { background:url(../img/gal_servizi_h2_eng.png) center center no-repeat;}

.highslide-maincontent table {margin: 0 auto;}

.highslide-maincontent {padding: 0 20px;}
.highslide-maincontent td {
padding: 3px 10px;
border-bottom:#ccc 1px dotted;
}
.highslide-maincontent td.loc {background:url(../img/li_km.png) center left no-repeat; padding-left:30px;}

.highslide-maincontent h2 {margin:0 auto 15px auto;}

.highslide-maincontent p {clear:both; padding: 15px 0; border-bottom:#663300 1px dotted; height:94px;}
.highslide-maincontent p img {
float:left;
padding: 1px;
border:#663300 1px solid;
margin: 0 15px 0 0;
}
.tar  p{padding: 10px 0; border:0; height:auto;}
#testo_e { width:892px; height:582px;}
#testo_e .lof {
height:542px;
overflow:auto;
width:282px;
float:left;
}
#testo_e #off {
float:right;
padding-left:20px;
border-left:3px double #D2BA75;
}

#testo_e h5.tit {
font-style:italic;
font-weight:normal;
font-size:17px;
color:#8e6708;
padding-bottom:15px;
}

.prezzi {
margin: 10px auto;
width:80%;
background:#fff;
border:#d2ba75 1px solid;
}

.prezzi th {
line-height:17px;
font-weight:normal;
color:#6b4b12;
font-size:11px;
background:#fff2bd;
}
.prezzi td {
padding: 0 17px;
line-height:36px;
border-bottom:#e0d8b8 1px solid;
border-left:#e9e2c4 1px solid;
font-size:12px;
color:#99761f;
font-weight:bold;
}

.prezzi td.tipo {
font-style:italic;
font-size:11px;
font-weight:normal;
color:#8e6708;
border:0;
width:110px;
}


a.evento {
padding: 12px 0 12px 50px;
background:url(../img/calendario.png) 20px center no-repeat; 
font-style:italic;
display:block;
}

.tabs {clear:both;}
.tabs li {
display:block;
float:left;
border:#C6AC62 1px solid;
border-bottom:0;
margin: 0 2px 0 0 ;
padding: 5px 10px;
text-transform:uppercase;
font-weight:bold;
}
.tabs li a {color:#A37C1F;}
.tabs li.attivo a {color: #FAF7E7;}
#testo_e li.attivo {background:#C6AC62; }
#testo_e div.hidden{display:none;}
#testo_e div.active {display:block;}

#testo_last, #testo_offerte, #testo_eventi {height:500px; overflow:auto; border-top:#C6AC62 3px solid;clear:both; }