html, body {
margin-top:0px;
margin-left:0px;
background:#ffffff;
margin-right:0px;
}

A:LINK {
 color : #000000;
 text-decoration: none
}

A:VISITED {
 color : #000000;
 text-decoration: none
}

A:HOVER {
 color:#003366;  font-weight: bold; background-color: #B3C9E3;
}

A:ACTIVE {
 color : #000066;
 text-decoration: overline underline 
}
.TitoloPage{
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size: 24px;
text-align:center;
color: #FF0066; 
margin-top: 20px;
margin-bottom: 20px;
}
.GENOCOW{
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size: 22px;
text-align: center;
color:#2B3A71; 
margin-top:5px;
margin-bottom:5px;
}
.Titolo{
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size: 22px;
text-align: center;
color: #5A595A; 
margin-top:5px;
margin-bottom:5px;
}
.Tab_01{
padding:4px;
background-color:#ffffff;
}
.dataRil{
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: right;
color: #000000; 
margin-top:5px;
margin-bottom:5px;
padding:0px 15px 0px 0px;
font-weight:bold;
}
.testoC_estratti{
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
color: #000000; 
margin-top:5px;
margin-bottom:5px;
font-style:italic;
font-weight:normal;
}
.testoC{
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
color: #000000; 
margin-top:5px;
margin-bottom:5px;
font-style:italic;
font-weight:normal;
}
.testoR{
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size: 13px;
text-align: right;
color: #000000; 
margin-top:5px;
margin-bottom:5px;
}

.spazio{
margin-top:0px;
margin-bottom:0px;
}
.rigaC {
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
text-align:center;
background-color:#ffffff;
}
.rigaL {
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
background-color:#ffffff;
}
.rigaR {
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:right;
background-color:#ffffff;
}

.riga01C {
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
font-weight: bold;
    background-color:#213452;
color:#ffffff;
margin:0px;
height:20px;
}
.riga01L {
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
font-weight: bold;
    background-color:#213452;
color:#ffffff;
margin:0px;
height:20px;
}
.riga02C {
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
background-color:#ffffff;
color:#000000;
border-bottom: 1px solid #C6C3C6;
}

.riga02L {
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
background-color:#ffffff;
border-bottom: 1px solid #C6C3C6;
}
.riga03 {
font-family: Roboto, Calibri, Arial, Helvetica, sans-serif;
color:#000000;
font-size:18px;
text-align:center;
font-weight: bold;
height:6px;
    background-color:#B3C9E3;
padding:5px;
}

.table {
background-color: #FFFFFF;
}
.center {
text-align:center;
padding:8px;
}
.color {
color:red;
}
input.autoresize {
  width: 50px;
  min-width: 100px;
  max-width: 400px;
}
input[type=text] {
  box-sizing: border-box;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin: 2px;
  text-align:center;
  vertical-align:middle;
}


 /* -----------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: 1280px) { 
     /* 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 */ 



 /* -----------Tabella responsive nr 2 */ 

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: 1280px) { 
     /* Forza la tabella a non comportarsi come una normale tabella */ 
  
 	#no-more-tables-2 table,  
 	#no-more-tables-2 thead,  
 	#no-more-tables-2 tbody,  
 	#no-more-tables-2 th,  
 	#no-more-tables-2 td,  
 	#no-more-tables-2 tr {  
 		display: block;
 		border-collapse:separate;  
 	} 
  
 	/* Nasconde le intestazioni della tabella */ 
  
 	#no-more-tables-2 thead tr {  
 		position: absolute; 
 		top:-99999px; 
 		left:-9999px; 
 	} 
   
 	#no-more-tables-2 tr { border: 0px solid #ccc; } 
  
 	#no-more-tables-2 td {  
 		/* Inserisce il comportamento come una riga */ 
  
 		border: none; 
 		border-bottom: 0px solid #eee;  
 		position: relative; 
 		padding-left: 0;  
 		white-space: nowrap; 
 		text-align:left;
      vertical-align:middle;
      width:100%;

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

 /* -----------FINE Tabella responsive nr 2*/