.fondo_departamentos {
    
    background:                 black;
    box-sizing:                 border-box;
    display:                    none;
    height:                     100%;
    max-width:                  100%;
    opacity:                    .5;
    position:                   fixed;
    width:                      330px;
    z-index:                    1000000;
    
}
.fondo_categorias   {
    
    background:                 black;
    box-sizing:                 border-box;
    display:                    none;
    height:                     100%;
    max-width:                  100%;
    opacity:                    .5;
    position:                   fixed;
    width:                      330px;
    z-index:                    10000000;
    
}
.nav_subcategorias,
.nav_categorias,
.nav_departamentos {
    
    background:                 #502763;
    border-right:               1px solid black;
    box-shadow:                 -1px 1px 1px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow:         -1px 1px 1px 0px rgba(0,0,0,0.5);
    -moz-box-shadow:            -1px 1px 1px 0px rgba(0,0,0,0.5);
    box-sizing:                 border-box;
    color:                      white;
    display:                    none;
    height:                     100%;
    left:                       0;
    max-width:                  100%;
    overflow-y:                 auto;
    position:                   fixed;
    top:                        0;
    width:                      330px;
    z-index:                    999999;
    
}
.nav_categorias {
    
    display:                    none;
    max-width:                  90%;
    width:                      300px;
    z-index:                    9999999;
    
}
.nav_subcategorias {
    
    display:                    none;
    max-width:                  80%;
    width:                      270px;
    z-index:                    99999999;
    
}
.nav_subcategorias  .titulo,
.nav_categorias     .titulo,
.nav_departamentos  .titulo {
    
    align-items:                center;
    box-sizing:                 border-box;
    cursor:                     pointer;
    display:                    flex;
    font-size:                  19px;
    justify-content:            space-between;
    margin:                     .75em auto .5em;
    padding:                    0 1em;
    position:                   relative;
    width:                      100%;
    
}
.nav_subcategorias  .caja,
.nav_categorias     .caja,
.nav_departamentos  .caja {
    
    box-sizing:                 border-box;
    cursor:                     pointer;
    font-size:                  1em;
    padding:                    0 0 50px;
    position:                   relative;
    margin:                     1em auto;
    width:                      100%;
        
}
.nav_subcategorias  .caja   .renglon,
.nav_categorias     .caja   .renglon,
.nav_departamentos  .caja   .renglon {
    
    align-items:                center;
    border-bottom:              1px solid #603174;
    border-top:                 1px solid #603174;
    display:                    flex;
    flex-wrap:                  wrap;
    justify-content:            space-between;
    padding:                    .5em .25em 1em;
    transition:                 .25s;
    
}
.nav_subcategorias  .caja   .renglon:hover,
.nav_categorias     .caja   .renglon:hover,
.nav_departamentos  .caja   .renglon:hover {
    
    background:                 #603174;
    
}
.nav_subcategorias  .caja   .renglon    .primera_linea,
.nav_categorias     .caja   .renglon    .primera_linea,
.nav_departamentos  .caja   .renglon    .primera_linea {
    
    align-items:                center;
    box-sizing:                 border-box;
    display:                    flex;
    flex-wrap:                  nowrap;
    justify-content:            space-between;
    margin:                     0 auto;
    padding:                    0;
    width:                      100%;
    
}
.nav_subcategorias  .caja   .renglon    .primera_linea  .titulo,
.nav_categorias     .caja   .renglon    .primera_linea  .titulo,
.nav_departamentos  .caja   .renglon    .primera_linea  .titulo {
    
    box-sizing:                 border-box;
    font-size:                  1em;
    margin:                     0;
    padding:                    0 .5em;
    
}
.nav_subcategorias  .caja   .renglon    .primera_linea  .arrow,
.nav_categorias     .caja   .renglon    .primera_linea  .arrow,
.nav_departamentos  .caja   .renglon    .primera_linea  .arrow {
    
    box-sizing:                 border-box;
    font-size:                  1.5em;
    padding:                    0 .25em;
    
}
.footer_menu {
    
    border-top:                 1px solid #603174;
    bottom:                     0;
    box-sizing:                 border-box;
    left:                       0;
    margin:                     0;
    max-width:                  100%;
    position:                   fixed;
    width:                      330px;
    
}
.footer_menu .caja {
    
    align-items:                center;
    display:                    flex;
    flex:                       nowrap;
    justify-content:            space-between;
    margin:                     0;
    padding:                    0 0 !important;
    position:                   relative;
    width:                      100%;
    
}
.footer_menu .caja > a {
    
    background:                 #603174;
    box-sizing:                 border-box;
    color:                      white;
    cursor:                     pointer;
    font-size:                  19px;
    padding:                    .75em 0;
    text-align:                 center;
    transition:                 .25s;
    width:                      33.33%;
    
}
.footer_menu .caja > a:hover {
    
    background:                 #603174;
    
}