body {
    margin: 0;
}

.seccionnavegacion {
    display: block;
}

.navegacion {
    width: 150px;
}

    .navegacion ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 20%;
        background-color: lightgray;
        position: absolute;
        height: 100%;
        overflow: auto;
    }

    .navegacion li a {
        display: block;
        color: #000;
        padding: 8px 16px;
        text-decoration: none;
    }

        .navegacion li a.active {
            background-color: #04AA6D;
            color: white;
        }

        .navegacion li a:hover:not(.active) {
            background-color: #555;
            color: white;
        }

.content {
    /*margin-left: 152px;*/
    margin-top: 1%;
    padding: 1px 16px;
    height: auto;
    background-color: white;
    border: 1px solid gray;
    min-height: 700px;
    /* position:absolute;*/
}

@media (max-width:801px) {
    /* #MenuPrincipal {
        display: block;
    }*/
    .menunavegacion-container {
        padding-top: 8px;
    }
    .menunavegacion-link {
       padding-bottom:4px;
    }
    
}

@media (max-width: 650px) {
    .contenido {
        margin-left: 0%;
        margin-top: 1%;
        padding: 1px 16px;
        height: auto;
        background-color: white;
        border: 1px solid gray;
        min-height: 700px
    }

    .navegacion ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
        background-color: lightgray;
        position: relative;
        height: 100%;
        overflow: auto;
    }

    .navegacion {
        width: 100%;
    }

    .seccionnavegacion {
        /* display:none;*/
    }
    .breadcrumbx{
        padding-top:8px;
    }
    /* #MenuPrincipal{
      display:none;
    }*/
}