@charset "utf-8";

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

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

a{color: #BBFFFF; text-decoration:none;}
a:hover{color: #BBFFFF; text-decoration:underline;}
a:active{color: #09A}
p{text-align:justify}
img{border:0px}

/* layout */
#header{display: block; width:955px; height:222px; margin: 0 auto;}
#header a{display: block; height:100%; width:100%; text-indent:-9999px; background:url(/images/layout/top.jpg) no-repeat}
h1{}
h2{margin:10px 0}
#main{background: #fff url(/images/layout/bg-body.jpg) center top repeat-y; width:100%; color:#333; border-bottom:4px solid #1A548E; font-size:76%;}
#container{display: block; width:955px; margin: 0 auto; border-top: 1px solid #A5937B; padding:0 0 2.19em 0}
#contents{display: block; width:670px; float:left; padding:15px}
#sidebar{display: block; width:255px; float:left; background: url(/images/layout/bg-sidebar.gif) 0px 0px no-repeat; min-height:900px; height:auto !Important;  height:750px; padding:20px 0}
#footer{padding:1.56em 0 0.94em 0; font-size:76%; text-align:center;}
div.clear{display: block; clear:both; float:none;}
div.border.dotTop{border-top:2px dotted #A5937B; margin-top:20px; padding-top:20px}
div.border.dotBottom{border-bottom:2px dotted #A5937B; margin-bottom:10px; padding-bottom:10px}

.right{float: right}
.left{float: left}

#contents .cntWrapper{width:100%; background:#fff url(/images/layout/bg-bottom-contents.gif) bottom left no-repeat;}
#contents .cntBody{width:96%; background:url(/images/layout/bg-top-contents.gif) top left no-repeat; padding:25px 15px; min-height:100px}
#contents .cntBody h2{font-size:176%; font-weight:normal;margin:0 0 0.75em 0}
#contents .cntBody h3,h4{font-size:136%}
#contents .cntBody a{color:#06c}

a.button{display: inline; width:auto !Important; border:1px solid #999; background:#e1e1e1 url(/images/layout/bg_button.gif) 0px 0px repeat-x; padding:0.2em 0.4em; color:#555; cursor:pointer;}
a.button:hover{border-color:#333; color:#333; text-decoration:none;}

/* sidebar */
#sidebar h4{font-size:150%; font-weight:normal;}
#sidebar a{color:#fff}
#sidebar .box{background:url(/images/layout/bg-box-sidebar.gif) bottom left no-repeat; padding:0 0 15px 0}
#sidebar .inner{color:#fff; padding: 1.2em;}
#sidebar .resorts,#sidebar .property{margin:0.3em 0 0 1.8em}
#sidebar .cyan{background-color:#64A4E3}
#sidebar .blue{background-color:#6381E2}
#sidebar .purple{background-color:#6C63E2}
#sidebar .ocra{background-color:#D1CC84; color:#543}
#sidebar .news img{border:1px solid #554433; margin:0.5em 0 0.25em 0}

/* lang */
#lang{list-style:none; position:absolute; top:12px; right:8px}
#lang li{display:inline; float:left; margin:0 0.15em}
#lang a{display:block; height:18px; width:25px; text-indent:-1000em; filter:alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;}
#lang a:hover,#lang a.active{filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;}
#lang .eng{background: url(../images/layout/flag_eng.gif)}
#lang .ita{background: url(../images/layout/flag_ita.gif)}

/* footer */
#footer p{width:100%; text-align:center;}
#footer #creditCards{display: block; width:100%; height:48px; background:url(/images/layout/credit-cards.jpg) center 0px no-repeat; text-indent:-9999px; margin:0.75em 0}
#footer a.author{display: block; margin:0.75em}
#footer .links, #footer .credits a{color:#fff; text-decoration:underline;}
#credits{width:100px;height:30px;background:url(../images/endesia_sign_light.png) no-repeat;text-indent:-1000em;display:block;margin:15px auto 0 auto}

/* services icons  */
.ico{background-repeat:no-repeat;}
.ico.swimmingPool{background-image:url(/images/services/gray/swimming-pool.gif)}
.ico.solarium{background-image:url(/images/services/gray/solarium.gif)}
.ico.airConditioning{background-image:url(/images/services/gray/air-conditioning.gif)}
.ico.saunaHydro{background-image:url(/images/services/gray/sauna-hydro.gif)}
.ico.garden{background-image:url(/images/services/gray/garden.gif)}
.ico.suite{background-image:url(/images/services/gray/suite.gif)}
.ico.tvRoom{background-image:url(/images/services/gray/tv-room.gif)}
.ico.parking{background-image:url(/images/services/gray/parking.gif)}
.ico.kitchen{background-image:url(/images/services/gray/kitchen.gif)}
.ico.internet{background-image:url(/images/services/gray/internet.gif)}

/* facilities */
#searchFacilities {margin:0.6em 0 0 0}
#searchFacilities fieldset{border:0}
#searchFacilities p{width:50%; float: left; display: block; height:40px; background-position:16px 0; position: relative;}
#searchFacilities input{float:left; position: absolute; top:0px; left:0px}
#searchFacilities label{float:right; font-size:92%; text-align:left; width:100%}
#searchFacilities span{display: block; padding:0 0 0 44px }
#searchFacilities .ico{background-repeat:no-repeat;}
#searchFacilities .ico.swimmingPool{background-image:url(/images/services/blue/swimming-pool.gif)}
#searchFacilities .ico.solarium{background-image:url(/images/services/blue/solarium.gif)}
#searchFacilities .ico.airConditioning{background-image:url(/images/services/blue/air-conditioning.gif)}
#searchFacilities .ico.saunaHydro{background-image:url(/images/services/blue/sauna-hydro.gif)}
#searchFacilities .ico.garden{background-image:url(/images/services/blue/garden.gif)}
#searchFacilities .ico.suite{background-image:url(/images/services/blue/suite.gif)}
#searchFacilities .ico.tvRoom{background-image:url(/images/services/blue/tv-room.gif)}
#searchFacilities .ico.parking{background-image:url(/images/services/blue/parking.gif)}
#searchFacilities .ico.kitchen{background-image:url(/images/services/blue/kitchen.gif)}
#searchFacilities .ico.internet{background-image:url(/images/services/blue/internet.gif)}
#searchFacilities .button{margin:0}
*:first-child+html #searchFacilities p{width:49%}
*:first-child+html #searchFacilities input{left:-3px}

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

/* 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 strong{font-size: 12px; padding:1px 0 5px 0; width:100%; text-align:center; display:block}
div.message ul{margin:0 15px 5px 15px}
div.message.ok strong{color: #00CC00;}
div.message.ko strong{color: #CC0000;}

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

/* date picker */
input.datepick{background:url(/images/layout/date.png) center right no-repeat; padding:0; width:180px}
p a.dp-choose-date{display:none}

/* box-structure */
.boxStructure{display: block; height:210px; width:672px; overflow:hidden; background:url(/images/layout/box-structure.jpg) 0px 0px no-repeat; margin: 0 auto 0.75em auto; padding:0.75em 0.75em 0 0.75em; position:relative;}
.boxStructure h2{margin:0.25em 0 0.5em 0; font-weight:normal;}
.boxStructure .details{display:block; float:right; width:420px; margin:0 2em 0 0}
.boxStructure .boxPhoto{display:block; float:left; width:222px; height:223px;}
.boxStructure .boxPhoto img{height:166px; width:222px}
.boxStructure .hotDeal{position:absolute; top:0px; left:0px; display: block; text-indent:-999px; height:99px; width:99px; background-repeat:no-repeat; background:url(/images/layout/hot-deal.png) !Important; background:url(/images/layout/hot-deal.gif)}
.boxStructure strong.location{display:block; margin:0.35em 0}
.boxStructure em.price{display:block; clear:both; float:none; font-style:normal; font-weight:bold; color:#0A0; font-size:106%;  margin:0.25em 0;}
.boxStructure .button{display:inline-block; margin-top:0.25em}
.boxStructure p.extraInfo span{border-left:1px solid #333; margin:0 3px 0 0; padding:0 0 0 3px; float:left}
.boxStructure p.extraInfo span.type,
.boxStructure p.extraInfo span.people{border:0; padding:0}
.boxStructure p.extraInfo span.sea{border:0}

/* box-services */
.boxServices{display: block; position:absolute; top:81.5%; left:0.67em; width:250px; height:28px; overflow:hidden}
.boxServices strong{display:none}
.boxServices span{display: inline; height:28px; width:28px; text-indent:-9999px; float: left; background-repeat:no-repeat; margin:0 0 0 0.3em}

/* nav */
#nav{display: block; position: absolute; top:188px; left:50%; width: 950px; border-bottom:4px solid #64A4E3; list-style:none; margin:0 0 0 -478px; padding:0 0 0 5px}
#nav li{float:left; display:inline;}
#nav li a{ color:#584D3D; display:block; /*border-left:1px solid #64A4E3;*/ margin:0 1px; height:30px; line-height:30px; padding:0 0.70em; background:#fff;}
#nav li a:hover,#nav li a.selected{background:#64A4E3; color:#fff; text-decoration:none;}

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

/* home */
p.welcomeIntro{font-size:88%}

/* guestbook */
.guestbookMessages{display:block;border-bottom:2px dotted #ccc; margin:0 0 10px 0; padding:0 0 10px 0}
.guestbookMessages .boxPhoto{float:left; display:block; width:120px; height:90px; text-align:center; border:1px solid #ddd; padding:1px; margin:0 0.95em 0 0}
.guestbookMessages p{ padding:0 0 0 0;}
.guestbookMessages .postInfo{display: block; clear: both; margin:0 0 0.35em 0; width: 100%;}
.guestbookMessages h4{float: left; color:#6381E2}
.guestbookMessages strong.aboutVilla{display:block; clear:both; float:none;}
.signGuestbook{width:70%; margin:0 auto}
.signGuestbook #info-message{width:94%}
.signGuestbook .photo{background:url(/images/layout/photo.jpg) 97% 0% no-repeat; padding:0.67em 0}
.signGuestbook .photo input{width:200px}
#guestbookFilter{font-size:92%; float:right; position:relative; top:-10px}
#guestbookFilter select{font-size:92%; width:150px}

/* faq */
.faqList{margin:-10px 0 15px 0; padding:0 25px 15px 25px; border-bottom:2px dotted #ccc}
.faqDetail{ margin:0 15px}
.faqDetail dt{font-weight:bold; margin:10px 0 0 0;}
.faqDetail dd{ border-bottom:1px dotted #ccc; padding:2px 9px 10px 9px;}

/* dynamic contents */
.dynamic img.contentPhoto{float:right; border:1px solid #ccc; padding:1px; margin:0 0 15px 20px}
.dynamic p{margin:7px 0; font-size:10px; color:#000; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}

/* resort */
.resortIntro {margin:10px 0}
.resortIntro img{float: right; border: 1px solid #ccc; padding:1px; margin:0 0 0 25px}
.resortIntro a{color: #06c; display:block; text-align:right;}
.resortDetail img{float: right; border: 1px solid #ccc; padding:1px; margin:0 0 16px 25px}
.resortGallery{border-top: 3px double #ccc; padding:1em 0 0 0.1em; margin-bottom:1em}
.resortGallery img{float: left; margin:0 0 19px 19px}
.resortGallery strong{display:block; clear:both; float:none; color:#666; padding:0 0 0.65em 0.25em}

/* villa details */
.villaDetails h3{font-size:90%; font-weight:normal; margin-bottom:10px}
.villaInformation img.villaPhoto{float:right; padding:1px; border:1px solid #ccc; margin:25px 5px 10px 25px;}
.villaDetails .facilities h3,.villaDetails .features h3{margin-bottom:10px}
.villaDetails .facilities .ico{display:block; height:28px; width:28px; text-indent:-9999px; float:left; margin:0 0.25em}
.villaDetails dl{margin:0 15px}
.villaDetails dt{display: inline; float: left; padding:0 5px 0 0;font-weight:bold}
.villaDetails dt.price,.villaDetails dd.price{color:#090; font-size:120%}
.villaDetails .request p{text-align:center}

/* myGallery */
.myGallery {position:relative}
.myGallery div.container{display:block; width:320px; overflow:hidden; position:relative; margin:0 auto}
.myGallery div.wrapper{display: block; width:100000px;}
.myGallery div.wrapper a{padding:0; margin:0}
.myGallery div.wrapper img{float: left; width:80px !important; display:block} /*width & block -> webkit bug width reflection*/
.myGallery div.wrapper img.current{border-bottom: 2px solid #0066CC}
.myGallery div.image{text-align:center; display:block; width:650px; height:auto; margin:20px 0 0 0; background:url(../images/loading.gif) center center no-repeat; overflow:hidden}
.myGallery div.image img{margin: 0 auto; display:block; /*border:1px solid #cccccc;*/ padding:1px}
.myGallery a.prev{position: absolute; left: 1px; margin:-88px 0 0 132px; text-indent:-9999px; background:url(../images/prev.png) center center no-repeat; display:block; width:16px; height:60px; cursor:pointer}
.myGallery a.next{position:absolute; right:1px; margin:-88px 132px 0 0; text-indent:-9999px; background:url(../images/next.png) center center no-repeat; display:block; width:16px; height:60px; cursor:pointer}
.myGallery a div{float: left; cursor: pointer; margin: 0 1px 0 1px; width:80px; display:block} /*width & block -> webkit bug width reflection*/

/* rates table */
table.tabella-tariffe{margin: 0 auto 15px auto}
table.tabella-tariffe td{padding: 2px; text-align:center; border:1px solid #CDF; color:#666; font-weight:bold; font-size:12px}
table.tabella-tariffe p.note{text-align:left; margin:0; padding:0; font-weight:normal; font-size:11px}
table.tabella-tariffe th,#tabella-tariffe td.intro{font-weight:bold; padding:5px 7px; text-transform:uppercase; border:1px solid #CDF; color:#09C; font-size:11px}

/* maps */
#map{display: block; width:600px; height:375px; margin:15px auto; border:1px solid #ccc}
#map .loader{padding: 15px}
#map #baloon p{font-size: 12px; text-align:center}
#map #baloon strong{display: block; font-size:160%; color:#068}

/* newsletter */
#newsletter{width:350px; margin:0 auto}

/* availability request */
.availabilityRequest form{width:70%; margin:0 auto}

/* button check now */
.buttonCheckNow{display:block; margin:0 auto; width: 280px; height: 91px; background:url(/images/layout/check-now.png) center center no-repeat; text-indent:-9999px }

/* payment */
form.payment{width:500px; margin:1em auto}
form.payment small{display:block}

/* links */
ul.links{margin:0 2em}
ul.links li{margin:0 0 0.5em 0}

/* news */
p.news{text-align:left; padding:0.5em 0 0 0; color:#654}