html, body {
margin:0px;
padding:0px;
background-color:#ffffff;
}
a:link, a:visited {
 color : #0463D0;
 font-weight:bold;
 text-decoration:none;
 border:0px;
}
a:hover {
 color:#ffffff;  
 font-weight: bold; 
 background-color:#0463D0;
 text-decoration: overline underline;
}
.div-titolo-left{
display:inline;	
min-width:80%;
min-height:150px;
float:left;
}

.div-titolo-right{
display:inline;	
min-width:20%;
min-height:150px;
vertical-align:middle;
padding-top:50px;
clear:left;
}

.titolo-page{
font-family:Arial, Helvetica, sans-serif; 
font-size: 30px;
font-weight:normal;
text-align:center;
color:gray; 
margin-top: 20px;
margin-bottom: 10px;
}
.titolo-page-sotto{
font-family:Arial, Helvetica, sans-serif; 
font-size: 26px;
font-weight:normal;
text-align: center;
color: gray; 
margin-top:0px;
margin-bottom:20px;
}
.titolo-altro{
font-family:Arial, Helvetica, sans-serif; 
font-size: 22px;
font-weight:normal;
text-align: center;
color:#213452; 
margin-top:30px;
margin-bottom:15px;
}
.color-red {
color:red;
}

.Associazione{
font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
font-size: 35px;
text-align: center;
color: gray; 
margin-top:5px;
margin-bottom:5px;
font-style:italic;
line-height:normal;
}
p{
margin-top: 0px;
margin-bottom: 7px;
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:16px;
line-height:normal;
}
.corpo{
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:16px;
text-align:justify;
line-height:normal;
margin-bottom:7px;
}
.corpoC{
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:16px;
text-align:center;
line-height:normal;
margin:0px 0px 7px 0px;
padding:0px;
color:#000000;
}

.corpoR{
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:16px;
text-align:right;
line-height:normal;
margin-bottom:7px;
}
.corpoL{
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:16px;
text-align:left;
line-height:normal;
margin-bottom:7px;
}

.rientro-corpo1 {
text-indent: 0.8em;
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:16px;
text-align:justify;
line-height:normal;
margin-bottom:7px;
}


.spazio{
margin-top:0px;
margin-bottom:0px;
text-align:center;
font-size:6px;
}
ul {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:16px;
margin-left: 15px;
padding-left:0px;
margin-bottom:3px;
margin-bottom:0px;
}

ul li::before {
color: #213452; /* Change the color */
font-weight: bold; /* If you want it to be bold */
display: inline-block; /* Needed to add space between the bullet and the text */
}
.example ol li::before {
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:22px;
content: counter(li); color: red;
    display: inline-block; width: 1em; margin-left: -1.5em;
    margin-right: 0.5em; text-align: right; direction: rtl}

.rientro {
text-indent: 1.5em;
padding-left:0px;
margin-bottom:3px;
margin-bottom:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

.tabella {
width:100%;
background-color: #FFFFFF;
}
.riga01_L {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:15px;
text-align:left;
font-weight: bold;
background-color:#213452;
padding:5px;
}
.riga01_R {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:15px;
text-align:right;
font-weight: bold;
background-color:#213452;
padding:5px;
}
.riga01_C {
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif; 
font-size: 15px;
font-weight:bold;
text-align: center;
color: #ffffff; 
background-color:#213452;
padding:5px;
}
.riga01_C_2 {
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif; 
font-size: 15px;
font-weight:bold;
text-align: center;
color: #000000; 
background-color:#cccccc;
padding:5px;
}

.riga01_TIT {
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif; 
font-size: 15px;
font-weight:bold;
text-align: center;
color: #ffffff; 
background-color:#213452;
padding:5px;
height:60px;
}
.riga02_C_2 {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:15px;
color:#000000;
text-align:center;
background-color:#ffffff;
padding:5px;
}
.riga02_C {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:15px;
color:#000000;
text-align:center;
background-color:#ffffff;
padding:5px;
border-bottom: 1px solid  #cccccc;
}
.riga02_L {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:15px;
color:#000000;
text-align:left;
background-color:#ffffff;
padding:5px;
border-bottom: 1px solid  #cccccc;
}
.riga02_R {
font-family:Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:15px;
color:#000000;
text-align:right;
background-color:#ffffff;
padding:5px;
border-bottom: 1px solid  #cccccc;
}
.img-right {
text-decoration:none;
border:0px;
float:right;
padding-left:20px;
padding-bottom:5px;
}
.img-left {
text-decoration:none;
border:0px;
float:left;
padding-right:20px;
padding-bottom:5px;
}

.div-tabelle {
	width:100%;
	padding:0px;
	margin:0px;
	text-align:center;
	box-sizing:content-box;
	overflow:auto;
}



 /* -----------Tabella responsive */ 

table { 
     width: 100%;
     border-collapse: collapse;
 
 } 
 th, td { 
     border: 0px solid #c3c3c3; 
     text-align: center; 
     vertical-align:middle;

 } 
 thead { 
     background-color: #ffffff; 
 } 
  
 /* Media Query per il No More Tables */ 
  
 @media only screen and (max-width: 767px) { 
     /* Forza la tabella a non comportarsi come una normale tabella */ 
  
 	#no-more-tables table,  
 	#no-more-tables thead,  
 	#no-more-tables tbody,  
 	#no-more-tables th,  
 	#no-more-tables td,  
 	#no-more-tables tr {  
 		display: block;
 		border-collapse:separate;  
 	} 
  
 	/* Nasconde le intestazioni della tabella */ 
  
 	#no-more-tables thead tr {  
 		position: absolute; 
 		top:-9999px; 
 		left:-9999px; 
 	} 
   
 	#no-more-tables tr { border: 1px solid #ccc; } 
  
 	#no-more-tables td {  
 		/* Inserisce il comportamento come una riga */ 
  
 		border: none; 
 		border-bottom: 1px solid #eee;  
 		position: relative; 
 		padding-left: 50%;  
 		white-space: normal; 
 		text-align:left;
      vertical-align:middle;

 	} 
  
 	#no-more-tables td:before {  
 		/* Inserisce il comportamento come un'intestazione di tabella */ 
  
 		position: absolute; 
 		/* I valori top/left agiscono come padding */ 
  
 		top:10px; 
 		left: 4px; 
 		width: 20%;  
 		padding-right: 2px;  
 		white-space: nowrap; 
 		text-align:left; 
 		font-weight: bold;
 	} 
  
 	/* Aggiunge l'etichetta ai dati della tabella */ 
  
 	#no-more-tables td:before { content: attr(data-title); } 
 } 

 /* -----------FINE Tabella responsive */