html * {margin:0; padding:0;}
img {display:block; border:0;}
a img {border:0;}
ul, li {list-style:none;}
a {text-decoration:none;}
a:focus {outline:none;}
#center p {text-align:justify; padding-top:10px; font-size:16px;}
a:hover {text-decoration:underline;}
.hide {display:none;}

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

body {
font-family:georgia;
padding-top:15px;
color:#979797;
}

#servizi.eng #center p {line-height:22px;}
#home {background:url(../img/bg_home.jpg) center top no-repeat;}
#appartamenti {background:url(../img/bg_appartamenti.jpg) center top no-repeat;}
#ristorante {background:url(../img/bg_ristorante.jpg) center top no-repeat;}
#guestbook {background:url(../img/bg_guestbook.jpg) center top no-repeat;}
#gallery {background:url(../img/bg_gallery.jpg) center top no-repeat;}
#dove {background:url(../img/bg_dovesiamo.jpg) center top no-repeat;}
#contatti {background:url(../img/bg_contatti.jpg) center top no-repeat;}
#camere {background:url(../img/bg_camere.jpg) center top no-repeat;}
#servizi {background:url(../img/bg_servizi.jpg) center top no-repeat;}
#last {background:url(../img/bg_last.jpg) center top no-repeat;}
#monte {background:url(../img/bg_monte.jpg) center top no-repeat;}

.frase {position:absolute;}
#home .fla {top:430px;left:370px;}
#monte .fla {top:390px;left:610px;}
#home .htm {top:500px;left:100px;}
.htm {color:#fff; font: italic 12px arial; text-align:center;}
#main{width:990px;}
#main, #bottom {
position:relative;
left:50%;
margin-left:-495px;
}
#top{width:990px; padding:0;height:604px;}
#center {width:930px; padding:30px;}
#lang {
height:18px;
width:146px;
padding-bottom:17px;
margin-left:850px;
}
#lang img {padding: 0 3px 2px 3px; display:inline; vertical-align:middle;}
#lang a:hover img, #lang a.selected img {background:url(../img/bg_lang.png) bottom center repeat-x;}

#home #top {background:url(../img/fotone_home.jpg) bottom center no-repeat;}
#appartamenti #top {background:url(../img/fotone_appartamenti.jpg) bottom center no-repeat;}
#ristorante #top {background:url(../img/fotone_ristorante.jpg) bottom center no-repeat;}
#guestbook #top {background:url(../img/fotone_guestbook.jpg) bottom center no-repeat;}
#gallery #top  {background:url(../img/fotone_gallery.jpg) bottom center no-repeat;}
#dove #top  {background:url(../img/fotone_dove.jpg) bottom center no-repeat;}
#contatti #top{background:url(../img/fotone_contatti.jpg) bottom center no-repeat;}
#camere #top{background:url(../img/fotone_camere.jpg) bottom center no-repeat;}
#servizi #top{background:url(../img/fotone_servizi.jpg) bottom center no-repeat;}
#last #top{background:url(../img/fotone_last.jpg) bottom center no-repeat;}
#monte #top{background:url(../img/fotone_monte.jpg) bottom center no-repeat;}

#menu_1{
height:40px;
padding-top:10px;
background: url(../img/bg_top.jpg) 0 0 repeat-x;
text-align:right;
}

#menu_1 a img { display:inline; padding: 5px ; margin: 0 8px; vertical-align:middle;}
.eng #menu_1 a img { margin: 0 5px;}

#menu_1 a:hover img, #menu_1 a.selected img {background:url(../img/bg_lang.png) bottom center repeat-x;}

#top a.logo {
display:block;
background:url(../img/logo.png) right top no-repeat;
text-indent:-1000px;
overflow:hidden;
left:160px;
width:204px;
height:150px;
margin: 10px auto 3px auto;
}



#menu_2 {
width:236px; 
height:379px;
 border:#ECEAEB 1px solid;
 position:absolute;
 z-index:10;
 left:24px;
 background:#fff;
 margin-top:-27px;
 background:#fff;
 }
#menu_2 a {display:block;
width:236px;
text-align:center;
height:54px;
background:url(../img/divi_2.jpg) center center no-repeat;

}
#menu_2 a img { margin: 0 auto;}
#menu_2 a.logo img { margin: 19px auto 0 auto;}
#menu_2 a:hover, #menu_2 a.selected {background:url(../img/menu_hover.png) top center no-repeat;}
#menu_2 a#ristor:hover, #menu_2 a#ristor.selected {background:url(../img/menu_hover_rosso.png) top center no-repeat;}
#menu_2 a.logo:hover {background:url(../img/logo.png) right top no-repeat;}



#sx {float:left; }
#camere #sx, #ristorante #sx, #guestbook #sx {width:550px;}
#appartamenti #sx {width:350px;}
#monte #sx, #contatti #sx {width:600px;}
#dove #sx {width:350px;}
#guestbook #dx {width:300px;}
#last #dx, #last #sx {width:450px;}
#servizi .sx1 {width:465px;}
#servizi .sx2 {width:640px; float:right;}
#servizi .dx2 {float:left;}

