/* fonts */
  @import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');
 body {
-webkit-text-size-adjust:100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
font-family: Titillium web, Arial, Helvetica, Verdana, "MS Sans Serif", sans-serif;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 100.01%/1.5; /* altezza del font al 100.01% perchè è il più prossimo allo standard*/
font-weight: normal; /* stile del font standard */
line-height: 1.266; /* spazio tra le righe con buona accessibilità */
letter-spacing: 0.0em; /* spazio tra le lettere con buona accessibilità*/

} 

 
  /* regole responsive */
  *, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
} 
 
 html {
height: 100%;
margin: 0;
padding: 0;
}


 body {
-webkit-text-size-adjust:100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100;
height: 100%;
} 

 a {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
}  

 img {
	max-width: 100%;
    height: auto;
    width: auto;
    /* for ie 8 */
    border: 0;
 }
 /* fine regole responsive */
 
/* CONTAINER GENERALE */
#corpo {
	height: 100%;
	color: black;
	padding: 0.1% 0.1% 0.1% 0.1%;
}


/* TESTATA */

div#testata {
	width: 100%; /*larghezza*/
	background: #0066CC; /* colore sfondo */
	min-height: auto; /* altezza*/
	margin: 0px 0px 0px 0px; /*margini */
	padding: 0px 0px 0px 0px; /*padding*/
	}

div#testata .box {		
		padding: 5px 5px 5px 5px; /*padding*/
		margin: 0px 0px 0px 0px; /*margini */
		font-size: 32px;
	}	
	
div#testata .logo {
		width: 6%;
		height: auto;
		float: left;
		padding: 8px;
		vertical-align: left;
		border-style: none;
	}


/* MENU DI NAVIGAZIONE ORIZZONTALE */
div#menu_testata {
	background-color:#1c2024;
	width: 100%;
	height: 50px;
	font-size: 50%; /* altezza del testo*/
	font-weight: bolder; /* formato del testo */
	text-align: center; /* allineamento del testo */
	}
	
	div#menu_testata .box {		
		padding: 5px 5px 5px 5px; /*padding*/
		margin: 0px 0px 0px 0px; /*margini */
	}	

		
/* CONTAINER DELLA COLONNA SX E DELLA PARTE CENTRALE */
div#principale {
	width: 97%; /*larghezza*/
	min-height: 100%;
	height: auto !important;
	margin: 10px, auto, -90px; /*margini */
	/*padding: 0px 0px 0px 0px; /*padding*/
	padding-left:15px;
	padding-right:2px;
	
	
			}
			
div#principale1 {
	width: 100%; /*larghezza*/
	min-height: 100%;
	height: auto !important;
	margin: 10px, auto, -90px; /*margini */	
  	padding-left:15px;
	padding-right:2px;
	border-style: solid;
   border-width: 1px;
   border-color: red;
  border-radius: 4px;
 
  
			}
		
/* SEZIONE CENTRALE */
/* SEZIONE CON BORDO ROSSO*/
div#centrale {
	float: right; /* allineamento a destra*/
	width: 81%; /*larghezza*/
	height: auto; /* altezza*/
	position: static;
	background: white; /* colore sfondo*/
	margin: 3px 0px 5px 40px; /*margini */
	padding:  6px 0px 0px 0px; /*padding*/
	
	border-style: solid;
   border-width: 1px;
   border-color: red;
  border-radius: 5px;
		}
div#centrale .box {		
		padding: 5px 5px 5px 5px; /*padding*/
		margin: 0px 0px 0px 0px; /*margini */
		}
/*FINE SEZIONE CON BORDO ROSSO*/

/*SEZIONE SENZA BORDO ROSSO*/
div#centrale1 {
	float: left; /* allineamento a destra*/
	width: 81%; /*larghezza*/
	height: auto; /* altezza*/
	position: static;
	background: white; /* colore sfondo*/
	margin: 3px 0px 5px 40px; /*margini */
	padding:  6px 0px 0px 0px; /*padding*/
	
	
		}
div#centrale1 .box {		
		padding: 5px 5px 5px 5px; /*padding*/
		margin: 0px 0px 0px 0px; /*margini */
		overflow: hidden;
	

	
  
		}
/*FINE SEZIONE SENZA BORDO ROSSO*/
/*FINE SEZIONE CENTRALE*/
		
