/* Foglio di stile per VERANO. */
	
*{
  box-sizing: border-box;
}

body {
	background-color: #FFFFFF;	
	margin: 0px;
    font-family: Tahoma, Verdana, Arial, sans-serif;	
	text-align: center;
	overflow: auto;	
}




/* _________________________________________________________________________________________________________________________________________ */
/* BARRE DI INTESTAZIONE FISSA (riducibile con JS su scorrimento pagina). ================================================================== */
/* Barre di Intestazione */
#intestazione {
  background-image: linear-gradient(#23468a, #0d1f61); /* Coloro sfondo sfumato */
  padding: 50px 20px 50px 20px; /* "Ovattatura" iniziale che verrà cambiata in JS.*/
  transition: 0.4s; /* Tempo di transizione del riquadro, da grande a piccolo. */
  position: fixed; /* Rende l'intestazione fissa (non scorre con la pagina). */
  width: 100%; /* Larga quanto la veduta a schermo. */
  max-height: 200px;
  box-shadow: 0px 3px 5px gray; /* Effetto ombreggiatura alla base del riquadro di intestazione. I valori sono, nell'ordine:
  "0" per lo scostamento orizzontale, "3" per lo scostamento verticale, "5" il valore della sfumatura dell'ombra,
  "gray" il colore dell'ombra. */
  top: 0; /* Punto di posizionamento del riquadro. */
  z-index: +99; /* Valore dell'asse cartesiano "z" per posizionare il riquadro davanti a tutti gli altri elementi
  (può arrivare a +/- 2147483647). */
}

/* Barre di Intestazione */
/* Stile del logo sinistro. */
#logoSx {   
  max-width: 505px;  
  height: auto;     
  float: left;
  transition: 0.4s;
} 
/* Barre di Intestazione */
/* Stile del logo destro. */

/* Barre di Intestazione */
/* Stile del logo destro. */
#logoDx {   
  max-width: 234px;  
  height: auto;     
  float: right;
  transition: 0.4s;
}  

/* Barre di Intestazione */
/* Vista del logo a sinistra */
#intestazione-Sx {      
  display: inline-block;  
  max-width: 100%;	  
  float: left;
}
/* Barre di Intestazione */
/* Vista del logo a destra (numeri di telefono) */
#intestazione-Dx {
  display: inline-block;
  max-width: 100%;	
  float: right;    
}



@media screen and (max-width: 420px) {	  /* YELLOW */
/* adattativa Barre di Intestazione <420 */
/* Barre di Intestazione */
  #logoDx {
  max-width: 112px;
  height: auto;
  text-align: center;
  float: none;
  transition: 0.4s;
}
}

@media screen and (min-width: 420px) and (max-width: 480px) {
/* adattativa Barre di Intestazione >420 <480 */
/* Barre di Intestazione */ 
 #logoDx {
  max-width: 212px;    
  height: auto; 
  text-align: center;  
  float: none;
  transition: 0.4s;
} 
}

@media screen and (max-width: 480px) {	  
/* adattativa <480 */    
/* Barre di Intestazione */
  #intestazione {       
  position: relative;
  box-shadow: none;
  max-height: 120px;  
  padding: 10px 10px !important; 
  }     
/* adattativa <480 */
/* Barre di Intestazione */
  #intestazione-Sx {	    
  float; none;  
  display: block;
  width: 100%;
  text-align: center;  
  }  
/* adattativa <480 */    
/* Barre di Intestazione */
  #intestazione-Dx {
  float: none;	    
  display: block;  
  width: 100%;
  text-align: center  
  }
/* adattativa <480 */    
/* Barre di Intestazione */
  #logoSx {   
  max-width: 212px;    
  height: auto; 
  text-align: center;  
  float: none;
  transition: 0.4s;
}
/* adattativa <480 */    
/* Barre di Intestazione */
  #logoDx {
  max-width: 112px;    
  height: auto; 
  text-align: center;  
  float: none;
  transition: 0.4s;
} 
}

@media screen and (min-width: 480px) and (max-width: 777px) {    
/* adattativa >480<777 */    
/* Barre di Intestazione */  
  #intestazione {  
  position: relative;  
  height: 200px;
  box-shadow: none;
  padding: 20px 30px 30px 30px !important; /* Usare !important per assicurarsi che JS non sovrascriva le impostazioni per gli schermi piccoli */
  }  
