@import "colores.css";

.itemNav{
    color: var(--blanco);
    display: table;
    margin-left: 20px;
    width: 100px;
    text-align: center;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
}

.itemNav:hover{
    background: var(--gris3);
}

.itemHijo{
    display: table-cell;
    vertical-align: middle;
}

.itemNav.activate{
    color: var(--blanco);
    background: var(--gris3);
    display: table;
    margin-left: 20px;
    width: 100px;
    text-align: center;
    border-radius: 5px 5px 5px 5px;
}

.menu-lateral{
    margin: 20px;
    background: var(--gris4);
}

.item-lateral{
    width: 150px;
    text-align: center;
    border: #868e96 1px solid;
    font-size: 16px;
    height: 30px;
    cursor: pointer;
}

.item-lateral:hover{
    background: #244c6c;
    color: white;
}