/* I livelli di questo css servono per dividere 
	eventualmente la pagina in due parti */
/* Contenitore grande posto sulla sinistra della pagina */
div.areamain {
	width: 58%;
	float: left;
	padding: 2px;
}
/* Contenitore small posto sulla destra per una eventuale sezione 
	"in evidenza" nella pagina */
div.areaevidenza {
	text-align: left;	
	width: 38%;
	float: right;
	padding: 4px;
}
/* Area in primo piano */
div.area1piano {
	border: 1px solid #CCCCCC;
	padding: 4px;
	margin-bottom: 4px;
	height: 100%;
}
/* Area secondo piano */
div.area2piano {
	color: #003366;
	background-color: #F0F5F9;
	border: 1px solid #7C8FA3;
	padding: 4px;
	margin-bottom: 4px;
}
/* Titolo */
div.areatitolo {
	font-weight: bold;
	background-color: #FFCC00;
	border: 1px solid #7C8FA3;
	padding: 2px;
	}
/* Contenitore di sinistra */
div.areasx {
	float: left;
	padding: 2px;
	width: 48%;
	}
/* Contenitore di destra */
div.areadx {
	float: right;
	padding: 2px;
	width: 48%;
	}
/* Area nascosta */
div.areanascosta {
	margin: 5px;
	display: none;
}
/* Menu di navigazione veloce */
div.dimensioninulle {
	height: 1px; 
	width: 1px; 
	overflow: hidden; 
}
.messaggi {
	border: 1px solid #003366;
	padding: 5px;
	color: 000066;
	background-color: #F5F5F5;
}
.messaggi p {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 2px;
}
div.areanews {
	background-color: #F0F5F9;
	padding: 2px 2px 2px 0px;
	border: 1px solid #7C8FA3;
 
}