/* adattativa >480<777 */    
/* Barre di Intestazione */  
  #intestazione-Sx {
  float; none;  
  display: block;
  width: 100%;
  text-align: center;  
  }  
/* adattativa >480<777 */    
/* Barre di Intestazione */  
  #intestazione-Dx {
  float: none;	    
  display: block;  
  width: 100%;
  text-align: center;    
  }
/* adattativa >480<777 */    
/* Barre di Intestazione */  
 #logoSx {   
  float: none;
  max-width: 404px;    
  height: auto; 
  text-align: center;    
  transition: 0.4s;
}   
/* adattativa >480<777 */    
/* Barre di Intestazione */  
  #logoDx {     
  float: none;
  max-width: 187px;    
  height: auto;   
  text-align: center;    
  transition: 0.4s;
}  
}

@media screen and (min-width: 777px) and (max-width: 820px) {    

/* adattativa >777<820 */    
/* Barre di Intestazione */  
 #logoSx {   
  max-width: 404px;  
  height: auto;     
  float: left;  
} 
/* adattativa >777<820 */    
/* Barre di Intestazione */  
#logoDx {   
  max-width: 187px;  
  height: auto;     
  float: right;
  transition: 0.4s;
}  
}
/* Fine Barre di intestazione */
/* ============================================================= Fine BARRE DI INTESTAZIONE FISSA (riducibile con JS su scorrimento pagina). */
/* ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ */


/* _________________________________________________________________________________________________________________________________________ */
/* SPAZIATURA DOPO INTESTAZIONE ============================================================================================================ */

#spaziaturatesta {		
	color: white;
}

@media screen and (max-width: 480px) {	  /* YELLOW */
/* adattativa <480 */    

}

@media screen and (min-width: 800px) {
 #spaziaturatesta {	 	       
  height: 200px;
} 
} 
/* Fine spaziatura dopo intestazione */    
/* ====================================================================================================== Fine SPAZIATURA DOPO INTESTAZIONE. */
/* ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ */ 



/* _________________________________________________________________________________________________________________________________________ */
/* CAROSELLO IMMAGINI IN AUTOMATICO ======================================================================================================== */

/* Carosello diapositive */
#slides {                      
    position: static;
	left: 0px;                  
	top: 0px;
	width: 90%;
    max-height: 100%;
	padding: 0px;
	margin: auto;    
    list-style-type: none;	
}
/* Carosello diapositive */
.slide {	
    position: absolute;	
	left: 0px;
	top: 0px;    
	box-shadow: 2px 2px 2px gray;
    opacity: 0;
    z-index: 1;		
    -webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
}
/* Carosello diapositive */
#perTestoDia {
    position: relative;	
	left: 0px;
	top: 0px;
	width: 90%;	
    max-height: auto;
	padding: 0px;
	margin: auto;    	
    list-style-type: none;
}
/* Carosello diapositive */
.noDia {	        
   	opacity: 1;
	background-color: blue;   
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; 
}
/* Carosello diapositive */
.testoDia {
  font-family: "Alex Brush", "Amazone bt", serif;  
  font-size: 6vw;  
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #f8f8f8;
  text-shadow: -0.5px -0.5px gray, 1px 1px #191970, 1.5px 1.5px black, 1.5px 1.5px 3px black, 2px 2px 5px black;	/* color: Midnight Blue */
  text-align: center;
  z-index: 4;   
}
/* Carosello diapositive */
.showing {
    opacity: 1;
    z-index: 2;
}

.sigla {
	text-align: right;
	font-family: "Bilbo Swash Caps", vivaldi, serif;
	font-size: 12px;
	line-height: 0;
}

@media screen and (max-width: 480px) {	  /* YELLOW */
/* adattativa <480 */
/* Carosello diapositive */
#perTestoDia {
	width: 100%;
}
/* adattativa <480 */
/* Carosello diapositive */
.testoDia {  
  font-size: 9vw;  
}
}

/* =================================================================================================== Fine Carosello Immagini in Automatico */
/* ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ */









