@charset "utf-8";

/* page setup */
* {margin:0; padding:0;}

body{background: #fff; font: 1em Georgia, "Times New Roman", Times, serif; color:#333}

a{color: #060}
a:hover{color: #090}
a:active{color: #09C}
p{text-align:justify}
img{border:0px}

/* layout */
h1{position: absolute; top:20px; left:50%; display:block; height:170px; width:220px; text-indent:-9999px; background:url(../images/layout/logo.jpg) no-repeat; margin:0 0 0 -471px}
h1 a{display: block; height:100%; width:100%}
h2,h3{color: #CC388C; font-size:156%; margin:10px 0; font-weight:normal;}
#key{display:block; height:12px; width:100%; background:#fff; font-size:0.65em; text-align:center; position:absolute; top:0px; left:0; z-index:2; padding:2px 0; opacity:0.70;filter:alpha(opacity=70) color:#666; border-bottom:1px solid #ccc}
#header{background: url(../images/layout/bg-header.jpg) center top no-repeat; display: block; width: 100%; height:494px; position:absolute; top:0; left:0}
#main{display: block; width: 100%; background: transparent url(../images/layout/bg-footer.jpg) center bottom no-repeat; min-height:1100px; min-height:1200px; padding-top:10px}
#container{display: block; margin:0 auto; width:963px; height:auto; position:relative; top:0}
#contents{display: block; width:712px; background:transparent url(../images/layout/bg-body.png) 0px 0px !Important; background-image:url(../images/layout/bg-body.gif); float:right; margin:106px 0 0 0; font-size:76%;}
#contents div.wrapper{padding: 5px 14px; min-height:600px}
div.box-intro{text-align:center; display:block; padding:1px; margin:0 auto; width:681px; height:335px; overflow:hidden; border:1px solid #999}
div.box-intro img{padding:0 !Important; margin:0; border:0 !Important}
div.box-intro #anim,div.box-intro object{float:left}
div.box-intro #mini{float:right; width:70px}

#sidebar{display: block; width:241px; float:left; margin:182px 10px 0 0;}
#footer{display: block; clear:both; width:712px; margin:0 0 0 250px}
div.clear{display: block; clear:both; float:none}
div.border{border:0; border-top: 2px dotted #ccc; display:block; width:100%; height:2px; overflow:hidden; margin:25px 0}
.right{float: right}
.left{float: left}
.border{padding:1px;border:0; border:1px solid #999;}
.right.border{float: right; margin:5px 0 10px 15px}
.left.border{float: left; margin:5px 15px 10px 0}
.listBorder{border-bottom: 2px dotted #e2e2e2; padding:0 0 10px 0; margin:0 0 10px 0}
.topBorder{border-top: 2px dotted #e2e2e2; padding:10px 0 0 0; margin:10px 0 0 0}
#credits{width:100px;height:30px;background:url(../images/endesia_sign_color.png) no-repeat;text-indent:-1000em;display:block;margin:10px 0 0 0}

#sidebar div.box{ background:transparent url(../images/layout/bg-sidebar.png) 0px 0px !Important; background-image:url(../images/layout/bg-sidebar.gif); margin: 0 0 1em 0} 
#sidebar div.box h4{background:#777; color:#fff; display:block; width:231px; height:30px; line-height:30px; text-align:center; margin:-5px 0 -5px 5px}
#container div.opener,#container div.closer{display: block; width:100%; height:5px; background-color:transparent; background-repeat:no-repeat; position:relative;}
#container div.opener{top:-5px}
#container div.closer{top:5px}
#contents div.opener{background-image:url(../images/layout/bg-body-opener.png) !Important; background-image:url(../images/layout/bg-body-opener.gif);}
#sidebar div.opener{background-image:url(../images/layout/bg-sidebar-opener.png) !Important; background-image:url(../images/layout/bg-sidebar-opener.gif);}
#contents div.closer{background-image:url(../images/layout/bg-body-closer.png) !Important; background-image:url(../images/layout/bg-body-closer.gif);}
#sidebar div.closer{background-image:url(../images/layout/bg-sidebar-closer.png) !Important; background-image:url(../images/layout/bg-sidebar-closer.gif);}
*:first-child+html #sidebar div.box{background-image:url(../images/layout/bg-sidebar.gif) !Important;}
*:first-child+html #contents div.opener{background-image:url(../images/layout/bg-body-opener.gif);}
*:first-child+html #sidebar div.opener{background-image:url(../images/layout/bg-sidebar-opener.gif);}
*:first-child+html #contents div.closer{background-image:url(../images/layout/bg-body-closer.gif);}
*:first-child+html #sidebar div.closer{background-image:url(../images/layout/bg-sidebar-closer.gif);}

/* nav */
#nav{list-style: none; margin:0 0 -5px 3px}
#nav li{display: block; width: 98%; border-bottom:1px solid #ccc;/* padding:9px 0*/}
#nav a{color: #777; font-size:76%; text-transform:capitalize; text-decoration:none; padding:9px; font-weight:normal; display:block; width:100%; height:14px}
#nav a:hover,#nav a.selected{color:#090}
#nav li.first a{padding-top:5px}
#nav li.last a{padding-bottom:7px}
#nav li.last{border:0}

/* language */
#language {list-style: none; width:231px; background:#ccc; margin:-5px 0 -5px 5px; height:29px; overflow:hidden; display:block; position:relative }
#language span{float:left; line-height:27px; color:#fff; padding:0 12px 0 9px}
#language ul{list-style: none; float:left}
#language li{display: inline; float:left; margin:5px 3px}
#language a{display: block; width:27px; height:20px; text-indent:-9999px; background-position:0px 0px; background-repeat:no-repeat; opacity:0.4;filter:alpha(opacity=40);}
#language a:hover,#language a.selected{opacity:1;filter:alpha(opacity=100)}
#language a.ita{background-image:url(../images/layout/flag-ita.gif)}
#language a.eng{background-image:url(../images/layout/flag-eng.gif)}
#language a.fra{background-image:url(../images/layout/flag-fra.gif)}
#language a.deu{background-image:url(../images/layout/flag-deu.gif)}

/* form */
form fieldset{border:0; padding:5px; font-size:76%}
form label{display: block; float:left; width:30%; text-align:left}
form input,form select,form textarea{font-size:90%; border:1px solid #999; font: 9pt Georgia, "Times New Roman"; color:#444}
form input.button, a.button{display: block; border:1px solid #999; background:#e1e1e1 url(../images/layout/bg_button.gif) 0px 0px repeat-x; padding:2px; color:#555; cursor:pointer; margin:15px auto;}
form input.button:hover, a.button:hover{border-color:#333; color:#333}
form input.captcha{width:50px !Important; position: relative; top:-4px; margin:0 4px 0 0}
form p.privacy input{width: auto !Important}
a.button{width: 100px; display: block; text-align:center; text-decoration:none; font-size:90%;}
form p{display: block; clear:right; margin:1px;}

/* footer */
#footer span{display: block; font-size:76%; width:100%; text-align:center; padding:15px}
#footer span a.author{color:#CC388C; text-decoration:none}
#footer span a.author:hover{text-decoration:underline}
#footer p.credits{font-size:62%; color:#444; text-align:right; line-height:10px; padding:0.5em 0.85em 0 0}
#footer p.copyright{font-size:62%; padding:0.5em 0 0 0.5em; line-height:10px; color:#666}

/* aboutUs */
#aboutUs{background:#f0f0f0 url(../images/layout/logo-mini.jpg) 15px 10px no-repeat; padding:15px 0 15px 175px; width:528px; height:80px; border-top:1px solid #ccc; margin:5px 0 -5px 5px; color:#8c8c8c; font-size:80%;position:relative;}
.mainInfo{float:left;}
.skypeButton{float:right; padding:55px 10px 0 0}

/* guestbookMessage */
div#guestbook{min-height:900px}
.guestbookMessage h3{font-size:100%; margin:0;}
.guestbookMessage p{display: block}
.guestbookMessage span.date,.guestbookMessage span.city{color:#CC388C}

/* form booking */
#fastbooking{padding:0.5em 0 0 0; height:110px; overflow:hidden;}
#fastbooking p{text-align:left; padding:0 0.5em 0.25em 0.5em}
#fastbooking .button{margin:0.5em auto 0 auto;width:150px}
#fastbooking select{width:45px;margin-right:0.25em}
#fastbooking select.month{width:95px}

form#booking{padding:10px 4px}
form#booking label{font-size:92%; padding:0.3em 0 0 0}
*:first-child+html form#booking label{display:block; clear:both; float:none; width:100%;}
form#booking select{font-size:76%}
form#booking select.day{width: 20%}
form#booking select.month{width: 27%}
form#booking select.year{width: 41%}
form#booking input.button{margin:5px 0 0 0}

#lastGuestbook .sign{font-size:68%; padding:1.25em 1em 0 1em}
#lastGuestbook .sign h5{color:#CC388C; font-size:120%}
#lastGuestbook .sign span{color:#CC388C; font-size:96%}
#lastGuestbook a{float:right}

#offers ul{font-size:66%; padding:1.25em 1em 0 1em; list-style:none; position:relative; height:auto !Important; min-height:120px; ; height:130px}
#offers li{position:absolute;}
#offers p{text-align:left; padding:0}
#offers h5{color:#CC388C; font-size:116%}
#offers img{width:80px; margin:0.25em 0.5em 0 0}
#offers a{float:right; margin:0 1.85em 0 0}

#weather h4{font-size:80%}
#weather .info{font-size:68%; margin:1.25em 1em 0 1em; display:block; height:38px}
#weather img{float:left; margin:0 0.5em 0 0}
#weather .prev{display:block; padding:0.35em 0 0 0}
#weather .min{color:#090;; padding:0 0.5em 0 0}
#weather .max{color:#A00; border-left:1px solid #999; padding:0 0 0 0.6em}

/* error */
div.error h3{font-size:90%; color:#666; margin:25px 0 0 0}
div.error ul{list-style:none}

/* pages */
div#pages{ width: 98%; margin:25px 0; text-align:right; display:block; clear:both; float:none; color:#666}
div#pages a{color: #999; padding:2px 5px; border:1px solid #999; margin:0 0 0 2px; text-decoration:none}
div#pages a:hover,div#pages a.selected{color: #333; border-color: #666;}

/* messages */
div.message{border: 1px solid #666666; display:block; width:75%; padding:5px 15px 0 15px; margin:5px auto 10px auto; overflow:hidden}
div.message.ok{border-color: #00FF00; color:#00CC00; background:#C8FFC8}
div.message.ko{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{color: #CC0000; font-size: 12px;position: relative; top:10px; width:100%; text-align:center; display:block}

/* contents */
#contents ul,#contents ol{margin:15px 25px}
#contents form{font-size:140%; margin:0 auto; width:75%}
#contents label{width:40%}
#contents p{margin:4px 0;}
#contents input,#contents select,#contents textarea{width:45%;}
#contents input.button{width: auto}
p.infoModulo{font-size: 90%; text-align: center;}


/* position */
div#map p.loader{padding:15px}
div#map #baloon p{text-align:center;}
div#map #baloon span{display: block; font-size:76%; margin:10px 0 0 0}
ul.position{list-style: none}
ul.position h3{margin:10px 0 0 0; font-size:90%; color:#555}
ul.position li{padding: 0 0 0 65px}
ul.position li.car{background:url(../images/layout/auto.gif) 0px 0px no-repeat}
ul.position li.train{background:url(../images/layout/treno.gif) 0px 0px no-repeat}
ul.position li.airplane{background:url(../images/layout/aereo.gif) 0px 0px no-repeat}
ul.position li.hydrofoil{background:url(../images/layout/nave.gif) 0px 0px no-repeat}

/* excursions */
#luoghi{list-style:none}
#luoghi li{clear: both; margin:0 20px 10px 10px; border-bottom:2px dotted #e2e2e2; padding:0 0 10px 0}
#luoghi img{float: left; border:1px solid #ccc; padding:1px; margin:0 15px 0 0}
#luoghi h3{margin: 0; font-size:110%; font-weight:bold; color:#333}

/* rates - booking */
.rates-booking.creditcards{display: block; margin:0 auto}
.rates-booking.button{width: 135px}

/* guestbook */
#guestbook ul{list-style: none;}
#guestbook h3{margin:0; font-size:106%;}
#guestbook h4{color:#CC388C; padding:25px 0 45px 25px; font-size:120%}
#guestbook form{width: 100%; height:370px; margin:0; background:url(/images/layout/bg-guestbook.jpg) bottom center no-repeat; padding:0}
#guestbook form p{width: 60%; margin-left: 5%}

/* special offers */
#specialOffers{list-style:none;}
#specialOffers h3{font-size:120%}
#specialOffers img{max-height:105px}
#offerDetail h3{color:#333;font-size:120%}
.roomsPhoto{text-align:center;}
.roomsPhoto img{border:1px solid #999; padding:1px}

/* services */
ul.services-list{display:block; width: 465px; float:left;}
ul.services-list.nofloat{float:none;}
ul.services-list li{margin:0 0 15px 0}
div.services-thumbs{display:block; width: 165px; float:left; clear:right}

/**/
#booking.box img.booking{margin:8px 0 0 8px}
#skypedetectionswf{display:none;}
.tripadvisor{display:block;margin:0 0 0 2.25em}
.facebook{display:block;height:35px;width:35px;background:url(/images/layout/btn-facebook.png) no-repeat;text-indent:-1000em;position:absolute;top:10px;right:12px}
.addthis_toolbox{font-size: 1.2em;line-height:1.4em;margin: 10px 0 0;position: absolute;right: 0;top: 100%;font-family:Arial, Helvetica, sans-serif;}
.addthis_toolbox a{color:#555;text-decoration:none;}
.fb-container{position:absolute;top:10px;right:5px}

/* home */
img.homephoto{float:left; margin:0 1em 0.25em 0; border:1px solid #ccc; padding:1px}

/* counter */
#counter{width:85px; margin:0 auto; display:block}
.bannerRelais{margin:-6px 0 -9px 6px}

#cartina{background:url(/images/loading.gif) center center no-repeat;position:relative;height:400px}
#cartina .container{cursor:move;position:relative;z-index:5}
#cartina .slider{z-index:10;position:absolute;top:25px;left:15px;height:200px}
#cartina img{image-rendering: -moz-crisp-edges;-ms-interpolation-mode: bicubic;}