html * {margin:0; padding:0;}
img {display:block;}
a img {border:0;}
ul, li {list-style:none;}
a {text-decoration:none;}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

body {
font-family:georgia;
font-size:12px;
color:#2c2c2c;
background: #fff url(../img/bg_5.png) center repeat-y;
}
body#ristorante{
color:#fff;
background: url(../img/bg_5_risto.png) center repeat-y;
}


#main {
position:relative;
left:50%;
margin-left:-475px;
}

#main, #top, #cont {width:950px;}

#top {height:399px;}

#home #top {background:url(../img/fotone_home.jpg) 0 30px no-repeat;}
#camere #top {background:url(../img/fotone_camere.jpg) 0 30px no-repeat;}
#ristorante #top {background:url(../img/fotone_ristorante.html) 0 30px no-repeat;}
#tariffe #top {background:url(../img/fotone_tariffe.jpg) 0 30px no-repeat;}
#dintorni #top {background:url(../img/fotone_dintorni.jpg) 0 30px no-repeat;}
#offerte #top {background:url(../img/fotone_last.jpg) 0 30px no-repeat;}
#eventi #top {background:url(../img/fotone_eventi.jpg) 0 30px no-repeat;}
#dovesiamo #top {background:url(../img/fotone_dovesiamo.jpg) 0 30px no-repeat;}
#contatti #top {background:url(../img/fotone_contatti.jpg) 0 30px no-repeat;}
#servizi #top {background:url(../img/fotone_servizi.jpg) 0 30px no-repeat;}

#bg2 {
width:100%;
top:0;
left:0;
overflow:hidden;
height:399px;
background:url(../img/bg.jpg) repeat-x;
position:absolute;
}
#ristorante #bg2 {background:url(../img/bg_risto.jpg) repeat-x;}


#over {
position:absolute;
height:380px;
left:9px;
width:230px;
background:url(../img/logo.png) no-repeat;
z-index:6;
}
#ristorante #over {background:url(../img/logo_ristorante.png) no-repeat;}
#ristorante .eng #over, #ristorante .deu #over {background:url(../img/logo_ristorante_eng.png) no-repeat;}

.fotone {top:30px;}
.logo {display:block;
width:230px;
height:125px;
}
#top ul {padding: 0 10px;}
#top ul li {
display:block;
clear:both;
float:left;
}
#top ul li a {
width:210px;
display:block;
float:left;
color:#004682;
font-variant:small-caps;
font-size:13px;
padding: 4px 0 4px 3px;
border-bottom:#B0B8C6 1px solid;
}
#ristorante #top ul li a {border-bottom:#e6bb70 1px solid; color:#680606;}

#top ul li a:hover {
font-weight:bold;
background:#fff;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

#cont {padding: 7px 0 0 0;}
.colonna {
padding: 0 9px;
float:left;
color:#322E23;
}
.colonna, .colonna label {width:232px;}
#ristorante #dx2 {width:200px;}

.colonna h1 {
font-variant:small-caps;
font-size:15px;
font-weight:normal;
margin-bottom:1px;
clear:both;
}
.colonna h2 {
color:#455B80;
font-size:18px;
padding: 8px 0 4px 10px;
font-weight:normal;
}
.colonna h3 {
color:#455B80;
font-size:14px;
padding: 8px 0 0px 10px;
font-weight:bold;
}

.colonna form {
padding: 3px 0 10px 5px;
margin: 0 0 10px 0;
} 
.colonna label {
color:#022B51;
padding: 3px 0;
font-size:11px;
clear:both;
display:block;
}

.colonna label input {
width:37px;
height:15px;
border:#6A799A 1px solid;
display:inline;
margin: 0 2px 0 0;
}
.colonna label input.big {width:50px;}
.colonna form p { font-size:11px; color:#455B80;padding: 10px 0 0 10px}

.submit, .prenota {
width:68px;
height:24px;
background: url(../img/submit.png) repeat-x;
border:#43597E 1px solid;
color:#DEE6ED;
font: 12px georgia;
float:right;
margin: 5px 0 0 0;
}
.submit {
width:70px;
height:26px;
}
#sx .submit {
margin-top:-17px;}

#dx2 {float:right;
width:222px;
}
#dx2 p {padding: 10px 0 0 0;}

#offerte #dx {float:left;width:350px;}
#offerte #dx2 {float:right;width:275px;}