/* COLONNA DI SINISTRA */		
div#colonna_sx {
	float: left; /* allineamento a sinistra*/
	width: 14%; /*larghezza*/
	height: auto; /* altezza*/
	background: white; /* colore sfondo*/
	margin: 0px 0px 0px 0px; /*margini */
	/*padding: 6px 0px 0px 0px; /*padding*/
	padding-left:20px;
	font:14px;
			}
div#colonna_sx .box {		
		padding: 5px 5px 5px 5px; /*padding*/
		margin: 0px 0px 0px 0px; /*margini */
		}
/*FINE COLONNA SX*/		
		
@media screen and (max-width: 1024px) {
	div#centrale {
	width: 95%;
	float:right;
	position: relative;
	
	}
	
	div#centrale1 {
	width: 95%;
	float:right;
	position: relative;
	overflow: hidden;
	}
	
		
	div#colonna_sx 	{
	width: 100%;
	position: relative;
	right:10px;
		}		
		
	}		

		
/* FOOTER*/
div#footer {
	clear: both; /*elimina gli allineamenti superiori*/
	 display: block;
	left: 0;
  bottom: 0;
  width: 100%;
  height: 90px;
  padding: 1px;
  margin: 0px 0px 0px 0px;
  font-family: Titillium web, sans serif;
  background-color: #30373D;
  color: white;
  font-weight: normal;
  font-style: normal;
  text-align: center; 
		}
		
/*PARTE SINISTRA */	
div#footersx {
	float: left; /* allineamento a destra*/
	width: 50%; /*larghezza*/
	height: 60%; /* altezza*/
	background-color: #30373D; /* colore sfondo*/
	margin: 0px 0px 0px 0px; /*margini */
	padding: 0px 0px 0px 0px; /*padding*/
	
			}
div#footersx .box {		
		padding: 0px 0px 0px 0px; /*padding*/
		margin: 0px 0px 0px 0px; /*margini */
		}
		
/* PARTE DESTRA */		
div#footerdx{
	float: right; /* allineamento a sinistra*/
	width: 50%; /*larghezza*/
	height: 60%; /* altezza*/
	background-color: #30373D; /* colore sfondo*/
	margin: 0px 0px 0px 0px; /*margini */
	padding: 0px 0px 0px 0px; /*padding*/
	
			}
div#footerdx .box {		
		padding: 0px 0px 0px 0px; /*padding*/
		margin: 0px 0px 0px 0px; /*margini */
		}
		
/* PARTE INFERIORE */
div#fondofooter {
	
	width: 100%;
	height: 40%;
	background-color:#343a40; /* colore sfondo*/
	margin: 0px 0px 0px 0px; /*margini */
	padding: 0px 0px 0px 0px; /*padding*/
	font-weight: normal; /* formato del testo */
	text-align: center; /* allineamento del testo */
	font-size:14px;
	}
	
	div#fondofooter .box {		
		padding: 5px 5px 5px 5px; /*padding*/
		margin: 0px 0px 0px 0px; /*margini */
	}	
		
		
		
#testo-footer	{
  left: 5;
  bottom: 5;
  min-width: 80%;
  padding: 10px;
  background-color: #343a40;
  color: white;
  font-weight: normal;
  font-style: normal;
  text-align: center; 
  
 } 
 /* FINE FOOTER*/


/* MENU DI NAVIGAZIONE ORIZZONTALE*/
/* regole di reset */
ul{margin: 0;padding:0;list-style-type:none}

/*MENU PRINCIPALE*/
/* lista in orizzontale. inline-block è come inline, ma può avere altezza e larghezza. relative occorre per il sottomenu */
#menu li{display:inline-block;position:relative}

/* menu. Cambiando center l'oriento a destra o sinistra */
#menu{width:100%;background-color:#0059B3;border-radius:6px;text-align:center}

