@charset "utf-8";
/* CSS Document */
html {
margin: 0;
padding: 0;
}

body {
font: 13px Trebuchet MS, Arial, Helvetica, sans-serif; line-height:22px;
color: #333333; background-image:url(../immagini/sfondo.jpg); background-repeat:repeat-x; background-color:#ffc15b;
width: 100%;
display: table; 
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}

a{color: #FF6600; text-decoration: none; }
a:hover{color: #FF9900; text-decoration: underline;}

/* container ----------------------------------------------------------------------------------------------*/
div#container { 
text-align:left;  
margin:auto; background-color:#FFFFFF; background-image:url(../immagini/backgroundsf.jpg); background-repeat:repeat-y;
width:955px; 
}


/* header ----------------------;------------------------------------------------------------------------*/
div#header {
height:153px; text-align:LEFT;
 padding:0 20px 0 0; background-image:url(../immagini/sfondo_logo.jpg); background-repeat:repeat-x; 
}

.logo { float:left; margin-right:37px;
}


/* animation ----------------------------------------------------------------------------------------------*/
div#animation {
height:auto; width:auto;  text-align:right; 
}


/*navigation horizontal  ----------------------------------------------------------------------------------------------*/
div#navigation_horizontal{
font-size:13px; 
background-color:#303235;
height:35px; background-image:url(../immagini/horiz-bg.jpg); background-repeat:repeat-x; 
}

/*stili per la navigazione link orizzontali*/
div#navigation_horizontal ul{list-style-type: none; padding-top:7px;}
div#navigation_horizontal li{display: inline; padding:0;} /*nota display: inline*/
div#navigation_horizontal a{color: #FFFFFF; text-decoration: none; margin:2em 23px 2em 0; }
div#navigation_horizontal a:hover{color: #FFFFFF; text-decoration: underline;}
div#navigation_horizontal a#activelink{color:#FFCC00; text-decoration: underline;}



/*COLONNA SINISTRA ----------------------------------------------------------------------------------------------*/ 
div#left_column{
width:190px; 
float: left; 
background-image:url(../immagini/sfondolink.jpg); background-repeat:repeat-x; 
height:850px;
}

