body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	scrollbar-arrow-color:#ffffff;
	scrollbar-darkshadow-color:#000000;
	scrollbar-track-color:#FFFFFF;
	scrollbar-shadow-color:#990000;
	scrollbar-highlight-color:#ffffff;
	scrollbar-face-color:#990000;
	scrollbar-3dlight-color:#000000;
}
/******************************* VERSIONE NEW *****************************/
.MenuLaterale {
	background-image: url(images/pulsanti/pulsanti.jpg);
	background-repeat: no-repeat; 
	background-position: center top;	
	/*padding: 8px 6px 11px 6px;
	border-bottom: solid #000 10px;*/
	text-transform: uppercase;
	text-align: center;	
	vertical-align: middle;
	color: #F00;
	font-size: 12px;
	/*font-weight: bold;*/
	height: 51px;
}
.MenuLateraleDx {
	background-image: url(images/pulsanti/pulsantiDx.jpg); 
	background-repeat: no-repeat; 
	background-position: center top;	
	padding: 10px 6px 11px 6px;
	border-bottom: solid #000 10px;
	text-transform: uppercase;
	text-align: center;
}
.MenuLateraleDxAlto {
	background-image: url(images/pulsanti/pulsantiDxAlti.jpg); 
	background-repeat: no-repeat; 
	background-position: center top;	
	padding: 10px 6px 11px 6px;
	border-bottom: solid #000 10px;
	text-transform: uppercase;
	text-align: center;	
	vertical-align: middle;
	color: #F00;
	font-weight: bold;
}
.MenuLateralePostePay {
	background-image: url(images/pulsanti/bckPostPay.jpg); 
	background-repeat: no-repeat; 
	background-position: center top;	
	padding: 16px 6px 20px 6px;
	text-transform: uppercase;
	text-align: center;	
	vertical-align: middle;
	font-weight: bold;
	font-size: 12px;
	color: #000;
}
.MenuLateraleNoSfondo {
	padding: 10px 5px;
	border: solid #FFAA3D 2px;
	text-transform: uppercase;
	text-align: center;	
	vertical-align: middle;
	color: #F00;
	font-size: 14px;
	font-weight: bold;
}
/************************************************************/
.bckPulsante {
	background-image: url(images/pulsanti/bckPulsante.gif); 
	background-repeat: no-repeat; 
	background-position: center;
}
.bckPulsanteAlto {
	background-image: url(images/pulsanti/bckPulsanteAlto.gif); 
	background-repeat: no-repeat; 
	background-position: center;
}
.Bold {
	font-weight: bold;
}
.Bianco {
	color: #FFFFFF;
}
.Nero {
	color: #000000;
}
.Rosso {
	color: #FF0000;
}
.LineaSotto {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.LineaSopra {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #990000;
}
.Bordo {
	border: 1px solid #990000;
}
.px12 {
	font-size: 12px;
}
.px14 {
	font-size: 14px;
}
/************************************************************/
a.menu:link{
	color: #FFF;
	text-decoration: none;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.menu:visited{
	color: #FFF;
	text-decoration: none;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.menu:hover{
	color: #FF0;
	text-decoration: none;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/************************************************************/
a.aGiallo:link{
	color: #FF0;
	text-decoration: underline;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.aGiallo:visited{
	color: #FF0;
	text-decoration: underline;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.aGiallo:hover{
	color: #FF0;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/************************************************************/
a.menuNero:link{
	color: #000;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.menuNero:visited{
	color: #000;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.menuNero:hover{
	color: #FF0;
	text-decoration: none; 
	/*underline;*/
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/************************************************************/
a.link:link{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana;
}
a.link:visited{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana;
}
a.link:hover{
	color: #F00;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana;
}
/************************************************************/
a.aMenuLaterale:link{
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
a.aMenuLaterale:visited{
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
a.aMenuLaterale:hover{
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}
/************************************************************/
a.mail:link{
	font-size: 15px;
	color: #FC0;
	font-weight: bold;
	text-decoration: none;
}
a.mail:visited{
	font-size: 15px;
	color: #FC0;
	font-weight: bold;
	text-decoration: none;
}
a.mail:hover{
	font-size: 15px;
	color: #FC0;
	font-weight: bold;
	text-decoration: underline;
}
/************************************************************/
li {
	padding-bottom: 12px;
	list-style: square;
}
/************************************************************/
a.allegati:link{
	font-size: 12px;
	color: #FC0;
	font-weight: bold;
	text-decoration: none;
}
a.allegati:visited{
	font-size: 12px;
	color: #FC0;
	font-weight: bold;
	text-decoration: none;
}
a.allegati:hover{
	font-size: 12px;
	color: #FC0;
	font-weight: bold;
	text-decoration: underline;
}
/************************************************************/
.social-links {
	display: flex;
	gap: 30px;
	justify-content: center;
}

	.social-links a {
		color: #FFFFFF; /* Cambia colore in base allo stile del sito */
		font-size: 18px; /* Dimensione dell'icona */
		transition: color 0.3s ease, transform 0.3s ease;
	}

		.social-links a:hover {
			color: #1DA1F2; /* Colore azzurro, ad esempio per dare un effetto hover */
			transform: scale(1.2); /* Leggera animazione */
		}

		.social-links a .fa-tiktok:hover {
			color: #FF0050; /* Colore hover specifico per TikTok */
		}
/************************************************************/
header {
	padding: 10px 20px;
	/*display: flex;*/
	position: relative;
	align-items: center;
	justify-content: space-between;
}

.mobile-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 10px;
	z-index: 10; /* per stare sopra il menu */
}

.logo img {
	width: 80px;
	margin: 5px;
}

.subtitle {
	margin: 10px 0 5px;
	font-size: 14px;
}

.search-container {
	display: flex;
	justify-content: center;
	width: 80%;
	z-index: 10;
	position: relative;
}

	.search-container input {
		width: 70%;
		padding: 10px;
		font-size: 16px;
		border: 1px solid #FFFFFF;
		border-radius: 5px 0 0 5px;
		outline: none;
		color: black;
	}

	.search-container .search-btn {
		color: #FFFFFF;
		border: 4px solid;
		border-radius: 0 15% 15% 0;
		cursor: pointer;
		font-size: 16px;
	}
/************************************************************/
.container {
	width: 100%;
}

.ricerca {
	z-index: 10;
}
/************************************************************/
#social-icons {
	display: flex;
	gap: 20px; /* Ridotto gap per adattarsi ai loghi pił piccoli */
	justify-content: center;
	align-items: center;
	padding: 20px;
}

	#social-icons a {
		display: inline-block;
		width: 80px; /* Ridotto rispetto ai 60px */
		height: 80px; /* Ridotto rispetto ai 60px */
		border-radius: 50%;
		overflow: hidden;
		background-color: #FFFFFF; /* Sfondo per contrastare il nero */
		box-shadow: 0 4px 6px rgba(255, 255, 255, 0.3);
		transition: transform 0.3s ease;
	}

		#social-icons a:hover {
			transform: scale(1.1);
			box-shadow: 0 6px 10px rgba(255, 255, 255, 0.6);
		}

	#social-icons img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
/************************************************************/