.contenedor-general{
    width:100%;
    height:100%;
    display:flex;
    position: fixed;
    left:0;
}

.contenedor-body-v{
    display: flex;
    flex-direction: column;
    align-items: center;
    /* para ocupar el resto del espacio dis
    ponible*/
    flex-grow: 100;
    animation-name: aniPanelCentral;
    animation-duration: 1s;
    animation-timing-function: ease;
    overflow-y: auto;
    padding: 20px;
    padding-bottom: 200px;
    position: relative;
}

.contenedor-panel{
   overflow: auto;  
   width:100%;
   height: 90%;
   display:flex;
   flex-direction: column;
}

.contenedor-body-h{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    animation-name: aniPanelCentral;
    animation-duration: 1s;
    animation-timing-function: ease;
    position: relative;
    overflow-y: auto;
    padding:20px;
    padding-bottom: 150px;
}
/*aninmacion de inicio de los paneles*/
@keyframes aniPanelCentral {
    from{top:30px; opacity:0;}
    to{top:0px; opacity:1;}
}

.containerFull{
    display:flex;
    width:100%;
    height:100%;
    align-items: center;
    justify-content: center;
    top:0;
    left:0;
    margin:0;
    padding:0;
    position:  fixed;
}
.contenedor-pagina{
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:flex;
    position:fixed;
    flex-direction:row;
}
.contenedor-body{
    width:100%;
    height:100%;
    top:0;
    left:0;
    overflow-y:scroll;
    display:flex;
    flex-direction:column;
    padding-bottom: 100px;
}