/* Quitamos estilos por defecto de el tag UL */
    #menu ul{
        display: inline-flex;
        flex-direction: row;
        width: 100%;
        list-style: none;
        align-items: flex-start;
        margin:0;
        justify-content: center;
        }
        
        #submenu ul{
                background-color: rgba(252, 0, 38, 0.1);
                }
        #submenu ul{
                color:#fc0026;
                display: inline-flex;
                flex-direction: row;
                width: 80%;
                padding: 0 10%;
                list-style: none;
                align-items: center;
                margin-top: 3%;
                justify-content: center;
                }
        #submenu a {text-decoration: none;
                font-size: 17px;
                font-weight: bold;
                color: #fc0026;
                font-weight: light;
                display: inline-flex;
                border-left: 1px solid #fc0026;
                padding-left: 15px;
        }
        .descarga a{ border: 1px solid #fc0026;
                padding:15px;

        }


/* Centramos y ponemos los textos en mayuscula */
#menu li{
   text-align: center;
   font-weight: 600;}
            
/* Damos estilo a nuestros enlaces */
#menu li a{
        display: block;
        text-decoration: none;
        line-height: 15px;
        font-size: 17px;}

#menu li a:hover{ display: block; line-height: 15px; font-size: 17px; color: white; background:black;}
    
/* Estilos #nav-mobile y lo ocultamos */
#nav-mobile{
        display: none;
        background: black;
        width: 100%;
        height: 4em;
        opacity: 0.95;}   
       

/*MEDIA QUERIES*/
/* Estileo responsive #nav-mobile aparece en 1205px*/
@media only screen and (max-width: 1205px) {
/* Estileo Menu responsive */
#menu ul{
        display: inline-flex;
        flex-direction: column;
        width: 100%;
        list-style: none;
        float:left;
        }
#menu{width:100%;position: absolute;  z-index: 999;}  
.openul {background: white;}
#menu li{ width: 100%; border-bottom: 1px solid black;}

/* Quitamos el borde del ultimo item del menú */
/* #menu li:last-child{ border-bottom: 0;}*/
#menu li a{display:inline-block;
            width: 100%;
            padding: 10px;
            height: 18px;
            line-height: 18px;
            padding-right: 0em;}

  /*.ulti {margin-right:16px;}*/

 /* Agregamos una animación al despligue del menú */
#menu ul.open-menu{ max-height: 500px;
            -webkit-transition: max-height .4s;
            -moz-transition: max-height .4s;
            -ms-transition: max-height .4s;
            -o-transition: max-height .4s;
            transition: max-height .4s; padding-left:0;}

#menu ul{max-height: 0; overflow: hidden; margin-top:0; margin-right:40px;}

/** mostramos #nav-mobile */
#nav-mobile{ color: white;font-weight: normal; font-size: 18px; display: inline-flex; justify-content: center; align-items:center;}


}

@media screen and (max-width: 1205px){
#submenu ul{display: inline-flex;
        flex-direction: column;
        width: 80%;
        padding: 8% 10%;
        list-style: none;
        align-items: flex-start;
        margin-top: 3%;
        justify-content: center;}
}

@media screen and (max-width:455px){
#nav-mobile {position: absolute;right: 0;top: -40px; margin:0;}
#menu ul {padding-top: 9%;}
#menu {top: 135px;}
}

@media screen and (max-width:372px){
}