@charset "utf-8";

/* layout */
html {margin:0; padding:0;}
body {margin:0; padding:0; font: 12px "Trebuchet MS", Helvetica, Arial, sans-serif; background:url(../images/layout/background.gif) top left repeat}
p{padding:0}
a,a:active,a:visited{color:#039}
a:hover{color:#09C;}
img{border:0}
#header {display: block; width:100%; overflow:hidden}
#header h1{margin:0; padding:0; display:block; margin:0 auto; width:1248px; height:152px; background: url(../images/layout/top.jpg) top left no-repeat; text-indent:-9999px;}
#header h1 a{display: block; height:100%; width:395px}
#main{display: block; width:100%; height:auto; background:url(../images/layout/bg-sfumatura.gif) 0px 0px repeat-x; margin:0; padding:0}
#body {display: block; margin:0 auto; padding:0; width:837px; background:url(../images/layout/bg_body.png) top center repeat-y !important; background-image:url(../images/layout/bg_body.gif); position:relative}
#body #container{height:400px; height:auto !important; min-height:400px; display:block; width:783px; margin:0 auto; padding:0}
#footer {display: block; clear:both; float:none; margin:0 auto; height:195px; width:783px; background:url(../images/layout/footer.jpg) bottom center no-repeat}
h2,h3{margin:15px 0 0 0 !important; margin:0 0 0 5px; padding:0;display: block; width:785px; height:52px; line-height:68px; background:url(../images/layout/bg_title.gif) top left no-repeat; text-indent:45px}
h2.no-bar,h3.no-bar{height:auto;line-height:normal; background:none}
#body #container p{padding:0 45px;float:left; text-align:justify}
#body #container p img.right{margin:0 0 0 25px;}
#body #container p img.left{margin:0 25px 0 0;}
.right{float: right;}
.left{float: left;}
.center{display:block; margin:0 auto}
.pulizia,.clear{display: block; clear:both; float:none; height:1px}
img.intro{margin-top:25px; margin-bottom: 25px}

/* home */
#animation{float: right; margin:0 0 10px 25px}

/**/
#box-left,#box-right{display: block; height:442px; width:187px; background-image:url(../images/layout/bg-box-lateral.png) !Important; background-image:url(../images/layout/bg-box-lateral.gif); background-repeat: no-repeat; position:absolute; top:0px; text-align:center; color:#fff; font-size:110%}
#box-left{left:-160px; background-position:bottom left}
#box-right{right:-160px; background-position:bottom right}
#box-left img{margin:0 -10px 5px 0}
#box-right img{margin:0 0 5px -10px}

/* menu */
ul#nav{margin:3px 0 0 22px; padding:0; list-style:none; text-align:center}
ul#nav li{padding:0; margin:0 -1px 0 0; border:1px solid #CCC; background:url(../images/layout/bg_menu.gif) top left repeat-x; display:block; float:left}
ul#nav li a{padding: 3px 12px 2px 12px; text-decoration:none; color:#333; display:block; font-weight:bold}
ul#nav li a:hover,ul#nav li a.active{color:#3366ff}

/* weddings */
p.weddings{width:90%}

/* excursions */
p.excursions{width: 350px}
ul.excursions{margin: 0 0 0 -15px}
div.excursion-gallery{text-align:center; width:100%}
div.excursion-gallery a img{border: 1px solid #d4d4d4; padding:1px}
div.excursion-gallery a:hover img{border-color: #06C}
a.excursion.back{margin:15px 0 15px 43px}

/* contact */
p.contact-us{line-height:15px; width:auto; word-spacing:-1px}
p.contact-us img{position: relative; top:-10px}
div.box-form{width: 350px; float:left; margin:0 25px 0 0}

/* guest */
div.guest-messages{font-size: 11px; display:block; clear:both; float:none; margin:0 0 10px 0;}
div.guest-messages strong{font-size:12px}
div.guest-messages em{color: #666}

/* form */
form{margin:0; padding:0}
fieldset{margin:0; padding:0; border:0}
form p {display: block; float:none; clear:both; width:250px; margin:10px 0 0 0}
form p label{display: block}
form input,textarea,select{background:#ECECED; border:1px solid #CCC; color#:333; width:300px; font: 11px "Trebuchet MS", Helvetica, Arial, sans-serif;}
form input.captcha{width: 75px; position:relative; top:-4px;}
form image#captcha{margin:0 10px}
form input.checkbox{border:0; background:none; width:auto}
form input.button{width: auto; padding:2px 10px; cursor:pointer; background:url(../images/layout/bg_button.gif) bottom left repeat-x; color:#555}
form input.button:hover{color:#111}

/* vehicles */
div.vehicles-list ul{margin: 0 35px 0 25px; padding:0; list-style:none; width:105px;float: left}
div.vehicles-list ul li {text-align:center; margin:5px 0;}
div.vehicles-list ul li img{display:block; float:none; clear:both}
div.vehicles-list ul li a{text-decoration:none; color:#000; cursor:pointer}
div.vehicles-list ul li a:hover{text-decoration:underline;}
div.vehicles-description{float: left; position:relative}
div.vehicles-description .description{display: block; width:590px !important; width:560px; height:auto; background:#c1c1c1; border: 3px solid #343434; overflow:visible !important; overflow:hidden; position:absolute; top:0; left:0;}
div.vehicles-description .description div.info{ background:#555; width:230px; float:left; height:290px; overflow:hidden !important; overflow:visible}
div.vehicles-description .description strong{ background:#CCC; display:block; width:100%; line-height:40px; text-align:center; text-transform:uppercase; font-size:16px}
div.vehicles-description .description dl{margin:0; padding:5px}
div.vehicles-description .description dt{clear:both; margin:0; padding:0; display:block; text-indent:10px; font-weight:bold; color:#c3c3c3}
div.vehicles-description .description dt.passengers{background:url(../images/layout/passengers.gif) -1px -1px no-repeat; padding:2px}
div.vehicles-description .description dt.trunk{background:url(../images/layout/trunk.gif) -1px 5px no-repeat; padding:2px}
div.vehicles-description .description dd{margin:-18px 0 0 50px !important; padding:0; display:block !important; margin:0; color:#c3c3c3;}
div.vehicles-description .description dd p{margin: 0; padding:0; display:block;}
div.vehicles-description .description div.photo{ text-align:center;}
div.vehicles-description .description div.photo img{display: inline;}
div.vehicles-description .description div.photo img.big{width: auto !important; width: 324px}
div.vehicles-description .description div.photo img.small{width: auto !important; width: 160px}

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

/* pages */
div#pages{ width: 98%; margin:25px 0; text-align:right; display:block; clear:both; float:none}
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: #000; border-color: #000;}

/* fastnav */
ul.fastnav{margin:25px auto; padding:26px 0 0 4px !important; padding:12px 0 0 2px; list-style:none; display:block; width:718px; height:271px; background:url(../images/layout/bg_fastnav.gif) top left no-repeat}
ul.fastnav li{display:block; float:left; margin:1px; padding:0}
ul.fastnav li{display:block; float:left; margin:1px; padding:0}
ul.fastnav li a{display: block; width:176px; height:117px; text-indent:-9999px; background-position:top left; background-repeat:no-repeat}
ul.fastnav li a:hover{background-position:bottom left;}
ul.fastnav li a.transfer{background-image:url(../images/contents/fastnav/transfer.jpg)}
ul.fastnav li a.contact_us{background-image:url(../images/contents/fastnav/contact_us.jpg)}
ul.fastnav li a.cruises{background-image:url(../images/contents/fastnav/cruises.jpg)}
ul.fastnav li a.excursions{background-image:url(../images/contents/fastnav/excursions.jpg)}
ul.fastnav li a.guestbook{background-image:url(../images/contents/fastnav/guestbook.jpg)}
ul.fastnav li a.vehicles{background-image:url(../images/contents/fastnav/vehicles.jpg)}
ul.fastnav li a.weddings{background-image:url(../images/contents/fastnav/weddings.jpg)}
ul.fastnav li a.links{background-image:url(../images/contents/fastnav/links.jpg)}

/* guestbook */
div.guest-messages {border-bottom: 2px dotted #ddd; width:90%; margin: 10px auto 0 auto; padding:0 0 10px 0}
div.guest-messages p{float: left}
div.guest-messages .box-photo{float: left; width:130px; text-align:center; padding:5px;}
div.guest-messages .box-photo img{border: 1px solid #d4d4d4}

/* transfer */
p.transfer{width: 90%}
div.transfer-location{background:url(../images/layout/bg_title.gif) top left no-repeat; width:743px; overflow:hidden; display:block; clear:both; padding:25px; margin:15px 0 0 0}
form.modulo.transfer{margin-left: auto; margin-right:auto; width:400px}

/* excursions-list */
#excursions-list{padding: 25px 0; margin:10px 0 25px 0; background:url(../images/layout/bg_title.gif) top left no-repeat; height:295px}
#excursions-list div.container{float: left; width:35%; display:block; position:relative}
#excursions-list div.container img{ position:absolute; top:0px; left:0px}
#excursions-list div.container small{position: relative; top:290px; right:0px}
#excursions-list ul{margin: 0 0 0 25px; width:37%; float:left; color:#06C}
*:first-child+html #excursions-list ul{ width:41%;}
#excursions-list ul li {width:140px; float:left}
#excursions-list ul li a{text-transform:capitalize; width:100px; padding:0; margin:0; text-decoration:none}
#excursions-list ul li a:hover,#excursions-list ul li a.active{padding:0 0 0 10px; text-decoration:underline; font-weight:bold}
#excursions-list em{padding: 0 25px 10px 25px; font-size:90%; display:block}

/* shuttle request */
#box-left.shuttleService{text-align:left;}
#box-left.shuttleService h4{font-size:120%; font-weight:normal; margin:1em 0 0 0; text-indent:0.9em; color:#999}
#ShuttleRequest{width:187px; float:left;}
#ShuttleRequest fieldset{padding:10px; border-bottom:1px solid #999}
#ShuttleRequest input,#ShuttleRequest select{width:100%; font-size:10px; padding:0}
#ShuttleRequest p{margin:0; padding:0; font-size:11px; width:auto}
#ShuttleRequest p.opts{width:50%; float:left; clear:none;}
#ShuttleRequest p.opts label{width:60px; float:right;line-height:12px;}
#ShuttleRequest p.opts input{width:auto;float:left;background:#000; border:0}
#ShuttleRequest label span{display:block;}
#ShuttleRequest .datepicker{width:134px}
#ShuttleRequest .date {position:relative;}
#ShuttleRequest .date img{margin:0; padding:0; border:0; position:absolute; top:0; right:0; margin:12px 5px 0 0; cursor:pointer;}
#ShuttleRequest .p3x3{width:25%; float:left; clear:none; margin-right:5px}
#ShuttleRequest .button{background:url(/images/layout/btn-shuttle.jpg) 0 0 no-repeat; width:91px; color:#fff; height:24px; font-size:11px; line-height:10px; border:0; margin:1.5em auto 0 auto; display:block;}
#summaryShuttleRequest {margin:0 1em; padding:0; color:#333}
#summaryShuttleRequest li{display:block; float:none; clear:both;}
#summaryShuttleRequest p{margin:0; padding:0}

#ShuttleRequestPage{margin:0 auto; width:50%; display:block;}
#ShuttleRequestPage form p.p3x3 select{width:50px}
#ShuttleRequestPage form p.opts{width:125px; float:left !Important; padding-right:0 !Important;}
#ShuttleRequestPage form p.opts.second{padding:0 !Important; float:left; clear:none;}
#ShuttleRequestPage form p.opts label{width:105px;float:left}
#ShuttleRequestPage form p.opts input{width:auto; float:left}
#ShuttleRequestPage .p3x3{width:50px; float:left; clear:none; margin-right:5px; padding-right:0 !Important}
#ShuttleRequestPage .datepicker{width:250px}
#ShuttleRequestPage .date {position:relative;clear:both;float:none;}
#ShuttleRequestPage .date img{margin:0; padding:0; border:0; position:absolute; top:0; right:0; margin:15px 0 0 0; cursor:pointer;}
#ShuttleRequestPage .button{margin-top:1.5em}


/* links */
ul.links{margin: 10px 0 0 25px}
ul.links li{margin: 0 0 5px 0}

/* footer */
#footer .info{font-style:normal; font-size:110%; padding-top:12px; display:block; clear:both; float:none;} 
#footer p,#footer address {padding-left:250px; font-size:11px; line-height:13px}
#footer p strong,#footer p a{display:block}
#footer p.copyright{font-size:12px; color:#FFF; padding:0; margin:0; text-align:center; margin:50px 0 0 -25px}
#footer p.copyright a{color:#fff}
#footer p.copyright a:hover{color:#09F}
#credits{width:100px;height:30px;background:url(../images/endesia_sign_light.png) no-repeat;text-indent:-1000em;display:block;}

*:first-child+html address{margin-top:-4px}

a.contact-us{margin:25px 0 25px 45px; display:block; clear:both; float:none}

.transferService dt{clear:both; float:none; display:block; font-size:140%; color:#06c; border-top:2px dotted #ccc; margin:0 2.6em; padding: 1em 0 0 0 }
.whereCarService{padding:0 4em}
.whereCarService dt{font-weight:bolder;}
.whereCarService dd{margin-bottom:1em}

/* counter */
#counter-stat{display: block; text-align:center; margin:0 auto; width:100px}
