body {
	font: 70%/1.5em verdana;  text-align: justify; margin: 0px; padding: 0px;
	background: #FFFFFE url(back.jpg) center repeat-y; color: #000001;}
/* quando link non dichiarati nei contenitori: */
a:link {color: #FF0032; text-decoration: none; font-weight: bold;}
a:visited {text-decoration: none; font-weight: bold; color: #6699CB;}
a:hover, a:active {text-decoration: underline; font-weight: bold; background-color: #000002; color: #FFFFFD;}
h1 {
	margin: 0px; padding: 5px 0 2px 10px; font-size: 150%;
	border-bottom: 1px solid #005B3E; background: url(h1off.jpg) bottom repeat-x; color: #005B3E;}
h2 {
	margin: 0px; padding: 5px 0 2px 10px; font-size: 140%;
	border-bottom: 1px solid #005B3E; background: url(h1off.jpg) bottom repeat-x; color: #005B3E;}
h3 {
	margin: 0px; padding: 5px 0 2px 10px; font-size: 130%;
	border-bottom: 1px solid #005B3E; background: url(h1off.jpg) bottom repeat-x; color: #005B3E;}
h4 {
	margin: 0px; padding: 5px 0 2px 10px; font-size: 120%;
	border-bottom: 1px solid #005B3E; background: url(h1off.jpg) bottom repeat-x; color: #005B3E;}
h5 {
	margin: 0px; padding: 5px 0 2px 10px; font-size: 110%;
	border-bottom: 1px solid #005B3E; background: url(h1off.jpg) bottom repeat-x; color: #005B3E;}
/* fine classi html */
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*              testa                   */
	#testa {width: 800px; margin:0px; padding:0px; background: url(header.jpg) right top no-repeat;}
		/* >> classi-UNI >> briciole */
			/* >> classi-UNI >> pane */
			#pane {color: #FFFFFF;}
				/* >> classi-UNI >> pane br */
				/* >> classi-UNI >> pane a */
				#pane a:link {color: #CCFF66; padding: 0px;}
				#pane a:hover {color: #9EEA00; padding: 0px;}
				#pane a:visited {color: #9EEA01; padding: 0px;}
		#menutop {
		width:100%; height: 16px; padding: 0px; margin: 0px; font-size: 90%; text-align: center;
		overflow:hidden; background: url(h1off.jpg) repeat-x; color: #000004;}
			#menutop a {padding:0px 5px 5px 5px; background-image: url(h1off.jpg) repeat-x; color: #2DB52F;}
			#menutop a:hover {text-decoration:none; padding:2px 5px 2px 5px;
			background: url(h1on.jpg) bottom repeat-x; color: #1F7C1D;}
		#sep-su{
		width:100%;	height: 17px; padding: 0px; margin: 0px; font-size: 90%;
		overflow: hidden;  background: url(sepsu.jpg) bottom;}
		#counter {width:0px; height:0px; background-image:url(/*da definire !!!!!!!!!!!!!!!!!!!*/"");}
/******************************************************/
/** colonna sinistra (quando a due colonne laterali) **/
/******************************************************/
	/* >> classi-UNI >> col-sx + br */
		/* >> classi-UNI >> box+lista-sx */
			#box-lab-130 { /* scatola del titolo del menu */
			width: 100%; height: 25px; float: left; clear: both; margin: 0px; padding: 0px;
			overflow: hidden; background: url(menusx130x30.jpg) left top no-repeat;}
			/* >> classi-UNI >> box-lab-130 h1 */
			#lista-sx {/*questo è l'elenco delle voci*/
			width:127px; float: left; clear: both; overflow: hidden; margin-bottom: 10px;
			font-size:90%;/*!*/ font-weight:normal; text-align:left; /* descrizione sotto link cartellette */
			padding: 0 1px 1px 0; /*dist 1px su cornice menù*/
			border-right: 1px solid #33CC33; border-bottom: 1px solid #33CC33; color: #259226;}
				/* >> classi-UNI >> lista-sx br */
				#lista-sx a { /* testo del titolo che linka la pagina dei contenuti */
				 padding-left:10px; line-height: 1.3; font-size: 100%;
				display: block; overflow: hidden; background: url(h1off.jpg); color: #2DB52D;}
					#lista-sx a:hover {text-decoration:none; padding-left:10px; font-size: 100%;
					background: url(h1on.jpg); color: #1F7C1F;}
/**************************************************/
/** colonna centrale ( 2,1 o 0 colonne laterali) **/
/**************************************************/
/*475	 >> classi-UNI >> centropag-475 */
		#centropag-475 a {text-decoration: underline; color: #FF6600;}
		#centropag-475 a:hover {text-decoration: overline; background: none; color: #FF6600;}
		#centropag-475 a:visited {text-decoration: underline; color: #FF8346;}
/*610	 >> classi-UNI >> centropag-610 */
		#centropag-610 a {text-decoration: underline; color: #FF6600;}
		#centropag-610 a:hover {text-decoration: overline; background: none; color: #FF6600;}
		#centropag-610 a:visited {text-decoration: underline; color: #FF8346;}
/*660	 >> classi-UNI >> centropag-660 */
		#centropag-660 a {text-decoration: underline; color: #FF6600;}
		#centropag-660 a:hover {text-decoration: overline; background: none; color: #FF6600;}
		#centropag-660 a:visited {text-decoration: underline; color: #FF8346;}
/*670	 >> classi-UNI >> centropag-670 */
		#centropag-670 a {text-decoration: underline; color: #FF6600;}
		#centropag-670 a:hover {text-decoration: overline; background: none; color: #FF6600;}
		#centropag-670 a:visited {text-decoration: underline; color: #FF8346;}
/*790	 >> classi-UNI >> centropag-790 */
		#centropag-790 a {text-decoration: underline; color: #FF6600;}
		#centropag-790 a:hover {text-decoration: overline; background: none; color: #FF6600;}
		#centropag-790 a:visited {text-decoration: underline; color: #FF8346;}
/*************************************************************/
/** colonna di destra (quando a una o due colonne laterali) **/
/*************************************************************/
	/* >> classi-UNI >> col-dx-180 + br */
			#lab-dx-180 { /* casella titolo */
			width: 180px; height: 25px; margin: 0; padding: 0px; overflow: hidden; float: none;
			background: url(menudx180x30.jpg) left top no-repeat;}
				/* >> classi-UNI >> lab-dx-180 h1 */
			#lista-dx-180 { /* H libera in base al num di menù */
			width:100%; overflow: hidden; margin:0 auto; font-size:80%;/*!*/ font-weight:normal;
			text-align:left; /* descrizione sotto link cartellette */
			padding: 0px 0px 1px 1px;/*dist 1px su cornice menù*/
			border-left: 1px solid #99E599; border-bottom: 1px solid #99E599; color:#259225;}
			/* >> classi-UNI >> lista-dx-180 br */
			#lista-dx-per2 {/* H TAGLIATA PER INSERIRE + LINK */
			width:100%; height:27px; overflow: hidden; margin:0 auto; font-size:80%; /*!!!*/ font-weight:normal;
			padding: 0px 0px 1px 1px; /*dist 1px su cornice menù*/
			border-left: 1px solid #99E599; border-bottom: 1px solid #99E599; color:#259225;}
				/* >> classi-UNI >> lista-dx-per2 br e lista-dx-per3 br */
			#lista-dx-per3 {/* H TAGLIATA PER INSERIRE + LINK */
			width:100%; height:56px; overflow: hidden; margin:0 auto; font-size:80%; /*!!!*/ font-weight:normal;
			padding: 0px 0px 1px 1px; /*dist 1px su cornice menù*/
			border-left: 1px solid #99E599; border-bottom: 1px solid #99E599; color:#259225;}
				#lista-dx-180 a, #lista-dx-per2 a, #lista-dx-per3 a,
/*solo tp down*/#lista-dx-180 a:visited, #lista-dx-per2 a:visited, #lista-dx-per3 a:visited {
				 display: block; overflow: hidden; padding-left:5px; line-height: 1.3; font-size: 110%;
				background: url(h1off.jpg); text-decoration:none; color: #2DB52E;}
				#lista-dx-180 a:hover, #lista-dx-per2 a:hover, #lista-dx-per3 a:hover{
				font-size: 110%; text-decoration:none; padding-left:5px;
				background: url(h1on.jpg); color: #1F7C1E;}
/************************************************************************/
/** colonna di destra 130px (quando a UNA colonnA laterale) >> ADV 120 **/
/************************************************************************/
	/* >> classi-UNI >> col-dx-130 + br */
			#lab-dx-130 { /* casella titolo */
			width: 130px; height: 25px; margin:0; padding:0; overflow: hidden; float: none;
			background: url(menudx130x30.jpg) left top no-repeat;}
				/* >> classi-UNI >> lab-dx-130 h1 */
				#lista-dx-130 { /* H libera in base al num di menù */
			width:100%; overflow: hidden; margin:0 auto; font-size:80%;/*!*/ font-weight:normal;
			text-align:left; /* descrizione sotto link cartellette */
			padding: 0px 0px 1px 1px;/*dist 1px su cornice menù*/
			border-left: 1px solid #99E599; border-bottom: 1px solid #99E599; color:#259225;}
				/* >> classi-UNI >> lista-dx-130 br */
				#lista-dx-130 a {line-height: 1.8; font-size: 100%; display: block; padding-left:2px;
				overflow: hidden; background: url(h1off.jpg); color: #2DB52E;}
				#lista-dx-130 a:hover {
				 font-size: 100%; text-decoration:none; padding-left:2px;
				background: url(h1on.jpg); color: #1F7C1E;}
/***********************************************************************************/
/** colonna di destra 120px (quando a UNA colonnA laterale MINI) non supporta ADV **/
/***********************************************************************************/
	/* >> classi-UNI >> col-dx-120 + br */
			#lab-dx-120 { /* casella titolo */
			width: 120px; height: 25px; margin:0; padding:0; overflow: hidden; float: none;
			background: url(menudx120x30.jpg) left top no-repeat;}
				/* >> classi-UNI >> lab-dx-120 h1 */
			#lista-dx-120 { /* H libera in base al num di menù */
			width:100%; overflow: hidden; margin:0 auto; font-size:80%;/*!*/ font-weight:normal;
			text-align:left; /* descrizione sotto link cartellette */
			padding: 0px 0px 1px 1px;/*dist 1px su cornice menù*/
			border-left: 1px solid #99E599; border-bottom: 1px solid #99E599; color:#259225;}
				/* >> classi-UNI >> lista-dx-120 br */
				#lista-dx-120 a {line-height: 1.8; font-size: 100%; display: block; padding-left:2px;
				overflow: hidden; background: url(h1off.jpg); color: #2DB52E;}
				#lista-dx-120 a:hover {
				font-size: 100%; text-decoration:none; padding-left:2px;
				background: url(h1on.jpg); color: #1F7C1E;}


/************* separatore inferiore ************/
	#sep-giu{ /* ultima di cornice principale - in classi-UNI sono presenti a e a:hover */
	width:100%; height: 17px; font-size: 90%;  padding: 0px; margin: 0px auto;
	overflow: hidden; background: url(sepgiu.jpg) bottom;}
		/* >> classi-UNI >> sep-giu a e sep-giu a:hover */

/***************************************************/
/********** piede -  amici - mezzo-cor-pic2 ********/
/***************************************************/	
	#piede { /* in cornice pic */
	width: 776px/*780-(2+2pad)*/; margin: 0 auto; padding: 2px; font-size: 90%; line-height: 1.3; text-align:center;
	overflow: hidden; background: url(h1off.jpg) bottom repeat-x; color: #000003;}
		#piede a {font-size:85%; letter-spacing: 2px; text-decoration:none; padding: 0px; color: #005B3F;}
			#piede a:hover {letter-spacing: 2px; background: url(h1on.jpg); color: #005B3F;}
	#amici { /* in cornice pic */
	width: 776px;/*780-(2+2pad)*/ margin: 0 auto; padding: 2px; font-size: 85%; line-height: 1.3; text-align:justify;
	overflow: hidden; background: url(h1off.jpg) bottom repeat-x; color: #000003;}
		#amici a {font-size:85%; letter-spacing: 2px; text-decoration:none; padding: 0px; color: #005B3F;}
			#amici a:hover {letter-spacing: 2px; background: url(h1on.jpg); color: #005B3F;}
	#mezzo-cor-pic2 { /* da usare dentro a m-p2 (quando ci sono testi e link) >> quindi occhio ai padding */
	/* in m-p2 è già definito l'align al centro, ma non il colore di fondo */
	width: 724px;/*728-(2+2pad)*/ margin: 0 auto; padding: 2px; font-size: 85%;  line-height: 1.3; text-align:center;
	overflow: hidden; background: url(h1off.jpg) bottom repeat-x; color: #000003;}
	#mezzo-cor-pic2 a {font-size:85%; letter-spacing: 2px; text-decoration:none; padding: 0px; color: #009906;}
		#mezzo-cor-pic2 a:hover {letter-spacing: 2px; background: url(h1on.jpg); color: #009906;}