/* last home */
#book {
font-family:georgia;
font-size:11px;
}
#book h3 {display:none;}
#dx #book h4 {padding: 2px 0; font-style:normal; color:#455A7F;}
#book td {
padding: 5px 0;
text-align:justify;
}
#book td b {font-weight:normal;}
#book td a {
text-align:center;
width:68px;
height:19px;
padding-top:5px;
background: url(../img/submit.png) repeat-x;
border:#43597E 1px solid;
font: 12px georgia;
float:right;
margin: 5px 0 0 0;
display:block;
color:#DEE6ED;}

#book p a {color:#999;}


#book #warning * {
font: normal 10px arial;
padding:0;
color:#03163A;
}
#dx #book #warning h2 {
background:none;
padding:0;
margin:0;
}
/* last home */
/* last colonna */
#sx #book {
color: #022B51;
line-height:12px;
}
#sx #book td{text-align:left;}
#sx p.noris {padding: 5px;}
#sx p.noris strong{font-style:italic; font-weight:normal;}

/*  last colonna */


#sx h1 {
background: url(../img/bg_last.jpg) bottom repeat-x; 
color:#022B51;
height:36px;
line-height:36px;
padding-left:10px;
}

#sx h3 {
background: url(../img/bg_last.jpg) bottom repeat-x; 
color:#022B51;
height:36px;
line-height:36px;
padding-left:10px;
}


#ristorante #sx h2 {
background: url(../img/bg_last_risto.jpg) bottom repeat-x; 
color:#680606;
}
#dx, #dx2 {
padding-top:10px;
color:#45443e;
}
#dx {
width:396px;
padding:10px 27px;
text-align:justify;
float:left;
color:#45443e;
}
#ristorante #dx {width:422px;}
#dx p {
padding: 10px 0;
font-size:11px;
color:#696862;
}
#ristorante #dx p {
padding: 15px 0;
line-height:17px;
font-family:georgia;
font-size:12px;
color:#f3f1e5;
}


#dintorni #dx p {
padding: 7px 0;
font-size:12px;
}
#home #dx p {
line-height:14px;
padding: 0 20px 20px 20px;
}

#home #dx div {
background: url(../img/home_fotine.jpg) top left no-repeat;
padding: 0 0 0 125px;
margin: 20px 0 0 0;
}
#dx h2 {font-size:18px;}
#dx h2.azzurro {color:#0082FF;}
#dx h2.verde {color:#4E9001;}
#dx h2.rosso {color:#9F390C;}
#dx h4 {
font-size:13px; 
padding: 10px 0;
}

.centra {margin: 0 auto;}


h3 {
font-size:13px;
font-weight:bold;
text-transform:uppercase;
padding: 5px;
}

#dx h1 {
color:#455A7F;
font-size:12px;
font: georgia;
font-weight:normal;
}

#dx ul {margin: 20px;}
#dx li {
background:url(../img/li_int.gif) left center no-repeat;
padding: 5px 0 5px 20px;
}

.galleria {
display:block;
background: url(../img/bg_gallery.gif) bottom right no-repeat;
width:202px;
height:327px;
z-index:100;
padding:15px 0 0 15px;
}
.galleria, #myGallery {position:absolute;}
#dx2 #myGallery {
margin: 18px 0 0 18px;
z-index:1;
}
#contatti #dx2 img {padding:15px 0 0 15px;}

/*.galleria:hover .lente {
display:block;
border:0;
padding:0;
position:absolute;
z-index:2;
top:273px;
left:168px;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
background:transparent;
}*/
.hide {display:none;}

a.pdf {
display:block;
background: url(../img/pdf.gif) right center no-repeat;
color:#aa5817;
text-decoration:underline;
font-style:italic;
font-size:13px;
padding: 25px 0;
width:230px;
}
a.pdf:hover  {text-decoration:underline;}
iframe {margin: 20px 0;}
iframe.prenotazione {border:0;}
iframe.prenotazione, iframe.contatti {
width:390px;
height:490px;
}
iframe.mappa {
width:378px;
height:600px;
padding: 6px;
background:#fff url(../img/bg_mappa.gif);
overflow:hidden;}
#dx h2, #dx2 h1, #dx2 h4 {
padding: 0 0 7px 0;
color:#455A7F;
background:url(../img/divisorio_sfum.png) bottom left no-repeat;
font-weight:normal;
}
#dx h2 {margin-bottom:15px;}
#dx2 h2 {
background: url(../img/bg_eventi.jpg) bottom left no-repeat;
height:21px;
margin-bottom:5px;
text-transform:none;
font-variant:normal;
font-size:18px;
}
#ristorante #dx2 h2 {background: url(../img/bg_eventi_risto.jpg) bottom left no-repeat; color:#f1be74;}


