@charset "utf-8";

/* layout */
html,body{margin:0; padding:0; color:#999999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #FFFFFF url(../images/layout/background.gif) top left repeat-x;}

h1{display: block; margin:0; padding:0; text-indent: -9999px; background: url(../images/layout/top.jpg) top center no-repeat; width:100%; height: 185px;}
h1 a{display: block; width:100%; height:100%}
@media print{ h1{text-indent: 0px; height: 50px;} }

h2,h3{font-weight:normal; font-family: "Myriad Pro", "myriad pro", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; margin:0; padding:0; font-weight:normal}

a,a:link,a:active{color: #0066CC}
a:hover{color: #0000FF}

p{margin:0;padding:0}

strong{color: #828282}

img{border: none}


/* forms */
form {margin: 15px 0 10px 65px}
form fieldset{margin: 0; padding:0; border: none}
form p{clear: both; display:block;}
form label{display: block; width:150px; text-align:right; float:left; padding: 0 10px 0 0;}
form .checkbox{border: none; margin:-10px 0 0 0}
form img#captcha{border: 1px solid #999999; margin:0 15px 0 5px;}
form select, form input, form textarea{border: 1px solid #999999; width: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#666666}
form #btn-send{margin: 2px 0 0 150px;}


/* pulsanti */
a.request-availability{ clear:both; float:none; display:block; color:#FFFFFF; background:url(../images/layout/btn-richiesta-disp.gif) top left no-repeat; text-align:center; width:126px; height:16px; line-height:16px; text-decoration:none; font-size:10px; font-weight:bold; margin: 15px 0 0 7px}
a:hover.request-availability{ text-decoration:none}

/* main body */
#container{display: block; border:1px solid #999999; width:740px; position:relative; top:0; left:50%; margin: 0 0 0 -381px; background:url(../images/layout/background-contents.gif) top left repeat-y; border-bottom: 3px solid #999999; padding:10px}
#container .cnt-block{display: block;}
#contents{width:572px !important; width:560px; margin: 0 0 0 167px; padding:0; min-height: 300px; height: auto !important; height:300px;}

/* footer */
#footer{clear: both; display:block; float:none; background: url(../images/layout/background-footer.gif) top left no-repeat; width:758px; height: 173px; padding:1px; border: 1px solid #999999; border-top: none; position:relative; top:0; left:50%; margin: 0 0 0 -381px; position: relative}
#footer .box-prenota{width: 200px; float:left}
#footer .box-camere{width: 315px; float:left; height: 175px;}
#footer .box-contatti{width: 243px; float:left;}
#footer h3{color: #009EFF; font-size: 19px; font-family: "Myriad Pro", "myriad pro", "Trebuchet MS", Arial, Helvetica, sans-serif; width:165px; height: 55px; line-height: 57px; margin:0 0 0 17px}
#footer p{font-size:11px}
#footer .box-prenota h3{color: #50876A; background:url(../images/layout/calendario.gif) center right no-repeat; margin:0 0 0 17px}
#footer .box-prenota p{margin: 15px;}
#footer .box-prenota a.prenota{display: block; width:168px; height: 29px; background:url(../images/layout/btn-prenota.jpg) top left no-repeat; text-align:center; margin:0 0 0 15px; text-decoration:none; color: #FFFFFF; text-transform: uppercase; font-size:10px; font-weight: bold; line-height:25px; font-family: Verdana, Arial, Helvetica, sans-serif}
#footer .box-camere ul{font-size: 10px; margin:0; padding:0; width: 300px; background: url(../images/contents/home-camera.jpg) center left no-repeat; margin: 0 0 0 13px}
#footer .box-camere ul li{ margin: 0 0 0 120px}
#footer .box-camere p{padding: 0 17px 0 17px; margin: -5px 0 0 0}
#footer .box-contatti p{margin: 0 0 0 20px }

/* menu navigazione */
#nav-menu{display: block; float:right; list-style:none; width:167px; margin:0; padding:0; position:absolute; top:31px; left:13px}
#nav-menu li{height: 20px; line-height:15px; margin:0 0 5px 0}
#nav-menu li a{display: block; height:20px; line-height:20px; background:url(../images/layout/menu.gif) top left no-repeat; text-indent:20px; text-decoration:none; color: #6F6959; font-family: "Myriad Pro", "myriad pro", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px}
#nav-menu li a:hover,#nav-menu li a.selected{background:url(../images/layout/menu.gif) bottom left no-repeat; color: #50876A;}

/* menu lingua */
#languages{display: block; list-style:none; margin:0; padding:0; width:50%; position:absolute; top:5px; left:375px}
#languages li{float: right; display: inline; margin:1px; padding:0;}
#languages li a{display: block; width:41px; height:30px; text-indent:-9999px; -moz-opacity:0.4; opacity:0.4; filter:alpha(opacity=40)}
#languages li a:hover,#languages li a.selected{filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
#languages a.ita{background:url(../images/layout/flag-ita.gif) top left no-repeat;}
#languages a.eng{background:url(../images/layout/flag-eng.gif) top left no-repeat;}
#languages a.fra{background:url(../images/layout/flag-fra.gif) top left no-repeat;}
#languages a.deu{background:url(../images/layout/flag-deu.gif) top left no-repeat;}

/* pulizia */
div.pulizia{clear: both; display:block; float: left;}

/* home */
h2#welcome{display: none}
#intro-animata{display:block; position:relative; top:2px; left:2px}
#home-gallery{display:block; width: 55px; height:350px; background:#999999; text-align:center; position: absolute; top: 0px; left: 468px; padding: 4px 0 0 0}
#intro{display:block; width:200px; position: absolute; top:1px; left:540px}
#intro h3{color: #848484; font-size: 18px; font-family: "Myriad Pro", "myriad pro", "Trebuchet MS", Arial, Helvetica, sans-serif; width:165px; height: 55px; line-height: 57px;}
a.go-details{clear: both; display:block; float:none; width:100%; text-align:right; margin:5px 0 0 0}
#intro img.offerta{width: 60px; display: inline; float:right; border: 4px solid #BBBBA1; padding: 1px}

/* camere */
h2#welcome{display: none}
div.cnt-camere{overflow:hidden; width:574px}
ul#camere{display:block; margin:0; padding:0; list-style:none; height: 350px; margin: -10px 0 -10px -9px; width:595px;}
ul#camere li{display: inline; float:left; width:144px; margin:0 1px 0 0; padding:1px; height:100%; text-align:center; position:relative}
ul#camere li img{border: 1px solid #BBBBA3; margin: -10px 0 0 0; padding:1px}
ul#camere li h3{ font-size:17px; color:#FFFFFF; height:53px; margin: 2px 0 0 1px; padding: 26px 13px 0 13px; font-weight:normal; font-family: "Myriad Pro", "myriad pro", "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; position:relative }
ul#camere li.singole h3{ background:url(../images/titoli/titoli-camere-singole.gif) top right no-repeat}
ul#camere li.doppie h3{ background:url(../images/titoli/titoli-camere-doppie.gif) top right no-repeat}
ul#camere li.triple h3{ background:url(../images/titoli/titoli-camere-triple.gif) top right no-repeat}
ul#camere li.quadruple h3{ background:url(../images/titoli/titoli-camere-quadruple.gif) top right no-repeat}
ul#camere li.doppie,ul#camere li.triple,ul#camere li.quadruple{ border-left:1px solid #999999;}
a span.zoom{clear: both; display: block; float:none; background:url(../images/layout/zoom.gif) center right no-repeat; width:80px; color:#A68F4E; text-decoration:none; padding:6px 0 0 0; margin:0 0 0 22px; cursor: pointer}
a:hover span.zoom{text-decoration:underline}
ul#camere li p.price{margin: 20px 0 15px 0}
ul#camere strong.min{color: #009900}
ul#camere strong.max{color: #990000}
ul#camere li p.extra-info{clear: both; display:block; margin: 55px 0 0 0; font-size:9px; width:95%; text-align:right}

/* servizi */
h2#services{margin: 20px 0 5px 15px}
ul#list-services{position: absolute; float:left}
#lists-services li{line-height:21px}
div#services-details-container{margin: 0 0 0 248px; position:absolute; top: 0px; left: 175px; width:335px; height:340px; border-left: 1px solid #999999;}
div#services-details-container h3{margin: 30px 0 12px 15px}
div#services-details-container img{clear: both; display:block; float:none; border: 6px solid #BBBBA3; margin: 0 0 17px 37px; padding:3px;}
div#services-details-container p{clear: both; display:block; float:none; margin: 10px;}
div#services-details-container a{display: block}
div#services-details-container div{position:absolute; top:0px; left:0px; background:#FFFFFF; width:335px; height:320px; display: block;}

/* dove siamo */
h2.location{clear: both; float:none; display:block; width:594px; height: 71px; margin:-10px; background: #A3A3BA url(../images/layout/shadow.gif) bottom left repeat-x; position: relative}
h2.location span{clear: both; float:none; display:block; width:570px; height:59px; margin:0 0 0 1px; line-height:68px; padding: 0 0 0 20px; color:#FFFFFF; border:1px solid #ffffff}
#map{border: 2px groove #999999; margin: 25px 0 0 45px}
h3.location{font-size: 22px; margin: 25px 0 10px 15px}
p.location{ margin: 0 0 0 15px}

/* layout sezioni */
h2#header-sezione{clear: both; float:none; display:block; width:594px; height: 71px; margin:-10px -10px 10px -10px; position: relative;}
h2#header-sezione span{clear: both; float:none; display:block; width:570px; height:59px; margin:0 0 0 1px; line-height:68px; padding: 0 0 0 20px; color:#FFFFFF; border:1px solid #ffffff}
ul#lista-sezione{margin: 0; padding:0; list-style:none; width:593px; margin:-10px;}
ul#lista-sezione li{clear: left; margin: 0; padding:0; background: url(../images/layout/shadow.gif) bottom left repeat-x; width:573px; margin: 5px 0 0 0; padding: 0 10px 15px 10px !important; min-height: 100px; height: auto !important; height:100px; position:relative}
ul#lista-sezione li h3{margin: 3px 0 3px 0}
ul#lista-sezione li img{float: left; margin: 5px 10px 0 0; padding:1px; border: 1px solid #999999;}

/* itinerari */
h2.itinerari{background: #A3BAA7 url(../images/layout/shadow.gif) bottom left repeat-x;}

/* offerte */
h2.offerte{background: #86C3D5 url(../images/layout/shadow.gif) bottom left repeat-x;}
ul.offerte{margin: 0; padding:0; list-style:none; width:593px; margin:-10px;}
ul.offerte li h3{padding: 10px 0 0 0}
ul.offerte li a.request-availability{ margin:0; position:relative; top: -22px; left: 120px}
ul.offerte li div.info{ min-height: 80px; height: auto !important; height:80px;}

/* intro guestbook-prenotazioni*/
#post-message-title{margin: 25px 0 10px 0; padding: 0 0 5px 5px; width:100%; background: url(../images/layout/lascia-messaggio-background.gif) bottom left repeat-x; }

/* guestbook */
h2.guestbook{background: #BAA3B1 url(../images/layout/shadow.gif) bottom left repeat-x;}
ul.guestbook li h3{padding: 10px 0 0 0}

/* prenotare */
ul#lista-sezione.prenotare li {min-height: 120px; height: auto !important; height:120px;}
ul#lista-sezione.prenotare li a{float: right}
ul#lista-sezione.prenotare div.bg-credit-card{background: url(../images/contents/credit-card.jpg) bottom left no-repeat; height: 120px; display:block}

/* righiesta disponibilita */
h2.prenotare{background: #98B58C url(../images/layout/shadow.gif) bottom left repeat-x;}
#req-info{padding:0; display:block; margin: 10px 0 10px 0; color:#CC0000;}
#req-info li{list-style:disc; margin: 0 0 0 140px}
#req-info li.success{color: #00CC00; font-weight:bold; border:1px solid #00CC00; padding:5px; list-style: none; text-align:center; text-indent:0px; margin: 0 0 10px 0}
#req-info li.error{color: #FF0000; font-weight:bold; border:1px solid #FF0000; padding:5px; list-style: none; text-align:center; text-indent:0px; margin: 0 0 10px 0}
div.prenota-transfert {margin: 10px 0 -10px -65px; height:150px; background: url(../images/layout/transfert-background.gif) top left repeat-x; padding: 25px 0 0 0}
div.prenota-transfert p.intro{margin: 0 0 10px 0;}
div.prenota-transfert p{margin: 0 0 10px 65px;}
div.prenota-transfert label{text-align:justify}

/* fotogallery */
h2.fotogallery{background: #C6AE5B url(../images/layout/shadow.gif) bottom left repeat-x;}
div#gallery img{margin: 0 1px 3px 3px; border: 1px solid #696969; padding: 2px; background: #ECECEC;  -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80)}
div#gallery a:hover img{ -moz-opacity:1.0; opacity:1.0; filter:alpha(opacity=100)}

/* paginazione */
#pager{display: block; background: url(../images/layout/shadow.gif) bottom left repeat-x; width:583px; text-align:right; height:50px; margin:-10px; line-height:50px; padding:5px;}
#pager a{ text-decoration:none; padding:1px}
#pager a:hover,#pager .selected{font-weight:bold; text-decoration:underline}

/* credits */
/*
#credits {clear: both; text-align:right}
#credits p{margin: 23px 7px 0 0 }
#credits a{ color:#666666}*/
#credits{width:100px;height:30px;background:url(../images/endesia_sign_color.png) no-repeat;text-indent:-1000em;display:block;margin:10px auto 0 auto !Important}