/* link menu. Cambiando 80px posso scrivere voci più lunghe */
li a{display:block;padding:12px 20px;width:100px;color:#fff;font:bold 12px Arial;text-decoration:none;border-right:1px solid #ccc}

/* link menu hover */
a:hover{color:#C8C8C8}

/* SOTTOMENU PRINCIPALE */
#menu li .hidden{display:block;position:absolute;top:100px;left:0;background-color:#0059B3;visibility:hidden;margin-left:-5px;border-right:none}

/* link sottomenu */
#menu li .hidden li a{width:200px;border-right:none}

/* animazione per il passaggio sopra agli elementi del menu */
#menu li:hover .hidden{margin-top:-65px;visibility:visible}

/* TRIGRAMMA */
/* stile e invisibilità */
.showMenu{width:40px;border:1px solid black;margin:auto;color:black;text-align:center;font-size:30px;margin-bottom:10px;
display:none}

/* invisibilità checkbox
Il checkbox va nascosto in ogni caso ed il menu comparirà quando esso verrà selezionato tramite click sull’etichetta */
/*input[type=checkbox]{display:none}

/* La tilde alt126 permette di selezionare tutti gli elementi B presenti in A; 
qui sta a significare che dà visibilità al menu quando il checkbox viene selezionato. */
input[type=checkbox]:checked ~ #menu{display:block}


/* MEDIA QUERIES */
/* rendo il menù responsivo per adattarlo ai dispositivi più piccoli, fino ad una risoluzione massima di 768px */
@media only screen and (max-width: 768px) {
  
#menu{border-radius:0;text-align:center;display:none}
  
/* rendo gli elementi dei menu elementi di blocco */  
ul li{display:block}
  
/* imposto la larghezza massima per gli elementi dei menu e i links */  
#menu li .hidden li,#menu li .hidden li a, ul li,ul li a{padding-right:0;padding-left:0;width:100%;border-right:none}
  
/* mostro il sottomenu solo al passaggio del mouse */   
#menu li .hidden li{display:none}
#menu li:hover .hidden li{display:block}  

/* resetto la posizione degli elementi del menu. static valore di default. Gli elementi sono mostrati in ordine, come appaiono nel flusso del documento */  
#menu li{position:static}  
  
/* resetto la posizione del sottomenu e lo mostro */  
#menu li .hidden{position: static;visibility:visible}
  
/* nessuna animazione al passaggio del mouse */  
#menu li:hover .hidden{margin:0} 
  
/* colore di sfondo agli elementi del menu e del sottomenu */
#menu li{background-color:#3E3E3E}
#menu li .hidden li{background-color:darkblue}  
  
/* mostro il pulsante del menu nella versione mobile*/
.showMenu{display:block}  
  
}
/*FINE MENU DI NAVIGAZIONE ORIZZONTALE*/


/* MENU DI NAVIGAZIONE VERTICALE */
.navigation ul {list-style-type:none; /* Nessuno stile applicato alla lista */
 columns: 2;
  -webkit-columns: 2;
  -mox-columns: 2;
margin: 3px;
padding:0;
width: 100%;
border:none;
font:16px;
}

.columns{
    float: left;
    position: relative;
    margin-right: 20px;


}
.navigation li {
border-bottom: none;
margin: 0px;
padding: 0px;
width: 100%;


}
.navigation a {
text-decoration:none; /* Nessuna decorazione */
color:black; /* Colore Link */
background:white; /* Colore sfondo */
padding:5px; /* Distanza tra gli elementi */
display: block;
width: 100%;
font-size:12px;
}
.navigation a:hover {background:#008CBA; /* Sfondo */
}

/* FINE MENU DI NAVIGAZIONE VERTICALE */


/* MENU' DI NAVIGAZIONE A PIU' COLONNE*/

.colonne3 {
  -webkit-columns: 100px 3; /* Chrome, Safari, Opera */
  -moz-columns: 100px 3; /* Firefox */
  columns: 100px 3;
  float:auto;
}

.colonne5{
float: left;
    position: relative;
    margin-right: 50px;
  -webkit-columns:  100px; /* Chrome, Safari, Opera */
  -webkit-column-count: 5; /* Chrome, Safari, Opera */
  -moz-column-count: 5; /* Firefox */
  -moz-columns: 100px 5; /* Firefox */
  columns: 100px 5;
  
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em; 
  column-rule:1px solid red; 
  -webkit-column-break-inside: break-all;
  -moz-column-break-inside:break-all;

word-break: break-all;
 }
 

/* FINE MENU' SU PIU' COLONNE */

/* INIZIO STILE DEI PARAGRAFI */
.text-white {
			color: #FFFFFF;
			margin: 0px 0px 4px;			
			font-weight: bold;
			font-style: bold;
			font-size: auto;

		}
		
#text-white1{
			color: #FFFFFF;
			margin: 0px 0px 4px;			
    
    font-weight: bold;
    font-style: italic;
	font-size: auto;

		}
		
.h1 {
    line-height: 1.45;
    font-size: 40px;
    font-weight: normal;
}
.h1b {
    line-height: 1.45;
    font-size: 40px;
    font-weight: bold;
}

.h1i {
    line-height: 1.45;
    font-size: 40px;
    font-weight: normal;
	font-style: italic;
}

.h1ib {
    line-height: 1.45;
    font-size: 40px;
    font-weight: bold;
    font-style: italic;
}

.h2 {
    line-height: 1.45;
    font-size: 36px;
    font-weight: normal;
}
.h2b {
    line-height: 1.45;
    font-size: 36px;
    font-weight: bold;
}

.h2i {
    line-height: 1.45;
    font-size: 36px;
    font-weight: normal;
	font-style: italic;
}

.h2ib {
    line-height: 1.45;
    font-size: 36px;
    font-weight: bold;
    font-style: italic;
}

.h3 {
    line-height: 1.45;
    font-size: 32px;
    font-weight: normal;
}
.h3b {
    line-height: 1.45;
    font-size: 32px;
    font-weight: bold;
}

.h3i {
    line-height: 1.45;
    font-size: 32px;
    font-weight: normal;
	font-style: italic;
}

.h3ib {
    line-height: 1.45;
    font-size: 32px;
    font-weight: bold;
    font-style: italic;
}

.h4 {
    line-height: 1.45;
    font-size: 24px;
    font-weight: normal;
}
.h4b {
    line-height: 1.45;
    font-size: 24px;
    font-weight: bold;
}

.h4i {
    line-height: 1.45;
    font-size: 24px;
    font-weight: normal;
	font-style: italic;
}

.h4ib {
    line-height: 1.45;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
}


.h5 {
    line-height: 1.45;
    font-size: 20px;
    font-weight: normal;
}
.h5b {
    line-height: 1.45;
    font-size: 20px;
    font-weight: bold;
}

.h5i {
    line-height: 1.45;
    font-size: 20px;
    font-weight: normal;
	font-style: italic;
}

.h5ib {
    line-height: 1.45;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
}


.h6 {
    line-height: 1.45;
    font-size: 16px;
    font-weight: normal;
}
.h6b {
    line-height: 1.45;
    font-size: 16px;
    font-weight: bold;
}

.h6i {
    line-height: 1.45;
    font-size: 16px;
    font-weight: normal;
	font-style: italic;
}

.h6ib {
    line-height: 1.45;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}

.p    {
	line-height: 1.45;
    font-size: 14px;
    font-weight: normal;
	font-style: none;
   }
   
.pb    {
	line-height: 1.45;
    font-size: 14px;
    font-weight: bold;
	font-style: none;
   }
.pi    {
	line-height: 1.45;
    font-size: 14px;
    font-weight: normal;
	font-style: italic;
   }
.pib    {
	line-height: 1.45;
    font-size: 14px;
    font-weight: bold;
	font-style: italic;
   }



.istruzioni    {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}
/* FINE STILE PARAGRAFI*/
	
/* PULSANTI*/
/* pulsanti grossi*/
.button-grande {
  display: inline-block;  
  padding: 8px 16px;
  font-size: 14px;
  cursor: pointer;
  text-align: center;	
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4CAF50; /*verde*/
  border: none;
  border-radius: 8px;
  
}

.button-grande:hover {background-color: #3e8e41} /*Green*/
.button2:hover {background-color: #006dba;} /* Blue */
.button3:hover {background-color: #c90808;} /* Red */

.button-grande:active {
  background-color: #3e8e41;
  box-shadow: 0 3px #666;
  
}
.button2 {background-color: #008CBA; } /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
/*Fine pulsanti grossi*/

/*Pulsanti medi*/
.button-medio {
  display: inline-block;  
  padding: 6px 12px;
  font-size: 12px;
  cursor: pointer;
  text-align: center;	
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4CAF50; /*verde*/
  border: none;
  border-radius: 8px;
  
}

.button-medio:hover {background-color: #3e8e41} /*Green*/
.button2:hover {background-color: #006dba;} /* Blue */
.button3:hover {background-color: #c90808;} /* Red */

.button-medio:active {
  background-color: #3e8e41;
  box-shadow: 0 2px #666;
  
}
.button2 {background-color: #008CBA; } /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
/*Fine pulsanti medi*/

/*Pulsanti piccoli*/
.button-piccolo {
  display: inline-block;
  padding: 4px 8px;
  font-size: 10px;
  cursor: pointer;
  text-align: center;	
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4CAF50; /*verde*/
  border: none;
  border-radius: 6px;
  
}

.button-piccolo:hover {background-color: #3e8e41} /*Green*/
.button2:hover {background-color: #006dba;} /* Blue */
.button3:hover {background-color: #c90808;} /* Red */

.button-piccolo:active {
  background-color: #3e8e41;
  box-shadow: 0 2px #666;
  
}
.button2 {background-color: #008CBA; } /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
/*Fine pulsanti piccoli*/
/*FINE PULSANTI*/


/*TABELLE*/
/*TABELLA CON CELLE SEPARATE*/
#tabella {
  font-size: 14px;
  border-collapse: collapse;
  width: 100%;
}

#tabella td, #tabella th {
  border: 1px solid #ddd;
  padding: 8px;
}

#tabella tr:nth-child(even){background-color: #f2f2f2;}

#tabella tr:hover {background-color: #ddd;}

#tabella th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #34aae0;
  font-size: 16px;
  color: white;
}
 #tabella style {overflow-x:auto;}
 
   /* 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;  

 	} 

  

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

 	} 

  

 	#no-more-tables td:before {  

 		/* Inserisce il comportamento come un'intestazione di tabella */ 

  

 		position: absolute; 

 		/* I valori top/left agiscono come padding */ 

  

 		top: 0; 
		
 		left: 6px; 

 		width: 45%;  

 		padding-right: 10px;  

 		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 CON CELLE SEPARATE*/
 
 /*TABELLA SENZA CELLE SEPARATE*/
  #tabella1 {
  font-size: 12px;
   border-collapse: collapse;
  width: 100%;
  /*empty-cells: hide;
  table-layout: auto;*/
   
}

 #tabella1 .box {		
		padding: 5px 5px 5px 5px; /*padding*/
		margin: 0px 0px 0px 0px; /*margini*/ 
		
		
	}
	
.content-inner{
overflow-x:auto; 

border: none;
}
		
 #tabella1 td, #tabella1 th, #tabella1 tbody
 {
  border: none;
  padding: 8px;
  width: auto;
  height: auto;
  word-break: normal;
  text-align: center;
  font-size: 12px;
  }
 
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
-o-hyphens: none;
    hyphens: none;
	
}
 

#tabella1 tr:nth-child(even)
{
		background-color: #f2f2f2;
		
				
		}
		
#tabella1 td:nth-child(2){
        width: auto; /* scegliti il width che ti pare */
		
		 
}
#tabella1 tr:hover {
	background-color: #ddd;
	
					
}
#tabella1 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #34aae0;
  font-size: 14px;
  color: white;
}


 #tabella1 style {overflow-x:hidden;}
   /* Media Query per il No More Tables */ 

  

 @media only screen and (max-width: 1024px) { 

     /* 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;
		overflow: hidden;

 	} 

  

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

 	} 

  

 	#no-more-tables td:before {  

 		/* Inserisce il comportamento come un'intestazione di tabella */ 

  

 		position: absolute; 

 		/* I valori top/left agiscono come padding */ 

  

 		top: 0; 
		
 		left: 6px; 

 		width: 45%;  

 		padding-right: 10px;  

 		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 SENZA CELLE SEPARATE*/
 
 
 /*TABELLA CON INTESTAZIONE E PRIMA COLONNA FISSE*/
/* questo attiva la scrollbar */
#fixed-headers {
  border-collapse: collapse;
  height: 450px; 
  display: block; 
  overflow: auto; 
}
/* forzo le celle ad essere della stessa grandezza*/
#fixed-headers td {
  padding: 0.5em 3.5em !important; 
  border: none  !important;
  font-size:12px;
  word-break: normal;
  text-align: center;
  
  -webkit-hyphens:none;
-moz-hyphens:none;
-ms-hyphens:none;
-o-hyphens:none;
    hyphens:none;
}
#fixed-headers thead {
  transform: translateZ(0);
}
#fixed-headers thead th {
    background: #34aae0;
	 text-align: center;
	word-break: normal;
	font-size:12px;
	color: white;
}

#fixed-headers tr:hover {
	background-color: #ddd;
	}
	
	
