@charset "UTF-8";

@charset "ISO-8859-1";





@charset "UTF-8";

@charset "ISO-8859-1";











body{	

	font-size:14px;

	line-height: 16px;

	font-stretch: 150%;

	color: black;

	background-color:white;	 

	margin:0;	

	text-align: center ;

		background-color: LightGray;

		



	}





img {

	width: 200px;

	height:auto;

	}

		

	



  

.box{

	width: 100%;

	margin: 0;

	margin: 0;	

   display: flex;

  text-align: left; 

  justify-content: center;

  height: 200px; 

   

}







	

.box a:active {color:black;}

	

	

.box1{

	float:center;

	width: 50%;

	font-size: 16px;	

	line-height: 20px;

	min-height:100vh;

	position: absolute;   

	text-align: left; 

  justify-content: center;

	

}





.box1 a{

	text-decoration:none;

color: #a81e00;

font-size:30px;

	line-height: 19px;





}





.box1fixed{

	float:right;

	width: 50%;

	font-size: 16px;	

	line-height: 20px;

	min-height:100vh;

	position: fixed;   

	text-align: left; 

  justify-content: center;



	

}



.box2{

	

	float:left;

	width:50%;

	right:0px;

	

	min-height:100vh;

	position: fixed;

	margin-left:0px;

	margin-right:0px;

	  

	padding-left: opx;

}



.box5{

	 max-width: 600px;   /* larghezza massima */

  width: 100%;        /* si adatta allo schermo */

  margin: 0 auto;     /* centratura orizzontale */

  box-sizing: border-box;

}







.box3{

	float:right;

	width: 50%;

	font-size: 16px;	

	line-height: 20px;

	

	position: absolute; 

position: fixed;	

	text-align: right; 

  justify-content: center;

 text-decoration: underline;

 background-color: white;

}	

	

.box4{

	float:left;

	width:50%;

	right:0px;	

	 text-align: left; 

	position: fixed;

	margin-left:0px;

	margin-right:0px;

	text-decoration: underline;

	padding-left: opx;

	background-color: gray; 

	color:white;

}









.box8{

	

	position: absolute; 

position: fixed;	

	text-align: left; 

  justify-content: center;

 max-width: 800 px;

   margin: 0 auto;  

     width: 100%;  

  

}



.menu {

	

	max-width: 800px;

	height:auto;

		background-color: white;	

		margin: 0 auto;

		text-align: left;

}







.menu a {	

	

	font-size: 10 px;

	line-height: 15px;

	line-height: 100%;





}







.menu img {

	

	width: 70%;

	height:auto;

	

}









.contenuti{

	max-width: 700px;

	text-align: left; 

}







.contenuti img {

	width: 100%;

	height:auto;

	

}	





.contenutispecificatesto{

	text-align: left; 

}













.testosopra {

   position: absolute; /* Posiziona il testo rispetto al contenitore */

  top: 80%; /*  Posiziona il testo verticalmente al centro */

  left: 50%; /* Posiziona il testo orizzontalmente al centro */

  transform: translate(-50%, -50%); /* Sposta il testo esattamente al centro */

  color: white; /* Colore del testo */

  font-size: 15px; /* Dimensione del testo */

  text-align: left; /* Allinea il testo al centro */

  /* Altre proprietà di stile per il testo */

  color: black;

    }



.testosopra img {

	width: 170px;

	height:100px;	

				}

	





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



.clear {

	clear:both;

	}

	

body {

		font-size: 1rem; /* 1rem = font-size di html, tipicamente 16px */



}







	





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





.clear {

	clear:both;

	}

	

body {

		font-size: 1rem; /* 1rem = font-size di html, tipicamente 16px */



}





.box1 {

width:100%;

position: relative;  

}



.box2{

display: none;  

}





.logo2{

	top:0px;	

width:100%;

position: fixed;  

background-color: white;



	}

	

	

.box3{

	float:right;

	width: 50%;

	font-size: 16px;	

	line-height: 20px;

	

	position: absolute;   

	text-align: left; 

  justify-content: center;

 text-decoration: underline;

 background-color: white;

}	

	

.box4{

	float:left;

	width:50%;

	right:0px;	

	 

	position: fixed;

	margin-left:0px;

	margin-right:0px;

	text-decoration: underline;

	padding-left: 0px;

}	



.menu img {

	

	width: 100%;

	height:auto;

	

}



		

}