/*AZZERO TUTTI I MARGIN E PADDING COSI DA ELIMINARE LE DIFFERENZE TRA I VARI BROWSER*/
* {
margin: 0;
padding: 0;
text-decoration: none;
list-style: none;
}
/*FLOAT GENERICI SINISTRA E DESTRA*/
.left {float: left;}
.right {float: right;}
/*STILI GENERALI PER I LINK*/
a:active, a:link, a:visited {color: #ff0000;}
a:hover {color: #000000;}
h2 a:active, h2 a:link, h2 a:visited {color: #000000;}
h2 a:hover {color: #ff0000;}
/*PAGINE*/
html, body {
      background-color: #cccccc;
      font-size: 100%;
}
/*CONTENITORE DI PAGINA*/
div#container {
              width: 960px;
              margin: 0 auto;
              border-left: 2px solid #999999;
              border-right: 2px solid #999999;
              background-color: #ffffff;
              font: 0.85em/1.3em tahoma, arial, verdana, sans-serif;
}
/*INTESTAZIONE*/
div#header {
           height: 115px;
           background-image: url(images/top.jpg);
           background-repeat: repeat-x;
           border-bottom: 3px solid #ff0000;
}
.center {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -187px;
}
/*MENU*/
div#navi {
         height: 25px;
         margin-top: 3px;
         background-image: url(images/navi.jpg);
         background-repeat: repeat-x;
         background-position: top left;
         background-color: #ff0000;
         overflow: hidden;
}
div#navi li {
         float: left;
         padding: 0 10px;
         height: 25px;
         line-height: 25px;
         border-right: 1px solid #646464;
         font-weight: 800;
         color: #000000;
}
/*COLORE DEI LINK NEL MENU*/
#navi li a:link, #navi li a:visited, #navi li a:active {color: #000000;}
#navi li a:hover, #navi li:hover a, #navi li#active a {color: #ffffff;}
/*CAMBIO DI SFONDO AL PASSAGGIO SULL'ELEMENTO LI #navi li.main#active*/
#navi li:hover, #navi li#active{
              background-image: url(images/naviover1.jpg);
              background-repeat: repeat-x;
              background-color: transparent;
}
/*COLONNA DESTRA*/
div#right {
          width: 460px;
          float: right;
          background-color: #ffffff;
          background-image: url(images/topdx.jpg);
          background-repeat: no-repeat;
          background-position: 0 0;
}
div#right div {overflow: hidden;}
div#right p {padding: 3px 15px 0;}
div#right span {color: 000000;}
div#ombra {
          width: 460px;
          margin-top: 14px;
          background-image: url(images/sfodx.jpg);
          background-repeat: repeat-y;
          color: #ffffff;
}
/*LISTA PER LE ULTIME DAL FORUM*/
ul.voti {
        list-style: square;
        margin-left: 15px;
}
ul.forum {
         list-style: none;
         margin-left: 15px;
}
ul.forum li a {
         color: #ffffff;
}
ul.forum li a:hover {
         color: #000000;
}
div.meta {
         width: 49%;
         float: right;
         text-align: center;
}
/*CORPO DI PAGINA*/
div#center {
           padding: 4px;
           margin-right:460px:
}
div#center div {
           border-bottom: 2px solid #ff0000;
           padding: 0px;
           margin: 5px 0 5px 8px;
           width:480px;
           background-image: url(images/sfo_news.jpg);
           overflow: hidden;
}
div#center div p {margin: 0 3px;}
div#center span {color: #ff0000;}
/*CLASSI PER LA LISTA DELLA SEZIONE LINK*/
ul.link {
        text-align: center;
}
ul.link li {margin: 10px 3px;}
/*CLASSI PER LA LISTA DEL DIRETTIVO*/
dl {padding: 10px 5px; text-align: center}
dt {font-weight: 600;}
dt, dd {padding: 1px 0;}
/*FOOTER*/
div#footer {
           height: 30px;
           background-image: url(images/bot.jpg);
           background-repeat: repeat-x;
}
div#footer p {
           line-height: 30px;
           text-align: center;
}
/*TITOLI*/
h1 {
   font: bold 1.1em "Comic Sans Ms", "Franklin Gothic Medium", Castellar, Rockwell, "Eras Bold ITC", georgia, serif;
   text-align: center;
   color: #ff0000;
   margin-top: 0px;
   padding-top: 10px;
   background-image: url(images/tit_news.jpg);
   background-repeat: no-repeat;
   background-position: 0px 0px;
}
h2 {
   height: auto !important;  /* per i browser moderni */
   height: 20px;      /* per IE5.x e IE6 */
   min-height: 20px;  /* per i browser moderni */
   background-image: url(images/titoli.jpg);
   background-repeat: no-repeat;
   background-position: 9px 0px;
   font: bold 1.1em "Comic Sans Ms", "Franklin Gothic Medium", Castellar, Rockwell, "Eras Bold ITC", georgia, serif;
   color: #000000;
   text-align: center;
}
div.meta h2 {background-position: 0 0;}
h3 {
   font: bold 1.1em "Comic Sans Ms", "Franklin Gothic Medium", Castellar, Rockwell, "Eras Bold ITC", georgia, serif;
   color: #ff0000;
   text-align: center;
}
h4 {
   margin-left: 15px;
   font: bold 0.9em "Comic Sans Ms", "Franklin Gothic Medium", Castellar, Rockwell, "Eras Bold ITC", georgia, serif;
   color: #000000;
   text-align: left;
}
/*DIV CHE DA IL CLEAR ALLA COLONNA CENTRALE*/
.cleaning {
          width: 1px;
          font-size: 1px;
          margin: 0;
          padding: 0;
          visibility: hidden;
          clear: both;
}