body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #000000;
}

/****************************************************************link*/
/*
a:link {
font:Arial, Helvetica, sans-serif;
font-weight: normal;
/*color:#444444;
color:#0033CC;
text-decoration: none;
}

a:visited {
font:Arial, Helvetica, sans-serif;
font-weight: normal;
/*color:#444444;
color:#0033CC;
text-decoration: none;
}

a:hover {
font:Arial, Helvetica, sans-serif;
font-weight: normal;
/*color:#444444;
color:#0033CC;
text-decoration: underline;
}
*/
a:link {
font:Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000080;
/*color:#464646;  /*  464646 è grigio scuro*/
background: white;
/*text-decoration: none;  */
text-decoration:none;
}

/* voglio la stessa formattazione quando è stato visitato*/
a:visited {
font:Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000080;
/*color:#464646;  /*  464646 è grigio scuro*/
background: white;
/*text-decoration: none;  */
text-decoration:none;
}

/* focus sono i link selezionati da tastiera e pronti per essere visitati  */
a:focus {
font:Arial, Helvetica, sans-serif;
font-weight: bold;
color:#464646;  /*  464646 è grigio scuro*/
background: white;
/*text-decoration: none;  */
text-decoration: underline;
}



a:hover{
/*font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;*/
background-color: #464646;
color: white;
text-decoration: none;
}

a.selected{
/*font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;*/
background: #464646;
color: white;
text-decoration: none;
}





/****************************************************************link*/
/*********************************************************************/


/****************************************************************titoli*/

/*inizio pagina allineato a menu sostituito da "titolo" */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	background-color: #666666;
	text-align: left;
	vertical-align: middle;
	color: #FFFFFF;
}

/****  righello orizzontale 
div è come se facesse una piccola cella: di fatto "impegna" lo spazio minimo di una riga, fino al div di chiusura.
Perciò si usa questo trucchetto per rendere la righina come se fosse il bordo di div.
se si valorizza background, su IE la righina diventa una rigona perchè copre tuttolo spazio della riga.
*/
div.hr {
height: 1px;
margin: 0 auto;
border-bottom: 3px solid #FFB933;

/*width: 70%;
background-color: rgb(255, 185, 51);
/*255-185-51 equivale a FFB933 */
}





/*inizio pagina allineato a menu*/
.titolo {
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	*/
	background-color: #322859;
	
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
/*background-color: rgb(3, 38, 120);*/
/*background-color: #322859*/
	text-align: left;
	vertical-align: middle;
	color: #FFFFFF;
	
	border-top-color: white;
border-top-width: 5px;
border-top-style: solid;
}

/* titolo mese calendario*/
.titolo_calendario {
	background-color: #485247;
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
	border-top-color: white;
border-top-width: 5px;
border-top-style: solid;
}


.titolo_sotto {
	
	background: rgb(124, 32, 21);
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
/*background-color: rgb(3, 38, 120);*/
/*background-color: #322859*/
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
}






/* sottotitoli interni alla pagina*/
h2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	/*text-align: left;*/
	vertical-align: middle;
	margin: 0;
}
/*mesi del calendario*/
.calendario  {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	/*background-color: #BC001D;*/
	background-color: #003f5b;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
}

/****************************************************************titoli*/
/***********************************************************************/


/****************************************************************eliminazione margini*/
ul {
margin: 0;
padding: 0;
margin-left: 1em;
font-size: 10px;
}
ol {
margin: 0;
padding: 0;
margin-left: 1em;
font-size: 10px;
}
p {
font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #000000;
}
/****************************************************************eliminazione margini*/
/**************************************************************************************/


/*********************************************************************************** menu*/
a.menu:link	{
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	font-size: x-small;
	}
a.menu:visited	{
	color: #ffffff; 
	text-decoration: none;
	font-weight: normal;
	font-size: x-small;
	}
a.menu:hover	{
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
	font-size: x-small;
}
/* submenu*/
a.submenu:link	{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-size: x-small;
	/*background-color: #D5DCEF;*/
}
a.submenu:visited	{
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: normal;
	font-size: x-small;
	/*background-color: #D5DCEF;*/
	}
a.submenu:hover	{
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
	font-size: x-small;
	/*background-color: #D5DCEF;*/
}
/*********************************************************************************** menu*/
/*****************************************************************************************/


/********************************************************************************varie*/
/*frame in alto a destra*/
.intestazione {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	background-position: center center;
}





/*  per "Circuito Verde"  */
.intest_cv {
color: #008000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	background-position: center center;
}


/*usato per consenso informato etc (testi lunghi "da non leggere"*/
.piccolo_grassetto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
/*per evidenziare in verde la gratuità*/
.gratis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #00FF00;
}



/*******************************************************************************varie*/
/*************************************************************************************/


/****************************************************************tabelle*/

/* sfondo sottomenu */
.sfondotab {background-color: #555555;}

/* sfondo menu principale
.sfondomenu {background-color: #555555;} /*questo è grigio scuro  */
.sfondomenu {background-color: #898989;}

/*grigiochiaro*/
.sf_gri_chi {background-color: #D7D7D7;}

/*grigio*/
.sf_grigio {background-color: #C2C2C2;}

.spazio_cella{
padding="55";
}

.bordi {border: 1px solid #000000;}

.bordosotto {
border-bottom-color: #555555;
border-bottom-width: 2px;
border-bottom-style: solid;
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: black;
	
/*width: 300px;  */
}


/*   serve a fstaccare le due immaggini intestazione dal menu orizzontale che sta sotto                */
.bordosottoimmagine {
border-bottom-color: white;
border-bottom-width: 5px;
border-bottom-style: solid;
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: white;
	
/*width: 300px;  */
}

/*   serve a staccare il titolo dal menu orizzontale che sta sopra                */
.bordosopra {
border-top-color: white;
border-top-width: 5px;
border-top-style: solid;
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: white;
	
/*width: 300px;  */
}







/****************************************************************tabelle*/


/*****Necessari per la finestra che si apre al passaggio del mouse***************/
span{
font-size: 12px;
font-family: Verdana;
}
#livello{
background-color: #FFFFCC;
font-size: 10px;
padding: 5px;
border: Solid 1px #000000;
}




/***** Spazio (padding) intorno alle immagini ***************/
.immagine img{
padding-rigth : 200px;
}