.ve-menu-pc{
    text-align: center;
}

.ve-menu-close,.ve-menu-icon,.ve-menu-mobile{
    overflow:hidden
}

.ve-menu ul{
    margin:0;
    /* MANTENEMOS EL MENU EN EL CENTRO DE LA PANTALLA. */
    margin-left:-150px;
    padding:0;
    list-style:none;

}
.ve-menu a{
    display:inline-block;
    width:100%;
    text-align:center;
    text-decoration:none;
    color:#fff;
}
.ve-menu>.ve-menu-pc>li{
    position:relative;
    float:left;
    cursor:pointer;
}
.ve-menu>.ve-menu-pc>li:hover ul{
    display:block;
    /* ACOMODAMOS SUBMENUS AL CENTRO DEL MENU */
    margin-left:0;
}
.ve-menu>.ve-menu-pc>li>ul{
    position:absolute;
    left:0;
    display:none;
}
.ve-menu>.ve-menu-pc>li>ul>li{
    height:40px;
}
.ve-menu-icon{
    /* icono de 3 lineas */
    float:right;
    width:20px;
    height:21px;
    margin-right:10px;
    margin-bottom:8px;
    /* hago que cubra las letras para que al hacer clic se despliegue el menu */
    padding-left:0%;
}
.ve-menu-icon>div{
    /* lineas de icono */
    border-style: dashed;
    width:100%;
    height:4px;
    margin-bottom:3px;
    border-radius:3px;
}
.ve-menu-mask{
    position:fixed;
    align-items: center;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.ve-menu-mobile{
    position:fixed;
    top:0;
    left:0;
    width:100%;
}
.ve-menu-mobile li{
    width:100%;
}
.ve-menu-mobile li a{
    padding:15px 0;
    border-bottom:1px solid #333;
}
.ve-menu-mobile ul{
    display:none;
    
}
.ve-menu-close>div{
    float:right;
    padding:0 10px;
}
.ve-menu-close>div:after{
    font-size:35px;
    content:'\00d7';
}

#menucss{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:#282f1f;
    font-family:sans-serif;
    font-weight:bold;
    height: auto;
    
}
#menucss i.home{
    content: url("../img/menu/home1.webp");
    width:auto;
    height: auto;
    margin-bottom:-7px;
    margin-top:0px;
    padding:0;
}
#menucss li img{
    width:auto;
    height: 100%;
    padding-top:0;
    background-color:none;
}
#menucss li img:hover{
    width:auto;
    height: 100%;
    padding-top:0;
    color:none;
    background-color:none;
}
#menucss .menudesplegable{
    visibility: hidden;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #menucss{
        /* position: relative; */
        overflow: hidden;
        width: 100%;

        justify-content: rights;
        align-items: center;
        background-color:#282F1F;
        font-family:sans-serif;
        font-weight:bold;
        height: auto 10px;
        padding-left:5px;
        color:white;
        z-index: 5;
    }
    #menucss .menudesplegable{
        visibility: visible;
        margin-top:0px;
        padding-right:10px;
    }
    #menucss .menudesplegable img{
        margin:0;
        margin-top: -10px;
    }
    #menucss .menudesplegable h2{
        padding-top:10px;        
        font-size: x-large;
    }
    #menucss .menudesplegable i{
        font-style: normal;
    }
    #menucss .ve-menu ul{
        margin:0;
        padding:0;
        list-style:none;    
    }
    .sticky {
        position: fixed;
        top: 0px;
        width: 100%;
    }
    .sticky + #cuerpo{
        padding-top:60px!important;
        background-color:black!important;
        border-style: dashed!important;
        /* QUE DIABLOS HAGO AQUI? */ 
    }
}