@charset "utf-8";

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

body{background: #fff; font: 0.92em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#666}

a{color: #42a2e8; text-decoration:underline;}
a:hover{color: #06c; text-decoration:underline;}
a:active{color: #36f}
p{text-align:justify; margin:0 0 1em 0}
img{border:0px; text-decoration:none;}


/* layout */
#wrapper{background:url(../images/layout/bg_body.gif) top center repeat-y;}
#container{display:block; margin:0 auto; width:954px; font-size:78%}
#contents{float:left; width:699px;}
#sidebar{float:left; clear:right; width:254px; background:url(../images/layout/bg_sidebar.jpg) top center no-repeat; min-height:200px; margin:2px 0 0 1px; height: 850px}
#footer{background: url(../images/layout/bg_footer.gif) 0 0 repeat-x; height:46px;}
h1{height:202px; width:954px; background:url(../images/layout/top.jpg) no-repeat; margin:0 0 42px 0}
h1 a{display:block; height:100%; width:100%; text-indent:-1000em;}
h2{font-size:186%; color:#41A1E7; line-height:50px; font-weight:normal;}
h3{font-size:132%; clear:both; font-weight:normal;}
#sidebar h2{color:#fff; text-align:center; font-size:156%; font-weight:normal;}
.section{padding:1em 1.5em 1em 1.5em; background:url(../images/layout/bg_section.gif) 0 0 no-repeat; min-height:75px; margin:0 0 1em 0}
.borderTop{border-top:2px dotted #ccc; margin:10px 0 0 0; padding:10px 0 0 0}
.borderBottom{border-bottom:2px dotted #ccc; margin:10px 0 0 0; padding:10px 0 0 0}
.red{color:#c00}
.green{color:#090}
.bold{font-weight:bolder;}

/* nav */
#nav{list-style:none; width:954px; height:40px; background:url(../images/layout/bg_menu.jpg) 0 0 repeat-x; clear:both; position:absolute; top:204px; left:50%; margin:0 0 0 -477px; overflow:hidden;}
#nav li{display:inline; float:left; border-right:1px solid #fff;}
#nav li a{display:block; height:39px; line-height:40px; text-decoration:none; color:#006; font-size:78%; padding:0 0.70em; border-right:1px solid #CDDAE5; border-bottom:1px solid #CDDAE5;}
#nav li a:hover,#nav li a.active{color:#fff; background:url(../images/layout/bg_memu_hover.gif) 0 0 repeat-x; border-color:#E1B242 }
#nav.it a{padding:0 0.55em}

/* language */
#lang{list-style:none; width:auto; margin:0 0 0 408px; display:block; clear:both; float:none; position:absolute; top: 215px; left:50%}
#lang li{display:inline; float:left; padding:0 0 0 0.25em}
#lang a{display:block; text-indent:-9999px; display:block; width:28px; height:20px;}
#lang a.ita{background:url(../images/layout/flag_ita.gif) no-repeat;}
#lang a.eng{background:url(../images/layout/flag_eng.gif) no-repeat;}

/* footer */
#quicklinks {width:949px; height:46px; margin:0 auto; background:url(../images/layout/bg_menu_footer.gif) center center no-repeat; text-align:center;}
#quicklinks ul{display:block; width:820px; margin:0 auto; padding:1em 0 0 0; list-style:none; text-align:center;}
#quicklinks ul.en{width:785px !Important}
*:first-child+html #quicklinks ul{width:846px}
#quicklinks li{display:inline; float:left;}
#quicklinks a{display:block; color:#fff; font-size:66%; border-left:1px solid #fff; margin:0 0.35em 0 0; padding:0 0 0 0.35em; text-decoration:none}
#quicklinks a:hover{text-decoration:underline}
#quicklinks li.first a{border-left:0}
#footer .container{display:block; width:954px; min-height:100px	; margin:0 auto; background:url(../images/layout/mini-logo.jpg) 25px 25px no-repeat;}
#footer .info{margin:0; font-size:66%; background:url(../images/layout/bg_info.jpg) 0 0 no-repeat; margin:0 0 0 25.5em; padding:1em 0 0 2em; display:block; float:left}
#footer #skypeCall{background:transparent url(http://download.skype.com/share/skypebuttons/buttons/call_blue_white_124x52.png) no-repeat scroll left top; display:block; height:44px; text-indent:-9999px; width:124px; float:left; margin:1em 0 0 3em}

/* 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}

/* titles */
.title{display:block; width:100%; height:60px; line-height:60px; background-position: bottom left; background-repeat:no-repeat; text-indent:90px; font-weight:normal; font-size:142%; margin:0 0 0.5em 0}
.title.Description{background-image:url(../images/layout/titles_bar/description.jpg);}
.title.Rates{background-image:url(../images/layout/titles_bar/rates.jpg);}
.title.Photo{background-image:url(../images/layout/titles_bar/photos.jpg);}
.title.Services{background-image:url(../images/layout/titles_bar/services.jpg);}
.title.Position{background-image:url(../images/layout/titles_bar/position.jpg);}

/* custom box */
.customBoxes{display:block; width:648px; margin:0 auto;}
.customBox{float:left;}
.customBox .box{width:209px; display:block;}
.customBox.middle{margin:0 0.84em}
.customBox .border{border:1px solid #ccc; padding:1px}
.customBox strong{display:block; font-size:126%; line-height:26px; font-weight:normal; color:#666}
.boxesIntro{padding:1em 0.6em 0 0.6em}
.facilities{text-align:center;}
.customBox img{border:0; padding:0; margin:0}
.customBox div div img{margin-bottom:-2px}

/* villas */
.boxVilla{ margin:0 0 0.75em 0; padding:0 0 0.75em 0; border-bottom: 2px dotted #e2e2e2; clear:both;}
.boxVilla h3{color:#666; font-size:142%; margin:0.25em 0 0.5em 0;}
.boxVilla .boxPhoto{margin:0 0 0 0}
.villaDetails{display:block; float:right; width:61%; margin:0 1em}
.villaDetails .location{display:block;}
.villaDetails .info{color:#AA713E}
.villaDetails a.detail{display:block; font-weight:bolder; color:#06c; text-align:right;}
.boxPhoto{display:block; width:230px; height:172px; text-align:center; background:url(../images/layout/bg_box_photo.gif) 0 0 no-repeat; margin:0 auto;}
.boxPhoto img{margin:12px 0 0 -1px}
.page.Details dl{margin:1em 2em 0 4em}
.page.Details dt{display:inline; float:left; clear:left;}
.page.Details dd{display:inline; float:left; text-indent: 7px; font-weight:bold;}
.button.VirtualTour{display:block; width:189px !important; height:45px !important; padding:0; border:0; text-indent:-9999px; margin:0 auto; background:url(../images/layout/btn_virtualtour.jpg)}
.button.VirtualTour:hover{background-image:url(../images/layout/btn_virtualtour_hover.jpg)}
.button.CheckAvailability{display:block; width:163px !important; height:49px !important; padding:0; border:0; text-indent:-9999px; margin:0 auto; background:url(../images/layout/btn_checkavailability.jpg)}
.button.CheckAvailability:hover{background-image:url(../images/layout/btn_checkavailability_hover.jpg)}


/* special offers */
#specialOffers{list-style:none; display:block; width:250px; margin:0 auto}
#specialOffers li{display:block; width:100%; background: url(../images/layout/bg_box_special.jpg) 0 0 repeat-x; border-bottom:1px solid #e2e2e2; text-align: center; padding:1em 0}
#specialOffers li.first{background:none}
#specialOffers strong{display:block; color: #40A0E6; text-align:center; border-bottom:1px solid #e2e2e2; width:250px; margin:0 auto; height:30px; line-height:30px; font-size:136%; margin:0 0 0.35em 0}
#specialOffers a{display:block; font-weight:bolder; color:#06c}

/* our land */
.page.OurLand h4{line-height:40px;}
.page.OurLand .borderTop{margin-top:20px; padding-top:30px}
.page.OurLand strong{display:block; font-weight:normal;}
.page.OurLand strong{display:block; font-weight:normal;}
.page.OurLand .resorts{font-size:88%}
.page.OurLand .resorts{font-size:88%}

/* terms conditions*/
.page.TermsConditions ul{display:block; padding:0 3em; /*list-style:decimal*/}
.page.TermsConditions li{line-height:16px; text-align:justify;}
.page.TermsConditions li ul{padding:0.5em 1.5em; /*list-style:lower-alpha*/}

/* services */
.page.Services ul{margin:0 0 0 2em; font-size:112%; line-height:26px}
.servicesList{width:610px; display:block; margin:0 auto}

/* guestbook */
.guestbookMessage {padding:0.5em 0 1em 0}
.guestbookMessage img{border: 1px solid #ccc; float:left; padding:1px; margin:-0.35em 2em 0 0}
.guestbookMessage br{display:block; margin:0 0 0.25em 0}
form#guestbook{background:url(../images/layout/bg_guestbook.jpg) 40px 0 no-repeat; padding:2em 0 0 0}
form#guestbook fieldset{width:425px;}

/* form */
form fieldset{border:0; padding:5px; font-size:76%}
form label{display: block; float:left; width:125px; text-align:left; font-size:1.2em}
form input,form select,form textarea{font-size:1.2em; border:1px solid #aaa; font: 9pt Georgia, "Times New Roman"; color:#444; width:215px}
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; width: 100px !Important}
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{display: block; clear:both; margin:6px auto; width:355px;}
form p.privacy input{width: auto !Important}
a.button{width: 100px; display: block; text-align:center; text-decoration:none; font-size:1.2em}

/* 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 #d4d4d4; margin:0 0 0 2px; text-decoration:none}
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:75%; padding:5px 15px 0 15px; margin:15px 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}
div.message ul{margin:1em}

/* requestAvailability */
#requestAvailability p{width:400px}
#requestAvailability label{width:175px}


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

/* utils */
.clear{display:block; clear:both; float:none;}
.right{float:right;}
.left{float:left;}
img.right{float:right; margin:-0.5em 0 0 2.5em}
img.left{float:left; margin:-0.5em 2.5em 0 0}
#treviewFilter{position:relative; top:-10px; left:10px; margin-bottom:15px; font-size:128%;}