/* _________________________________________________________________________________________________________________________________________ */
/* 1° CORPO CENTRALE ======================================================================================================================= */
/* 1° Corpo Centrale */
#involtoCentro {
	position: static;
	width: 100%;
	margin-top: auto;
	overflow: hidden;	
	padding: 50px 200px 30px 200px;	
	height: auto;
}

/* 1° Corpo Centrale */
.incentro {
	text-align: center;
}
/* 1° Corpo Centrale */
.alcentro {
  font-family: "Alex Brush", "Amazone bt", serif;
  font-size: 6vw;  	
  position: absolute;  
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #f8f8f8;
  text-shadow: -0.5px -0.5px gray, 1px 1px #191970, 1.5px 1.5px black, 1.5px 1.5px 3px black, 2px 2px 5px black;	/* color: Midnight Blue */
  text-align: center;  
}

@media screen and (max-width: 480px) {	  /* YELLOW */
/* adattativa <480 */
/* 1° Corpo Centrale */
#involtoCentro {		
	padding: 50px 30px 30px 30px;		
}
/* adattativa <480 */
/* 1° Corpo Centrale */
#involtoCentro .testoCorpo2 {
	font-size: 20px;	
	line-height: 24px;	
	letter-spacing: 0.5px;
}
/* adattativa <480 */
/* 1° Corpo Centrale */
.alcentro {  
  font-size: 8vw;  	  
}
}



@media screen and (min-width: 480px) and (max-width: 580px) {	
/* adattativa >480 <580 */
/* 1° Corpo Centrale */
#involtoCentro .testoCorpo2 {
	font-size: 22px;	
	line-height: 24px;	
	letter-spacing: 0.5px;
}
}

@media screen and (min-width: 480px) and (max-width: 780px) {	
/* adattativa >480 <780 */
/* 1° Corpo Centrale */
#involtoCentro {
	position: static;
	width: 100%;
	margin-top: auto;
	overflow: hidden;	
	padding: 50px 50px 30px 50px;	
	height: auto;
}
}

@media screen and (min-width: 780px) and (max-width: 1070px) {	
/* adattativa >780 <1070 */
/* 1° Corpo Centrale */
#involtoCentro {
	position: static;
	width: 100%;
	margin-top: auto;
	overflow: hidden;	
	padding: 50px 100px 30px 100px;	
	height: auto;
}
}

/* Fine 1° Corpo Centrale */
/* ================================================================================================================= Fine 1° CORPO CENTRALE  */
/* ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ */



/* _________________________________________________________________________________________________________________________________________ */
/* CARTELLINI DI PRESENTAZIONE ============================================================================================================= */
/* Cartellini di presentazione */
*{
  box-sizing: border-box;
}
/* Cartellini di presentazione */
/* */
html {
  box-sizing: border-box;
} 	
/* Cartellini di presentazione 
*, *:before, *:after {
  box-sizing: inherit;
} */
/* Cartellini di presentazione */
.gran-recipiente {  
  display: grid;
  justify-content: space-evenly;
  grid-template-columns: 66% 33%; /*La griglia deve essere più piccola del contenitore*/  
  column-gap: 20px;  
  background-color: #ffffff;
  padding: 0px 100px 0px 100px;  
}
/* Cartellini di presentazione */
.secondo-contenitore {
  position: relative;
  display: grid;  
  justify-content: space-evenly;
  grid-template-columns: 50% 50%;
  column-gap: 13px;
  padding: 0px;  
}
/* Cartellini di presentazione */
.contenitore-griglia {
  position: relative;	
  display: grid;
  grid-template-columns: 100%;  
  row-gap: 0px;  
  background-color: #ffffff;  
  padding: 0px;
  box-shadow: 1px 1px 5px gray;
  }
/* Cartellini di presentazione */
.contenitore-griglia-tre {
  position: relative;	
  display: grid;
  grid-template-columns: 100%;  
  row-gap: 0px;  
  background-color: #ffffff;  
  padding: 0px;
  box-shadow: 1px 1px 5px gray;
}
/* Cartellini di presentazione */
.terzo-contenitore {
  position: relative;	     
  display: grid;
  grid-template-columns: 100%;  
  padding: 0px;  
}
/* Cartellini di presentazione */
.parteTesta {  
  width: 100%;
  padding: 0;
}

