/* Foglio di stile per le parti comuni del sito*/
body 		{
				background:#ffffff;
				background-attachment: scroll;
				margin-top:10px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px;
				font-family: Times, sans-serif; font-size:13px; line-height:16px;	
			}
			
/* --- Impaginazione generale delle pagine --- */
#masthead	{	/*testata*/
				width: 990px;
				height: 120px;
				margin-top: 0px;	margin-bottom: 0px;
				text-align: center;
			/*	border: 1px solid red;*/

			}		
#menu_princ	{	/*nenu principale*/			
				/*1. rimuoviamo i marcatori della lista*/
				list-style:none;
				/*2. usiamo questo metodo per evitare che lo sfondo dell’elemento contenitore collassa con elementi floatati*/
				overflow:hidden;
				/*3. relativo al metodo applicato sopra, per Internet Explorer 6, specifichiamo una larghezza di 100%*/
				width:100%;
				/*4. azzeriamo le margine – richiesto per Internet Explorer*/
				margin:0;
				/*5. impostiamo un spazio cuscinetto (padding) di 1 px tra i bordi della lista e il suo contenuto*/
				padding:10px;
			}
#menu_princ li	{
				display:inline;		
			}
#menu_princ a	{
				/*1. convertiamo i link da elementi inline a elemento di blocco, per potere poi specificare altezza/larghezza*/
				display:block;
				/*2. usiamo la proprietà  float per allineare gli elementi orizzontalmente*/
				float:left;
				/*3. specifichiamo una larghezza per link di stessa larghezza nel caso di questo esempio*/
				/*per link di larghezza relativa alla larghezza del testo, usare padding-right invece di width*/
				width:147px;
				/*4. e un altezza*/
				height:25px;
				/*5. aggiungiamo un spazio a sinistra tra ogni link*/
				margin-left:0px;
				/*6. e un spazio cuscinetto (padding) a sinistra tra il bordo e il testo dei link*/
				padding-left:10px;
				/*10. e la misura del carattere*/
				font-size:15px;
				/*12. togliamo la sottolineatura dei link aggiunta per default*/
				text-decoration:none;
				/*13. specifichiamo un colore per i link*/
				color:#636363;
				/*14. allineiamo verticalmente il testo*/
				line-height:25px;
			}
#menu_princ a:hover	{
				color:#000000;
			}
#menu_princ a.on	{
			/*	margin-left:0;*/
				color:#000000;
			}

/* --- Parte centrale con riquadro --- */
  
#content	{
				width:990px;
			}
/*stile css comune per tutti gli angoli*/
.css_angoli	{	/*l’immagine di sfondo*/
				background:url(../images/RiquadroArrotondato.png) no-repeat;
				/*l’altezza – la metà dell’immagine di sfondo*/
				height:25px;
			}
#angolo_superiore_sinistra	{
				background-position:top left;
			}
#angolo_superiore_destra	{	/*immagine di sfondo posizionata in alto a destra*/
				background-position:top right;
			}
#angolo_inferiore_sinistra	{
				background-position:bottom left;
			}
#angolo_inferiore_destra	{
				background-position:bottom right;
			}
.colore_sfondo_sopra		{
				background-color:#ffffff;
				border-top: 1px solid #808080;
				height:25px;
				margin:-25px 25px 0 25px;	/*posizionamento dell’elemento in rapporto con suoi angoli*/
			}
.colore_sfondo_sotto		{
				background-color:#ffffff;
				border-bottom: 1px solid #808080;
				/*border-bottom: 1px solid #636363;*/
				height:25px;
				margin:-26px 25px 0 25px;	/*posizionamento dell’elemento in rapporto con suoi angoli*/
			}
.contenuto		{
/*colore di sfondo del contenuto*/
				background-color:#ffffff;
				border-left: 1px solid #808080;
				border-right: 1px solid #808080;
				padding-left: 50px; padding-right: 50px;
			}

/* --- Fine Parte centrale con riquadro --- */

#footer		{	/* piede */
				width: 990px;
				height: 50px;
				border-top-width: 2px;
				margin-top: 10px;	margin-bottom: 0px;
			}

.titolopagina {	/*Scritta tag h1 tipo 1*/
				font-size: 14px;
				margin-top: 0px;	margin-bottom: 5px;
				padding-top: 0px;	padding-bottom: 5px;
				line-height: 1.3;
				color:#636363;
			}

.scr_col_base		{
				color:#636363;
			}
.linkBase	{
				color:#636363;
			}
.linkBase:hover	{
				color:#000000;
			}

/* -------- Menu in basso  ------------ */
		
#menu_piede	{	/*nenu piede*/	
				padding-left: 50px;		
				/*1. rimuoviamo i marcatori della lista*/
				list-style:none;
				/*2. usiamo questo metodo per evitare che lo sfondo dell’elemento contenitore collassa con elementi floatati*/
				overflow:hidden;
				/*3. relativo al metodo applicato sopra, per Internet Explorer 6, specifichiamo una larghezza di 100%*/
				width:100%;
				/*4. azzeriamo le margine – richiesto per Internet Explorer*/
				margin:0;
			}
#menu_piede li	{
				display:inline;		
			}
#menu_piede a	{
				/*1. convertiamo i link da elementi inline a elemento di blocco, per potere poi specificare altezza/larghezza*/
				display:block;
				/*2. usiamo la proprietà  float per allineare gli elementi orizzontalmente*/
				float:left;
				/*3. specifichiamo una larghezza per link di stessa larghezza nel caso di questo esempio*/
				/*per link di larghezza relativa alla larghezza del testo, usare padding-right invece di width*/
				width:120px;
				/*4. e un altezza*/
				height:10px;
				/*5. aggiungiamo un spazio a sinistra tra ogni link*/
				margin-left:10px;
				/*6. e un spazio cuscinetto (padding) a sinistra tra il bordo e il testo dei link*/
				padding-left:10px;
				/*10. e la misura del carattere*/
				font-size:12px;
				/*12. togliamo la sottolineatura dei link aggiunta per default*/
				text-decoration:none;
				/*13. specifichiamo un colore per i link*/
				color:#636363;
				/*14. allineiamo verticalmente il testo*/
				line-height:10px;
			}
#menu_piede a:hover	{
				color:#000000;
			}

/* --------  Fine Menu in basso  ------------ */