@charset "utf-8";

*{margin:0; padding:0;}
body{margin:0; padding:0; background:#fff url(/images/layout/bg.jpg) top left repeat-x; font:12px Arial, Helvetica, sans-serif; color:#666;}

a{color: #f90}
a:hover{color: #f60}
a:active{color: #f33}

/* layout */
h1{display: block; width:1055px; height:249px; background:url(/images/layout/top.jpg) top left no-repeat; position:relative;}
h1 a{display: block; width:100%; height:100%; text-indent:-9999px}
h1 #top-ani{display: block; width:743px; height:249px; position:absolute; top:0px; right:0px}
h2{font-size: 30px; line-height:36px; font-weight:normal; padding:5px 0;}
#main{display: block; width:945px; height:auto; margin:70px 0 50px 0; padding:0 55px;}
#footer{display:block; width:100%; height:90px; background:url(/images/layout/bg-footer.jpg) top left repeat-x; border-top: 1px solid #ccc; border-bottom:1px solid #ebebeb}
div.clear{display: block; float:none; clear:both}
img{border:0}
.right{float: right}
.left{float: left}
img.border{border: 1px solid #ccc; padding:1px}
img.right{margin: 0 0 0 25px}
img.left{margin: 0 25px 0 0}
.author a{margin:15px 5px; color:#09C}

/* menu */
#nav{list-style:none; position:absolute; top:253px; display:block; height:32px; overflow:hidden}
#nav li{display: inline; float:left; margin:0 0 0 -16px;}
#nav li a{display: block; background:url(/images/layout/btn-menu-out.gif) 0px 0px no-repeat; width:113px; height:32px; text-align:center; line-height:36px; text-transform:capitalize; color:#666; font-size:12px; text-decoration:none; font-weight:bold;}
#nav li a:hover,#nav li a.active{background-image:url(/images/layout/btn-menu-over.png) !important; background-image:url(/images/layout/btn-menu-over.gif); color:#fff}
#nav li.small-item a{background-position:0px -32px; width:100px}
#nav li.big-item a{background-position:0px -64px; width:150px}
#nav li.first a{background-position:0px -128px; width:96px; margin:0 0 0 25px}
#nav li.last a{background-position:0px -96px; width:101px}

/* home */
#contents .home .box{margin: 0 0 35px 0; padding:0 0 15px 0; display:block; width:820px; border-bottom:2px dotted #e2e2e2}
#contents .home p{text-align:justify; clear:both; float:none}
#contents .home p a{text-align:right; display:block;}
#contents .home p.services strong{margin: 20px 0 10px 0; display:block}
#contents .home p.services img{margin: -15px 0 0 0}
#contents .home ul{margin: 10px 45px}
#contents .home ul.sub{margin: 2px 25px}

/* 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; float:left}
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{display:block; width:118px; height:24px; background:url(/images/layout/bg-button.gif) top left no-repeat; line-height:22px; color:#fff; text-decoration:none; font-weight:bold; margin:5px auto 0 auto; border:0; cursor:pointer}
form input.button:hover{background-position: bottom left; color:#fff; text-decoration:none }
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; width:100%}
p.privacy{text-align:center; margin:0 0 15px 0}
p.privacy a{color:#2C84A0;}
p.privacy a:hover{text-decoration:underline}

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

/* vehicles */
#contents .vehicles ul.cars{display: block; list-style:none; width:98%; border-top: 2px dotted #e2e2e2; padding:20px 0 0 0; margin:15px 0 0 0}
#contents .vehicles ul.cars li{display: inline; width:33%; float:left; text-align:center}
#contents .vehicles ul.cars li h3{font-size: 22px; font-weight:normal; padding:5px 0}
#contents .vehicles ul.cars p{text-align:justify; width:78%; display:block; margin:0 auto}

/* excursions */

#contents .excursions ul.excursions{display: block; list-style:none; width:98%; border-top: 2px dotted #e2e2e2; padding:20px 0 0 0; margin:15px 0 0 0}
#contents .excursions ul.excursions li{display: inline; width:33%; height:340px; overflow:hidden; float:left; text-align:center; background:url(/images/layout/box-excursions.jpg) top center no-repeat; margin:0 0 25px 0;}
#contents .excursions ul.excursions li h3{font-size: 18px; font-weight:normal; padding:10px 0 5px 0; margin:0 auto; width:78%; height:42px}
#contents .excursions ul.excursions p{text-align:justify; width:72%; display:block; margin:10px auto 0 auto; line-height:14px; height:130px;}
#contents .excursions ul.excursions.mini li{ background-image: url(../images/layout/box-excursions-mini.jpg); height:240px}
#contents .excursions ul.excursions.mini p{ height:auto; width: 600px; display:block}
#contents .excursions p{ height:auto; width: 720px; display:block;}
#contents .excursions ul.excursions a.button{display:block; width:118px; height:24px; background:url(/images/layout/bg-button.gif) top left no-repeat; line-height:22px; color:#fff; text-decoration:none; font-weight:bold; margin:5px auto 0 auto}
#contents .excursions ul.excursions a.button:hover{background-position:bottom left;}
#contents .excursions ul.excursions li.no-excursions{background:none; height:auto; width:auto; padding:0; margin:0;}
#contents .excursions ul.excursions li.no-excursions p{width:auto; padding:0; margin:0;}
#contents .excursions div ul{margin: 0 25px; display:block}

#contents .excursionsNew ul.excursions{list-style:none; margin:20px 0 0 0; border-top: 4px double #e2e2e2}
#contents .excursionsNew ul.excursions li{display: block; background:none; width:100%; margin:25px 0 0 0; padding:0 0 10px 0; border-bottom: 2px dotted #e2e2e2}
#contents .excursionsNew ul.excursions li a.button{float: right}
#contents .excursionsNew ul.excursions li img.image{margin-top: -10px}
#contents .excursion-detail p{padding: 5px 0}
#contents .box-form.excursion{margin-top: 25px}
#contents .excursions,#contents .excursionsNew .into ul{margin: 0 25px 5px  25px}
#contents .excursions p{margin: 5px 0}
#contents .excursionsNew h2 em{font-size: 90%}

/* cruise-excursions */
#contents .cruise-excursions div.cruise-italy-map{ display:block; width:100%; border-top: 2px dotted #e2e2e2; padding:20px 0 0 0; margin:15px 0 0 0}
#contents .cruise-excursions div.cruise-italy-map strong{display: block; padding:0 0 15px 0}
#contents .cruise-excursions div.cruise-italy-map ul{display: block; list-style:none; margin:0 auto; width:767px; height:290px; background:url(../images/contents/cruise-excursions.gif) top left no-repeat; position:relative;}
#contents .cruise-excursions div.cruise-italy-map ul li{position: absolute; top:0px; left:0px; font-weight:bold}
#contents .cruise-excursions div.cruise-italy-map ul li.livorno{top:84px; left:395px}
#contents .cruise-excursions div.cruise-italy-map ul li.civitavecchia{top:148px; left:395px}
#contents .cruise-excursions div.cruise-italy-map ul li.naples{top:180px; left:395px}
#contents .cruise-excursions div.cruise-italy-map ul li.sorrento{top:209px; left:398px}
#contents .cruise-excursions div.cruise-italy-map ul li.amalfi{top:240px; left:398px}
#contents .cruise-excursions div.cruise-italy-map ul li.salerno{top:266px; left:398px}
#contents .cruise-excursions div.cruise-italy-map ul li.venezia{top:74px; left:727px}
#contents .cruise-excursions div.cruise-italy-map ul li.portugal{left:13px;top:139px;}
#contents .cruise-excursions div.cruise-italy-map ul li.canaryislands{top:165px; left:0px}
#contents .cruise-excursions div.cruise-italy-map ul li a{color:#777; font-size:12px; text-decoration:none}
#contents .cruise-excursions div.cruise-italy-map ul li a:hover{color:#37BAE9}
#contents  .box-form.cruise-excursion h3{padding: 35px 0 50px 30px}

/* box-form */
#contents div.box-form{display: block; width:784px; height:auto; background:url(/images/layout/box-form.gif) top left no-repeat; margin:0 0 -55px -55px; padding:0 0 20px 0}
#contents div.box-form h3{font-size: 22px; font-weight:normal; padding:35px 0 50px 60px}
#contents div.box-form p.note{padding: 0 35px}
#contents div.box-form div.message{width: 67%; margin:-20px auto 25px auto}
#contents div.box-form p.right{margin: 0 46px 0 0}

/* transfer*/
#contents div.transfer p{padding: 0.6em}
#contents .box-form.transfer{margin-top: 25px}
#contents div.transfer ul.benefits{margin: 0 25px; list-style:none}

/* apartments */
#contents p.apartments{border-bottom: 2px dotted #e2e2e2; width:100%; height:160px; clear:both; padding:0}
#contents p.apartments{border-bottom: 2px dotted #e2e2e2; width:100%; height:160px; clear:both; padding:0}
#contents p.apartments span{display: block; font-size:15px}
#contents p.apartments a{display: block; text-align:right; padding:5px 0 0 0}
#contents p.apartments span.image-box{float: right; margin:0 0 0 25px; display:block; width:350px; text-align:center;}
#contents span.location{font-size: 18px}
#contents .apartments-detail p{padding: 5px 0}
#contents .apartments-detail{/*border-bottom: 2px dotted #e2e2e2;*/ padding:17px 0 0 0}
#contents .apartments-gallery{padding:25px 0 0; margin:25px 0 0 0;  border-top: 2px dotted #e2e2e2;}
#contents .apartments-gallery a{display: block; margin: 6px 0 0 5px; float:left;}
#contents .apartments-gallery img{border:1px solid #ccc; padding:1px}
#contents .apartments-detail a.gallery-link{float: right; text-align:center; text-decoration:none}
#contents .apartments-detail a.gallery-link img{max-width: 300px; text-align:center;}
#contents .apartments-detail a.gallery-link span{display: block; padding:10px 0 0 0; text-transform:uppercase; font-size:90%; color:#999}
#contents .box-form.appartment{margin-top: 25px}
#contents .apartments-map{border-top: 2px dotted #e2e2e2; padding:25px 0 0; margin:25px 0 0 0;}
#contents .apartments-map h3{padding: 10px 0; font-size:14px}
#contents .apartments-map #map{display: block; width:640px; height:480px; margin:0 auto; border:1px solid #ccc}
#contents .apartments-map #map .loader{padding: 15px}

/* offers */

/* guestbook */
#contents ul.guestbook-messages{list-style:none;}
#contents ul.guestbook-messages li{clear:both; float:none; display:block; border-bottom: 2px dotted #ccc; padding:15px 0}
#contents ul.guestbook-messages li span.info{display: block; padding:0 0 7px 0; font-size:115%}
#contents ul.guestbook-messages li span.city{display: block; font-size:95%}
#contents ul.guestbook-messages li span.image-container{float: left; margin:0 15px 5px 0; display:block; min-height:90px; height:90px !important; height:auto; min-width:120px;  width:120px !important;  width:auto; text-align:center}
#contents .box-form.guestbook{margin-top: 25px}

/* contact-us */
#contents .box-form.contact-us{margin-top: 25px}

/* links */
#contents ul.links{list-style:none}
#contents ul.links li{margin: 7px 0}
#contents ul.links strong{list-style:none; font-size:110%}

/* footer */
#footer .info {background:url(/images/layout/mini-logo.jpg) 0px 7px no-repeat; display:block; height:90px; padding:1px 0 15px 175px; margin:8px 0 0 15px;}
#footer .info a{display: block}
p.copyrights{width: 1055px; text-align:center; padding:5px 0 0 0}
.credits{width:100px;height:30px;background:url(/images/endesia_sign_color.png) no-repeat;text-indent:-1000em;display:block;float:none;clear:both;margin:5px 0 5px 20px}

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