#fixed-headers tbody th {
    text-align: right;
    background: #34aae0;
    transform: translateZ(0);
	font-size:12px;
	color: white;
	word-break: normal;
	
	
	-webkit-hyphens:none;
-moz-hyphens:none;
-ms-hyphens:none;
-o-hyphens:none;
    hyphens:none;
	
}
 
  /* Media Query per il No More Tables */ 

  

 @media only screen and (max-width: 1024px) { 

     /* Forza la tabella a non comportarsi come una normale tabella */ 

  

 	#no-more-tables1 table,  

 	#no-more-tables1 thead,  

 	#no-more-tables1 tbody,  

 	#no-more-tables1 th,  

 	#no-more-tables1 td,  

 	#no-more-tables1 tr {  

 		display: block;
		overflow: hidden;
		

 	} 

  

 	/* Nasconde le intestazioni della tabella */ 

  

 	#no-more-tables1 thead tr {  

 		position: absolute; 

 		top:-9999px; 

 		left:-9999px; 

 	} 

   

 	#no-more-tables1 tr { border: 1px solid #ccc; } 

  

 	#no-more-tables1 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; 
		width:auto;
		
		 
		

 	} 

  

 	#no-more-tables1 td:before {  

 		/* Inserisce il comportamento come un'intestazione di tabella */ 

  

 		position: absolute; 

 		/* I valori top/left agiscono come padding */ 

  

 		top: 0; 
		
 		left: 6px; 

 		width: 45%;  

 		padding-right: 10px;  

 		white-space: nowrap; 

 		text-align:left; 

 		font-weight: bold; 

 	} 

  

 	/* Aggiunge l'etichetta ai dati della tabella */ 

  

 	#no-more-tables1 td:before { content: attr(data-title); } 

 } 
 
 
 
 /*FINE TABELLA CON INTESTAZIONE E PRIMA COLONNA FISSA*/
 
 
 
 /*FINE TABELLE*/
 
 
 /*FORM*/
