@charset "utf-8";

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

body{background:#072e4d url(../images/layout/bg.jpg) repeat-x; font:75% "Arial Narrow", Arial, Verdana, Geneva, Arial, Helvetica, sans-serif; color:#fff}
img{border:0}

a{color:#72FF37}
a:hover{color:#cf0}

/* layout */
#wrapper{background:url(../images/layout/bg-ender.jpg) bottom center no-repeat; font-size:1.1em; min-height:1246px; height:auto !Important; height:1246px}
#main{background:url(../images/layout/bg-body.jpg) top center no-repeat; min-height:600px; height:auto !Important; height:600px; padding:25em 0}
#footer{background:#000 url(../images/layout/bg-footer.gif) top left repeat-x; height:50px; color:#fff; border-top:1px solid #000;color:#068FB4; height:auto}
#header{background:url(../images/layout/bg-header.jpg) no-repeat; position:absolute; height:71px; width:955px; text-indent:-1000em; top:60px;left:50%; margin:0 0 0 -482px}
#header a{display:block;height:100%; width:270px}
#container{width:954px; margin:0 auto;position:relative;}
#contents{display:block;float:left;width:474px;margin:0 32px 0 240px; font-size:1.3em}
#right,#left{display:block;float:right;width:208px}
#left{float:none;position:absolute; top:0; left:0}
div.box{background:url(../images/layout/box-background.png) bottom left no-repeat; padding:0.85em 1em;margin:0 0 1.8em 0}
div.box a{text-align:right;display:block; padding:0.2em 0 0 0;}
h2{font-size:1.7em;font-weight:normal;}
h3.box,h4.box{display:block;height:32px;background:url(../images/layout/box-header.png) 0 0 no-repeat; font-size:1.3em; font-weight:normal; line-height:32px; text-indent:0.82em;margin:0 0 -1px 0}
.clear{display:block; float:none; clear:both;}
.left{float:left}
.right{float:right}
.center{display:block; margin:0 auto}
.firstBannerItem{margin-top:-9px}
.marginTop{margin-top:0.35em}
.marginBottom{margin-bottom:0.35em}
.marginRight{margin-right:0.35em}
.list{margin:1em 2em}
img.border{border:1px solid #007297}
p{margin:0.5em 0; line-height:1.2em}

#contents.diveResidence{margin-left:0;width:699px}
#contents.excursions,#contents.full{margin:0;width:100%}
#right.Banner{width:223px;padding:1em 0 0 0}
#right.Banner div.opener{display:block;background: url(../images/layout/big-box-start.png) no-repeat; display:block; height:9px; width:223px; position:relative; top:-9px; left:0px}
#right.Banner div.box{background-image:url(../images/layout/big-box-background.png); padding:0 0 0.65em 0}
#left .logopadi{display:block; margin:0 auto}

/* nav */
#nav{list-style:none; position:absolute; top:60px; left:50%; margin:0 0 0 -215px}
#nav li{display:inline; float:left;}
#nav a{display:block; background:url(../images/layout/menu-separator.gif) center right no-repeat; width:auto; height:71px; color:#fff; line-height:71px; margin:0 0 0 1px; font-size:1.34em; text-decoration:none; padding:0 0.7em 0 0.5em}
#nav.fr a{padding:0 0.5em 0 0.3em}
#nav.de a{padding:0 0.4em 0 0.2em}
#nav .last a{background:none}
#nav a:hover{text-decoration:underline;}

/* language */
#language {list-style: none; position:absolute; top:112px; left:50%; margin:0 0 0 376px}
#language li{display: inline; float:left; margin:0 0.2em}
#language a{display: block; width:19px; height:14px; text-indent:-1000em; background: url(../images/layout/flags.png) 0px 0px no-repeat; opacity:0.4;filter:alpha(opacity=40);}
#language a:hover,#language a.active{opacity:1;filter:alpha(opacity=100)}
#language a.ita{background-position:0px}
#language a.eng{background-position:-19px}
#language a.fra{background-position:-38px}
#language a.deu{background-position:-57px}

/* home */
.welcomePhotos{display:block;text-align:center; border:1px solid #03B2D1; border-right:0; border-left:0; padding:0.75em 0; margin:1em 0}

/* massa lubrense */
.massaLubrensePhotos{display:block;text-align:center; border-top:1px solid #03B2D1; padding:0.75em 0; margin:1em 0}

/* footer */
#footer .info{display:block; width:690px; margin:0 auto; background:url(../images/layout/loghi-footer.jpg) top center no-repeat; height:102px;padding:20px 0 0 300px }
#footer .links{display:block; width:100px; margin:0 auto; text-align:center; font-size:112%; color:#CC0000; padding-bottom:0.25em}
.credits{width:100px;height:30px;background:url(/images/endesia_sign_light.png) no-repeat;text-indent:-1000em;display:block; margin:5px auto 0 auto}

/* diveresidence */
.diveResidence dl.structureDetail{font-size:0.9em}
.diveResidence dl.structureDetail dt{font-weight:bolder; margin:1em 0 0 0}

/* rates */
table.rates{border-collapse:collapse;border-spacing: 0px; font-size:92%; width:100%; margin:0.5em 0}
table.rates th,table.rates td{border:1px solid #03B2D1;border-collapse:collapse;border-spacing: 0px; line-height:14px; padding:0.25em}
p.ratesInfo{font-size:92%}

/* offers */
#elementList{list-style:none; font-size:0.9em; margin:1em 0}
#elementList li{border-bottom:1px solid #03B2D1;margin:0 0 1em 0;padding:0 0 1em 0;}
#elementList a{text-align:right; display:block;}
#elementList .photo{margin:0.2em 0.6em 0.1em 0}

/* signGuestbook */
.signGuestbook h3{font-weight:normal;}
p.privacy.info{font-size:82%}

/* scuola */
dl.scuola{margin:0 0 0 1em}
dl.scuola dt{font-weight:bold;}
dl.scuola ul{margin:0 2em 1em 2em}

/* pages */
div#pages{ width: 100%; margin:25px 0; text-align:right; display:block; font-size:62%}
div#pages a{color:#fff; border:1px solid #388CB8; padding:1px 3px; margin:0 0 0 1px}
div#pages a:hover,div#pages a.selected{color:#fff; background:#388CB8; text-decoration:none}

/* form */
form fieldset{border:0; padding:5px; font-size:62%; line-height:12px}
form label{display: block; float:left; width:125px; text-align:left; font-size:1.2em}
form input,form select,form textarea{font:10pt Arial, Verdana, Geneva, Arial, Helvetica, sans-serif; color:#fff; width:215px;border:1px solid #03B2D1;background:#04657D}
form input.button{background: url(../images/layout/bg-button.gif) bottom left repeat-x; width:auto !Important; height:20px; margin:0.5em auto 0 auto; display:block; color:#444; font-size:1.1em; padding:0 0.65em 1px 0.65em; cursor:pointer; text-transform:capitalize;}
form input.captcha{width:50px !Important; position: relative; top:-4px; margin:0 4px 0 0}
form input.checkbox{width:auto}
form img.refresh-captcha{margin-left:0.5em;position:relative;top:1px}
form p{display: block; clear:both; margin:0.5em auto !Important; width:355px;}
form p.privacy input{width: auto !Important}

/* events */
h3.eventTitle{margin:1em 0; font-size:102%}
img.photo.event{margin-right:1em}

/* location */
div#map{display:block; width:100%; height:360px; border:1px solid #666; position:relative; left:0px !Important; left:5px; background:#fff; color:#000}
div#map p.loader{padding:15px}
div#map #baloon p{text-align:center; color:#000;line-height:16px}
div#map #baloon span{display: block; font-size:92%; margin:10px 0 0 0}

/* howfindus */
.position.subTitle{margin:1.5em 0.75em 0 0; border-top:1px solid #007297; padding-top:1em; font-size:20px}
.howfindus{font-size:88%}
.howfindus dt{font-weight:bold; padding:0.5em 0 0 0; text-transform:uppercase;	}
.howfindus dd,.positionDetail{font-size:96%; line-height:1.2em}

/* pagesBox */
.pagesBox{border:1px solid #03B2D1; border-left:0;border-right:0;margin:1.5em auto;}
.pagesBox a{display:block; border:5px solid #05537A;float:left;text-decoration:none; margin:0.5em 0.3em}
.pagesBox .first{margin-left:0}
.pagesBox .last{margin-right:0}
.pagesBox span{display:block; width:100%; height:39px; background:#01121B; line-height:39px;color:#fff;text-indent:0.25em;font-size:1.1em; opacity:0.75;filter:alpha(opacity=75);}
.pagesBox a:hover span{background-color:#05537A;}

.pagesBox.diveCenter a{width:210px; height:233px;}
.pagesBox.diveCenter .first{margin-left:0.5em}
.pagesBox .attrezzature{background:url(../images/contents/dive-center/box-attrezzature.jpg) no-repeat;}
.pagesBox .immersioni{background:url(../images/contents/dive-center/box-immersioni.jpg) no-repeat}
.pagesBox .scuolasub{background:url(../images/contents/dive-center/box-scuolasub.jpg) no-repeat}

.pagesBox.diveResidence a{width:157px; height:176px;}
.pagesBox .excursions{background:url(../images/contents/dive-residence/box-escursioni.jpg) no-repeat}
.pagesBox .location{background:url(../images/contents/dive-residence/box-comearrivare.jpg) no-repeat}
.pagesBox .informations{background:url(../images/contents/dive-residence/box-notizie.jpg) no-repeat}
.pagesBox .massalubrense{background:url(../images/contents/dive-residence/box-massalubrense.jpg) no-repeat}

/* messages */
div.message{border: 1px solid #666666; display:block; width:75%; padding:5px 15px 0 15px; margin:15px auto 10px auto; overflow:hidden; font-size: 92%;}
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; padding:1px 0 5px 0;width:100%; text-align:center; display:block}
div.message.ko strong{color: #CC0000; position: relative; top:10px; width:100%; text-align:center; display:block}
div.message ul{margin:1em; font-size:100%}

/* skypebox */
.fastBooking p{width:200px; display:block;clear:both;float:none; height:20px !Important; line-height:normal;}
.fastBooking label{width:50px;font-size:96% !Important;}
.fastBooking select{float:left;width:140px}
.fastBooking .button{font-size:11px !Important; margin:0 auto !Important}
.fastBooking .days{width:50px}
.fastBooking .month{width:90px}

/* skypebox */
.skypebox ul{margin:0 auto; list-style:none;width:350px; height:70px;padding-top:20px}
.skypebox li{float:left;display:block;width:175px;text-align:center;}
.skypebox strong{color:#C8FFC8;}

/* links */
.links{margin:1em; font-size:92%}
.links p{margin:0}
.links li{padding-bottom:0.25em}

.divePhotos{text-align:center;}

.sidebar-offers{list-style:none}

dl.conditions{margin-top:1em; font-size:92%}
dl.conditions dt{color:#72FF37; font-weight:bold}
dl.conditions dd{margin-bottom:1em}
dl.conditions p{margin:0}

.conditionsLinks{padding:0.6em 0;display:block;color:#cf0;}
.ratesDescription{font-size:88%; line-height:72%}