@charset "utf-8";

/* layout */
html,body{margin:0; padding:0; color:#666666; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size: 13px; background: #0098CB !important;  background: #FFFFFF}

a,a:link,a:active{color: #0066CC}
a:hover{color:#BF7300}

p{margin:0;padding:0}
img{border: none}

h1{display: block; margin:0; padding:0; height:269px; background: url(../images/layout/top.jpg) top left no-repeat; text-indent: -9999px}
h1 a{display: block; width:100%; height:65%}
h2{ color:#333333; font-size: 26px; margin:0; padding:0}

#main-container{background: #FFFFFF; overflow:auto;  min-width: 970px; width: auto !important; width: expression(document.body.clientWidth < 969 ? "970px" : "auto");}
#header{height:269px; background: #FFFFFF url(../images/layout/header-bg.jpg) top right no-repeat;}
#col-right{ float:right; width: 205px; margin: 0; position:relative; top:-25px}
#col-body{ margin: 0 205px 0 205px; word-spacing: 2px; padding: 17px 27px 0 10px; min-height: 350px; height: auto !important; height:350px; position:relative; top:-25px}
#col-left{ float:left; width:205px; margin: 0}

#footer{ height: 150px; width: 100%; background: #0098CB url(../images/layout/footer-bg.gif) top left repeat-x; clear:both }
#footer img{float: left; margin: 15px 15px 0 15px}
#footer p{float: left; border-left: 1px solid #DDDDDD; padding: 10px 0 0 15px}
#footer p strong{clear: both; float:none;display: block; font-size:16px; color: #0098CB; margin:0}

#navigation{list-style:none; margin:0; padding:0; width:190px;}
#navigation li{margin:-1px 0 0 0; padding:0; display:block; width:185px; height:30px; border:1px solid #DDDDDD;}
#navigation li a{display: block; width:190px; height:30px; line-height:30px; text-indent:50px; text-decoration:none;}

#navigation li.chisiamo a{ background:url(../images/layout/menu-chisiamo.jpg) bottom left no-repeat }
#navigation li.associati a{ background:url(../images/layout/menu-associati.jpg) bottom left no-repeat }
#navigation li.fornitori a{ background:url(../images/layout/menu-fornitori.jpg) bottom left no-repeat }
#navigation li.servizi a{ background:url(../images/layout/menu-servizi.jpg) bottom left no-repeat }
#navigation li.informazioni a{ background:url(../images/layout/menu-informazioni.jpg) bottom left no-repeat }

#navigation li.chisiamo a:hover,#navigation li.chisiamo.selected a{ background:url(../images/layout/menu-chisiamo.jpg) top left no-repeat }
#navigation li.associati a:hover,#navigation li.associati.selected a{ background:url(../images/layout/menu-associati.jpg) top left no-repeat }
#navigation li.fornitori a:hover,#navigation li.fornitori.selected a{ background:url(../images/layout/menu-fornitori.jpg) top left no-repeat }
#navigation li.servizi a:hover,#navigation li.servizi.selected a{ background:url(../images/layout/menu-servizi.jpg) top left no-repeat }
#navigation li.informazioni a:hover,#navigation li.informazioni.selected a{ background:url(../images/layout/menu-informazioni.jpg) top left no-repeat }

#box-attivita{ background: url(../images/layout/box-attivita.gif) top left repeat-x; width:186px; height:150px; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; font-size:12px}
#box-attivita p{padding: 15px}
#box-attivita strong{ color: #BF7300; clear:both; padding:0 0 8px 0; display:block}

#partner{width: 186px; text-align:center; padding: 40px 0 0 0}
#partner .separator{background: url(../images/layout/news-separator.gif) center center no-repeat; display:block; height:10px;width: 186px; margin:10px 0 10px 0}

#date-container{position: absolute; top:9px; right: 15px; color:#FFFFFF; font-size: 12px}

/* contents */
p.intro{color:#0098CB; margin:10px 0 15px 0}

h2.news-title{ color:#333333; font-size: 26px; background:url(../images/layout/news.jpg) top right no-repeat; display:block; width:85px; height:45px; padding:15px 0 0 0; margin: 0 0 0 100px}
div.news {padding: 0 20px 30px 5px; background:  url(../images/layout/news-separator.gif) bottom right no-repeat; margin: 0 0 10px 0; width:180px; overflow:hidden}
div.news .intro{margin: 2px 0 2px 0}
div.news a{float: right}

#contents .area-foto {display: inline; float:right; padding:1px; border: 1px solid #C4C4C4; width:250px; height:250px; text-align:center; margin: 0 0 2px 7px}
#contents .area-foto img{padding:1px; border: 1px solid #C4C4C4; margin: 30px 15px}
#contents .area-foto a{clear: both; float: left; display:block; background: url(../images/layout/zoom.gif) center center no-repeat; width:63%; text-align:center; padding: 0 0 0 50px; font-weight:bold;}

/* associati */
#lista-associati{width: 100%; margin:0 0 0 4%; padding:0;}
#lista-associati p{line-height: 20px;}
#lista-associati th,#lista-associati td{text-align:left;}
#lista-associati .num{width: 2%; text-align:right; padding: 0 10px 0 0}
#lista-associati .name{width: 30%;}

/* fornitori */
#lista-fornitori{list-style:none; margin:25px 0 0 ; padding:0}
#lista-fornitori li{margin:0 0 15px 50px; padding:0}
#lista-fornitori strong{color: #0098CB; display:block; float: none}
#lista-fornitori span{font-weight:bold;}

/* servizi */
#contents.servizi p.intro {color:#666666; font-size:14px; margin: 10px 0 20px 0}
#contents.servizi p.intro strong{color:#0098CB}
#contents.servizi ul{list-style:none; margin:0; padding:0}
#contents.servizi ul li strong{display:block; background: #003C4F; padding: 3px 0 3px 15px; font-size:16px; color:#FFFFFF}
#contents.servizi ul li ul {margin: 10px  10px 25px 10px ;}
#contents.servizi ul li ul li{background: none; font-size: 13px; height:auto; line-height:normal; color:#666666;}

/* contattii */
#contents div.contatti h3{display:block; background: #003C4F; padding: 3px 0 3px 15px; font-size:16px; color:#FFFFFF; width:98%;}
#contents div.contatti strong{display:block; font-size:14px; color:#0098CB; margin:15px 0 0 0}
#contents div.contatti a{font-size:14px; color:#BF7300}
#contents div.contatti p{margin: 0 0 0 5%; float:left; width: 40%}

#form-contatti{border: 1px solid #0098CB; width:100%; height: 300px; padding:0; background: url(../images/layout/contatti-bg.jpg) top left no-repeat; padding:0; margin:0}
#form-contatti fieldset{border: none; padding:20px 0 0 0; margin:0}
#form-contatti p{margin: 2px 0 0 15%}
#form-contatti label{width: 200px; display:inline-block; text-align:right; padding: 0 15px 0 0; line-height:20px}
#form-contatti p.textarea label{ position:relative; top: -35px}
#form-contatti input{border: 1px solid #BDBDBD; margin:2px 0 0 0; width:48%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333}
#form-contatti textarea{border: 1px solid #BDBDBD; margin:2px 0 0 0; width:68%; height:50px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333}
#form-contatti .button{width: 80px; padding:1px; margin:5px}
#form-contatti p.pulsanti{margin: 5px 0 0 61%}
#form-contatti .checkbox{border: none;position:relative; top:5px; left: -92px}
#form-contatti input.captcha{width:85px;}
#form-contatti img.captcha{position: relative; top:3px; left:3px}

div.contatti-results #req-info{padding:0; display:block; margin: 20px 0 10px 0; color:#CC0000;}
div.contatti-results #req-info li{list-style:disc; margin: 0 0 0 140px}
div.contatti-results #req-info li.success{color: #00CC00; font-weight:bold; border:1px solid #00CC00; padding:5px; list-style: none; text-align:center; text-indent:0px; margin: 0 0 10px 0}
div.contatti-results #req-info li.error{color: #FF0000; font-weight:bold; border:1px solid #FF0000; padding:5px; list-style: none; text-align:center; text-indent:0px; margin: 0 0 10px 0}

/* credits */
/*
#credits {clear: both; text-align:right; color:#CCCCCC;}
#credits p{margin: -10px 0 0 -20px}
#credits a{ color:#EEEEEE }
*/
#credits{width:100px; height:30px; background:url(/images/endesia_sign_light.png) no-repeat; text-indent:-1000em; display:block; clear:both; margin:0 auto}

/* organigramma */
#contents.organigramma strong{color:#0098CB}
#contents.organigramma p{margin: 10px 0 0 0}

.partnership-natale{position: absolute; top: 140px; right:195px; display:block; text-align:center; width:320px}/*{display:block; text-align:center; margin:25px 0; clear:both; float:none}*/
.partnership-natale img{display: block; clear:both}

/* responsible-hotel */
div.responsible-hotel{position:relative}
div.responsible-hotel ul.square{list-style:square}
div.responsible-hotel img{display: block; margin:0 auto 10px auto}
div.responsible-hotel a.pdf{background:url(../images/layout/pdf.png) center center no-repeat; display:block; width:80px; padding:70px 0 0 0; font-weight:bold; text-decoration:none; color:#333; position:absolute; right:0; top:-30px; text-align:center}
div.responsible-hotel a.pdf:hover{text-decoration:underline;}