* {
  box-sizing: border-box;
}

input[type=text], [type=file], [type=number], [type=password]:/*focus, select:focus, textarea:focus {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;*/
  resize: vertical;
  outline: none;
  padding: 12px;
  margin: 1px;
  border: 1px solid #DDDDDD;
  
  
   /*padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;*/
  }
 input[type=text], [type=file], [type=number], [type=password]:focus, select:focus, textarea:focus{
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 10px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
  border-radius: 4px;
  width: 75%;
  word-break: break-word;
  -webkit-hyphens:none;
-moz-hyphens:none;
-ms-hyphens:none;
-o-hyphens:none;
    hyphens:none;
}
  
  


/*label {
  padding: 12px 12px 12px 0;
 

}*/


.container-form {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 10px;
  font-size: 16px;
  display: table;
  width: 100%;
 
}

.col-10 {
  float: left;
  width: 10%;
  margin-top: 6px;
  font-weight: bold;
  }

.col-25 {
  float: left;
  width: 20%;
  margin-top: 6px;
  font-weight: bold;
  
}

.col-75 {
  float: left;
  width: 80%;
  margin-top: 6px;
  
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1024px) {
  .col-25, .col-75, input[type=submit]{
    width: 100%;
    margin-top: 0;

  }
}
 /* FINE FORM*/
 
 /*MENU' ACCORDION */
 .accordion {
    background-color: #0099ff; /*#007BFF /*#0059B3; /*#72b8ed;*/
  color: #ffffff;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  height: auto;
  overflow:hidden;
  border: none;
  text-align: center;
  font-family: Titillium web, Arial, Helvetica, Verdana, "MS Sans Serif", sans-serif;
  font-style: bold;
  outline: none;
  font-size: 12px;
  font-weight: bold;
  transition: 0.4s;
  border-radius:2px;
  page-break-inside: avoid;
break-inside: avoid;
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
word-break: break-word;
 
}

