/*MAIN CSS*/
body {margin:0px; padding:0px; background: #ffffff; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
img{border:none;}

a{color:#000263; font-weight:bold; text-decoration:none;}
a:hover{text-decoration:underline; color:#21583b;}

.verde{color:#21583b;}
.blu{color:#000263;}
.bianco{color:#ffffff;}
.normale{font-weight:normal;}
.nsott{text-decoration:none;}
.sott{text-decoration:underline;}
.grassetto{font-weight:bold;}
.piccolo{font-size:0.70em;}
.medio{font-size:1.5em;}
.grande{font-size:3.5em;}
.grigio{color:#777777;}
.viola{color:#de2984;}

.vcentro{vertical-align:middle;}
.centro{text-align:center;}
.txt-dx{text-align:right;}
.txt-sx{text-align:left;}

.dx{display:block; float:right;}
.sx{display:block; float:left;}

#pagina{padding:0px; margin:auto; width:1000px; background:url(../img/sfondo.gif) no-repeat center top;}
#pagina-interna{padding:0px; margin:auto; width:1000px; background:url(../img/sfondo-interna.gif) no-repeat center;}

#corpo{margin:20px 0px 20px 0px; padding:0px; width:1000px; position:relative;}

#contenitore{position:relative; margin-left:auto; margin-right:auto; width:1000px; height:100%;}

#ingranaggio{position:absolute; display:block; margin:0px auto 0px auto; padding:0px; top:10px; left:auto; width:768px; height:950px;}
/*header*/
#testata {width:1000px; height:105px; background: url(../img/sfondo-testata.gif) repeat-x top; margin:0px 0px 0px 0px; padding:0px;}
#testata-dx{display:block; float:right; width:460px; margin:0px; padding:0px; text-align:right;}
#logo{padding:0px 0px 0px 0px; width:93px; height:105px; margin:0px 0px 0px 10px; float:left;}
#info{width:455px; height:40px; margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; color:#ffffff; font-weight:bold; font-size:0.90em;}
#scritta{float:left; width:290px; height:75px; padding:0px 0px 0px 0px; margin:30px 0px 0px 10px;}
#pulsanti{width:460px; height:60px; margin:0px 0px 3px 0px; padding:0px 0px 0px 0px;  background:url(../img/sfondo-pulsanti.gif) no-repeat top;}
#pulsanti span{display:block; float:right; width:55px; padding:0px; margin:3px; text-align:center;}
#pulsanti a{color:#ffffff; font-size:0.70em; font-weight:bold; text-decoration:none;}

#testata-frame {width:100%; height:105px; background: url(../img/sfondo-testata.gif) repeat-x top; margin:0px 0px 0px 0px; padding:0px;}
#testata-pop {width:100%; height:65px; background: url(../img/sfondo-testata.gif) repeat-x top; margin:0px 0px 0px 0px; padding:0px;}
/*--header*/

/*contenuto*/

#indice{width:280px; margin:0px 20px 0px 0px; padding:0px; float:left; }
#tabella{width:700px; margin:0px; padding:0px; float:left;}

#corpo #tabella-linee{ margin:0px 0px 0px 0px; padding:0px; border-collapse:collapse; border:2px solid #cccccc; border-bottom:none; border-spacing:0px; width:100%;}
#corpo #tabella-linee tr .images{width:110px;}
#corpo #tabella-linee tr td{vertical-align:middle; border-bottom:2px solid #21583b; padding:10px; background:#dddddd; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
#corpo #tabella-linee tr td a{ text-decoration:none; font-weight:bold; color:#000263;}

#corpo #tabella-linee tr .corrente .images{width:110px; vertical-align:middle; border-bottom:2px solid #21583b; padding:10px; background:#eeeeee; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
#corpo #tabella-linee tr.corrente td{vertical-align:middle; border-bottom:2px solid #21583b; padding:10px; background:#eeeeee; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
#corpo #tabella-linee tr:hover td{vertical-align:middle; border-bottom:2px solid #21583b; padding:10px; background:#eeeeee; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
#corpo #tabella-linee tr:hover :images{width:110px; vertical-align:middle; border-bottom:2px solid #21583b; padding:10px; background:#eeeeee; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}

.titolo-linea{color:#21583b; font-weight:bold; font-size:1.5em;}

#tabella ul{list-style:none; width:695px; margin:0px 0px 0px 5px; padding:0px;}
#tabella ul li {font-size:0.90em; color:#555555; width:690px; border-bottom:1px solid #dddddd;}
#tabella ul li a{color:#000263; font-weight:bold; text-decoration:none; display:block; width:690px; padding:5px 0px 5px 0px; background:none;}
#tabella ul li a:hover{color:#21583b; text-decoration:underline; background:#efefef;}

#ricerca{width:490px; height:80px; background:url(../img/sfondo-cerca.gif) no-repeat top; padding:20px 0px 0px 10px; margin:0px 0px 20px 5px;}
/*contenuto*/

/*footer*/
#footer{color:#ffffff; display:block; background:url(../img/sfondo-footer.gif) repeat-x bottom; width:990px; height:65px; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; font-size:0.90em;}
#footer div{height:50px; padding:10px 0px 0px 0px;}
/*footer*/
/*border: 1px solid #000000;
per creare i box flessibili a seconda del testo si fanno 2 immagini di sfondo una per i contorni superiori e una per quelli inferiori, la prima andrà all'interno del div del box e la seconda all'interno del div contenitore di testo/lista/link/immagini (quindi creiamo 2 div di base)*/