/* tariffe */
table.prezzi {
margin: 20px 0;
width:100%;
font-size:11px;
}
.prezzi td {
padding: 10px 1px; 
text-align:left;
border-bottom:#6a799a 1px solid;
font-style:italic;

}
.prezzi th, .prezzi .prezzo {
text-align:center;
font-weight:bold;
}
.prezzi th {
background:#dfdfdf;
color:#022b51;
padding: 3px;
}
.prezzi .prezzo {
color:#006699;
font: 11px arial;
background:url(../img/prezzo.jpg) bottom repeat-x;
}
.prezzi th a {
display:block;
background: url(../img/calendario.gif) top right no-repeat;
padding: 10px 20px 5px 5px;
color:#225597;
font-size:13px;
font-weight:bold;
border:#fff 1px solid;
}
.prezzi th a:hover {background: #fff url(../img/calendario.gif) top right no-repeat;}

.prezzi th span {position:absolute;}
.prezzi th a:hover span {
display:block;
width: 130px;
text-align:left;
padding:5px;
border:#ccc 1px solid;
background:#fff;
font: 11px arial;
margin: 30px 0 0 0;
}

.prezzi td span {font-size:10px;}
/* tariffe */

#dx2 ul {padding-bottom:20px;}
#dovesiamo #dx2 ul {
padding-bottom:7px;
border-bottom:#C5C8D9 1px solid;
}

#dx2 li {
padding: 5px 0 5px 15px;
border-bottom:#fff 1px dotted;
background: url(../img/freccia_dx.gif) 0 8px no-repeat;
font-size:11px;}

#dintorni #dx2 ul {margin: 10px 0 0 10px}
#dintorni #dx2 li {
display:block;
padding:1px;
width:204px;
height:60px;
border:0;
margin: 4px 0 0 0;
}
#dintorni #dx2 li.dint1 {background: url(../img/dint_piediluco.jpg) ;}
#dintorni #dx2 li.dint2 {background: url(../img/dint_cascata.jpg) ;}
#dintorni #dx2 li.dint3 {background: url(../img/dint_carsulae.jpg) ;}
#dintorni #dx2 li.dint4 {background: url(../img/dint_narni.jpg) ;}
#dintorni #dx2 li.dint5 {background: url(../img/dint_terni.jpg) ;}
#dintorni #dx2 li.dint6 {background: url(../img/dint_arrone.jpg) ;}
#dintorni #dx2 li.dint7 {background: url(../img/dint_ferentillo.jpg) ;}
#dintorni #dx2 li.dint8 {background: url(../img/dint_sangemini.jpg) ;}

#dintorni #dx2 li a {
border:#fff 1px solid;
color:#000033;
display:block;
width:197px;
height:15px;
padding: 43px 0 0 0;
font-weight:bold;
padding-left:5px;
position:absolute;
z-index:2;
}
#dintorni #dx2 li a:hover {
border:#989FB9 2px solid;
color:#465C81;
width:195px;
padding-top:41px;

}

#dintorni #dx2 li span {
background:#fff;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
z-index:1;
position:absolute;
width:203px;
height:19px;
margin-top:40px;
}

#dx h3 {color:#6a799a; text-align:center;}

#footer {
width:660px;
padding:5px 10px 10px 280px;
font: 11px arial;
clear:both;
}
#footer p {padding: 3px 0 ;}
#footer p.privacy {text-transform:uppercase;
border-bottom:#bec4d8 1px solid;
}
#ristorante  #footer p.privacy {border-bottom:#8f3e09 1px solid;}


#footer p.privacy a, #footer p.privacy {color:#979FB9;}
#ristorante #footer p.privacy a, #ristorante #footer p.privacy {color:#fff;}

#footer p.privacy a {padding: 0 5px;}
#footer p.ind {width:530px; float:left;}
#footer p.credit{width:110px; text-align:right; float:right; font-style:italic; }


#footer p, #footer p a {color:#03163A;}
#ristorante #footer p, #ristorante #footer p a {color:#e4820e;}