.active, .accordion:hover {
  background-color: #008CBA;; 
}

.panel {
  padding-right: 0 5px;
   display: none;
  background-color: white;
  overflow: hidden;
  font-size: 12px;
 
}


button.accordion:after {
    content: '\02795';
    font-size: 8px;
    color: black;
	font-weight: normal;
    float: right;
    margin-left: 3px;
}	
button.accordion.active:after {
    content: '\2796';
}


/*FINE MENU' ACCORDION*/





 /* LISTE NON ORDINATE */
 
 ul.a {
  list-style-type: circle;
  list-style-position: inside;
  
}

ul.b {
  list-style-type: disc;
  list-style-position: inside;
  
}

ul.c {
  list-style-type: square;
  list-style-position: inside;
  
}
/* FINE LISTE NON ORDINATE */

/* LISTE ORDINATE*/

ol.a {
  list-style-type: decimal;
}

ol.b {
  list-style-type: lower-latin;
}

ol.c {
  list-style-type: lower-greek;
}

ol.d {
  list-style-type: lower-roman;
}

ol.e {
  list-style-type: upper-latin;
}

ol.f {
  list-style-type: upper-roman;
}

/* FINE LISTE ORDINATE */



/*CONTENITORE PER CHECK E RADIO*/
 /*CONTENITORE GENERALE*/
 
 
  
