.testohome { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }

.titolo-sezione      { color: #e51e21; font-size: 20px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin: 16px 0 10px }
.argomento-sezione    { color: #223898; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; margin-top: 14px; margin-bottom: 8px }
.div-rientro 	 { text-indent: 20px; margin: 0; padding-left: 0 }
.div-puntoelenco   { background-image: url("immagini/tasto_pallino_off.gif"); background-repeat: no-repeat; margin: 0; padding: 0 0 0 20px }
.p-dettagliosezione   { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; text-align: justify; margin: 0 0 4px }
.p-dettagliosezione i         { color: #333 }
.p-dettagliosezione b        { color: #333 }
.p-dettagliosezione-piccolo  { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; text-align: justify; text-indent: 0; margin: 0 0 8px }
.p-dettagliosezione-grande  { color: black; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px; text-align: justify; text-indent: 0; margin: 0 0 8px }

.link-sezione        { color: white; font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.link-sezione:hover        { text-decoration: none; letter-spacing: 2px }

TD.navtable-cella-off	    { background-image: url("immagini/punto_elenco_off.gif"); background-repeat: no-repeat; background-position: 2px 0; height: 30px }
/* Nota: se imposto lo sfondo su una classe a (link) Netscape 4 disattiva il link -> devo impostare il simbolo sull'elemento contenitore -> cella della tabella */
.navtable-cella-off A.navtable-link   { color: #648a0e; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 20px; text-decoration: none; padding: 0 0 0 25px }
/* l'effetto over e' comune a tutti i livelli */
A.navtable-link:hover    { color: #891009; background-image: url("immagini/punto_elenco_on.gif"); background-repeat: no-repeat; background-position: 2px -5px }

.etichetta-settore { color: #648a0e; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 20px; text-decoration: none; padding: 0 0 0 25px }


TD.home-cella-off	     { background-image: url("immagini/tasto_pallino_off.gif"); background-repeat: no-repeat; background-position: 0 0; height: 24px }
/* Nota: se imposto lo sfondo su una classe a (link) Netscape 4 disattiva il link -> devo impostare il simbolo sull'elemento contenitore -> cella della tabella */
.home-cella-off A.home-link    { color: #fcedce; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 16px; text-decoration: none; letter-spacing: 2px; display: block; padding: 0 0 0 25px }
/* l'effetto over e' comune a tutti i livelli */
A.home-link:hover     { color: #891009; background-image: url("immagini/tasto_pallino_on.gif"); background-repeat: no-repeat; background-position: 0 -4px }


.piepagina-link { color: white; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.piepagina-link:hover { text-decoration: underline }
.piepagina-separatore { color: yellow; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.piepagina-testo { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }

.sezione {
}

.sezione h1 {
color: #000;
font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: bold;
	margin-bottom: 14px;
}

.sezione h2 {
	color: #cf9112;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding-top: 4px; /* cosi spezza il passo dei paragrafi */
	padding-bottom: 4px;
}

.sezione h3 {
	color: #7e2507;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding-top: 4px; /* cosi spezza il passo dei paragrafi */
	padding-bottom: 4px;
}

.sezione p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #936506;
}
.sezione p, .sezione p.text-normal {
	font-size: 11px;
	line-height: 14px;
	/* margin-top1: 4px; /* questo fa si che si crei uno spazio fra due div sovrapposti che contengono p -> non va bene */
	/* border-top1: 4px transparent solid; /* il transparent non ? supportato su IE pre 7 e diventa nero */
	/* rimane solo il padding ma il top altera il punto elenco che devo eventualmente adeguare se non lo metto a 0 */
	padding-top: 0px;
	padding-bottom: 4px;
	/* Hack for transparent borders in IE6 */
	/* _border-color: tomato; */

	/* _filter: chroma(color=tomato); */

}

.sezione p.text-extrasmall {
	font-size: 10px;
	line-height: 12px;
}
.sezione p.text-small {
	font-size: 11px;
	line-height: 13px;
}
.sezione p.text-large {
	font-size: 12px;
	line-height: 15px;
}
.sezione p.text-extralarge {
	font-size: 14px;
	line-height: 18px;
}

.sezione a {
	color: #f45a00;
	text-decoration: underline;
}
.sezione a:hover {
	color: #936506;
	text-decoration: none;
}


.sezione img.default,
.sezione img.sx-up, 
.sezione img.sx,
.sezione img.sx-down,
.sezione img.dx-up,
.sezione img.dx,
.sezione img.dx-down {
	margin: 12px;
}

.sezione img.sx-up {
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 4px;
	float: left;
}
.sezione img.sx {
	margin-left: 0px;
	float: left;
}
.sezione img.sx-down {
	margin-left: 0px;
	margin-bottom: 2px;
	float: left;
}
.sezione img.dx-up {
	margin-right: 0px;
	margin-top: 2px;
	float: right;
}
.sezione img.dx {
	margin-right: 0px;
	float: right;
}
.sezione img.dx-down {
	margin-right: 0px;
	margin-bottom: 2px;
	float: right;
}


.align-center {text-align: center}
.align-left {text-align: left}
.align-right {text-align: right}
.align-justify {text-align: justify}

.indent-firstline {text-indent: 20px }
.indent-all { padding-left: 20px }
.indent-bullet { background-image: url(immagini/punto_elenco.gif); background-repeat: no-repeat; }