/*estilo para el menu deplegable*/
.menu2 {
    position: absolute; /* relativo al header (header tiene position: relative) */
    display: inline-block;
    font-size:1.1em;
    top: 100%; /* aparece justo debajo del header al 100% de su altura */
    left: 0;
    /* ocupar la altura restante de la ventana debajo del header */
    height: calc(100vh - 165px);
    width: 220px;
    max-width: 80%;
    overflow-y: auto;
    background-color: #333;
    color: white;
    padding-top: 12px;
    z-index: 8000;
    box-shadow: -1px 0 5px 2px rgba(0,0,0,0.7);
    margin-top: 0;
    /* evitar que el menú quede desplazado por transformaciones heredadas */
    transform: none;
}

.menu-icon2 {
    position: absolute; /* relativo al header */
    top: 50%;
    left: 12px; /* movido a la izquierda */
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 42px;
    z-index: 9999;
    color: white;
    width: 60px;
    height: 60px;
}
.menu-item2 div{
    vertical-align: middle;
}
.menu-icon2:hover{
  color: black;
   
}
.active2{
    /*color del icono del menu al activarlo*/
    color:black;
    /*filter: drop-shadow(1px 1px 1px rgba(255,255,255,0.5)); */
}

.cont_menu_item2{
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
    padding-bottom: 10px;
}
.texto_no_select2{
	/*Evitar que que se peuda seleccionar el texto*/
	user-select: none; 
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}
.menu-items2 {
    padding: 16px 12px;
}
.menu-items2 h3 {
    cursor: pointer;
}
.menu-items2 h3:hover{
    /*color:#002b4e;*/
    color: aquamarine;
}
.menu2:not(.oculto2) .menu-items2,
.menu2:not(.oculto2) .menu-items2 h3 {
    text-align: left !important;
}
.menu-items2 hr{
    background-color:rgba(255,255,255,0.6);
    box-shadow: 0 2px 2px 0 rgba(255,255,255,0.2);
}
.menu-item2 {
    margin:5px 0 ;
}
.menu-item2 h4{
    padding:0 0 0 5px;
    margin:0;
   /* color: #002b4e;*/
   color: white;
}
.menu-item2:hover {
    background-color: #555;
}

/*.item_list hr{
    min-width: 50px;
    margin-right: 90px;
    background-color: rgba(118,118,118,1.00);
}*/
.item_list2 div{
    margin: 5px 20px 5px 10px;
    border-bottom: rgba(118,118,118,1.00) solid 1px;
}
.item_list2 div:hover{
    color: #002b4e;
}
.oculto2{
    display: none !important;
}
/*propiedades con mas prioridad*/
.ocultar_lista2{
    display: none;
}
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/