#footer p a:hover {
color:#000;
text-decoration:underline;
}

#camere ul {padding-bottom:30px;}

#lingue {
float:right;
padding: 7px 5px 0 0;
text-transform:uppercase;
font-size:11px;
}
#lingue, #lingue a {color:#fff;}
#lingue a { padding: 0 4px;}
#lingue a:hover { text-decoration:underline;}

#footer2 {
width:660px;
padding:5px 10px 10px 420px;
font: 11px arial;
clear:both;
}
#footer2 p {padding: 3px 0 ;}
#footer2 p.privacy {text-transform:uppercase;
border-bottom:#bec4d8 1px solid;
}



#footer2 p.privacy a, #footer p.privacy {color:#979FB9;}

#footer2 p.privacy a {padding: 0 5px;}
#footer2 p.ind {width:550px; float:left;}
#footer2 p.credit{width:100px; text-align:right; float:right; font-style:italic; }


#footer2 p, #footer p a {color:#03163A;}

#footer2 p a:hover {
color:#000;
text-decoration:underline;
}

/* =============================================================================
    popup foto...
============================================================================= */

#thumbBox{ 
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 5px;
background: #fff;
visibility: hidden;
z-index: 1000;
cursor:hand;
border:#a7cf50 5px solid;
}

#thumbLoading{ 
position: absolute;
visibility: hidden;
z-index: 5;
}

/* =============================================================================
    eventi
============================================================================= */
#dx2 ul#eventi_lista{
border-bottom:#D9DEEA 3px double;
padding: 10px 0;
}

#dx2 ul#eventi_lista li, #dx ul#eventi_lista li {
background:none;
padding: 3px 0;
border:0;
}
#dx2 ul#eventi_lista li p {
padding:0;
color:#736950;
}
#dx2 ul#eventi_lista img {
border:#D9DEEA 1px solid;
padding:1px;
float:left;
margin: 0 5px 5px 0;
}
#dx2 ul#eventi_lista li.titolo {
color:#455A7F;
font-weight:bold;
}
#dx2 ul#eventi_lista li.location {
padding:0;}

#dx2 ul#eventi_lista li.dati, #dx ul#eventi_lista li.dati {color:#979FB9;}
#dx2 ul#eventi_lista li.continua a {
color:#455A7F;
text-decoration:underline;
}
#dx2 ul#eventi_lista li.continua  {
text-align:right;
font-style:italic;
}

#dx ul#eventi_lista.dettaglio img {
max-width:400px;
height:auto;
border:#D9DEEA 1px solid;
padding:1px;
margin:5px 0 0 0;

}
#dx ul#eventi_lista{
margin:0;
padding:0;
}
#dx ul#eventi_lista li.titolo {
color:#455A7F;
font-weight:bold;
font-size:14px;
padding: 0 0 5px 0;
}
#dx ul#eventi_lista  a.sito_eventi, #dx ul#eventi_lista a.pdf_eventi{display:block;
float:right;
color:#FFFFFF;
background:#979FB9;
padding: 2px 3px;
margin: 1px;
}

/* =============================================================================
    eventi
============================================================================= */

#ristorante ul#eventi_lista{
border-bottom:#F8EA98 3px double;
padding: 10px 5px;

}

#ristorante ul#eventi_lista li.titolo {
color:#912F09;
font-size:13px;
font-weight:bold;
padding: 0 0 5px 0;

}
#ristorante ul#eventi_lista li.dati {color:#F6DD78; font-size:12px; padding: 0 0 10px 0;}
#ristorante ul#eventi_lista a.pdf_eventi {
display:block;
clear:both;
color:#76242A;
padding: 3px 25px 3px 0;
text-decoration:none;
font-style:italic;
text-align:right;
background:url(../img/pdf_mini.png) right center no-repeat;

}

#ristorante ul#eventi_lista img {
border:#D9DEEA 1px solid;
padding:1px;
float:left;
margin: 0 5px 5px 0;
}



/* ####################################### simonedesign ########################################## */

#eventi{
width:245px;
height:401px;
background:url(../img/eventi.jpg) no-repeat;
position:absolute;
margin-left:2px;
}
#eventi a{
display:block;
position:absolute;
}
#eventi a.menu{
height:33px;
}


#eventi a#link4{
left:15px;
top:238px;
width:120px;
}
#eventi a#link5{
left:160px;
top:238px;
width:75px;
}