/* Cartellini di presentazione */
.parteBasso {	
	font-family: "Bilbo Swash Caps", vivaldi, serif;	
	font-size: 36px;
	text-align: left;
	vertical-align: bottom;
	letter-spacing: 0.5px;
	padding: 0px 10px 0px 10px;
}
/* Cartellini di presentazione */
.parteTasto {	
	width: 100%;	
	bottom: 0px;
    text-align: center;
    vertical-align: bottom;
	margin-bottom: 0px;
    padding: 0px 10px 0px 10px;	
}
/* Cartellini di presentazione */
.tasto {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  border: none;    
  outline: 0;
  display: inline-block; 
  padding: 8px;
  color: white;
  background-color: #0d1f61;
  text-align: center;  
  cursor: pointer;
  width: 100%;
  bottom: 0px;
}
/* Cartellini di presentazione */
.foto {
 max-width: 100%;
 hight: auto;
}

@media screen and (max-width: 480px) {	  /* YELLOW */
/* adattativa <480 */    
/* Cartellini di presentazione */
.gran-recipiente {    
  grid-template-columns: 100%; /*Griglia più piccola del contenitore!*/
  column-gap: 0px;    
  padding: 0px 15px 0px 15px;  
}
/* adattativa <480 */
/* Cartellini di presentazione */
.secondo-contenitore {
	grid-template-columns: 100%;
}
/* adattativa <480 */    
/* Cartellini di presentazione */
.terzo-contenitore {
	grid-template-columns: 100%;
}
/* adattativa <480 */    
/* Cartellini di presentazione */
.contenitore-griglia {
	margin-bottom: 20px;
}
}

@media screen and (min-width: 480px) and (max-width: 720px) {	
/* adattativa <720 */
/* Cartellini di presentazione */
.secondo-contenitore {
	grid-template-columns: 100%;
}
/* adattativa <720 */
/* Cartellini di presentazione */
.terzo-contenitore {
	grid-template-columns: 100%;
}
/* adattativa <720 */
/* Cartellini di presentazione */
.contenitore-griglia {
	margin-bottom: 20px;
}
}

@media screen and (min-width: 480px) and (max-width: 580px) {	
/* adattativa >481 <580 */
/* Cartellini di presentazione */
.gran-recipiente {    
  grid-template-columns: 100%; /*Griglia più piccola del contenitore!*/
  column-gap: 0px;    
  padding: 0px 25px 0px 25px;  
}
}

@media screen and (min-width: 581px) and (max-width: 720px) {	
/* adattativa >581 <720 */
/* Cartellini di presentazione */
.gran-recipiente {    
  grid-template-columns: 100%; /*Griglia più piccola del contenitore!*/
  column-gap: 0px;    
  padding: 0px 45px 0px 45px;  
}
}


@media screen and (min-width: 720px) and (max-width: 980px) {	
/* adattativa >721 <980*/    
/* Cartellini di presentazione */
.gran-recipiente {  
  grid-template-columns: 100%; /*Make the grid smaller than the container*/    
  padding: 0px 50px 0px 50px;  
}
/* adattativa >721 <980*/    
/* Cartellini di presentazione */
.secondo-contenitore {
	grid-template-columns: 50% 50%;
	column-gap: 20px;
	margin-bottom: 20px;
}
/* adattativa >721 <980*/
/* Cartellini di presentazione */
.contenitore-griglia {
  position: relative;	  
  grid-template-columns: 100%;      
  row-gap: 0px;  
  background-color: #ffffff;  
  padding: 0px;
  box-shadow: 1px 1px 5px gray;
}
/* adattativa >721 <980*/    
/* Cartellini di presentazione */
.terzo-contenitore {
  position: relative;	  
  width: 50%;  
  margin: auto;
  row-gap: 0px;    
  padding: 0px;    
}
/* adattativa >721 <980*/    
/* Cartellini di presentazione */
.contenitore-griglia-tre {
  position: relative;	  
  grid-template-columns: 100%;      
  margin: auto;
  row-gap: 0px;  
  background-color: #ffffff;  
  padding: 0px;
  box-shadow: 1px 1px 5px gray;
}
}
/* Fine Cartellini di presentazione */ 
/* ======================================================================================================= Fine CARTELLINI DI PRESENTAZIONE. */
/* ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ */



