/* coloring */
/*color: #000001; =nero -1			: body (e quindi centropag)										*/
/*color: #FFFFFE; =bianco -1		: bg body (e quindi bg centropag)								*/
/*color: #FF0032; =rosso vivo		: a:link														*/
/*color: #FFFFFD; =bianco -2		: a:hover + a:active											*/
/*color: #000002; =nero -2			: bg a:hover + bg a: active										*/
/*color: #6699CB; =azzurro_opaco -1	: a:visited														*/
/*color: #000003; =nero -3			: amici + piede + mezzo-cor-pic2								*/
/*color: #339960; =verde PANE		: pane a:link													*/
/*color: #FF0003; =rosso PANE		: pane a:hover													*/
/*color: #FF0004; =rosso PANE		: pane a:visited												*/
/*color: #FF0000; =rosso 0			: centropag a + centropag a:hover								*/
/*color: #FF8346; =mattone			: centropag a:visited											*/
/*color: #009902; =verde_erba SX	: lista-sx														*/
/*color: #FF0001; =rosso 1			: lista-sx a													*/
/*color: #009903; =verde_erba SX1	: lista-sx a:hover												*/
/*color: #019902; =verde_erba DX	: lista-dx (+ -per2 + -per3 + -120 + -130)						*/
/*color: #FF0002; =rosso 2			: lista-dx a (+ -per2 + -per3 + -120 + -130)					*/
/*color: #009904; =verde_erba DX1	: lista-dx a:hover (+ -per2 + -per3 + -120 + -130)				*/
/*border:#9CE800;=verde-acido	(-)	: border: lista-sx												*/
/*border:#A3F000;=verde-acido:2	(-)	: border: lista-dx (+ -per2 + -per3 + -120 + -130)				*/
/*color: #009900; =verde_erba 0		: h1 to h5 + border bottom di hx 								*/
/*color: #000004; =nero -4			: menutop														*/
/*color: #3399FF; =azzurro_luce		: menutop a														*/
/*color: #009901; =verde_erba T1	: menutop a:hover												*/
/*color: #009905; =verde_erba P1	: piede a + piede a:hover + amici a + amici a:hover 			*/
/*color: #009906; =verde_erba M1	: mezzo-cor-pic2 a + mezzo-cor-pic2 a:hover						*/

						/* imaging */
