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


a:link {
font: Arial, Helvetica, sans-serif;
font-weight: bold;
/* color:#464646;  /*  464646 è grigio scuro*/
color: #476091;
background: white;
font: bold;
/*text-decoration: none;  */
text-decoration: none;
}

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

/* 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*/
color: #476091;
background: white;
/*text-decoration: none;  */
text-decoration: underline;
}

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

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





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


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

/****  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 sostituito da "titolo" */
h1 {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	background-color: #476091;
	text-align: left;
	vertical-align: middle;
	color: #FFFFFF;
}

/*inizio pagina allineato a menu*/
.titolo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	background-color: #476091;
	text-align: left;
	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*/

#container {
	position:absolute;
	background-color:yellow;
	text-align:left;
	padding:0;
	width: 321px;
	height: 1065px;
}

#col-sx{
  position:relative;
  margin-right:600px;
  background-color:red;
  padding-bottom:10px;
}

#col-dx{
  position:absolute;
  right:0;
  top:0;
  width:280px;
  background-color:green;
  text-align:left;
}





/***********************************************************************/


/****************************************************************eliminazione margini*/
ul {
margin: 0;
padding: 0;
margin-left: 1em;
font-size: 12px;
}
ol {
margin: 0;
padding: 0;
margin-left: 1em;
font-size: 12px;
}
p {
margin: 0;
font-size: 12px;
}
/****************************************************************eliminazione margini*/
/**************************************************************************************/


/*********************************************************************************** menu*/
a.menu:link	{
	color: #ffffff;  /*  BIANCO  */
	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*/

/*  colore "aspicPG" di sfondodella testata  */
.sfondotestata {
	color: white;
    text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	/*background-color: rgb(51, 102, 153);*/
	/*background-color: rgb(102, 153, 204);  azzurro  */
	background-color: #476091 ;

}
.sfondodx {
	color: #476091;
    text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	/*background-color: rgb(51, 102, 153);*/
	background-color: rgb(255, 185, 51);
}
.sfondo {
	
	/*background-color: rgb(51, 102, 153);*/
	background-color: white;
}

.piedipagina {
	color: black;
    text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	/*background-color: rgb(51, 102, 153);*/
	background-color: rgb(255, 185, 51);
}


/*frame in alto a destra*/
.intestazione {

	color: white;
    text-align: center;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-style: it;
	font-weight: bold;
/*	background: url(http://www.aspicperugia.it/images/quadri_meta.gif)  no-repeat fixed;*/
	background: url(quadri_meta.gif)  no-repeat fixed;
	background-position: center;
}


/*  riquadri dentro celle home page   */
.cellapari {

	color: white;
    text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	background: url(quadri_unico.gif)  no-repeat fixed;
	background-position: center;
}

.celladispari {

	color: white;
    text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	background: url(quadri_rovescio.gif)  no-repeat fixed;
	background-position: 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;  */
}



/****************************************************************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;
}