<style type="text/css">

.style1 {
	font-family: "Open Sans";
	color: #000080;
	background-color: #F4F5FD;
	
}
.buttons {
    background-color: #2C437A; /* Green */
    border: none;
    color: white;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 30px;
    margin: 4px 2px;
    cursor: pointer;
}

.button {
   background-color: #C4C4C4; /* Colore di sfondo iniziale */
  border: none;
  margin: 0;
  color: #000080;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 1px;
  cursor: pointer; 
  border-radius: 8px;
  transition: background-color 0.3s ease; /* Aggiunge una transizione */	 
	 
	 
}

.button:hover {
   	background-color: #163394; /* Nuovo colore di sfondo al passaggio del mouse */
 color: yellow; 
	  
}

.button2s {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
.button4 {background-color: #e7e7e7; color: black;} /* Gray */ 
.button5 {background-color: #555555;} /* Black */

.opaco {
	font-size: medium;
	font-family: "Open Sans";
	background-color: rgba(255, 255,255, 0.5);
    color: #000080;
}

.style2 {
	font-size: 15pt;
	font-family: "Ariel";
	color: #000080;
}
.style3 {
	font-family: "Open Sans";
}


.style4 {
	font-size:15pt;
	color: #FFFFFF;
	background-color: #0E6FB6;
}


.style5 {
	color: #FFFFFF;
	background-color: #008080;
}
.icon2F{
	
background-image: url('icon/password.png');
background-position: right top;
background-repeat: no-repeat;
font-size: medium;
font-family: "Open Sans";
padding-right: 30px;
height:30px;
	}
.icon1F{
	
background-image: url('icon/mail.png');
background-position: right top;
background-repeat: no-repeat;
font-size: medium;
	font-family: "Open Sans";
padding-right: 30px;
height:30px;	
	}

</style>