/*
 vedere nel componente MenuPrincipale a quale elemento applicare l'id "menu", 
 o comunque la proprieta overflow settata a visible .  
*/
#menu{position:relative;overflow: visible;}
.display-none{ display: none; }
#main-container{ position:relative;}
.a-flag{text-decoration: none;color:black;outline-width:0;text-align:left;padding: 5px 30px;background-color:white;}
#wrapper-container-flags{padding-top:10px;width:330px;position:absolute;right:-285%;top: 100%; z-index:10000;}
#container-flags{box-sizing:border-box;padding: 10px;background-color: white;border-radius: 4px;position:relative;width:100%;}
#triangolo{width:18px;overflow:hidden;position:absolute;left:49%;top:-3%;margin-left:0px;transform: rotate(45deg);height: 18px; background-color:white}
.selectedFlag{display:inline-block;text-decoration:none;padding:1px;}
.flag {display:inline-block;background-image: url(../imageMobi/bandierine/BandierineOrizz32x20.png);width:32px;height:20px;background-position-y: 0px;}
#wrapper-container-flags .flag{margin-right:8px;}
.cs{background-position-x: 0%;}
.it{background-position-x: 100%;}
.es{background-position-x:224px;}
.en{background-position-x: 256px;}
.de{background-position-x: 288px;}
.fr{background-position-x: 192px;}
.hu{background-position-x: 160px;}
.pl{background-position-x:128px;}
.ru{background-position-x:96px;}
.nl{background-position-x: 64px;}
.da{background-position-x: 320px;}
@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}