<style>
/* body { background-image: url("img/sfondoaci500.png"); overflow: hidden;   }  */
 body { background: white; overflow: auto;	   } 


/*  -------------  area box   --------------------------------------  */ 
.mbboxtitolo {   padding-bottom: 10%;  padding: 1%;   /*  float: left; */
/* width: auto;  */   min-width: 150px;  max-width: 1000px;    
/* height: auto; */   min-height: 70px;  max-height: 400px;  
border-radius: 10px 10px 10px 10px;  
margin-left: 5px;  text-align: middle;  border: 1px solid blue;   
}
@media screen and (max-width: 500px) { .mbboxtitolo  {  min-height: 120px;  max-height: 180px;  	}  }
@media screen and (max-width: 300px) { .mbboxtitolo  {  min-height: 180px;  max-height: 180px;  	}  }
/* @media screen and (max-width: 500px) { .boxtitolo  {  border: 0px solid blue;  	}  }  */

.mbbox1 {     padding: 1%;  float: left;  /* padding-bottom: 20%;  float: left; */
/* width: auto; */   min-width: 150px;  max-width: 1000px;    overflow: auto; 
/* height: auto;  */   min-height: 40px;  max-height: 900px;
border-radius: 10px 10px 10px 10px;   margin-top: -10px;  margin-bottom: 20px;
margin-left: 5px;    border: 5px solid blue;    /* text-align: center; */
  /* position: relative;   line-height: 50px;     background: red; */  
}
@media screen and (max-width: 500px) { .mbbox1  {  border: 1px solid red;  	}  }   

.mbbox1a {     padding: 1%;   float: left; 
min-width: 300px; /* max-width: 365px; */ width: 45%;   overflow: auto; 
min-height: 250px;  max-height: 900px; border-radius: 10px 10px 10px 10px;  
 margin-top: 10px;  margin-bottom: 20px;  margin-left: 5px;  margin-right: 10px;
 /* text-align: center; */  border: 1px solid blue; 
}
@media screen and (max-width: 1100px) { .mbbox1a  {  border: 1px solid blue; width: 72%; min-width: 600px;	}  } 
@media screen and (max-width: 765px) { .mbbox1a  {  border: 1px solid blue;  width: 85%; min-width: 330px;	}  }   
@media screen and (max-width: 350px) { .mbbox1a  {  border: 1px solid blue;  width: 85%; min-width: 200px;	}  }  

.mbbox1b {     padding: 1%;  /* padding-bottom: 20%;  float: left; */
min-width: 150px;  /* max-width: 250px; */ width: 28%;   overflow: auto; 
min-height: 40px;  max-height: 900px;
float: left; border-radius: 10px 10px 10px 10px;   margin-top: 10px;  margin-bottom: 40px;
margin-left: 5px;  text-align: center;  border: 1px solid blue; margin-right: 20px; 
  /* position: relative;   line-height: 50px;     background: red; */  
}
@media screen and (max-width: 800px) { .mbbox1b  {  border: 1px solid blue; min-width: 300px;  width: 35%; 	}  }   
@media screen and (max-width: 760px) { .mbbox1b  {  border: 1px solid blue; min-width: 330px;  width: 85%; 	}  }   
@media screen and (max-width: 350px) { .mbbox1b  {  border: 1px solid blue; min-width: 200px;  width: 85%; 	}  } 
 
/*  ---------------  area navigazione  ---------------------------------------  */
.mbboxnav {     padding: 2px;  float: left; /* padding-bottom: 20%;  float: left; */
width: 80%;  max-width: 1000px;  /*  min-width: 150px;      overflow: auto; */
height: 20px;  border-radius: 10px 10px 10px 10px;  margin-top: -20px; margin-left: 5px;  margin-bottom: 20px; 
text-align: center;  border: 0px solid red; 
}

.mbboxnavigazione {     padding: 0%;  min-width: 150px;  max-width: 580px;    
min-height: 15px;  max-height: 30px;  border-radius: 10px 10px 10px 10px;  
margin-left: 145px;  margin-top: 2px; text-align: center;  border: 0px solid blue; 
}
@media screen and (max-width: 500px) { .boxnavigazione  {  margin-left: 25px;  	}  } 
@media screen and (max-width: 300px) { .boxnavigazione  {  margin-left: 1px;  	}  } 



