/* Barra menu mobile sempre visibile sotto il logo (Header2.0.asp) */
	#barraMenuMobile{display:none;}

@media screen and (max-width : 989px)
{
	/* barra scorrevole in orizzontale con le voci principali */
	#header #barraMenuMobile{display:block;position:relative;max-width:100vw;background:#fff;border-bottom:1px solid #ddd;}
	#header #barraMenuMobile ul{display:flex;flex-wrap:nowrap;margin:0;padding:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
	#header #barraMenuMobile ul::-webkit-scrollbar{display:none;}
	#header #barraMenuMobile ul li{display:block;flex:0 0 auto;width:auto;margin-right:6px;line-height:normal;font-size:0.9rem;text-transform:none;}
	#header #barraMenuMobile ul li a{display:block;margin:0;padding:8px 12px;border-radius:18px;background:#b51521;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;}
	/* annulla il passaggio a sfondo bianco di "#header ul li a:hover" in Stile2.0_nomin.css, che sul touch resta attivo dopo il tocco */
	#header #barraMenuMobile ul li a:hover{background:#8f1019 !important;color:#fff !important;}

	/* frecce: visibili solo dal lato in cui ci sono altre voci (classi puo-sx / puo-dx impostate da Header2.0.asp) */
	#header #barraMenuMobile .barraMenuMobile-freccia{display:none;position:absolute;top:0;bottom:0;width:44px;margin:0;padding:0;border:0;cursor:pointer;font-family:inherit;font-size:34px;font-weight:bold;line-height:1;color:#b51521;align-items:center;}
	#header #barraMenuMobile .barraMenuMobile-sx{left:0;justify-content:flex-start;padding-left:4px;background:linear-gradient(to left, rgba(255,255,255,0), #fff 55%);}
	#header #barraMenuMobile .barraMenuMobile-dx{right:0;justify-content:flex-end;padding-right:4px;background:linear-gradient(to right, rgba(255,255,255,0), #fff 55%);}
	#header #barraMenuMobile.puo-sx .barraMenuMobile-sx,
	#header #barraMenuMobile.puo-dx .barraMenuMobile-dx{display:flex;}

	/* pulsante menu con scritta */
	#header #headerMenu #bheaderMenu{cursor:pointer;text-align:center;}
	#header #headerMenu #bheaderMenu .bheaderMenu-label{display:block;font-size:11px;line-height:12px;font-weight:bold;text-transform:uppercase;color:#606164;}

	/* nel menu a tendina non si ripetono le voci gia' presenti nella barra */
	#header #topmenu ul li.voce-barra{display:none;}
}