body { 
  margin:0; 
  padding:0;
  font-size: 8pt; 
  font-family: sans-serif; 
  color:#000000;
  text-align: center;
  background-color: #ffffff;
  background-image: url(../images/utils/bkg.jpg);
  background-repeat: repeat-x;
  background-attachment: scroll 
  }

hr { 
  display:none 
  }
  
#testa {
  width:760px;
  margin:1em auto;
  text-align:center;
  background-color: #c4c4c4
  }

#corpo {
  position:relative;
  width:760px;
  margin:1em auto;
  border-bottom:1px solid #ff0000;
  text-align:left;
  background-color: #f0f0f0;
  background-image: url(../images/utils/banner_flip.jpg);
  background-repeat: no-repeat;
  background-position: bottom left
  }
#corpo-colonna1 {
  position:absolute;
  top:0; left:0;
  width:160px;
  padding:3px 0;  
  text-align:center;
  background-color: #f0f0f0
  }
#corpo-colonna2 {
  margin:0 160px 0 160px;
  border-left:1px solid #ff0000;
  border-right:1px solid #ff0000;
  padding:1em 0;  
  background-color: #f0f0f0 
  }
#corpo-colonna3 {
  position:absolute;
  top:0; right:0;
  width:160px;
  text-align:center;
  background-color: #f0f0f0;
  background-image: url(../images/utils/banner_.jpg);
  background-repeat: no-repeat
  }

#piedipagina {
  width:760px;
  margin:2px auto;
  text-align:center;
  background-color: #f0f0f0 
  }


H1 { 
  font-size:18px; 
  font-family:Trebuchet MS, Verdana, sans-serif; 
  color:#0f0202;
  margin:0 5px 3px 5px
  }
H2 { 
  font-size:14px; 
  font-family:Trebuchet MS, Verdana, sans-serif; 
  color:#ff0000;
  margin:0 5px 3px 5px
  }
H3 { 
  font-size:12px; 
  font-family:Trebuchet MS, Verdana, sans-serif; 
  color:#404040; 
  font-weight:bold ;
  margin:0 5px 3px 5px
  }
H4 { 
  font-size:12px; 
  font-family:Trebuchet MS, Verdana, sans-serif; 
  color:#d43030;
  margin:0 5px 3px 5px
  }

p {
  font: verdana,helvetica,sans-serif;
  display:block;
  margin:0 1em .5em 1em
  }
  
a {
  text-decoration: none}
a:link { 
  color: #000000 }  /* for unvisited links */
a:visited { 
  color: #0f0f0f } /* for visited links */
a:active { 
  color: #000000 } /* when link is clicked */
a:hover { 
  color: #808080} /* when mouse is over link */

table { 
  border-style: none;
  color: #010101;
  font-size: 8pt; 
  font-family: sans-serif; 
  margin:0 1px 0 1px
  }
  
table tr.row_even  {
  background-color: #f0f0f0; 
  }

table tr.row_odd  {
  background-color: #ffffff; 
  }

table td.col_l {
  width : 322;
  text-align: left
  }
  
table td.col_r {
  width : 110;
  text-align: center
  }

.menu a{
  float:left;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  color:#084A08; 
  background-color: #fcfdfc;
  width:146px;
  border:1px solid #084A08;
  padding:2px;
  margin: 1px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width:140px
  }
  
.menu a:hover{
  color:#fcfdfc;
  background-color: #127a12
  }

.menuqui{
  float:left;
  text-align:center;
  font-weight:bold;
  color:#084A08;
  background-color: #dde7de;
  width:146px;
  border: 2px solid #084A08;
  padding:2px;
  margin: 1px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width:138px
  }
  
/** MENU 3 ** sfondo sfumato **/

ul.menu3 { 
  width:138px;
  list-style:none; /* elimino i punti elenco */
  margin:0; padding:0; /* elimino i rientri delle liste */
  text-align: left;
  }

ul.menu3 li a { 
  display:block; /* il link occupa tutto lo spazio orizzontale */
  text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
  padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
  height:2em;line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */ 
  text-align: left;
  }

ul.menu3 li { 
  display:inline;
  background:url('../images/utils/sfumato.png'); /*pre-load immagine*/ 
  text-align: left
  }

ul.menu3 li a:link, ul.menu3 li a:visited { 
  background:#f0f0f0;
  color: #010101;
  text-align: left;
  } /* colori per il link */

ul.menu3 li a:hover, ul.menu3 li a:active { 
  background:#ff0000 url('../images/utils/sfumato.png') repeat-y 100% 0;
  color:#fff;
  text-align: left;
  font-weight:bold ;
  } /* colori per l'effetto roll-over */
  
/** MENU 4 ** sfondo sfumato **/

ul.menu4 { 
  background:#f0f0f0;
  width:138px;
  list-style:none; /* elimino i punti elenco */
  margin:0; padding:0 0 0 1em; /* elimino i rientri delle liste */
  text-align: left;
  }

ul.menu4 li a { 
  display:block; /* il link occupa tutto lo spazio orizzontale */
  text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
  padding:0 1em 0 1em; /* lascia spazio far il bordo del menu e il testo del link */
  height:2em;line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */ 
  text-align: left;
  }

ul.menu4 li { 
  display:inline;
  background:url('../images/utils/sfumato_r.png'); /*pre-load immagine*/ 
  text-align: left
  }

ul.menu4 li a:link, ul.menu4 li a:visited { 
  background:#f0f0f0;
  color: #0a0a0a;
  text-align: left;
  } /* colori per il link */

ul.menu4 li a:hover, ul.menu4 li a:active { 
  background:#f0f0f0 url('../images/utils/sfumato_r.png') repeat-y 100% 0; /*#dde7de*/
  color:#ff0000;
  text-align: left
  } /* colori per l'effetto roll-over */