.menuLateralProext {
    width:250px;
    background-color:#f2f2f2;
    border:solid 1px #ccc;
    margin:0 0 20px 20px;
    float:right;
}
.menuLateralProext ul{
    position:relative;
    z-index:10;
}
.menuLateralProext ul li a{
    display:block;
    font-size:14px;
    line-height:1.4em;
    padding:10px;
    border-bottom:solid 1px #fff;
    text-decoration:none;
    background-color:#f2f2f2;
}
    .menuLateralProext ul li a:hover{
        background-color:#38a962;
        color:#fff;
    }
    .menuLateralProext ul li:last-child a {
        border-bottom:none;
    }

.menuLateralProext .btnOpenMenuMobile{
    display:none;
    position:absolute;
    z-index:9;
    top:-1px;
    right:-44px;
    outline:none;
    font-size:30px;
    border:solid 1px #38a962;
    background-color:#38a962;
    color:#fff;
    padding:8px 0;
    cursor:pointer;
}


@media only screen and (max-width: 970px) {
    .menuLateralProext {
        position:fixed;
        z-index:10;
        top:80px;
        left:-80%;
        bottom:0;
        float:none;
        width:80%;
        margin:0;
        transition:left .5s;
    }
    .menuLateralProext ul{
        overflow:auto;
    }
        .menuLateralProext.active {
            left:0;
        }
    .menuLateralProext .btnOpenMenuMobile{        
        display:block;
    }
}