@charset "utf-8";

/*  */
html,body{margin: 0; padding: 0; height:100%}
body{font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333333; background:#DAEEF5 url(../images/layout/background.gif) top center repeat-y;}
a,a:active,a:visited{width:100%; height:100%; padding: 4px 9px; margin:0 0 0 4px; color:#2C84A0; text-decoration:none}
a:hover{color:#0066CC; text-decoration:underline}
img{border:0}

/* layout */
#header h1{font-size: 9px; font-weight:normal; text-transform:capitalize; margin:0 auto; padding:0; display:block; color:#8AE; text-align:center}
#header strong{margin:0 auto; padding:0; display:block; float:none; background:url(../images/layout/top.jpg) top left no-repeat; text-indent:-9999px; width:945px; height:169px;}
#header strong a{display: block; width:100%; height:100%}
h2{color: #2C84A0; margin:20px 0 -5px -10px; padding:0; font: 22px Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
/*#main{display: block; float:none; height:auto !important; height:100%; min-height:100%; background: url(../images/layout/colonna_sx.gif) top left no-repeat}
#container{display: block; float:none; height:100%; background:url(../images/layout/colonna_dx.gif) top right no-repeat; height:auto !important; height:100%; min-height:100%;}*/
#container .cnt{background: url(../images/layout/background_container_2.gif) top center repeat-y; height:auto !important; height:600px; min-height:600px}
#container .contents-wrapper{margin: 50px auto 0 auto; display:block; width:975px; position:relative;height:auto !important; height:100%; min-height:100%;}
#container #contents{margin: 0 0 0 187px; padding:0; width:auto; clear:both; float:none; padding:10px 0 10px 35px; height:auto !important; height:100%; min-height:100%; text-align:justify; font:11px Verdana, Arial, Helvetica, sans-serif; color:#666666; }
#container #contents div.wrapper{display: inline; float:left; width:520px}
#container #col-right{display:inline; float:right; width:187px; height:780px; height:auto !important; min-height:780px}
#container #col-left{position: absolute; top:10px; left:0px; width:193px}
#footer{background: url(../images/layout/footer.jpg) top center no-repeat; margin:0 auto; width:975px; height:165px; display:block; font-size:11px; color:#999999; position:relative}
.cleaner{display: block; clear:both; float:none}
.box-photo a{margin:0; padding:0; border:0}
.box-photo{background: url(../images/layout/box_photo_3.gif) top left no-repeat; display:block; width: 158px; height:118px}
.box-photo img{width:120px; height:90px; margin:13px auto 0 auto; padding:1px; display:block}
#contents a.continue{float: right; display:block; text-align:right; clear:both; font-weight:bold;}
#contents a.continue.more{font-size:14px; margin-bottom:15px}

/* home */
p.intro strong{display: block; clear:both; float:none; margin:5px 0 10px 0;font:22px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#2c84a0; text-align:justify}

/* special offer home*/
#contents .special-offer{display: block; height:175px; padding:10px 0; background:url(../images/layout/box_details.jpg) 0px -5px no-repeat; padding:15px 0 0 13px}
#contents .special-offer h3{margin:8px 0 0 10px; padding:0; font:16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#2C84A0}
#contents .special-offer h3 a{margin:0; padding:0; text-decoration:none; color:#2C84A0}
#contents .special-offer p{margin:0; padding:8px; font-size:12px; display:block; width:275px; float:left;}
#contents div.home-boxphoto{background: url(../images/layout/home_photobox.jpg) top left no-repeat; display:block; width:165px; height:167px; float:right; margin:-30px -13px 0 0}
#contents div.home-boxphoto img{margin:4px 0 0 18px; padding:1px; border:1px solid #c4c4c4; display:block}
#contents div.home-boxphoto p{text-align:center; display:block; width:160px; font-size:11px; cursor:default}
#contents div.home-boxphoto span.min{color:#090}
#contents div.home-boxphoto span.max{color:#900}
#col-right span.price{display:block}
#col-right span.price del{color:#900;}
#col-right span.price ins{color:#090; text-decoration:none;}

/**/
#col-left .tripadvisor{display:block;padding:0 0 0 1.9em; margin:2em 0 0 0 }

/* menu */
#nav-menu{display: block; width:100%; height:53px; background:url(../images/layout/bg_menu.gif) top center no-repeat; position:absolute; top:180px; left:0; font-size:11px}
#nav-menu ul{margin:20px auto 0 auto; padding:0; list-style:none; display:block; width:920px;}
#nav-menu li{margin:1px; display:inline; text-align:center; border-left: 2px dotted #DBDBDB;}
#nav-menu li:first-child{border:0}
#nav-menu li a{width:100%; height:100%; padding: 4px 7px; margin:0 0 0 4px; color:#2C84A0; text-decoration:none}
#nav-menu li a.selected{ border-bottom: 3px solid #006699; color:#0066CC }
#nav-menu li a:hover{color:#0066CC }
#menu-bar{display: block; width:0px; height:0px; border-bottom: 3px solid #006699; position:absolute; top: 41px; left:0;}

/*footer*/
#footer div{display: block; float: left}
#footer p{margin: 0; padding:0}
#footer a{margin:0; padding:0}
#footer a.logo{display: block; background:url(../images/layout/mini-logo.jpg) -4px 24px no-repeat; width:135px; height:118px; float:left; text-indent:-9999px; margin:18px 0 0 25px; border-right: 1px solid #d4d4d4}
#footer p.info{display: block; float:left; margin:18px 0 0 1px; padding:0; border-left: 1px solid #d4d4d4; height:116px; padding:2px 10px 0 10px}
#footer p.info strong{display: block;}
#footer #skypeCall{position: absolute; top:35px; left:84.5%; /*background:url(http://mystatus.skype.com/bigclassic/villatorent) top left no-repeat;*/ background:url(http://download.skype.com/share/skypebuttons/buttons/call_blue_white_124x52.png) top left no-repeat; display:block; height:44px; width:124px; text-indent:-9999px}
#footer div.suggest{width: 150px; text-align:left; padding:20px 0 0 25px}
#footer div.paypal{position: relative; padding:32px 0 0 0; top:0px; left:-15px; text-align:center;}
#footer div.addthis{position: relative; top:112px; left:-152px}
#footer .paynow{margin-top:22px;display:block;}
#footer .ccards{margin-top:102px;display:block;}

/* left bar */
#col-left .box-guestbook{background: url(../images/layout/box_guestbook.jpg) -1px 2px no-repeat; display:block; height:335px; width:187px; padding:28px 0 0 20px; margin:0 0 -18px 0}
#col-left  h4{margin:4px 0 2px 36px; padding:0; color:#2C84A0; font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight:normal}
#col-left .box-guestbook img{display: block}
#col-left .box-guestbook p{display: block; font-size:10px; color:#646464; width:160px; margin:10px 0 0 0}
#col-left .box-guestbook p strong{display: block;}
#col-left .box-guestbook p em{font-style: normal}
#col-left .box-guestbook span.box-photo{margin: 15px 0 0 0; padding:2px 0 0 0; background-image: url(../images/layout/box_photo.gif)}
#col-left .box-guestbook span.box-photo img{margin: 13px auto 0 auto; display:block}
#col-left .box-guestbook a.read-all{color:#246980; font-weight:bold; margin:0 0 0 80px; text-decoration:underline; font-size:11px}

/* right bar */
#col-right div.intro span{margin:8px 0 2px 18px; color:#2C84A0; font:14px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; position:relative; top:2px}
#col-right .box-properties{background: url(../images/layout/box_properties.jpg) 0px 0px no-repeat; display:block; height:236px; width:184px; padding:0; float:left; margin:0 0 15px 0; text-align:center}
#col-right .box-properties h4{margin:28px 0 0 -12px; padding:0; color:#2C84A0; font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; text-transform:capitalize}
#col-right .box-properties h4 a{margin:0; padding:0;; text-decoration:none; color:#2C84A0}
#col-right .box-properties strong{clear: both; float:none; display:block}
#col-right .box-properties span.box-photo{margin: 10px 0 0 7px; padding:2px 0 0 0; background-image: url(../images/layout/box_photo_2.gif)}
#col-right .box-properties span.box-photo a{margin: 0; padding:0}
#col-right .box-properties p{margin: -2px 0 0 15px; padding:0; font-size:11px; text-align:center; width:140px;}
#col-right .box-properties a{color:#246980; font-weight:bold; margin:5px 0 0 76px; text-decoration:underline}

#col-left div.quick-links{padding: 0 5px 0 10px}
#col-right div.quick-links{padding: 0 25px 0 0; margin:0 0 0 -6px}
div.quick-links{text-align:left; font-family:Verdana,Arial,Helvetica,sans-serif !important; font-size:14px !important;}
div.quick-links a{display: block; margin:0 0 10px 0}
div.quick-links strong{font-weight:normal}
div.quick-links strong span{display: block; text-align:right; padding:0 7px 0 0}

/* pages */
div.pages{ width: 100%; margin:25px 0; text-align:right; display:block}
div.pages a{color:#00f; background: #ebebeb; padding:2px 5px; color:#0099CC}
div.pages a:hover,div.pages a.selected{color:#ffffff; background:#0099CC; text-decoration:none}
div.pages a.prev,div.pages a.next{text-transform:uppercase}

/* form */
form {text-align:center}
form fieldset{border:0; margin:0; padding:0; display:inline; margin:0 auto}
form p{display: block; float:none; clear:both; margin:2px 0 0 0; padding:0; width:420px; position:relative}
form p label{display: inline-block; width:155px; text-align:left; margin:0; padding:0; position:absolute; top:0px; left:5px;}
form p input,form p select,form  p textarea{border:1px solid #cccccc; display:inline;  color:#535353; margin:0 0 0 100px; padding:0; width:200px;font: 11px Verdana, Arial, Helvetica, sans-serif;}
form p input.radio,form p input.checkbox{border: 0; margin:1px 0 0 8px}
form input.captcha{width: 50px; position:relative; top:1px; left:-62px; padding:1px}
form img#captcha{position:absolute; left: 220px; top:1px}
form img.refresh-captcha{position:absolute; left: 315px; top:2px}
form input.button{text-align:center; border:1px solid #c4c4c4; background: url(../images/layout/bg_button.gif) repeat-x; max-height:20px; width:auto; padding: 2px 5px; margin:15px auto; cursor:pointer}
form input.checkbox.privacy{position: absolute; top:2px; left:67px; padding: 0; float:left}
p.privacy{text-align:center; margin:0 0 15px 0}
p.privacy a{color:#2C84A0;}
p.privacy a:hover{text-decoration:underline}
form p.newsletter{display: block; height:50px; margin:0 0 5px 0}
form p.info {text-align:left; margin:5px 0 10px 5px}
form p.info span.alert{color: #e30;}
form p.info a{margin:0; padding:0; color:#900}

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

/* box-details - for listing guestbook and excursions */
#contents div.box-details{border-bottom: 1px solid #D6D6D6; clear:both; float:none; display:block; margin:15px 0 15px 0; height:auto !important; height:130px; min-height: 130px;}
#contents .box-photo{float: left}
#contents div.box-details p{font-size: 10px; padding:7px}

/* excursions */
#contents .excursion-details strong{display: block; font-size:16px; color:#999999; font-family:Arial, Helvetica, sans-serif; margin:-5px 0 2px 0; text-transform:capitalize}

/* properties */
#contents div.properties.special-offers.villa{height:155px}
#contents div.properties.villa{clear: both; float:none; display:block; margin:20px 0; position:relative; height:145px; border-bottom: 2px dotted #ececec}
#contents div.properties.villa h3{font-size: 18px; color:#999999; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; display:block; margin:0 0 5px 0}
#contents div.properties.villa h3 a{margin:0; padding:0; text-decoration:none; color:#999}
#contents div.properties.villa h3 span{font-size: 14px; text-transform:none; font-style:italic; font-weight:normal}
#contents div.properties.villa strong.info{display: block; padding:0 0 0 10px; color:#646464; text-transform:capitalize; font-size:11px; font-weight:normal}
#contents div.properties.villa p{margin:7px 0 0 0; padding:0; font-size:11px; display:block;}
#contents div.properties.villa a.details{position: absolute; top:100%; left:0px; margin: -30px 0 0 0; text-align:right; height:10px; overflow:hidden}
#contents div.properties.villa .prices {padding: 8px 0 0 0; display:block; margin:0 auto}
#contents div.properties.villa .prices .min{color: #009900; font-weight:bold;}
#contents div.properties.villa .prices .max{color: #990000; font-weight:bold}
#contents div.properties.villa .prices span{display: block}
#contents div.properties.villa .box-photo{text-align:center}
#contents p.properties-intro{display: block; margin:20px 0 0 0; background:url(/images/contents/properties/intro-map.jpg) top right no-repeat; padding:0 250px 0 0; height:120px; font-size:12px}
#contents p.properties-intro{display: block; float:none; clear:both;}
#contents div.special-offers {padding: 0 0 15px 0}
#contents div.special-offers p.price-offer {display: block; position:absolute; top:114px; left:0}
#contents div.special-offers p.price-offer ins{font-size: 14px; color:#009900; display:block; margin:0; font-weight:bold; text-align:center; display:block; text-decoration:none}
#contents div.special-offers p.price-offer del{font-size: 14px; color:#990000; display:block; margin:0; font-weight:bold; text-align:center; display:block}

/* details */
#contents h2.details span{font-size: 16px; text-transform:none; font-style:italic; font-weight:normal; color:#999999; font-weight:bold; margin:0 0 0 15px}
#contents #properties-details{display: block; clear:both; float:none; width:100%; margin:20px 0; height:auto !important; height:300px; min-height:300px; position:relative}
#contents #properties-details div.photo{display: block; float:left; width:210px; height:auto; margin:0 0 30px 0;}
#contents #properties-details div.description{display: block; width:auto;}
#contents #properties-details div.photo span.box-photo{margin: 15px 25px}
#contents #properties-details p.price{text-align:center}
#contents #properties-details p.price span{display: block; font-weight:bold}
#contents #properties-details p.price span.min{color: #00CC00;}
#contents #properties-details p.price span.max{color: #CC0000}
#contents #properties-details strong.type{color: #6699CC; margin:2px 0; text-transform:capitalize; position:absolute; top:-40px; right:5px;}
#contents #properties-details p.price del{font-size: 14px; color:#990000; display:block; margin:0; font-weight:bold; text-align:center; display:block}
#contents #properties-details p.price ins{font-size: 14px; color:#009900; display:block; margin:0; font-weight:bold; text-align:center; display:block; text-decoration:none}
#contents a.request {background: url(../images/layout/btn_request.jpg) center center no-repeat; width:140px; height:44px; text-indent:-9999px; display:block; margin:0 auto}
#contents #properties-features,#contents #properties-interests,#contents #properties-gallery{font-size: 18px; font-weight:bold; color:#2C84A0; font-family:Arial, Helvetica, sans-serif; margin:10px 0}
#contents ul.attributes,#contents ul.features,#contents ul.interests{list-style:none; padding:0; margin:0 0 10px 15px}

/* myGallery */
.myGallery {position:relative}
.myGallery div.container{display:block; width:320px; overflow:hidden; position:relative; margin:0 auto}
.myGallery div.wrapper{display: block; width:1000%;}
.myGallery div.wrapper a{padding:0; margin:0}
.myGallery div.wrapper img{float: left; width:80px; 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:100%; 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 72px; 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 72px 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*/

/* search */
form#ricerca.modulo {display: block; width:100%; margin:25px 0 0 0; padding:0}
form#ricerca.modulo h3{clear: both; float:none;display: block; width:100%; height:auto; background:#B3D1E0; margin:0 0 5px 0; padding:3px 0; text-align:left; text-indent: 5px; font-size:12px}
form#ricerca.modulo fieldset{clear: both; float:none;display: block; width:100%;background:#EDEDED; margin:10px 0; padding:0}
form#ricerca.modulo p{margin:0 0 2px 10px; padding:0; float:left; width:auto; min-width: auto; text-align:left}
form#ricerca.modulo label{width: 150px; margin:0;}
form#ricerca.modulo input,form#ricerca.modulo select{width: 100px; margin:0 0 0 150px;}

/* search results */
table#results{margin:25px 0 0 0;padding:0; font-size:11px; border:0}
table#results th{background:#B3D1E0; text-align:center; margin:0; padding:1px;}
table#results td{text-align:center; margin:0; padding:5px 1px; border-bottom:2px dotted #E0E0E0}
table#results td img{border: 1px solid #cccccc; padding:1px; margin:2px auto; clear:both; float:none; display:block}
table#results td em{font-size:10px}
table#results td.name{width:100px}
table#results td.location{width:90px}
table#results td.type{width:80px}
table#results td.guests{width:80px}
table#results td.rooms{width:100px}
table#results td.distance{width:120px}
table#results.tablesorter th{ cursor:pointer}
table#results.tablesorter th.headerSortUp{background:#B3D1E0 url(/images/asc.gif) center right no-repeat;}
table#results.tablesorter th.headerSortDown{background:#B3D1E0 url(/images/desc.gif) center right no-repeat;}

/*contents*/
img#contents-image{margin: 15px 7px 5px 0; float:left; border:1px solid #c4c4c4; padding:1px}

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

/* privacy page */
body#privacy{ margin:0}
body#privacy table{margin: 10px auto 0 auto}
body#privacy table td{padding: 5px}

/* credits */
#credits{ width:100%; text-align:center}
#credits strong{font-weight:normal}
#credits span{font-weight:bold}

/*filter*/
form#properties-filter,form#properties-filter p,form#properties-filter label,form#properties-filter select,form#properties-filter #search{display: block; clear:both; float:none; height:auto; width:auto; text-align:left; margin:0; padding:0; float:left; left:0px}
form#paypal-properties{float: right; position:relative; top:-45px; right:-25px;}
form#properties-filter select{float:left; clear:none;}
form#properties-filter #search{background:url(../images/layout/search.gif) no-repeat; border:0; text-indent:-9999px; padding:5px 7px; margin:1px 0 0 5px; color:#fff; float:left; clear:none;}

/*
form#properties-filter{margin:30px 0 0 -80px; padding:0}
form#properties-filter select{position: relative; top:-2px; left:8px; float:left;}
form#properties-filter #search{background:url(../images/layout/search.gif) no-repeat; margin:0; padding:0; border:0; text-indent:-9999px; position:relative; left:205px; top:-18px; cursor:pointer}
*/

/* links */
ul#links {display: block; clear:both; margin:25px 0 0 0; list-style:none}
ul#links a{margin:0; padding:0; color:#333}
ul#links strong{display: block; margin:0; padding:0; color:#000}

/* map */
#map{display: block; width:500px; height:300px; padding:1px; border:1px solid #ccc; margin:0 0 0 15px}