#dx {float:right; }
#appartamenti #dx a img { float:left}

#center h1 {
width:275px;
height:38px;
text-indent:-500px;
overflow:hidden;
margin-left:30px;
}

#last #center h1{background:url(../img/tit_last.png) left center no-repeat;}

#appartamenti.ita #center h1{background:url(../img/tit_appa_ita.png) left center no-repeat;}
#ristorante.ita #center h1{background:url(../img/tit_risto_ita.png) left center no-repeat;}
#dove.ita #center h1{background:url(../img/tit_dove_ita.png) left center no-repeat;}
#contatti.ita #center h1{background:url(../img/tit_contatti_ita.png) left center no-repeat;}
#camere.ita #center h1{background:url(../img/tit_camere_ita.png) left center no-repeat;}
#servizi.ita #center h1 {background:url(../img/tit_servizi_ita.png) left center no-repeat;}
#last.ita #center h1.off{background:url(../img/tit_last_ita.png) left center no-repeat;}

#monte #center h1{background:url(../img/tit_monte.png) left center no-repeat;}
#guestbook #center h1{background:url(../img/tit_guestbook.png) left center no-repeat;}
#gallery #center h1{background:url(../img/tit_gallery.png) left center no-repeat;}

#appartamenti.eng #center h1{background:url(../img/tit_appa_eng.png) left center no-repeat;}
#ristorante.eng #center h1{background:url(../img/tit_risto_eng.png) left center no-repeat;}
#dove.eng #center h1{background:url(../img/tit_dove_eng.png) left center no-repeat;}
#contatti.eng #center h1{bbackground:url(../img/tit_contatti_eng.png) left center no-repeat;}
#camere.eng #center h1{background:url(../img/tit_camere_eng.png) left center no-repeat;}
#servizi.eng #center h1 {background:url(../img/tit_servizi_eng.png) left center no-repeat;}
#last.eng #center h1.off{background:url(../img/tit_last_eng.png) left center no-repeat;}

img.sep {margin-bottom:20px;}
img.sepa {margin:20px auto;}

a.bot_tariffe, a.dove {width:169px; height:38px; display:block; margin:30px 0 0 50px; text-indent:-300px; overflow:hidden;}
a.dove {margin:7px 0 7px 60px;}
.ita a.bot_tariffe {background:url(../img/bot_tariffe_ita.png) top center no-repeat;}
.ita a.bot_tariffe:hover {background:url(../img/bot_tariffe_ita.png) bottom center no-repeat;}
.eng a.bot_tariffe {background:url(../img/bot_tariffe_eng.png) top center no-repeat;}
.eng a.bot_tariffe:hover {background:url(../img/bot_tariffe_eng.png) bottom center no-repeat;}


.ita a.auto {background:url(../img/dove_auto_ita.png) top center no-repeat;}
.ita a.auto:hover {background:url(../img/dove_auto_ita.png) bottom center no-repeat;}
.eng a.auto {background:url(../img/dove_auto_eng.png) top center no-repeat;}
.eng a.auto:hover {background:url(../img/dove_auto_eng.png) bottom center no-repeat;}

.ita a.treno {background:url(../img/dove_treno_ita.png) top center no-repeat;}
.ita a.treno:hover {background:url(../img/dove_treno_ita.png) bottom center no-repeat;}
.eng a.treno {background:url(../img/dove_treno_eng.png) top center no-repeat;}
.eng a.treno:hover {background:url(../img/dove_treno_eng.png) bottom center no-repeat;}

.ita a.aereo {background:url(../img/dove_aereo_ita.png) top center no-repeat;}
.ita a.aereo:hover {background:url(../img/dove_aereo_ita.png) bottom center no-repeat;}
.eng a.aereo {background:url(../img/dove_aereo_eng.png) top center no-repeat;}
.eng a.aereo:hover {background:url(../img/dove_aereo_eng.png) bottom center no-repeat;}

#bottom {
clear:both; 
font:bold 10px arial; 
width:960px;
padding: 25px 15px 10px 15px;
}
#bottom ul {width:420px; float:left;}
#bottom ul.cred {float:right; text-align:right; }

#bottom li {padding: 0 2px; }
#bottom li img {vertical-align:middle; padding: 0 10px;}
#bottom li, #bottom li * {display:inline;  }
#bottom li a, #bottom li , #bottom p{color:#4e4e4e;}
#bottom p { border-bottom:#7b8991 1px solid; margin-bottom:10px; padding-bottom:10px;}



