/*stili per il layout fisso con posizionamenti assoluti*/
html,body{margin: 0;/*padding:0*/}
body{text-align: center; /*centra in IE 5.x */
font-family: Verdana, sans-serif;
font: normal 12px Verdana, sans-serif;
text-align: center;
padding-bottom: 50px;
background-color:#ECECEC;
}

div#container
{
position:relative; width:745px; top:10px; left:0px; right:0px;
margin: 0 auto; text-align: left;
padding:0px 0px;
z-index: 1;
}

A:link, A:visited {color: #B32525; text-decoration: none}
A:hover {background: none; color: #000; text-decoration: none}
A:focus {font-weight:none}

img {border:1px solid black;}

/*Stili specifici per il layout*/

/* Testi centrali */

div#testi
{
position:absolute; top:50px; left:30px; right:0px; width:545px;
text-align:justify; font-size:13px;
padding:4px 4px;
background:url("grafica/semitrasparente.gif");
border-left:1px dashed black;
border-right:1px dashed black;
border-bottom:2px solid black;
z-index: 7;
}
newsprevnext{text-align:center;}
fieldset{padding-left:10px;padding-top:2px;padding-bottom:2px;}
legend{font-weight:bold;color: #333;}
OptgroupForm{background: #B32525;}

input.InputForm
{
background-color:#ECECEC;
font-family: verdana;
border: #000 1px solid;
font-size: 10px;
color: #000;
width: 95px;
}
input.InputForm2
{
background-color:#fff;
font-family: verdana;
border: #000 1px solid;
font-size: 10px;
color: black;
width: 50px;
}
textarea.TextareaForm
{
background-color:#E6E6E6;
font-family: verdana;
border: #000 1px solid;
font-size: 10px;
color: #000;
width: 298px;
height: 140px;
}
input.InputForm:focus,textarea:focus
{
border-color: #B32525;
}
select.SelectForm {
background-color:#E6E6E6;
font-family: verdana;
border: #000 1px solid;
font-size: 10px;
color: #000;
width: 95px;
}
.optForm {
background: #D0C4C4;
border: #000 1px solid;
}
.SendForm {
background-color:#E6E6E6;
font-family: verdana;
border: #000 1px solid;
font-size: 10px;
color: #000;
}
.ResetForm {
background-color:#E6E6E6;
font-family: verdana;
border: #000 1px solid;
font-size: 10px;
color: #000;
}

div#floatL {position:relative; float:left; width:260px; /*border: 1px solid black;*/}
div#floatR {position:relative; float:right; width:260px; /*border: 1px solid black;*/}

.titolo22 {font-weight: bold; font-size: 22px; text-decoration: none;}
.titolo12 {font-weight: bold; font-size: 12px;}
.titolo10 {font-weight: bold; font-size: 10px;}
.testo10 {font-weight: normal; font-size: 10px;}
.testo9 {font-weight: normal; font-size: 9px;}
img.nobordo {border: 0px solid black;}

div#testi9C
{font-weight: normal; font-size: 9px; text-align: center;}

div#testi9CF
{font-weight: normal; font-size: 9px; text-align: center; clear: both;}

/*div#newsDataOra
{
text-align: right; font-weight: bold; font-size: 11px;
padding:0px 0px;
border-bottom: 1px solid black;
z-index: 7;
}
div#newsDataOraS
{
font-weight: normal; font-size: 10px;
padding:0px 0px;
z-index: 7;
}
*/

div#newsDataOraC
{
text-align: right; font-weight: normal; font-size: 10px;
padding:0px 0px;
border-top: 1px solid black;
z-index: 7;
}

.titolo18 
{
font-weight: bold; font-size: 18px;
}
.comments1
{
font-weight: normal; font-size: 10px;
border-top:#000 solid 1px;
}

/* Commenti Baloons */
/* Codice da: http://css.html.it/articoli/leggi/574/grafica-per-blog-con-i-css/7/  */

div.comment
{
width: 400px;margin-top: 20px;
}

div.date
{
margin-bottom:-0.5em;
background: url(cTop.gif) no-repeat top;
}

div.cbody{
background: url(cBody.gif) repeat-y top;
padding: 10px 10px 0
}

div.cbody p
{
margin:0 0 0.8em
}

div.author
{
margin-top:-0.8em;padding:35px 0 0 25px;
background: url(cBottom.gif) no-repeat top
}

div.cauthor strong
{
color: #7CA500
} 

/* Menu a destra */

div#menuDx
{
position:absolute; top:20px; left:605px; right:0px; width:130px; height:120px;
text-align:left; font: bold 10px Verdana, sans-serif;
padding:5px 5px;
border-top: 1px dashed black;
border-left: 2px solid black;
border-bottom: 1px dashed black;
z-index: 5;
}

div#menuDxSotto
{
position:absolute; top:190px; left:605px; right:0px; width:130px; height:205px;
text-align:left; font: bold 10px Verdana, sans-serif;
padding:5px 5px;
border-top: 1px dashed black;
border-left: 2px solid black;
border-bottom: 1px dashed black;
z-index: 5;
}

/* Firma a destra */

div#firma
{
position:absolute; top:420px; left:609px; right:0px; width:125px; height:10px;
text-align:center; font: bold 9px Verdana, sans-serif;
padding:5px 5px;
z-index: 5;
}

/* Immagine di sfondo */

div#sfondo
{
position:relative; width:745px; height:450px;
background: url("grafica/sfondo.jpg");
background-repeat: no-repeat;
text-align: left;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid silver;
z-index: 0;
}

/* Menu sotto MiniBanners */

div#menuBanner
{
position:absolute; top:4px; left:30px; right:0px; width:553px; height:46px;
background: url("grafica/semitrasparente.gif");
text-align: center;
border-left: 1px dashed black;
border-right: 1px dashed black;
z-index: 3;
}

/* INDEX.HTM */

div#Intro
{
position:absolute; top:90px; left:65px; right:0px; width:480px; height:250px;
text-align:center;
z-index: 2;
}

div#IntroScritta
{
position:absolute; top:385px; left:65px; right:0px; width:490px; height:25px;
text-align:center; color:#AC2B2B; font: bold 20px Verdana, sans-serif;
z-index: 2;
}

div#IntroScritta2
{
position:absolute; top:438px; left:30px; right:0px; width:545px;
text-align:center; color:black; font: bold 10px Verdana, sans-serif;
z-index: 2;
}

div#IntroBanners
{
position:absolute; top:4px; left:31px; right:0px; width:553px; height:43px;
text-align:center;
z-index: 2;
}

.Introtitolo12 {font-weight: bold; font-size: 12px;}

/* Hack per Menu verticale Sinistro */

div#staffcorners
{
position:absolute; top:5px; left:0px; right:0px; width:20px; height:70px;
text-align: left;
padding:0px 0px;
z-index: 4;
}

div#staffcorners2
{
position:absolute; top:90px; left:0px; right:0px; width:20px; height:70px;
text-align: left;
padding:0px 0px;
z-index: 4;
}

div#staffcorners3
{
position:absolute; top:147px; left:0px; right:0px; width:20px; height:70px;
text-align: left;
padding:0px 0px;
z-index: 4;
}

ul.verticale
{
margin:0;
padding:0;
list-style-type:none;
font-size:12px;
background: #e5e5e5;
width:20px;
}
.verticale li
{
margin: 0;
float:left;
display:block;
border-top:1px solid #666;
border-right:1px solid #666;
border-bottom:1px solid #666;
}
.verticale li em
{
display:block;
text-align:center;
background: #e5e5e5;
width:20px;
font-style:normal;
}
.verticale li a, .verticale li a:visited
{
text-decoration:none;
color:#AC2B2B;
display:block;
width:20px;height:auto;
}
.verticale li a em
{
font-style:normal;
display:block;
text-align:center;
background:#ECECEC;
}
verticale li a:hover
{
background:#333;
}
.verticale li a:hover em
{
background:#333;
color: #f60;
}
.verticale li a em.end
{
}
.verticale li a:hover em.end
{
}
