html, body  {
min-height:100%;
height:100%;
background : #ebeff2 url(images_extra/bg_body.jpg) center center repeat-y;
FONT-SIZE: 14px;
FONT-FAMILY: Trebuchet MS, Verdana, Arial, sans-serif;
color : #585858;
text-align: center;
margin: 0 auto 0 auto;
}

#popup {position:absolute;top:50px;left:300px;width:450px;height:auto;text-align:left; BACKGROUND: #e6e6e6 url(images_extra/bg_popup.png) right top no-repeat; BORDER-right: #666 2px solid; BORDER-left: #666 1px solid; BORDER-top: #666 1px solid; BORDER-bottom: #666 2px solid; z-index: 1; padding: 5px; color: #000;}

.logo-stampa {display: none;}

.tabella {margin: 10px;}

.slogan{width: auto; height: 24px; font: bold italic 16px Trebuchet MS, Verdana, Arial, sans-serif; color: #fff; background: #fff url(images_extra/bg_slogan.png) right bottom no-repeat;margin-bottom: 0px;}
.g15{ font: bold 15px Trebuchet MS, Verdana, Arial, sans-serif; color: #a21835;}
.g20{ font: bold 20px Trebuchet MS, Verdana, Arial, sans-serif; color: #a21835;}


#contenitore-top {width:990px; height:auto; background: #fff; padding: 0px; text-align: center; margin: 0 auto 0 auto; display: block; clear: both;}

#data {width:auto; height: auto; color: #fff; background: #1C33C0; padding-right: 20px; text-align: right; margin: 0 auto 0 auto; BORDER-bottom: #ccc 1px solid; display: block; clear: both;}

a:link {font: normal 13px Trebuchet MS, Verdana, Arial, sans-serif; color: #666; text-decoration:none;}
a:visited {font: normal 13px Trebuchet MS, Verdana, Arial, sans-serif; color: #666; text-decoration:none;}
a:hover {font: normal 13px Trebuchet MS, Verdana, Arial, sans-serif; color: #a21835; text-decoration: underline;}
a:active {font: normal 13px Trebuchet MS, Verdana, Arial, sans-serif; color: #a21835; }

.logo {width: 220px; height: 100px; margin: 0; padding: 0; text-align: left;}

.top-contatti {width: 300px; height: 100px; margin: 0; padding: 0px; text-align: left; font: normal italic 11px verdana, sans-serif;}
.top-menu {width: 280px; height: 100px; margin: 0; padding-left: 20px; background: #fff url(images_extra/bg_topmenu.png) right bottom no-repeat; text-align: left; }
.top-menu a:link { font: bold 16px Trebuchet MS, Verdana, Arial, sans-serif; color: #666; text-decoration:none; }
.top-menu a:visited { font: bold 16px Trebuchet MS, Verdana, Arial, sans-serif; color: #666; text-decoration:none; }
.top-menu a:hover { font: bold 16px Trebuchet MS, Verdana, Arial, sans-serif; color: #a21835; text-decoration: underline; }
.top-menu a:active { font: bold 16px Trebuchet MS, Verdana, Arial, sans-serif; color: #a21835; }

.top-login {width: 150px; height: 100px; margin: 0; padding: 3px; text-align: center; background: #fff url(images_extra/bg_toplogin.png) left bottom no-repeat; color: #fff; font: bold 13px verdana, sans-serif;}

#centro {width:990px; min-height:100%; height:auto; background: #fff; padding: 0px; text-align: center; margin: 0 auto 0 auto; display: block; clear: both;}

#opzioni-comunicazione {width:auto; height: 30px; background: #fff url(images_extra/bg_opzioni.png) right center no-repeat; padding-right: 20px; text-align: right; margin-top: 20px; display: block; clear: both;}
#opzioni-comunicazione a:link { color: #666; text-decoration:none; }
#opzioni-comunicazione a:visited {  color: #666; text-decoration:none; }
#opzioni-comunicazione a:hover { color: #a21835; text-decoration: underline; }
#opzioni-comunicazione a:active {  color: #a21835; }


.piccolo {FONT-SIZE: 12px;}
.medio {FONT-SIZE: 16px;}
.grande {FONT-SIZE: 20px;}


#link {width:auto; height: auto; background: #fff; padding: 20px; text-align: left; margin: 0; display: block; clear: both;}

DIV.primopiano {WIDTH: 600px; HEIGHT: 350px; BORDER: #d2cbcb 1px solid; TEXT-ALIGN: left; BACKGROUND: #f3f3f3; WIDTH: 590px; HEIGHT: 305px; COLOR: #404040; VERTICAL-ALIGN: top; padding: 5px; display: block; clear: both; margin-bottom: 10px;}
DIV.primopiano IMG {FLOAT: left; MARGIN: 5px 15px 5px 5px; border: medium none; padding: 0px; }

#comunicazione {width:auto; height: auto; background: #fff; padding: 20px; text-align: left; margin: 0; display: block; clear: both;}

#scadenze {width:auto; height: auto; background: #fff; padding: 20px; text-align: left; margin: 0; display: block; clear: both;}


.cella-primopiano {width: 630px; height: 310px; margin: 0px; padding: 10px; text-align: left; background: #fff;}

.cella-info {width: 650px; height: auto; margin: 0px; padding: 10px; text-align: left; background: #fff;}


.cella-novita {width: 330px; height: 310px; margin: 0; padding: 10px; text-align: left; background: #fff url(images_extra/bg_novita.png) right top no-repeat;}
.link-novita a:link { font: normal 13px Trebuchet MS, Verdana, Arial, sans-serif; color: #fff; text-decoration:none; }
.link-novita a:visited { font: normal 13px Trebuchet MS, Verdana, Arial, sans-serif; color: #fff; text-decoration:none; }
.link-novita a:hover { font: normal 13px Trebuchet MS, Verdana, Arial, sans-serif; color: red; text-decoration: underline; }
.link-novita a:active { font: normal 13px Trebuchet MS, Verdana, Arial, sans-serif; color: red;  }


.cella-file {width: 210px; height: auto; margin: 0; padding: 5px; text-align: left; background: #DAE5E6; BORDER: #ccc 1px solid;}
.cella-box1 {width: 180px; height: auto; margin: 0; padding: 5px; text-align: center; background: #fff url(images_extra/bg_esperto.png) right center no-repeat; FONT-SIZE: 12px;}
.cella-box2 {width: 180px; height: auto; margin: 0; padding: 5px; text-align: center; background: #fff url(images_extra/bg_box3.png) right center no-repeat; FONT-SIZE: 11px;}

.cella-box3 {width: 180px; height: auto; margin: 0; padding: 5px; text-align: center; background: #fff url(images_extra/bg_programma.png) right center no-repeat; FONT-SIZE: 11px;}

.cella-box4 {width: 170px; height: auto; margin: 0; padding: 0px; text-align: center; background: #fff;}
.img-box4  {cursor:pointer;}

.cella-previdenza {width: 600px; height: auto; margin: 0; padding-right: 10px; text-align: justify; background: #fff; BORDER-top: #ccc 1px solid; BORDER-right: #ccc 1px solid;}

.titolo-previdenza {width: 350px; height: 24px; margin: 0; padding: 2px; text-align: left; background: #fff url(images_extra/bg_previdenza.png) left top no-repeat; line-height: 20px; font: bold italic 15px Trebuchet MS, Verdana, Arial, sans-serif; color: #a21835; }

.cella-previdenza a:link { font: bold 15px Trebuchet MS, Verdana, Arial, sans-serif; color: #666; text-decoration:none; }
.cella-previdenza a:visited { font: bold 15px Trebuchet MS, Verdana, Arial, sans-serif; color: #666; text-decoration:none; }
.cella-previdenza a:hover { font: bold 15px Trebuchet MS, Verdana, Arial, sans-serif; color: #a21835; text-decoration: underline; }
.cella-previdenza a:active { font: bold 15px Trebuchet MS, Verdana, Arial, sans-serif; color: #a21835;  }

.cella-mappa {width: 350px; height: auto; margin: 0; padding: 5px; text-align: center; background: #fff;}

.tab-sedi tr:hover { BACKGROUND-COLOR: #99CCFF;}
.tab-sedi tr.secondocolore {BACKGROUND-COLOR: #99CCFF;}
.testa-sedi{font: bold 13px Trebuchet MS, Verdana, Arial, sans-serif; color: #fff; text-align: center; background: #666 url(images_extra/bg_tabelle.png) center center repeat-x; padding: 2px;}
.cella-sedi{text-align: center; border: 1px solid #666; padding: 2px;}
.cella-sedi-indirizzo {text-align: left; border: 1px solid #666; padding: 2px;}

.box-ricerca {width: auto; padding: 0; margin-top: 3px; margin-bottom: 2px; text-align: left;}
INPUT.testo-ricerca {width: 90px; BACKGROUND-POSITION: left 50%; PADDING-LEFT: 20px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(images_extra/find.png); COLOR: #000; BORDER: #b6b6b6 1px solid; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: 'trebuchet ms', verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #fff}


.form-news {padding: 10px; text-align: left; background: #fff url(images_extra/cerca.png) right center no-repeat;}
.tab-news tr:hover { BACKGROUND-COLOR: #99CCFF;}
.tab-news tr.secondocolore {BACKGROUND-COLOR: #99CCFF;}
.testa-news{font: bold 13px Trebuchet MS, Verdana, Arial, sans-serif; color: #fff; text-align: center; background: #666 url(images_extra/bg_tabelle.png) center center repeat-x; padding: 2px;}
.cella-news{text-align: center; border: 1px solid #666; padding: 2px;}
.cella-news-titolo {text-align: left; border: 1px solid #666; padding: 2px;}


.form-scadenze {padding: 10px; text-align: left; background: #fff url(images_extra/scadenze.png) right center no-repeat;}
.tab-scadenze tr:hover { BACKGROUND-COLOR: #99CCFF;}
.tab-scadenze tr.secondocolore {BACKGROUND-COLOR: #99CCFF;}
.testa-scadenze{font: bold 13px Trebuchet MS, Verdana, Arial, sans-serif; color: #fff; text-align: center; background: #666 url(images_extra/bg_tabelle.png) center center repeat-x; padding: 2px;}
.cella-scadenze{text-align: center; border: 1px solid #666; padding: 2px;}
.cella-scadenze-titolo {text-align: left; border: 1px solid #666; padding: 2px;}

.form-appuntamento {padding: 10px; text-align: left; background: #fff url(images_extra/userinfo.png) right bottom no-repeat;}
.note {BACKGROUND-POSITION: left 50%; PADDING-LEFT: 50px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(images_extra/note.png); COLOR: #000; BORDER: #666 1px solid; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: 'trebuchet ms', verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #fff}
INPUT.nominativo {BACKGROUND-POSITION: left 50%; PADDING-LEFT: 25px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(images_extra/user.png); COLOR: #000; BORDER: #666 1px solid; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: 'trebuchet ms', verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #fff}
INPUT.telefono {BACKGROUND-POSITION: left 50%; PADDING-LEFT: 25px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(images_extra/telefono.png); COLOR: #000; BORDER: #666 1px solid; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: 'trebuchet ms', verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #fff}
INPUT.email {BACKGROUND-POSITION: left 50%; PADDING-LEFT: 25px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(images_extra/email.gif); COLOR: #000; BORDER: #666 1px solid; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: 'trebuchet ms', verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #fff}


#footer {width:980px; height:20px; background: #1C33C0; color: #fff; padding: 5px; text-align: left; margin: 0 auto 0 auto; display: block; clear: both;}

a.nascondi-inps {position: relative;}
a:hover.nascondi-inps {text-decoration: underline;}
a.nascondi-inps span{
position: absolute; top:-50px; left:-15px; width:200px; height: 60px;
display: none;
padding: 5px;
background: #FAE16D;
color:#000;
font-weight: normal;
text-align: left;
text-decoration:none;
z-index: 2;
}

a:hover.nascondi-inps span{display: block; border:2px solid #E0BE47;}