/* _________________________________________________________________________________________________________________________________________ */
/* BARRA CENTRALE ========================================================================================================================== */
/* Barra Centrale */

#barraCentro {
    background-image: color #bfbfbf; /* Coloro sfondo */
    padding: 50px 20px 50px 20px; 
    position: fixed; 
    width: 100%; /* Larga quanto la veduta a schermo. */
    max-height: 200px;  
    top: 0; /* Punto di posizionamento del riquadro. */  
}
/* Fine Barra Centrale */ 
/* ==================================================================================================================== Fine BARRA CENTRALE. */
/* ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ */




/* _________________________________________________________________________________________________________________________________________ */
/* 2° CORPO CENTRALE ----------------------------------------------------------------------------------------------------------------------- */
/* 2° Corpo Centrale */
#involto1 {
	position: static;
	width: 100%;	
	overflow: hidden;	
	padding: 100px;	
	height: auto;
}
/* 2° Corpo Centrale */
#diviUno {
	float: left;
	width: 70%;
	text-align: left;
	overflow: visible;
	margin: 0px;
	padding: 0px 10px 0px 10px;		
}
/* 2° Corpo Centrale */
#diviDue {
	float: right;
	width: 30%;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	height: auto;
	margin: 0px;
	padding: 100px 0px 0px 0px;
}		

.logoa3 {
  max-width: 100%;  
  height: auto;     
  float: right;  
}

@media screen and (max-width: 660px) {	  /* YELLOW */
/* adattativa <660 */  
/* 2° Corpo Centrale */ 
 #involto1 {  
  padding: 0px 30px 0px 30px;
}
}

@media screen and (min-width: 660px) and (max-width: 980px) {	  /* YELLOW */
/* adattativa >660 <980 */  
/* 2° Corpo Centrale */ 
  #involto1 {  
  padding: 0px 50px 0px 50px;
}
}


@media screen and (max-width: 980px) {	    
/* adattativa <980 */
/* 2° Corpo Centrale */ 
  #diviUno {
  display: block;
  width: 100%;
  float:none;
  padding: 20px;  
}
/* adattativa <980 */
/* 2° Corpo Centrale */ 
 #diviDue {
  display: flex;
  width: 100%;
  float: none;  
  justify-content: center;
  padding: 0px 0px 50px 0px;
 }
/* adattativa <980 */
/* 2° Corpo Centrale */ 
 .testoCorpo1 {
  text-align: left;
  text-indent: 20px;   
}
/* adattativa <980 */
/* 2° Corpo Centrale */ 
 .testoCorpo4 {
  text-align: left;
  text-indent: 20px;   
}
/* adattativa <980 */
/* 2° Corpo Centrale */ 
 .logoa3 {
  max-width: 290px;    
}
}

@media screen and (min-width: 980px) and (max-width: 1180px) {	  
/* adattativa >980 <1180 */
/* 2° Corpo Centrale */ 
 #diviUno {	
	width: 65%;			
}
/* adattativa >980 <1180 */
/* 2° Corpo Centrale */ 
 #diviDue {
	display: flex;
	width: 35%;
	height: auto;
	justify-content: center;
	padding: 50px 0px 10px 0px;	
}	
}

@media screen and (min-width: 1181px) and (max-width: 1350px) {	  
/* adattativa >1181 <1350 */
/* 2° Corpo Centrale */ 
#involto1 {
	padding: 100px, 50px, 100px, 100px;	
}
/* adattativa >1181 <1350 */
/* 2° Corpo Centrale */ 
#diviUno {	
	width: 70%;	
}
/* adattativa >1181 <1350 */
/* 2° Corpo Centrale */ 
#diviDue {
	width: 30%;
	padding: 0px;	
}
/* adattativa >1181 <1350 */
/* 2° Corpo Centrale */ 	
.logoa3 {
  max-width: 260px;  
  height: auto;     
  float: left;  
}
}
/* Fine 2° Corpo Centrale */ 
/* ----------------------------------------------------------------------------------------------------------------- Fine 2° CORPO CENTRALE. */
/* ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ */



.contenitore {
  position: relative;
  text-align: center;
  color: white;
}





#spaziatura {
	 padding: 0px;
 }













