body	{background-color: black}




#vivere		{position: absolute; top: 10px; left: 0px; z-index:5;} 
.vivere		{position: absolute; top: 10px; left: 0px; width: 380px; height:100px; width:400px; background-color: black}
   	

 #intro		{position: absolute; left: 400px; top: 340px;z-index:5}
.intro		{position: absolute; left: 400px; top: 340px; width: 380px; height:100px; width:400px; background-color: black} 

.casella		{position: absolute;	margin-top: 400px; left: 400px; right: 100px; min-width: 500px; max-width: 1200px;}

#english		{position: absolute; margin-left:600px; margin-top: 400px; border: 0px;}
		
p	{text-align: justify;
	text-indent: 15px;
	font-family: Arial;
	font-size: 16px;
	font-weight: lite;
	color: #99ffff;
	background-color: black;
	line-height: 20px;
	padding: 5px;
	}
	
.p_red	{
   text-align: justify;
	text-indent: 13px;
	font-family: Arial;
	font-size: 16px;
	font-weight: lite;
	color: red;
	line-height: 20px;
	padding: 5px;
	}
	
	
.titolo	{
	position: absolute;
	font-family: Arial;
	font-size: 24px;
	color: #33cc00;   
	margin-top: 340px;
	margin-left: 400px;
	width: 600px;
	margin-bottom: 20px;	
   	}
 	
.titolo2	{
	position: absolute;
	font-family: Arial;
	font-size: 16px;
	color: #99ffff;  
	text-align: justify; 
	margin-top: 370px;
	margin-left: 400px;
	width: 500px;
	margin-bottom: 20px;	
   	}

.aggiorna	{
		position: absolute;
		margin-top: 520px;
		margin-left: 800px;
		width: 230px; 
	   	font-family: Arial;
   		font-size: 12px;
   		font-weight: lite;
   		color: #99ffff;
   		line-height: 18px;
   		}  	


	
#menu_sr1	{
	position: absolute;
	margin-top:120px;
   	margin-left:400px; 
    	width: 210px;
	line-height: 16px;
	color: red;
	z-index: 10;
		}
		
#menu_sr2	{
	position: absolute;
	margin-top:120px;
   	margin-left:570px; 
    	width: 210px;
	line-height: 16px;
	color: red;
	z-index: 10;
		}
		
#menu_dx	{
	position: absolute;
	margin-top:120px;
  	margin-left:800px; 
   width: 210px;
	line-height: 16px;
	color: red;
	z-index: 10;
		}		
		
.p2 {
	font-size: 16px;
	line-height: 18 px;
	font-family: Arial;
	width: 210px;
	color: red;
	
       }

.conta	{
		left: 360px;
		}		


a:link    {text-decoration: none; color: #33cc00; font-family: arial; font-size: 14px;}
a:visited {text-decoration: none; color: #33cc00; font-family: arial; font-size: 14px;}
a:hover   {color: #ffff00; font-family: arial; font-size: 14px;}


* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}


#cookiePopup {
  background-color: #ffffff;
  position: absolute;
  font-size: 14px;
  width: 70em;
  max-width: 42.85em;
  box-shadow: 0 0 2em rgba(5, 0, 31, 0.15);
  font-family: "Poppins", sans-serif;
  text-align: justify;
  line-height: 1.8em;
  padding: 2em 1.4em;
  border-radius: 6px;
  transition: all 0.5s ease-in;
 
}
#cookiePopup img {
  display: block;
  width: 3.75em;
  transform: translateZ(0);
  position: relative;
  margin: auto;
 
}
#cookiePopup p {
  text-align: center;
  margin: 1.4em 0;
  
}
#cookiePopup button {
  background-color: #6859fe;
  border: none;
  color: #ffffff;
  font-size: 1.2em;
  padding: 1em 1.4em;
  display: block;
  position: relative;
  margin: auto;
  border-radius: 5px;
  
}
#cookiePopup a {
  color: #6859fe;

}
.hide {
  visibility: hidden;
  bottom: 0;
  right: 2em;

}
.show {
  visibility: visible;
  bottom: 2em;
  right: 2em;
  
}
@media only screen and (max-width: 37.5em) {
  #cookiePopup {
    width: 100%;

  }
  .hide {
    bottom: 2em;
    right: 0;
  }
  .show {
    right: 0;
    bottom: 0;
  }
}