/* back			>>	body																			*/
/* header		>>	testa																			*/
/* sepsu		>>	sep-su																			*/
/* sepgiu		>>	sep-giu																			*/
/* h1off		>>	h1 to h5, menutop, menutop a, lista-sx a, lista-dx a, lista-dx-per2 a			*/
/*   "  		>>	lista-dx-per3 a, piede, amici, mezzo-cor-pic2									*/
/* h1on			>>	menutop a:hover, lista-sx a:hover, lista-dx a:hover, lista-dx-per2 a:hover		*/
/*   "  		>>	lista-dx-per3 a:hover, piede a:hover, amici a:hover, mezzo-cor-pic2 a:hover		*/
/* menudx120x30	>>	lab-dx-120																		*/
/* menudx130x30	>>	lab-dx-130																		*/
/* menudx180x30	>>	lab-dx-180																		*/
/* menusx130x30	>>	box-lab-130																		*/

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 #009900; background: url(h1off.jpg) bottom repeat-x; color: #009900;}
h2 {
	margin: 0px; padding: 5px 0 2px 10px; font-size: 140%;
	border-bottom: 1px solid #009900; background: url(h1off.jpg) bottom repeat-x; color: #009900;}
h3 {
	margin: 0px; padding: 5px 0 2px 10px; font-size: 130%;
	border-bottom: 1px solid #009900; background: url(h1off.jpg) bottom repeat-x; color: #009900;}
h4 {
	margin: 0px; padding: 5px 0 2px 10px; font-size: 120%;
	border-bottom: 1px solid #009900; background: url(h1off.jpg) bottom repeat-x; color: #009900;}
h5 {
	margin: 0px; padding: 5px 0 2px 10px; font-size: 110%;
	border-bottom: 1px solid #009900; background: url(h1off.jpg) bottom repeat-x; color: #009900;}
/* 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 */
				/* >> classi-UNI >> pane br */
				/* >> classi-UNI >> pane a */
				#pane a:link {color: #339960; padding: 0px;}
				#pane a:hover {color: #FF0003; padding: 0px;}
				#pane a:visited {color: #FF0004; 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: #3399FF;}
			#menutop a:hover {text-decoration:none; padding:2px 5px 2px 5px;
			background: url(h1on.jpg) bottom repeat-x; color: #009901;}
		#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 #9CE800; border-bottom: 1px solid #9CE800; color: #009902;}
				/* >> 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: #FF0001;}
					#lista-sx a:hover {text-decoration:none; padding-left:10px; font-size: 100%;
					background: url(h1on.jpg); color: #009903;}
/**************************************************/
/** colonna centrale ( 2,1 o 0 colonne laterali) **/
/**************************************************/
/*475	 >> classi-UNI >> centropag-475 */
		#centropag-475 a {text-decoration: underline; color: #FF0000;}
		#centropag-475 a:hover {text-decoration: overline; background: none; color: #FF0000;}
		#centropag-475 a:visited {text-decoration: underline; color: #FF8346;}
/*610	 >> classi-UNI >> centropag-610 */
		#centropag-610 a {text-decoration: underline; color: #FF0000;}
		#centropag-610 a:hover {text-decoration: overline; background: none; color: #FF0000;}
		#centropag-610 a:visited {text-decoration: underline; color: #FF8346;}
/*660	 >> classi-UNI >> centropag-660 */
		#centropag-660 a {text-decoration: underline; color: #FF0000;}
		#centropag-660 a:hover {text-decoration: overline; background: none; color: #FF0000;}
		#centropag-660 a:visited {text-decoration: underline; color: #FF8346;}
/*670	 >> classi-UNI >> centropag-670 */
		#centropag-670 a {text-decoration: underline; color: #FF0000;}
		#centropag-670 a:hover {text-decoration: overline; background: none; color: #FF0000;}
		#centropag-670 a:visited {text-decoration: underline; color: #FF8346;}
/*790	 >> classi-UNI >> centropag-790 */
		#centropag-790 a {text-decoration: underline; color: #FF0000;}
		#centropag-790 a:hover {text-decoration: overline; background: none; color: #FF0000;}
		#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 #A3F000; border-bottom: 1px solid #A3F000; color:#019902;}
				/* >> 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 #A3F000; border-bottom: 1px solid #A3F000; color:#019902;}
				/* >> 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 #A3F000; border-bottom: 1px solid #A3F000; color:#019902;}
				#lista-dx-180 a, #lista-dx-per2 a, #lista-dx-per3 a {
				 display: block; overflow: hidden; padding-left:5px; line-height: 1.3; font-size: 110%;
				background: url(h1off.jpg); color: #FF0002;}
				#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: #009904;}
/************************************************************************/
/** 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 #A3F000; border-bottom: 1px solid #A3F000; color:#019902;}
				/* >> 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: #FF0002;}
				#lista-dx-130 a:hover {
				 font-size: 100%; text-decoration:none; padding-left:2px;
				background: url(h1on.jpg); color: #009904;}
/***********************************************************************************/
/** 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 #A3F000; border-bottom: 1px solid #A3F000; color:#019902;}
				/* >> 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: #FF0002;}
				#lista-dx-120 a:hover {
				font-size: 100%; text-decoration:none; padding-left:2px;
				background: url(h1on.jpg); color: #009904;}

/************* 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: #009905;}
			#piede a:hover {letter-spacing: 2px; background: url(h1on.jpg); color: #009905;}
	#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: #009905;}
			#amici a:hover {letter-spacing: 2px; background: url(h1on.jpg); color: #009905;}
	#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;}

#tato { width:0; height:0; overflow:hidden;}