html, body  {
min-height:100%;
height:100%;
background : #fff url(/images/bg_top.png) top center repeat-x;
FONT-SIZE: 14px;
FONT-FaMILY: Trebuchet MS, Verdana, arial, sans-serif;
color : #666;
text-align: center;
padding-top: 0;
margin: 0 auto 0 auto;
}

img {border: 0;}

a:link { font: bold 11px verdana, sans-serif; color: #101169; text-decoration:none; }
a:visited { font: bold 11px verdana, sans-serif; color: #101169; text-decoration:none; }
a:hover { font: bold 11px verdana, sans-serif; color: #a21835; text-decoration: underline overline; }
a:active { font: bold 11px verdana, sans-serif; color: #a21835; }

hr {margin: 3px 0 3px 0;}

#top {width:1000px; height: 100px; color: #fff; background: transparent; padding: 0; text-align: center; border-bottom: #ccc 1px solid; margin: 0 auto 0 auto; display: block; clear: both;}
#top .top-logo{width:250px; height: 100px; color: #fff; background: transparent url(/images/bg_logo.png) bottom left no-repeat; padding: 0 0 0 5px; text-align: left; vertical-align: bottom; margin: 0;}
#top .top-centro{width:510px; height: 100px; color: #fff; background: transparent; padding: 0; text-align: center; vertical-align: middle; margin: 0;}
#top .top-help{width:32px; height: 100px; color: #333; padding-right: 3px; text-align: right; vertical-align: middle; margin: 0; background: url(/images/bg_help.png) center right no-repeat;}
#top .top-login{width:208px; height: 100px; color: #333; padding-right: 3px; text-align: right; vertical-align: middle; margin: 0; background: url(/images/bg_login.png) center center no-repeat;}

INPUT.user {
	BORDER-RIGHT: #ccc 1px solid; BACKGROUND-POSITION: left 50%; BORDER-TOP: #ccc 1px solid; BACKGROUND-IMAGE: url(/images/user.png); PADDING-LEFT: 19px; BORDER-LEFT: #ccc 1px solid; WIDTH: 120px; COLOR: #000; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff; PADDING-TOP: 2px; height: 20px;
}
INPUT.password {
	BORDER-RIGHT: #ccc 1px solid; BACKGROUND-POSITION: left 50%; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 19px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(/images/password.png); BORDER-LEFT: #ccc 1px solid; WIDTH: 120px; COLOR: #000; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff; height: 20px;
}

#popup {position:absolute;top:50px;left:300px;width:300px;height:auto;text-align:left; BACKGROUND: #e6e6e6; BORDER-right: #666666 2px solid; BORDER-left: #666666 1px solid; BORDER-top: #666666 1px solid; BORDER-bottom: #666666 2px solid;z-index: 1; padding: 5px;}


.opzioni {width:90px; color: #fff; padding: 2px; text-align: left; vertical-align: middle; margin: 0;}

#menu-principale {width:1000px; height: 30px; color: #fff; background: #fff url(/images/bg_menu.png) top center no-repeat; padding: 5px; text-align: center; margin: 0 auto 0 auto; display: block; clear: both;}
#menu-principale a:link { font: bold 12px verdana, sans-serif; color: #fff; text-decoration:none; }
#menu-principale a:visited { font: bold 12px verdana, sans-serif; color: #fff; text-decoration:none; }
#menu-principale a:hover { font: bold 12px verdana, sans-serif; color: #FFFaD4; text-decoration: underline overline; }
#menu-principale a:active { font: bold 12px verdana, sans-serif; color: #FFFaD4;  }

.select-sedi {width:170px; height: 25px; color: #333; background: url(/images/bg_sedi.png) top center no-repeat; padding: 2px; text-align: left; border: 0; margin-left: 20px;}

#centro {width:1000px; height: auto; min-height: 320px; color: #fff; background: #fff; padding: 5px; text-align: center; margin: 0 auto 0 auto; display: block; clear: both;}

.box-primopiano {width:340px; height: 290px; color: #333; background: url(/images/bg_primopiano.png) top center no-repeat; padding: 8px 5px 5px 5px; text-align: left; vertical-align: top;}

.box-news {width:470px; color: #666; background: #fff; padding: 0 5px 0 5px; text-align: center; vertical-align: top;}

.box-giornale {width:160px; color: #666; background: #fff; padding: 0; text-align: center; vertical-align: top; border-left: 1px solid #a21835;}

.sedi-panel {width:100px; height: 65pxpx; padding: 2px; text-align: center; vertical-align: top;}

.box-epas {width:250px; height: 80px; padding: 3px; text-align: center; vertical-align: middle; border-right: 1px solid #a21835; border-top: 1px solid #a21835; border-bottom: 1px solid #a21835;}
.box-caf {width:200px; height: 80px; padding: 3px; text-align: center; vertical-align: middle; border-top: 1px solid #a21835; border-bottom: 1px solid #a21835;}

.box-tesseramento {width:200px; height: auto; color: #333; background: url(/images/tessera.gif) center center no-repeat; padding: 5px; text-align: center; vertical-align: middle; border-top: 1px solid #a21835; border-bottom: 1px solid #a21835;}

.comunicazione {width:810px; color: #333; padding: 5px; text-align: left; vertical-align: top; border-bottom: 1px solid #666;}


.info {width:810px; color: #333; padding: 5px; text-align: left; vertical-align: top; border-bottom: 1px solid #666;}
#info {margin-bottom: 10px;}


.poesia { border: 0px solid #336699; font: bold 14px verdana, sans-serif; margin: 10px; COLOR: #a21835; TEXT-ALIGN: center; padding: 10px; background: #FFFFFF; width: 500px;}
.frase1 { border-bottom: 2px solid #c6c6c6; border-left: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; border-right: 2px solid #c6c6c6; font: bold 12px verdana, sans-serif; margin: 10px; COLOR: #101169; TEXT-ALIGN: justify; padding: 10px; background: ; 500px; }
.frase2 { border-top: 1px solid #c6c6c6; font: bold 12px verdana, sans-serif; margin: 10px; COLOR: #000000; TEXT-ALIGN: left; padding: 10px; background: #FFFAD4; 500px;}




.tabella TR:hover {font: normal 10px verdana, sans-serif; BACKGROUND-COLOR: #ece9d8;}
.tabella TR.secondocolore {font: normal 10px verdana, sans-serif;  BACKGROUND-COLOR: #ece9d8;}
.tabella {font: normal 10px verdana, sans-serif;} 

.testa-tabella {font: bold 12px verdana, sans-serif; COLOR: red; TEXT-ALIGN: center; background: #ece9d8; BORDER: #666666 1px solid; padding: 2px;} 
.cella-tabella {font: normal 12px verdana, sans-serif;padding: 2px; BORDER: #c6c6c6 1px solid;COLOR: #000000;TEXT-ALIGN: center; empty-cells:show} 
.cella-tabella-indirizzo {font: normal 12px verdana, sans-serif;padding: 2px; BORDER: #c6c6c6 1px solid;COLOR: #000000;TEXT-ALIGN: left; empty-cells:show} 

#webmail {width:1000px; color: #fff; background: #fff url(/images/bg_webmail.png) center center no-repeat; padding: 0 20px 0 0; text-align: right; margin: 0 auto 20px auto; display: block; clear: both;}

#servizi {width:1000px; color: #333; padding: 0; text-align: center; margin: 0 auto 0 auto; display: block; clear: both;}
#servizi .servizi-sindacati{width:690px; height: 160px; color: #333; padding: 0; text-align: left; vertical-align: middle;}
#servizi .servizi-convenzioni{width:155px; height: 160px; color: #333; padding: 25px 5px 0 5px; background: #fff url(/images/bg_convenzioni.png) center bottom no-repeat; text-align: left; vertical-align: top;}
#servizi .servizi-moduli{width:155px; height: 160px; color: #333; padding: 25px 5px 0 5px; background: #fff url(/images/bg_convenzioni.png) center bottom no-repeat; text-align: left; vertical-align: top;}

#menu-footer {width:1000px; height: 30px; color: #fff; background: #fff url(/images/bg_menu_footer.png) top center no-repeat; padding: 5px; text-align: center; margin: 0 auto 0 auto; display: block; clear: both;}
#menu-footer a:link { font: bold 12px verdana, sans-serif; color: #fff; text-decoration:none; }
#menu-footer a:visited { font: bold 12px verdana, sans-serif; color: #fff; text-decoration:none; }
#menu-footer a:hover { font: bold 12px verdana, sans-serif; color: #FFFaD4; text-decoration: underline overline; }
#menu-footer a:active { font: bold 12px verdana, sans-serif; color: #FFFaD4;  }

#footer {width:1000px; height: auto; color: #fff; background: #a21835 url(/images/bg_footer.png) center center repeat-x; padding: 5px; text-align: center; margin-top: 10px; border-top: #ccc 1px solid; margin: 0 auto 0 auto; display: block; clear: both;}

#dati{width:1000px; height: 30px; color: #fff; background: #fff url(/images/bg_dati.png) 2px 0 no-repeat; padding: 5px 0 0 15px; text-align: left; margin: 0 auto 0 auto; display: block; clear: both;}