table.prezzi {font-family:arial; font-size:12px; color:#3e341b; border:#238BDF 1px solid; margin: 10px auto;}
.prezzi th {
background:url(../img/th.jpg) 0 0 repeat-x; 
line-height:32px; 
color:#000033; 
font-size:12px; 
font-family:georgia;
font-weight:normal; 
text-align:center; 
padding:0 15px;} 
.prezzi td {text-align:center; border-bottom:#238BDF 1px dotted;}

.form label {
float:left; 
display:block;
padding: 5px 0;
text-align:right;
color:#8cadc8;
}
.contatti label {width:275px;padding: 10px 0;}
.contatti label.mess {width:550px; text-align:center;}

.form label input, .form label select, .form label textarea {
border:0;
font: 12px arial;
color:#2f6a9b;
border-bottom:#2f6a9b 2px solid;
}
.form label textarea {
border:#2f6a9b 1px solid;
border-bottom:#2f6a9b 2px solid;
}
.contatti label input {width:165px;}
.contatti label.data input {width:137px;}
.contatti label input:hover { background:#d8eaf9; border-bottom:#d8eaf9 2px solid;}

.form label.mess {width:90%; float:none; clear:both; margin:0 auto;}

.contatti label textarea {height:110px; width:540px;}
.form label.data img {display:inline; vertical-align:middle; margin-left:3px; }
.form label input {
padding: 2px;
height:20px;
}
input.submit {
border:0;
height:40px;
width:130px;
float:right;
}
.ita input.submit {background:url(../img/invia_ita.png) center center no-repeat;}
.eng input.submit {background:url(../img/invia_eng.png) center center no-repeat;}

.guest label textarea {height:100px; width:300px;}
.guest label input {width:170px;}
.guest label input.hidden  {border:0; }
.guest label {width:300px; text-align:left; font-size:12px}
.guest label span {display:block; float:left; width:120px; text-align:left; font-style:italic; padding-top:10px;}
.guest label span.big { width:300px; padding-top:20px;}

.guest_out {
border-bottom:#F4C087 1px dotted;
padding:15px 0;

}
#center .guest_out p.data {font-size:13px;}
.guest_out p.messaggio {color:#EA8B1D; font-style:italic; padding: 0 10px;}

.error span{
background:url(../img/error.png) repeat; 
font-weight:bold;
font-size:11px;
font-family:arial;
line-height:20px;
text-align:center;
display:block;
margin-top:7px;
padding:2px;
border:#DEEFFC 1px solid;
}

.error em {
width:0;
height:0;
border:7px solid;
border-color:#DEEFFC transparent transparent;
position:absolute;
bottom:-13px;
left:5px;
}

 
 
.highslide-maincontent {padding: 0 20px; font-family:georgia; color:#3e341b; font-size:13px;}
.highslide-maincontent h2 {color:#3293E1; font-size:17px; font-weight:normal; padding:10px 0 ;}
.highslide-maincontent h3 {color:#595959; font-size:14px; font-weight:normal; padding: 0 0 8px 0;}
.highslide-maincontent p {text-align:justify; padding: 5px 0;}
.highslide-maincontent p a {color:#3e341b;}
#sx h2, #dx h2 {
color:#2f6a9b;
font-size:14px;
clear:both;
float:none;
}

#sx .form  h2 {padding-top:20px;}

#center h3 {
font-style:italic;
padding: 20px 0;
font-weight:normal;
font-size:15px;
}

iframe.mappa {
width:520px;
height:440px;
overflow:hidden;
background:transparent url(../img/bg_mappa.jpg) center center no-repeat;
padding:30px 20px;
float: right
}

#monte #sx a {
color:#2f6a9b;
font-weight:bold;
}

#center p.pagine {
font: 12px arial;
text-align:right;
padding: 20px 0 0 0;
}
#center p.pagine b, #center p.pagine a {padding: 2px 5px; margin: 0 1px; border:#F6C897 1px solid;}
#center p.pagine a {background:#F6C897; color:#000; font-weight:bold;}
#center p.pagine b, #center p.pagine a:hover {background:#FCF9F2; color:#E87701;}


td.titolo {display:none;}
#last #center p, #last #center td { font-size:13px;}
#last td {border:0;}
#last td td {padding: 5px 0; border-top:#CCCCCC 1px dotted;}
#last td.price {border:0; font-style:italic;}
#last a.prenota {background:url(../img/prenota.png) repeat-x; color:#055696; padding: 3px 5px; border:#ccc 1px solid; font-style:normal;}

#last #warning {padding: 20px 0 0 0;}
#last #warning *{
color: #E17D0F;
font-size:11px;
font-weight:normal;
font-family:arial;
}

#servizi h4 {
text-transform:uppercase;
padding: 5px 0;
}
#servizi h4.arancio, #servizi ul.arancio li b { color:#e87800;}
#servizi h4.arancio { border-bottom:#f4c088 2px solid;}

#servizi h4.blu, #servizi ul.blu li b { color:#0079d9;}
#servizi h4.blu { border-bottom:#85c3f5 2px solid;}

#servizi #center ul { margin: 10px 0;}
#servizi #center li {padding: 7px 0 7px 25px;}

#servizi ul.blu li {border-bottom:#85c3f5 1px dotted; background:url(../img/ico_serv_blu.png) 0 11px no-repeat;}
#servizi ul.arancio li {border-bottom:#f4c088 1px dotted; background:url(../img/ico_serv_arancio.png) 0 11px no-repeat;}

#gallery #center a img {float:left; padding:10px 22px;}
