@charset "utf-8";

@font-face {font-family:Samuels;src:url(/images/fonts/samuels.eot)}
@font-face {font-family:Samuels;src:url(/images/fonts/samuels.ttf)}

*{margin:0; padding:0}
body{font: 75% Tahoma,Helvetica,Arial,Garuda,sans-serif; color:#666; background:#fff url(/images/layout/background.jpg) repeat-x;}

a{color:#06C}
a:hover{color:#09F}
img{border:0}
p{margin:0.7em 0;text-align:left;line-height:125%;}
ul,ol,dl{margin:0 1.75em}
address{font-style:normal;}
.separator{display:block;height:4px;width:100%;margin:1.5em 0;clear:both;float:none;background:url(/images/layout/dots.gif) repeat-x}
.clear{display:block;float:none;clear:both;}

/* layout */
#container{background: url(/images/layout/bg-contents.png) repeat-y; width:950px; padding:0 10px; height:auto; min-height:600px; margin:0 auto}
#header{height:155px; width:950px; background:url(/images/layout/top.jpg) no-repeat; text-indent:-1000em; margin:0 0 30px 0}
#header a{display:block;height:100%;width:53%}
#contents{padding:0.5em 1.5em; font-size:1.2em; e}
#contents .title{font-family: Samuels,Tahoma,Helvetica,Arial,Garuda,sans-serif; color:#09C; font-size:1.4em; font-weight:normal; margin-top:0.5em; margin-bottom:0.5em}
#footer{background: url(/images/layout/bg-footer.jpg) no-repeat; width:946px; padding:0 12px; height:85px; margin:0 auto}
.section{width:50%;float:left;}
.section .sub{width:49%;float:left;}
.section.border{width:48%;float:left;border:1px solid #ccc}
.section.border.left{border-top:0;border-right:0;border-bottom:0; margin-left:-1px; padding-left:2%}
.section.border.right{border-top:0;border-left:0;border-bottom:0}
.sectionPhoto{float:right;}
#topAnim{border:2px solid #FFFFFF;display:block;height:142px;left:50%;margin:4px 0 0 36px;position:absolute;top:0;width:431px;}

/* footer */
#footer a{color:#fff}
#footer address{display:block;float:left; color:#fff; margin:1em 0 0 1em}
#footer .logo{display:block;width:276px;height:70px;float:left; background:url(/images/layout/mini-logo.png) 4px 16px no-repeat; text-indent:-1000em}
#footer .logoRegione{display:block;height:66px;width:258px;background:url(/images/layout/logo-regione.png) no-repeat; text-indent:-1000em; float:right; margin:0.5em 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:0.25em auto 0 auto}
p.vat{text-align:center;color:#999}

/* menu */
#nav{background:#f60 url(/images/layout/bg-menu.gif) repeat-x;display:block;height:29px;left:50%;margin:0 0 0 -475px;padding:0;position:absolute;top:155px;width:952px;}
#nav li{display:inline; float:left;}
#nav a{display:block; color:#fff; text-decoration:none; font-size:1.3em; background:url(/images/layout/bg-menu-item.gif) top right repeat-y;height:29px;line-height:28px;padding:0 0.75em 0 0.65em}
#nav a:hover{background-color:#f60}

/* language */
#language{list-style:none; position:absolute; top:159px; left:50%; margin:0 0 0 410px}
#language li{display:inline; float:left; margin:0 0.15em}
#language a{display:block; height:22px; width:29px; text-indent:-1000em; filter:alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;border:0}
#language a:hover,#language .active{filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;}
#language .ita{background: url(/images/layout/flag_sprite.png) top left no-repeat}
#language .eng{background: url(/images/layout/flag_sprite.png) bottom left no-repeat}


/* home */
.piazzaWelcome{float:right; margin:0 0 1em 1em}
.bannerWeSpeak{float:right;}
.excursionHome{float:left;width:68%;clear:left;}
.excursionHome .moreExcursions{float:right; padding:0.5em 1.5em 0 0}
.nicePlaces{list-style:none;margin:0.75em 0 0 0;padding:0}
.nicePlaces li{float:left;display:block;background:url(/images/layout/box-photo.gif) no-repeat;height:145px;width:145px; text-align:center; overflow:hidden;margin:0 0.5em 0 0}
.nicePlaces a{display:block;width:100%;height:100%;text-decoration:none;padding:115px 0 0 0;font-size:1.1em; background-position:8px 8px;background-repeat:no-repeat;}
.nicePlaces .sorrento{background-image:url(/images/contents/home/sorrento.jpg)}
.nicePlaces .amalfi{background-image:url(/images/contents/home/amalfi.jpg)}
.nicePlaces .vesuvio{background-image:url(/images/contents/home/vesuvio.jpg)}
.nicePlaces .pompei{background-image:url(/images/contents/home/pompei.jpg)}

/* escursioni */
.infoExcursions{background:url(/images/layout/square.gif) 2px 18px no-repeat; padding:1em 0 0 1em; font-size:0.9em; color:#444}
.excursionsList{float:left;margin-top:1.75em}
.excursionsList li{list-style:none;}
.excursionsList a{text-decoration:none;color:#333; line-height:160%; display:block;background:url(/images/layout/square.gif) 2px 9px no-repeat; padding:0 0 0 1em}
.excursionsList a:hover{text-decoration:none;color:#06c}
.excursionGallery{border-top:2px dotted #ccc; margin:1em 0; padding:1em 0 0 0; text-align:center; clear:both;}

/* other */
.toursTypeList{margin-top:1.5em; margin-bottom:1.5em}
.staffTelephoneNumbers{font-size:0.9em;}
.staffTelephoneNumbers dt{float:left; width:40%; margin-bottom:0.5em}
.staffTelephoneNumbers dd{float:left; width:60%; margin-bottom:0.5em}
.mainContacts{border-right:2px dotted #ccc}
.phone{background:url(/images/layout/s/tel.png) no-repeat; padding-left:2em}
.fax{background:url(/images/layout/s/print.png) no-repeat; padding-left:2em}
.transferBanners{text-align:center;padding:2em 0 0 0;clear:both;float:none}
.transferBanners img{margin:0 1em}
.sub.address{width:45%}
.sub.phones{width:55%}

/* form */
form{width:100%; margin:0 auto}
form fieldset{border:0; padding:5px; font-size:100%}
form label{display: block; float:left; width:30%; text-align:left}
form input,form select,form textarea{font-size:90%; border:1px solid #999; font-size: 9pt; color:#333; width:69%;background:#f6f6f6}
form input.button,form a.button{background:#f9f9f9 url(/images/layout/bg-button.gif) left bottom repeat-x; border:1px solid #bbb; cursor:pointer; font-size:14px; width:auto !Important; padding:0.25em;}
form input.button:hover,form a.button:hover{background-position:bottom;}
*:first-child+html form input.button{padding:0}
form input.captcha{width:50px !Important; position: relative; top:-4px; margin:0 4px 0 0}
form input.checkbox{width:auto !Important; border:0}
form p.privacy input{width: auto !Important}
form p{display: block; clear:both; margin:5px 0;}
form p select.date{float: left; width:auto; margin:0; padding:0}
form p select.date.month{margin: 0 0 0 100px;}
form img#captcha{position:relative; left:1px}
form p.submit{text-align:center;}

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