.mbboximmissione {     padding: 1%;  
  min-width: 150px;  max-width: 600px;    overflow: auto;
  min-height: 40px;  max-height: 600px;
 border-radius: 10px 10px 10px 10px;  
 margin-left: 40px;  text-align: center;  border: 1px solid blue; }
@media screen and (max-width: 500px) { .mbboximmissione  {  border: 1px solid blue;  	}  } 


.mbtestatitolo  	{  position: relative;	float:left;    font-weight: 700;      
			width: 50%;	max-width: 600px; min-width: 150px;     height: 30px;    min-height:20px;    
			margin-top: 15px; 	margin-left: 3%; 	color: blue;  font-size: 24px;	float:left; }
@media screen and (max-width: 800px) { .mbtestatitolo  {  font-size: 22px; margin-left: 3%; 	}  } 
@media screen and (max-width: 700px) { .mbtestatitolo  {  font-size: 20px; margin-left: 3%; 	}  } 

.mbtestadescrizione  	{  position: relative;	float:left;    font-weight: 700;  border: solid 0px red;    
	margin-top: -5px; margin-left: 10px; 	color: blue;  font-size: 14px;	float:left; }
@media screen and (max-width: 850px) { .mbtestadescrizione  {  font-size: 12px; margin-left: 3%; 	}  } 


/*  ---------------  area logo  ---------------------------------------  */
.mblogo {   margin-left: 10px;  margin-right: 25px; float:left;  /*  ----  fondamentale per allineare testo e immagine   */
          padding:10px;   margin-top: -1px; 	  width: 10%;	min-width: 5%; 	}
@media screen and (max-width: 800px) { .mblogo  {  display: none; 	}  } 
.mblogo1 {    margin-left: 1%;  float:left;  /*  ----  fondamentale per allineare testo e immagine */
          padding:5px;   margin-top: 1px;    width: 25px;	  }
@media screen and (max-width: 700px) { .mblogo1  {  display: none; 	}  } 

/*  ---------------  area immagini  -----------------------------------  */

.mbboximg	{  	min-width: 150px;  max-width: 1000px;      /* margin:30px auto;  background:lightgrey;  */
				float:left; margin-left: 5px;  text-align: middle;  border: 1px solid blue; color: blue;
		   		min-height: 40px;  max-height: 900px;   line-height:20px;  overflow: hidden;
				border-radius: 10px 10px 10px 10px;  padding: 1%; margin-top: -25px;  margin-bottom: 30px;
			border: 1px solid blue;
			}
.mbimga  	{   max-width: 100%;   } 

.mbsinistro, .mbdestro 	{	margin:1px;	padding:10px;	width:30%;		height:auto;
				/*  background:cornflowerblue;  */	text-align:center;	/* color: #fff; */
				font-size:30px;  border: 0px solid red;
			}
.mbboxfotog	 	{	margin:1px;	padding:10px;	width:75%;	height: auto;	margi-left: 30px;
				/*  background:cornflowerblue;  */	text-align:center;	/* color: #fff; */
				font-size:20px;  border: 0px solid red;  margin-bottom: 20px; float: left;
			}
/* @media screen and (max-width: 900px) { .mbboxfotog  {  height: 400px; 	}  } */
/* @media screen and (max-width: 450px) { .mbboxfotog  {  height: 300px; 	}  } */
			
.mbsinistro		{	float:left;	}

.mbdestro		{	float:right;	}



.mbmenucarattere 		{    float:left;  /* width: 5%;  max-width: 40px;   min-width: 20px;  */
						 top: 5px;  	margin-left: 25px; font-size: 55px;	line-height: 40px;		
						float:left;   height: 48px; padding: 2px;   border: 0px solid red; 	   }
.mbnosottolineatura  	{ text-decoration: none; float:left;  }  

.h2p {font-weight: bold; color: blue; }
.h3p {font-weight: bold; color: blue; }
.coloretesto {color: blue; }

</style>
