.menu a {
    float: left;
    color: #000;
    text-decoration: none;
    z-index: 100;
    padding: 4px;
    /*    text-transform: uppercase;*/
    font-size: 18px;
    line-height: 0.9em;
    text-transform: uppercase;
}

.menu > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: .25em;
    box-sizing: border-box;
    min-height: 145px;
    padding: 0 15px;
    text-decoration: none;

}


.menu a.selected span{
    border-bottom: 3px solid #ea1918;
  
}
.menu a span {
    text-decoration: none;
    padding-bottom: 6px;
    border-bottom: 3px solid #FFF;
}

.menu li.contatti a span {
    border-bottom: 3px solid #ea1918;
}

.menu li.contatti a.selected span {
    border-bottom: 3px solid #FFF;
}

.menu li.contatti a  {
    color:#FFF;
}
.menu a:hover {
/*    border-bottom: 2px solid #ec1d25*/
}
.menu {
    list-style: none;
    clear: both;
    float: right;
    position: relative;
    list-style: outside none none;
    z-index: 100;
    margin: 0px !important;
    display: flex;
    padding: 0px;
    font-family: OpenSans;
}
.menu li {z-index:10000;position:relative;cursor:pointer;}
.menu li.selected {float:right;z-index:10000;position:relative;cursor:pointer;padding:4px 0px; }
.menu li a {}
.menu ul {position:absolute;  top:93px; left:0; background-color:#FFF; display:none; list-style:none;border:1px solid #DFDFDF;text-transform:none;z-index:100 !important;width:250px !important;margin:0px;padding:0px;}
.menu ul li {float:left; width:100%;border:0px;z-index:10000  !important;text-align:left;position:relative;margin:5px 0px;padding:5px 0px;}
.menu ul li:hover {float:left; border:0px;background-color:#DFDFDF}
    .menu ul li a:hover {
        border: 0px;
    }
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {font-size:16px;float:none; display:block; background:none;  padding-left:5px;color:#111;text-transform:none;}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover { color:#111;}
/*.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:22px; padding-top:5px}*/
.menu ul ul {left:120px; top:0}
.menu li.submenu {font-weight:bold}
.menu li.noborder {border-top:none}
.menu li:hover{}
li.menuhover a{}
li.menuhover span, li.menuhover li.menuhover span {}

@media all and (max-width: 1024px) {
    .menu li a {
        padding:2px 4px;
      
    }

    .menu li {

    }

    .menu ul li {}
}

@media  all and (min-width: 1440px) {
     .menu li a {

    }
}