body{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
	}
	a:link, a:visited {
		color: #666666;
		text-decoration: none;
	}
	a:hover {
		color:#FFF;
		/*background-color:#808080;*/
	}
	.container {
		display: flex; /* Abilita il layout flessibile */
		flex-wrap: wrap; /* Consente al contenuto di andare a capo su schermi stretti */
		align-items: center;
	}
	
	/* Stile per il blocco del titolo della pagina */
	.title-block {
		flex: 0 0 100%;
		margin: 10px;
		background-color: #666666;
		color: #CCCCCC;
		text-align: center;
		box-sizing: border-box;
		padding-right: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
	}
		
	.titoletto-block {
		padding: 10px;
		flex: 0 0 100%;
		margin: 10px;
		color: #666666;
		background-color: #EEEEEE;
		text-align: center;
		box-sizing: border-box;
	}
	
	.title-block img {
	    width: 100%; /* L'immagine si espande per riempire completamente il contenitore */
	    height: auto; /* L'altezza si adatta in modo proporzionale alla larghezza dell'immagine */
	}
	
		.block img {
		width: 100%; /* L'immagine si espande per riempire completamente il contenitore */
		height: auto; /* L'altezza si adatta in modo proporzionale alla larghezza dell'immagine */
		max-width:500px;
	}
	/* Stile per il blocco del piè di pagina */
	.footer-block {
		flex: 0 0 100%; /* Occupa tutta la larghezza del contenitore */
		margin: 10px; /* Aggiunge uno spazio tra i blocchi */
		padding: 20px; /* Aggiunge spazio interno ai blocchi */
		background-color: #666666; /* Colore di sfondo */
		color: #CCCCCC; /* Colore del testo */
		text-align: center; /* Allinea il testo al centro */
		box-sizing: border-box; /* Considera il padding nell'ampiezza totale */
	}
	/* Stile per ciascun blocco */
	.block {
		flex: 0 0 calc(33.33% - 20px); /* Occupa il 33.33% della larghezza del contenitore */
		margin: 10px; /* Aggiunge uno spazio tra i blocchi */
		padding: 20px; /* Aggiunge spazio interno ai blocchi */
		background-color: #f2f2f2; /* Colore di sfondo */
		text-align: center; /* Allinea il testo al centro */
		box-sizing: border-box; /* Considera il padding nell'ampiezza totale */
	}
	
	.button {
		margin: 6px;
		background-color: #AEC9FF;
		border: 1px solid #6699FF;
		color: white;
		padding: 4px 10px;
		width: 200px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: small;
		font-weight: bold;
		transition-duration: 0.4s;
		cursor: pointer;
		border-radius: 4px;
	}

	/* Stile per schermi medi (due colonne) */
	@media (max-width: 768px) {
		.block {
			flex: 0 0 calc(50% - 20px); /* Occupa il 50% della larghezza del contenitore */
		}
	}

	/* Stile per schermi stretti (una colonna) */
	@media (max-width: 480px) {
		.block {
			flex: 0 0 calc(100% - 20px); /* Occupa tutta la larghezza del contenitore */
		}
	}
	
	#sel {
		width: 16px;
		height: 16px;
	}
	
	#molt {
		width: 30px;
		height: 30px;
	}
	
	.buttonlogin {
		margin: 6px;
		border: 2px solid #CCCCCC;
		background-color: #f2f2f2;
		color: #CCCCCC;
		padding: 4px 10px;
		text-align: center;
		text-decoration: none; /*display: inline-block;*/;
		font-size: small;
		font-weight: bold;
		transition-duration: 0.4s;
		cursor: pointer;
		border-radius: 16px;
		vertical-align: auto;
		width:20px
	}
		
	#login {
		width: 20px;
		height: 20px;
	}
				
	.centrato {
		text-align: center;
		margin: auto;
	}