#navwrap2{
    background-color:#313131;
    position: fixed;
    width: 80px;
    height: 100%;
z-index:1111;
} 
.rightwrap{
    margin-left: 80px;
   width: 100%;
    width: calc(100% - 80px);
    box-sizing: border-box;
}
.leftwrap{
    width: 80px;
    box-sizing: border-box;
}
.fa.nav-fa,.fas.nav-fa{
    width: 100%;
    color:#fff;
    height: 10%;
    margin: auto;
    font-size: 3.5vh;
text-align:center;
}
.nav-label{
    color:#fff;
    font-size: 1.2vh;
    width: 100%;
    display: block;
    text-align: center;
    margin: 5px 0 5px 0;
}
.nav-box-home{
    top: 5%;
}
.nav-box-cursos{
    top:17%;
}
.nav-box-contacto{
    top: 29%;
}
.nav-box-informes{
    top: 41%;
}
.nav-box-perfil{
    bottom: 10%;
}
.nav-box-volver{
    top: 5%;
}
.nav-box-empezar{
    top:17%;
}
.nav-box-preguntas{
    top: 29%;
}
.nav-box-cau{
    top: 41%;
}
.nav-box-admin {
  top: 53%;
}
.nav-box-course {
  top: 60%;
}
.nav-box{
    position: fixed;
    width: 80px;
    padding-top: 10px;
}
.nav-cursos{
font-size: 3.2vh;
}

 .nav-active{
    border-bottom: 10px solid #246cac;
   background-color:#646464;
}