/*PROPRIETA' GENERALI DELLA PAGINA WEB*/

html{
margin: 0px;
padding: 0px;	
}


body{
padding: 0;
background-color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 76%;
color: #000000;
margin: 0px;
}


/*PROPRIETA' RELATIVE AL LAYOUT DELLA PAGINA*/

div#contenitore{
border: 0px;
width: 790px;
background-color: #6699cc;
color: #000000;
margin:0 auto;
padding: 0px;
}

/* div pił piccolo contenuto in "contenitore"*/
div#contenitore2{
border: 0px;
width: 770px;
background-color: #c0c0c0;
color: #000000;
margin:0 auto;
padding: 0px;
}

/* div pił piccolo contenuto in "contenitore2" */
div#contenitore3{
border: 0px;
width: 760px;
background-color: #dcdcdc;
color: #000000;
margin:0 auto;
padding: 0px;
}


/* div pił piccolo contenuto in "contenitore2" */
div#contenitore4{
border: 0px;
width: 730px;
background: url(immagini/sfondo-colonna.jpg) repeat-y top left;
color: #000000;
margin: 0px auto;
padding: 0px;
}









div#testata{
height: 141px;
width: 730px;
margin: 0px;
padding: 0px;
background-image: url(immagini/testata-giornale.jpg);
}

div#sinistro{
width: 150px !important;
width /**/:170px;

float: left;
padding: 5px;
margin: 0px 0px 0px 5px;
background-color: #0099cc;
color: black;
text-align: left;
}

div#corpo{
padding: 0px 5px 5px 5px;
}


div#piedipagina{
background-color: #0099CC;
height: 40px;
color: white;
clear: left;
margin: 0px 5px 0px 5px;
}









/*PROPRIETA' RELATIVE AL "CORPO" DELLA PAGINA*/
div.contenuto{
border-color: #0099CC;
border-style: ridge;
border-width: thin;
background-color: #FFFFFF;
margin: 0 0 15px 165px;
color: #000000;
}

div#corpo div p{
text-align: justify;
padding: 0px 5px 0px 5px;
}

div#corpo div h1{							/*Nel corpo si utilizza H1 per il "titolone"*/
margin: 10px 10px 10px 8px;
text-align: center;
font-size: 26px;
}

div#corpo div h2{							/*Nel corpo si utilizza H2 per il l'occhiello*/
margin: 8px;
text-align: center;
font-size: 16px;
}

div#corpo div h3{							/*Nel corpo si utilizza H2 per il l'occhiello*/
margin: 8px;
text-align: center;
font-size: 12px;
}

div#corpo div li{
text-align: justify;
margin-right: 8px;
}

div#corpo a:link, div#corpo a:visited{
text-decoration: underline;
color:  #0099CC;
background-color: #FFFFFF;
font-weight: bold;
}

div#corpo a:hover {
text-decoration: none;
color:  #0099CC;
background-color: #FFFFFF;
font-weight: bold;
}





/*FINE caratteristiche del DIV CORPO*/










/* PROPRIETA' RELATIVE ALLE CLASSI "ETICHETTE" */

div.etichetta{		
border-color: black;
border-style: ridge;					/*il bordo e' una linea continua*/
border-width: thin;						/*il bordo e' sottile*/
background-color: white;
text-align:center;
color: black;
font-weight: bold;
padding: 3px 0 3px 0;					/*padding=distanza dal margine(in senso orario
				 		 	 		 							partendo dall'alto */
}


/* etichettaceleste da usare nel corpo */
div.etichettaceleste{		
border-color: black;
border-style: ridge;					/*il bordo e' una linea continua*/
border-width: thin;						/*il bordo e' sottile*/
background-color: #0099cc;
color: white;
font-weight: bold;
margin: 3px 0px 0px 165px;
padding: 3px 0 3px 0;					/*padding=distanza dal margine(in senso orario
				 		 	 		 							partendo dall'alto */
font-size: 16px;
text-indent: 10px;
}




/* caratteristiche del DIV SINISTRO*/

div#sinistro div{
margin: 3px 0px 3px 0px;
}


ul.menu{
margin: 3px 0px 3px 21px;
padding: 0px;	 		 				                       /* elimino i rientri delle liste */
list-style: url(immagini/freccia.jpg); 				 /* elimino i punti elenco */
}

ul.menu 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 0; /* lascia spazio fra 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 */
color:  white;      /* colori per il link */
background-color: #0099cc;
}


ul.menu li { 
background-color: #0099cc;
color: #000000;
} 							

ul.menu li a:link, ul.menu li a:visited{
color: white;                          /* colori per il link */
background-color: #0099cc;
}

/* colori ed effetti per l'effetto roll-over */
ul.menu li a:hover, ul.menu li a:active {
color:#000000;
text-decoration: underline;
font-weight: bold;
background-color: #0099cc;
}	 





div#sinistro form{
margin: 0px; 
padding: 0px; 
text-align: left; 
font-size: 9px; 
background-color: #0099cc; 
color: white; 
}

div#sinistro input{
margin: 0px; 
padding: 0px; 
text-align: left; 
width: 150px;
}

/* FINE caratteristiche DIV SINISTRO */	













/* caratteristiche del pie' di pagina*/
div#piedipagina p{
color: white;
text-align: center;
background-color: #0099CC;
font-size: 9px;
}











/*PARTICOLARI PROPRIETA' PER PARTICOLARI ELEMENTI*/

ul.pdf{
list-style: url(immagini/pdf.gif);
background-color: white;
color: black;
}

ul.pdf li a {
padding:0; /* lascia spazio fra il bordo del menu e il testo del link */
background-color: white;
color: #3399CC;
}



form {
margin-left: 20px;
}

input {
width: 150px;
}

label {
font-weight: bold;
}


p.didascalie {
font-size: 10px;
text-align:justify;
padding: 0;
margin: 0;

}




























/*tre classi da usare in sostituzione di align*/

.align_center{
text-align: center;

}

.align_left{
text-align: left;
}


.align_right{
text-align: right;
}

.align_justify{
text-align: justify;
}


img#sponsor{
border: 1px;
margin: 0px auto;
}