/* I livelli di questo css servono per dividere la pagina in due parti */
/* Contenitore grande posto sulla sinistra della pagina */
.areamain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	width: 58%;
	float: left;
	padding: 2px;
}
/* Contenitore small posto sulla destra per una eventuale sezione "in evidenza" nella pagina         	    
                      NOTA: va usato sempre accanto alla classe "areamain" */
.areaevidenza {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #666666;
	background-color: #F4F4F4;
	border: 1px solid #A9A9A9;
	text-align: left;	
	width: 38%;
	float: right;
	padding: 4px;
}
/* Area in primo piano */
.area1 {
    color: #003366;
	background-color: #FFFFF4;
	border: 1px solid #FFCC99;
	padding: 4px;
	margin-bottom: 4px;	
}
/* Area secondo piano */
.area2 {
	color: #003366;
	background-color: #F0F5F9;
	border: 1px solid #7C8FA3;
	padding: 4px;
	margin-bottom: 4px;
}
.area3 {
	color: #333333;
	background-color: #DFF4F4;
	border: 1px solid #339999;
	padding: 4px;
	margin-bottom: 4px;
	}
.sezione3top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #990000;
    border-top: 2px solid #990000;
	border-right: 2px solid #990000;
	border-bottom: 0px solid #990000;
	border-left: 2px solid #990000;	
	padding: 4px;
}
/* parte per il testo */
.sezione3bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #003366;
	background-color: #FFF4F4;
	padding: 4px;
	border-top: 0px solid #990000;
	border-right: 2px solid #990000;
	border-bottom: 2px solid #990000;
	border-left: 2px solid #990000;
}

.areadownload {
	background-color: #FFFFE6;
	border: 1px solid #FFCC00;
	padding: 4px;
	margin-bottom: 4px;
}
/*  Contenitore di sinistra*/
	.areasxhome {
		width: 32%; 
		float: left; 
		padding: 2px; 
		}
/* Contenitore di destra*/
	.areadxhome {
		width: 65%;
		float: right;
		padding: 2px;
		}	
	
	
/* Contenitore di sinistra*/
	.areasx {
		width: 48%; 
		float: left; 
		padding: 2px; 
		}
/* Contenitore di destra*/
	.areadx {
		width: 48%;
		float: right;
		padding: 2px;
		}
/* Contenitore delle news */
.areanews { 
	font-size: small; 
	border: #6699CC solid 1px; 
	text-align: left; 
	color: #003366;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 1px;
    padding: 3px;
	background-color: #F0F5F9;
	}
/* Contenitore della rassegna stampa */
.arearassegna { 
	font-size: small; 
	border: 1px solid #CCCCCC; 
	text-align: left; 
	color: #333333;
	margin-top: 5px;
	margin-right: 1px;
    padding: 3px;
	background-color: #F5F5F5;
	}
/* Contenitore per gli argomenti in evidenza */
.inevidenza {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #D9F5FF;
	border: solid;
	text-align: left;	
	padding: 2px 5px;
    border-color: #0091D7 #003366 #003366 #0099CC;
	border-width: 1px 2px 2px 1px;
}
.sezione1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	background-color: #990000;
    border: 1px solid #000000;
	padding: 4px;
	margin-bottom: 4px;
}
.sezione2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: left;
	color: #000066;
	background-color: #FFCC33;
    border: 1px solid #666666;
	padding: 4px;
	margin-bottom: 0px;
}
.sezione3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	background-color: #003366;
    border: 1px solid #000000;
	padding: 4px;
	margin-bottom: 4px;
}
.areatitolo {
	background-color: #D9E6F2;
	border: 1px solid #003366;
	padding: 1px;
	padding-left: 3px;
	padding-bottom: 2px;
	font-weight: bold;	
}
.boxindice { 	
   	padding: 2px;
	margin: 0px;
	font-size: small;
	text-align: left;
	font-weight: bold;
}
.areasport { 
 	background-color: #FFFFF0;
	border: 1px solid #CCCCCC;
	border-top: 0px;
}
.evidenza {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: left;
	color: #FFF;
	background-color: #900;
   border-top: 2px solid #900;
	border-right: 2px solid #900;
	border-bottom: 0px solid #900;
	border-left: 2px solid #900;	
	padding: 0.4em;
}
/* parte per il testo */
.evidenza-bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #036;
	background-color: #FFF4F4;
	padding: 0.4em;
	border-top: 0px solid #900;
	border-right: 2px solid #900;
	border-bottom: 2px solid #900;
	border-left: 2px solid #900;
}
.evidenza1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: left;
	color: #FFF;
	background-color: #336699;
   border-top: 2px solid #336699;
	border-right: 2px solid #336699;
	border-bottom: 0px solid #336699;
	border-left: 2px solid #336699;	
	padding: 0.4em;
}
/* parte per il testo */
.evidenza1-bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFF;
	background-color: #EBF3F8;
	padding: 0.4em;
	border-top: 0px solid #336699;
	border-right: 2px solid #336699;
	border-bottom: 2px solid #336699;
	border-left: 2px solid #336699;
}
.evidenza2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: left;
	color: #FFF;
	background-color: #388213;
   border-top: 2px solid #388213;
	border-right: 2px solid #388213;
	border-bottom: 0px solid #388213;
	border-left: 2px solid #388213;	
	padding: 0.4em;
}
/* parte per il testo */
.evidenza2-bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFF;
	background-color: #E9F1E6;
	padding: 0.4em;
	border-top: 0px solid #388213;
	border-right: 2px solid #388213;
	border-bottom: 2px solid #388213;
	border-left: 2px solid #388213;
}