/*CHECKBOX*/
 /* il contenitore */
.container-check {
  display: block;
  position: relative;
  /*padding-left: 25px;*/
  padding: 0px 25px;
  
 /* margin-bottom -7px*/
  margin: -7px auto;
  
  cursor: pointer;
  float: left;
  width: auto;
  font-size: 15px;
   display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: center;
  
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Questo nasconde il checkbox di default del browser */
.container-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}



/* Questo crea un checkbox personalizzato*/
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #fff;
  border-radius: 20%;
  border-style:solid;
  border-width:1px;
  border-color:red;
 
}

/* Mouse-over, con sfondo grigio personalizzato */
.container-check:hover input ~ .checkmark {
  background-color: #2196F3;
}

/* Quando il checkbox è cliccato lo sfondo diventa blu */
.container-check input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Questo crea il checkmark/indicatore (nascosto quando non selezionato) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Questo mostra il checkmark quando selezionato */
.container-check input:checked ~ .checkmark:after {
  display: block;
}

/* Questo è lo Stile del checkmark/indicatore */
.container-check .checkmark:after {
  left: 4px;
  top: 1px;
  width: 8px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*FINE CHECKBOX*/



/*RADIO*/
/* il contenitore */
.container-radio {
 display: block;
  position: relative;
  /*padding-left: 25px;*/
   padding: 0px 25px 0px;
 /* margin bottom*/
  margin: -7px auto;
  cursor: pointer;
  float: left;
  width: auto;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
  
}


/* Questo nasconde il radio di default del browser  */
.container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Questo crea un radio personalizzato */
.checkmark-radio {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 15px;
  width: 15px;
  background-color: #fff;
  border-radius: 50%;
  border-style:solid;
  border-width:1px;
  border-color:red;

}


/* Mouse-over, con sfondo grigio personalizzato */
.container-radio:hover input ~ .checkmark-radio {
  background-color: #ccc;
}

/* Quando il checkbox è cliccato lo sfondo diventa blu */
.container-radio input:checked ~ .checkmark-radio {
  background-color: #2196F3;
}

/* Questo crea il radio (quadrato o tondo - nascosto quando non selezionato) */
.checkmark-radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Questo mostra il radio quando selezionato */
.container-radio input:checked ~ .checkmark-radio:after {
  display: block;
}

/* Stile del radio (quadrato/rotondo)*/
.container-radio .checkmark-radio:after {
 	top: 2px;
	left: 2px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
/*FINE RADIO*/


/* STILE DEI LINK*/

/* unvisited link */
a.one:link {
  color: #003380;
  break-inside: avoid;
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
word-break: break-word;
}

/* visited link */
a.one:visited {
  color:  red;
}

/* mouse over link */
a.one:hover {
  color:  #0047b3;
  font-size: 101%;
  font-style: bold;
}

/* selected link */
a.one:active {
  color: blue;
}
a.one:link {
  text-decoration: none;
}

a.one:visited {
  text-decoration: none;
}

a.one:hover {
  text-decoration: underline;
    
}

a.one:active {
  text-decoration: underline;
}
  
/* FINE STILE DEI LINK*/