/* Serve per debuggare i div float con Explorer \*/
html div {
	height: 1%;
}
/**/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;  
	color: #000000; 
	text-align: left;
	padding: 0;
	margin: 0;
	background-color: #E3E3FF;
 	}
	a:active { color: #000}
	a:link { color: #000}
	a:visited { color: #900}
	a:hover { color: #fff; background-color: #000; text-decoration: none}
/* BR per andare a capo dopo l'uso di div allineati a destra o a sinistra*/ 
br.nofloat { clear: both; }

/*saltalabarra*/			
.saltalabarra { 
		margin: 0;
		padding: 0;
		overflow: hidden;
		display: none;
		}
/* intestazione  */
.intesta {
	padding-left: 245px;
	height: 103px;
	background-color: #FFF;
 	background-image: url(../img/h-foto.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
}
.intestatitoli {
	text-align: left;
	float: left;
	width: 48%;
}
.logo {
	float: left;
}
/* titolo in alto nell'intestazione  */
.titolointesta {
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 150%;
	font-weight: bold;
 	text-align: left;
	letter-spacing: 0.1em;
	margin-left: 0.1em;
	color: #D7845B;
	margin-bottom: 0;
  }
/* percorso */
.percorso {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		word-spacing: 0.1em;
		color: #000;
		text-align: left;
		background-color: #9C9CFF;
		padding: 0.3em; 
		font-size: 85%;
		
	}
	.percorso em  { font-size: 110%; font-weight: bold; color: #000; font-style: normal}
.percorso a:active { color: #000}
.percorso a:link { color: #000}
.percorso a:visited { color: #000}
.percorso a:hover { color: #000; background-color: #FFF; }

/* Contenitore principale del testo della pagina */
.main {
	text-align: justify;
	background-color: #FFFFFF;
	padding: 1.5em;
 	border-left: 2.2em solid #E3E3FF;
	border-right: 2.2em solid #E3E3FF; 
	padding-right: 2em;
	padding-left: 2em;
	margin-bottom: 0;
}	

/* collegamento alle spiegazioni degli argomenti trattati */
.spiegazioni a:active { color: #066}
.spiegazioni a:link { color: #066}
.spiegazioni a:visited { color: #900}
.spiegazioni a:hover { color: #FFF; background-color: #066; }

.spiegazioni {
	text-align: right;
	float: right;
}


 /* barra in fondo alla pagina  */	
.footer {
 		background-color: #FFF; 
	 	color: #000;
		text-align: center;
		margin: 0;
		padding: 0.5em;
		font-size: 85%;
		clear: both;
 		}
.footer a:active { color: #000}
.footer a:link { color: #000}
.footer a:visited { color: #900}
.footer a:hover { color: #FFF; background-color: #003366;}
/* link esterni e link per tornare indietro */
.topmain {
 		text-align: right;
		padding: 1% 1% 1% 0;
 		font-size: 85%;
		background-color: #E3E3FF;
		width: 99%;
}
 
/* classe per il link per tornare indietro e all'inizio pagina */ 	
.downmain {
		color: #003366;
 		text-align: right;
		margin: 0; 
		padding: 0.5em;
		padding-right: 0.8em;
		background-color: #E3E3FF;
		font-size: 85%;
		clear: both; 
		}
 /* LISTE */ 
li {
	list-style-position: outside;
	margin-top: 0.5em;
	list-style-type: disc;
	}
li.listagrande {
	list-style-position: outside;
	list-style-image: url(../img/li.gif);
	margin-top: 0.4em;
	}
li.listaitem {
	list-style-position: outside;
	margin-top: 0.5em;
	list-style-image: url(../img/listaitem.gif);
}
li.listapiccola {
   list-style-image: url(../img/li1.gif);
 	}
/* lista per l'indice generale */
.listaindice {
		padding-top: 0.4em;
		margin-top: 0;
		margin-bottom: 4.5em;
		padding-left: 4em;
		margin-left: 0;
		
	}
/* IMMAGINI */
 img { border-style: none; }
.imgsx { float: left; margin-right: 0.4em; }
.imgdx { float: right; margin-left: 0.4em; }
.imgcentro { vertical-align: middle; }

/* introduzione */
.introduzione  {
		font-size: 100%;
		color: #666;
		text-align: justify;
		clear: both;
 }
/* div class="pretitolo " */
.pretitolo {
 	text-align: left;
	letter-spacing: 0.1em;
 	color: #444;
	margin-bottom: 0.5em;
	font-size: 95%;
	font-weight: bold;
	padding: 0.3em;
	width: 20%; 
	float: left;
	background-color: #EFEFEF;
	margin-right: 1em;
}
/* div class="pretitolo1 " */
.pretitolo1 {
 	text-align: left;
	letter-spacing: 0.1em;
 	color: #333;
	margin-bottom: 0.5em;
	font-size: 95%;
	font-weight: bold;
	padding: 0.3em;
	width: 8%; 
	float: left;
	background-color: #EFEFEF;
	margin-right: 1em;
}
/* div class="pretitolo2 " */
.pretitolo2 {
 	text-align: left;
	letter-spacing: 0.1em;
 	color: #333;
	margin-bottom: 0.5em;
	font-size: 95%;
	font-weight: bold;
	padding: 0.3em;
	width:25%; 
	float: left;
	background-color: #EFEFEF;
	margin-right: 1em;
}
 /* div class="sottotitolo " */
.sottotitolo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	text-align: left;
	letter-spacing: 0.1em;
	margin-left: 0.2em;
	color: #666;
	margin-bottom: 1em;
	font-style: italic;
}
/* TITOLI */
/* h1 */
h1 { 
	font-size: 130%;
	font-weight: bold;	
	text-align: left; 
	letter-spacing: 0.1em;
	margin: 0;
	margin-bottom: 1em;
	color: #CD0000; 
	border-bottom: 0.2em solid #D7D7FF;
}
/* h2 */
h2 {
	font-size: 95%;
	letter-spacing: 0.1em;
    color: #444;
	margin: 0; 
	margin-top: 1em;   
	} 
/* h3 */
h3 { 
	text-align: left; 
	margin: 0;
	font-size: 90%;
   color: #666;
}
/* h4 */
h4 {
	font-size: 90%;
   color: #666;
	text-align: left; 
	margin: 0;
     } 
/**/
p { 
		margin-top: 0.8em;
		}
.tornasu { 
 		font-size: 80%;
		text-align: right; 
		border-right: 0.1em solid #F1F1E4;
		border-top: 0.1em solid #F1F1E4;
		 
		}
.tornasu a { 	
	background-color: #F8F8F3;
	padding: 0.3em; 
	text-decoration: none;
}
.tornasu a:hover { background-color: #fff; color: #000; }
/* Spazio per eventuali note */ 
.note {
	padding: 0.4em;
	color: #333;
	font-size: 95%;
	text-align: justify;
 }
	
.miniatura {
	border: 0.1em solid #666;
 }	
ul.elenco {
margin-left: 25%}

table { 
	margin-left: 10%;
	width: 75%;
}

caption { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;  
	text-align: center;
}
td {
	color: #003366;
	vertical-align: top;
	text-align: left;		
	background-color: #FAFAFA;
	padding: 0.4em;
	border: 0.1em solid #A9A9A9;
}
th { 
	color: #003366; 
	vertical-align: top;
	text-align: left;	
	background-color: #F2F2F2;
	padding: 0.4em;
	font-weight: bold;
	border: 0.1em solid #A9A9A9;
}
td.tdnumero {
	background-color: #FAFAFA;
	padding: 0.4em;
	border: 0.1em solid #A9A9A9;
	text-align: right;
}
td.tddatotot {
	background-color: #F2F2F2;
	padding: 0.4em;
	font-weight: bold;
	border: 0.1em solid #A9A9A9;
}
td.tdnumtot {
	background-color: #F2F2F2;
	padding: 0.4em;
	font-weight: bold;
	border: 0.1em solid #A9A9A9;
	text-align: right;	
	}