@charset "utf-8";

*{margin:0; padding:0;}
body{margin:0; padding:0; background:#433534; font:12px Arial, Helvetica, sans-serif; color:#857b7b}

a{color: #900}
a:hover{color: #d00}
a:active{color: #f66}
p{text-align:justify}

/* layout */
#main{ display:block; width:991px; background:url(../images/layout/bg.jpg) center center repeat-y; margin:0 auto; color:#666}
#header h1{background:url(../images/layout/top.jpg) top left no-repeat; display:block; width:956px; height:216px; margin:0 auto; text-indent:-9999px}
#header span.intro{background:url(../images/layout/bg-header.jpg) top left no-repeat; display:block; width:936px; height:22px; margin:0 auto; padding:15px 12px 0 8px}
#header #top-ani{display: block; margin:0 auto}
#container{min-height:500px; padding:0 19px}
#contents{width:679px; float:left; /*margin:0 0 0 23px !important; margin:0 0 0 11px;*/ padding:15px 10px; background:url(../images/layout/bg-contents.gif) top left repeat-x;}
#contents h2{display: block; margin:5px 0 15px -16px; background:url(../images/layout/bg-title-pre.jpg) top left no-repeat; padding:5px 0 3px 5px}
#contents h2 span{width: auto; background:url(../images/layout/bg-title.jpg) top right no-repeat; padding:5px 20px 10px 10px;font: 20px "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#900;}
#sidebar{width:252px; float:right; /*margin: 0 23px 0 0 !important; margin:0 12px 0 0;*/ overflow:hidden}
#sidebar h4{font: 20px "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#900;}
#footer{display: block; width:955px; height:125px; background:url(../images/layout/footer.jpg) top left no-repeat; margin:0 auto; clear:both;}

div.clear{display: block; float:none; clear:both}
img{border:0}
.right{float: right}
.left{float: left}
.border-top{margin-top:10px; padding-top:10px; border-top:2px dotted #e2e2e2}
.border-botton{margin-bottom:10px; padding-bottom:10px; border-bottom:2px dotted #e2e2e2}
img.border{border: 1px solid #ccc; padding:1px}
img.right{margin: 0 0 0 25px}
img.left{margin: 0 25px 0 0}

/* menu */
ul#nav{list-style:none; font-size:11px; margin:0 auto; display:block; width:720px; margin:5px auto 0 auto;}
ul#nav li{display: inline; float:left; border-left: 1px solid #aaa; margin:0 0 0 5px; padding:0 0 0 5px}
ul#nav li:first-child{border-left:none; margin:0; padding:0}
ul#nav li a{color: #aaa; text-decoration:none}
ul#nav li a:hover{color: #fff}

/* languages */
ul#lang{display: block; position:absolute; top:0; left:50%; margin:12px 0 0 314px}
ul#lang li{display: inline; float:left; margin:0 5px}
ul#lang li a{display: block; width:24px; height:18px; background:url(../images/layout/flags.jpg) 10px -10px no-repeat; text-indent:-9999px; margin-top:3px}
ul#lang li a.ita{background-position: -123px 0px}
ul#lang li a.fra{background-position: -42px 0px}
ul#lang li a.deu{background-position: -82px 0px}
ul#lang li a.eng{background-position: 0px 0px}
ul#lang li:first-child a{width: 40px; height:30px; margin:0 9px 0 0}
ul#lang li:first-child a.ita{background-position: -123px -22px}
ul#lang li:first-child a.fra{background-position: -42px -22px}
ul#lang li:first-child a.deu{background-position: -82px -22px}
ul#lang li:first-child a.eng{background-position: 0px -22px}

/* form  */
form{margin: 0 auto; display:block; padding:0}
form.modulo{width:100%}
form fieldset{border:0; margin:0; padding:0}
form p{display: block; width:auto; margin:0 0 5px 35px; padding:0;}
form label{display: block; float:left; width:155px;}
form p input,form p textarea,form p select{display: inline; border:1px solid #aaa; padding:0; margin:0; width:175px;font: 11px Verdana, Arial, Helvetica, sans-serif; line-height:13px; padding:1px; color:#333}
form br{display: block; clear:both; float:none}
form select{width: auto; font-size: 10px}
form input.captcha{width: 50px}
form #captcha{margin:0 10px; padding:0; position:relative; top:4px}
form img.refresh-captcha{margin:0; padding:0; position:relative; top:4px}
form input.button{background:url(../images/layout/bg-button-sdbr.jpg) top left no-repeat; color:#fff; text-decoration:none; display:block; width:142px; height:24px; border:0; text-align:center; line-height:24px; cursor:pointer; margin:10px 0; font: 11px Arial, Helvetica, sans-serif;font-weight:bold; margin:10px 0 0 0; padding:0; line-height:24px}
form input.checkbox{width: auto; border:0}
form .dp-choose-date{display: none}
form input.datepicker{background:#fff url(../images/layout/date.png) center right no-repeat}
form p.center{width: 100%; text-align:center}
form p.nl{clear: both}
p.privacy{text-align:center; margin:0 0 15px 0}
p.privacy a{color:#2C84A0;}
p.privacy a:hover{text-decoration:underline}

/* sidebar */
#sidebar div.box{display: block; width: 242px; height:auto; border-bottom: 1px solid #D2C5A2; padding:10px 5px 10px 5px}
#sidebar div.box.dark{background:#F1EDE2}
#sidebar div.box.corallo{background: #F1EDE2 url(../images/layout/corallo.jpg) bottom right no-repeat; padding-bottom:10px}
#sidebar div.box strong{display: block; padding:3px 0 1px 0}
#sidebar div.box p{padding: 0 5px 0 0}
#sidebar div.box p a{display: block; text-align:right; margin:10px 0 0 0}
#sidebar div.box .dp-choose-date{display: none}
#sidebar div.box.offers strong{text-transform:uppercase}
#sidebar div.box a.button{background:url(../images/layout/bg-button-sdbr.jpg) top left no-repeat; color:#fff; text-decoration:none; display:block; width:142px; height:24px; border:0; text-align:center; line-height:24px; cursor:pointer; margin:10px 0; font: 11px Arial, Helvetica, sans-serif;font-weight:bold; margin:10px 0 0 0; padding:0; line-height:24px}
#sidebar div.box #booking p{margin:0; padding:0;}
#sidebar div.box #booking input{width: 100px; padding:2px}
#sidebar div.box #booking input.button{width: 142px; clear:both; float:none}

/* footer */
#footer p{color: #fff; padding:66px 0 0 255px; font-size:11px;float:left;width:50%}
#footer p a{color: #fff;}
#footer p a:hover{color: #F90;}
/*
#credits{text-align:center; padding:5px; display:block; clear:both}
#credits a{color: #CCC; text-decoration:none}
#credits a:hover{text-decoration:underline}
*/
#credits{width:100px;height:30px;background:url(../images/endesia_sign_light.png) no-repeat;text-indent:-1000em;display:block; position:absolute; left:50%; margin:-30px 0 0 -475px}

/* home */
#contents .home a{display: block; text-align:right}
#contents .hotel #scrollable{position:relative; top:0px; left:0px; overflow:hidden; width:584px;height:109px !Important; height:84px; margin:20px auto}
#contents .hotel #scrollable ul{position:absolute; list-style:none; margin:0 18px}
#contents .hotel #scrollable li{display: inline; float:left; padding:0; margin:0 3px}
#contents .hotel #scrollable a.next{position: absolute; top:35px; right: 0px; text-indent:-9999px; background:url(../images/layout/btn-right.gif) top left no-repeat; display:block; width:18px; height:18px}
#contents .hotel #scrollable a.prev{position: absolute; top:35px; left: 0px; text-indent:-9999px; background:url(../images/layout/btn-left.gif) top left no-repeat; display:block; width:18px; height:18px}

/* rooms */
#contents .rooms ul{list-style:none; margin:20px auto; width:97%;}
#contents .rooms ul li{display: inline; float:left; margin:5px}
#contents .rooms ul li span{display: block;text-align:center;}

/* services */
#contents .services strong{display: block}
#contents .services ul{padding: 15px 35px}

/* location */
#contents .location #map{display: block; width:560px; height:360px; margin:0 auto; border:1px solid #ccc}
#contents .location #map .loader{padding: 15px}
#contents .location #map #baloon p{font-size: 12px;}
#contents .location #map #baloon strong{display: block; font-size:14px; text-align:center; text-transform:uppercase; background:url(../images/layout/logo_corallo_mini.jpg) top left no-repeat; height:30px; width:196px; text-indent:-9999px; margin:0 auto 10px auto}
#contents .location ul.transport{list-style:none}
#contents .location ul.transport h3{font-size: 13px}
#contents .location ul.transport li{margin: 0 0 10px 0; padding:0 0 10px 65px}
#contents .location ul.transport li.airplane{background:url(../images/layout/ico_obl_aereo.gif) top left no-repeat}
#contents .location ul.transport li.train{background:url(../images/layout/ico_obl_treno.gif) top left no-repeat}
#contents .location ul.transport li.car{background:url(../images/layout/auto.gif) top left no-repeat}
#contents .location ul.transport li.hydrofoil{background:url(../images/layout/ico_obl_nave.gif) top left no-repeat}

/* ceremony */
#contents .ceremony p.guests{margin:25px 0}
#contents .ceremony ul{list-style:none; margin:20px auto; width:86%;}
#contents .ceremony ul li{display: inline; float:left; margin:5px}

/* excursiosn */
#contents .excursiosn ul{list-style:none}
#contents .excursiosn ul li{clear: both; margin:0 20px 10px 10px; border-bottom:2px dotted #e2e2e2; padding:0 0 10px 0}
#contents .excursiosn ul img{float: left; border:1px solid #ccc; padding:1px; margin:0 15px 0 0}

/* gallery */
#contents .gallery object{display:block; margin: 0 auto}

/* services */
#contents .rates strong{display: block}
#contents .rates ul{padding: 15px 35px}
#contents .rates div.box {float: left; margin:10px;}
#contents .rates div.box a{display: block; width:298px; height:150px; text-decoration:none; padding:10px; text-align:center}
#contents .rates div.box strong{font: 20px "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#900}
#contents .rates div.box span{font-size:11px; color:#000; font-weight:bold;}
#contents .rates div.request-availability a{background:url(../images/layout/box-availability.jpg) top left no-repeat;}
#contents .rates div.booking-online a{background:url(../images/layout/box-booking.jpg) top left no-repeat}

/* availability-request */
#availability-request{margin: 25px auto; width:60%}

/* booking */
#contents iframe.booking{margin: 25px auto}

/* special-offers */
#contents ul.special-offers{list-style:none}
#contents ul.special-offers li{display: block; clear:both; border-bottom:2px dotted #e2e2e2; padding:0 0 10px 0; margin:0 0 10px 0}
#contents ul.special-offers h3{margin: 0 0 5px 0}


/* guestbook */
#contents ul.guestbook{list-style: none; margin:25px 0}
#contents ul.guestbook li{display: block; border-bottom:2px dotted #e2e2e2; padding:0 0 10px 0; margin:0 0 10px 0}
#contents ul.guestbook .info{display: block; color:#888; padding:0 0 5px 0;}
#contents .box-form-guestbook{background:url(../images/layout/bg-form.jpg) top left no-repeat; display:block; width:546px; height:376px;  margin:5px 0 5px -16px;}
#contents .box-form-guestbook {padding: 35px 0 0 0}
#contents .box-form-guestbook  p.note{width: 70%; padding:15px}

/* 404 */
#goog-fixurl{margin: 25px 0; border-top:2px dotted #e2e2e2; padding:20px 25px}
#goog-fixurl ul{list-style:none; margin:10px 0 0 0}

/* booking */
div.booking form{width:400px; margin:25px auto 0 auto}
div.booking input.hidden{display: none}
div.booking font{display: block; clear:both; float:none}
div.booking select{float: right; width:175px}
div.booking select.month{width:135px}
div.booking select.days{width:40px}
div.booking.sidebar form{width: 275px; margin:10px 0 0 -33px}
div.booking.sidebar select{width: 100px}
div.booking.sidebar select.month{width:85px}
div.booking.sidebar select.days{width:40px}

/* links */
ul.links{margin: 25px 0 0 35px}
ul.links li{margin-bottom: 5px}

/* pages */
div#pages{ width: 100%; margin:25px 0; text-align:right; display:block}
div#pages a{color:#999; border:1px solid #d4d4d4; padding:2px 4px; margin:0 0 0 1px}
div#pages a:hover,div#pages a.selected{color:#999; background:#EEE; text-decoration:none}

/* messages */
div.message{border: 1px solid #666666; display:block; width:96%; padding:5px 15px 0 15px !important; padding:2px 7px 0 7px; margin:5px 0 10px 0; overflow:hidden}
div.message ul{margin: 15px 25px}
div.message.ok{border-color: #00FF00; color:#00CC00; background:#C8FFC8}
div.message.ko,div.message.kko{border-color: #FF0000; color:#CC0000; background:#FFC8C8}
div.message.ok strong{color: #00CC00; font-size: 12px; padding:1px 0 5px 0;width:100%; text-align:center; display:block}
div.message.ko strong,div.message.kko strong{color: #CC0000; font-size: 12px;position: relative; top:10px; width:100%; text-align:center; display:block}
div.message.kko strong{top:0px; padding:0;}	

/* counter */
div.counter{display: block; width:90px; margin:10px auto 0 auto}

/* quickbooking */
#quickbooking {padding-top: 10px}
*:first-child+html #quickbooking {height:155px; padding-top: 0}
#quickbooking p{display: block; clear:both; float:none; margin-bottom: 5px; margin-top: 5px}
#quickbooking label{width: auto}
#quickbooking input.button{ float:right; margin-right:100px !Important; margin-right:50px}

/**/
#boxLivereception{padding:2em 0 0 5.25em}
#webcam{display:block;text-indent:-9999px;background:url(../images/layout/icon-webcam.png) 0 0 no-repeat; height:22px; width:19px;position:absolute;top:12px;left:50%;margin:0 0 0 280px}
#elencoAlberghi{display:block; width:118px; position:absolute; left:50%; margin:-28px 0 0 355px}
#addthis{float:right;margin:35px 10px 0 0 }
.tripadvisor{margin-left:41px}