/* navigation vertical*/
.navigation_vertical { padding:0 0 0 5px; font-size:12px; }
.navigation_vertical ul {padding: 0px; list-style-type: none;}
.navigation_vertical li { padding:10px 0 8px 0; text-align:center; background-color:#fd7100; width:180px; margin-bottom:5px; line-height:13px; border:1px solid #FF9900  }
.titoletti {color: #ffba52; font-size:16px; line-height:16px; margin-bottom:10px; font-weight:bold; text-align:center}
.navigation_vertical a {color: #ffffff; text-decoration: none;}
.navigation_vertical a:hover {color: #ffffff; text-decoration: underline;}
.navigation_vertical a#activelink {color: #FFCC00; text-decoration: underline; font-weight:bold;}

/* content  ----------------------------------------------------------------------------------------------*/

div#content_esteso {
height:auto; float:right;
width:700px;
background-color:#ffffff;
padding:0 30px 30px 5px; 
text-align:justify;
}
.titolo_evidenziato {width: 95%; border-bottom:1px solid #ffbf80; padding:2px; line-height:20px;color:#666666;}
.titolo_sezione {font-weight: bold; color:#222;}
.titoloNews {color: #FF6600;font-size: 16px;border-bottom:1px solid #ffbf80;}
.linkzoom a {color:#2b53ab;}
.linkzoom a:hover {color:#2b53ab;text-decoration:underline;}

.div_rolloverhp {margin-right: 5px; margin-left: 5px; }
.div_rolloverhp a {color:#333; display: block; background-color: #e5e5e5; padding:10px 10px 5px 10px; border:solid 1px #CCCCCC;}
.div_rolloverhp a:hover {color:#333; text-decoration:none;  background-color: #e5e5e5; padding:10px 10px 5px 10px; border:solid 1px #CCCCCC;}


.div_rollover {margin-right: 5px;}
.div_rollover a {color:#333; display: block; background-color: #FFFFFF; padding:10px 10px 5px 10px;}
.div_rollover a:hover {color:#333; text-decoration:none;  background-color: #e5e5e5; padding:10px 10px 5px 10px;}
.separatore {clear: both; border-bottom: 1px solid #e5e5e5;height: 7px;}
.dettaglio{color: #ff7e00; font-size: 12px;font-weight: bold;text-align: right;}
.floatsxMini { float:left; margin-right:10px;margin-bottom:0px;}
.floatdxMini { float:right; margin-left:30px;width:305px;}
.aligncenter {text-align: center;}

.orari { width:238px; height: auto; background-color:#f2f2f2; padding:25px;text-align:left;  }
.spaziosotto { width:auto; height: auto; clear: both;    margin:70px 0 30px 0; color:#2e52ad }
.floatdx { float:right; margin-left:40px; margin-bottom:30px;}
.floatsx { float:left; margin-right:20px;margin-bottom:20px;}
.corpogrande { font-size:15px; text-align:left;}
.blu { color:#2e52ad;}
.titoli { font-size:18px; font-weight:bold;text-align:left;}
.small{ font-size:11px;}
.tabelletre {  text-align:left;  width:200px; }

/*--------------------- Form ---------------------*/
div#contenutoForm {text-align: center;width: 90%;}
fieldset {width: 100%; padding: 0 0 10px 0; border: 1px solid #e5e5e5;text-align: left; background-image:url(../immagini/sfondorisparmio.jpg); background-repeat:no-repeat;background-position: 100% 100%}
fieldset legend {color: #FF7F00; padding:10px; font-size: 15px}
fieldset .newfield {clear: left; text-align: left;}
fieldset label {float: left; width: 45%; padding: 3px 15px; margin: 0 0 5px 0; text-align: left;font-size: 14px}
fieldset .captchaField {float: left; text-align: right; padding: 3px 15px 3px 0; margin: 0 0 5px 0;}
fieldset .inputText {width: 350px; padding: 1px 3px;  margin: 0 0 10px 0; border: 1px solid #8897AA;}
fieldset .inputTextSmall {width: 110px; padding: 1px 3px;  margin: 0 0 10px 0; border: 1px solid #8897AA;}
fieldset .selectOpt {width: 180px; padding: 1px;  margin: 0 0 10px 0; border: 1px solid #8897AA;}
fieldset .inputRadio {margin: 0 0 0 50px;}
#bottoni {width: 100%; padding-top: 10px; text-align: right;}
#bottoni .bottone {width: 120px; margin-left: 30px;}
#messaggiForm {width: 100%; padding-top: 5px; text-align: left;}

div#contenutoForm #messages {color: #FF7F00; font-weight: bold;}
div#contenutoForm #requiredFields {color: #c60000; font-weight: bold;}
div#contenutoForm #wrongFields {color: #eaac11; font-weight: bold;}

fieldset#risultati {width: 90%; margin: 0 0 10px 0; border: 1px solid #e5e5e5;text-align: left;background-image:url(../immagini/sfondorisultati.jpg); background-repeat:no-repeat;background-position: 100% 30%;font-size: 13px}
fieldset#risultati  legend {color: #2E52AD; padding:10px; font-size: 15px;font-weight: bold;}
.risultatiContent {line-height: 40px;padding: 5px 20px}

.spanRisparmioAnnuoOutput {font-weight: bold;font-size: 14px;color: #2E52AD;}
.spanRisparmioOutput{font-weight: bold;font-size: 14px;color: #2E52AD;}
.spanRisparmioPercOutput{font-weight: bold;font-size: 18px;color:#FF7F00; }
.display-none {display: none;}
.visibility-hidden{visibility: hidden;}

/* footer  ----------------------------------------------------------------------------------------------*/

div#footer {
clear: both; line-height:14px;
padding: 5px 0 5px 0;
color: #FF6600; 
text-align: left; background-color:#ffc25b;
}

div#footer a {
font-weight: bold; 
color: #9d5d05; 
text-decoration: underline;
}


/* varie ------------------------------------------------------------------------------------------------*/

h1 {
font-size:18px; font-weight:normal; color:#3055ae; text-transform:uppercase;
}

h2 {
font-size:1.5em;
margin-bottom:0.8em;
}
h3 {
font-size: 12px; font-weight:normal;
}

.bold { font-weight:bold;}
.spacer { padding:0 20px 0 20px;}

		
/* risultati*/
td.tabellafoto {border-top:1px solid #9c9c9c; border-bottom:1px solid #9c9c9c; border-left:1px solid #9c9c9c; width:150px;}
td.tabellafoto2 {border-top:1px solid #9c9c9c; border-left:1px solid #9c9c9c;width:200px; text-align:center; border-right:1px solid #9c9c9c; }
td.tabellafoto3 { border-bottom:1px solid #9c9c9c; border-left:1px solid #9c9c9c;width:200px; text-align:center; border-right:1px solid #9c9c9c; }

td.tabelladescrizione { border-top:1px solid #9c9c9c; border-bottom:1px solid #9c9c9c; }
td.tabellarisultato { border-top:1px solid #9c9c9c; border-bottom:1px solid #9c9c9c; border-right:1px solid #9c9c9c; background-color:#EBEBEB; width:120px;}
td.tabellarisultato2 { border-top:1px solid #9c9c9c; border-bottom:1px solid #9c9c9c; border-right:1px solid #9c9c9c; width:20px;}

td.spaziotabella { height:20px;}

.zoom { margin:20px 0 20px 0; height:auto; width: auto; }
.clear { clear:both;}
.testointerlinea  { line-height:25px; font-size:15px;}	
.foto  {border:1px solid #9c9c9c; padding:2px; background-color:#FFFFFF;}

#assistenzaList td {border-bottom: 1px solid #e5e5e5;padding: 7px 0;}