* {
    margin: 0em;
    padding: 0em;
    box-sizing: border-box;
    font-family: "Roboto Slab";
    font-size: 16px;
    
}

html {
    width: 100vm;
}

a {
    text-decoration: none;
    color: inherit;
    display: block;
}

body {
   background-color: black;
}

.cursos:hover {
    color: #E4CEFF;
}

header {
    background-color: #161415;
    position: fixed;
    width: 100%;
    z-index: 999;
}

.menu_contenedor {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;    
   padding: 0.8em;
   justify-content: space-between;
    
}

.menu_contenedor_2{
    display: flex;
    justify-content: space-between;
    padding-top: 1em;
    
}


#bodycarrera {
    background-color: black;
    
}
.carreras_cursos {
    flex-basis: 50%;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 15px;
    color: #929090;
    box-sizing: border-box;
    font-family: "Roboto Slab";
    font-size: 16px;
}

#cursos {
}

#carreras {
    color: #E4CEFF;
    border-bottom: 3px solid #E4CEFF;
}

#cursos2 {
    color: #E4CEFF;
    border-bottom: 3px solid #E4CEFF;
}

#carreras2 {
    border-bottom: 3px solid ; 
}


.contenedor_iconos_menu {
    display: flex;
}

.icono_menu {
   padding-left: 20;  

}

.icono_carrera {
    max-height: 45px; 
}

.carreras_fadu {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: center;
     font-size: 1.8rem;
     font-weight: bold;
     text-align: center;
     background-color: #161415;
}

.fadu {
    flex-basis: 50%;
    flex-grow: 1;
    background: -webkit-linear-gradient(left top, #161415, #565353);
    color: white;
    font-family: "Roboto Slab";
    align-content: center;
    }

.fadu a {padding: 1.3em; display: block;}

.fadu:hover {color: aquamarine; background: black;
}


.aclaracion {
    padding-top: 0.8em;
    font-size: .9rem;
    font-weight: normal;
    text-align: center;
    color: #929090;
}

.abc::-webkit-scrollbar { 
   width: 0;
   height: 0;
}

.abc {
   background: -webkit-linear-gradient(top, #3D3D3D 1%, #565353 14%, #565353 85%, #3D3D3D 100%); background-color: #58595B;
   color: #929090;
   text-transform: uppercase;
   font-size: 3rem;
   font-family: "Roboto Slab";
   font-weight: bold;
   padding: 30 0 30 25;
   display: flex;
   overflow-x: scroll;
}

.abc_letra {
    padding-right: .4em;
}

.abc_letra:target {
    color: white;
}

#a:target {
  border-top: 218px solid black;
}

.destacado {
    color: aquamarine;
}

.curso_abc {
    background: -webkit-linear-gradient(left top, #161415, #565353);
    font-family: "Roboto Slab";
    font-size: 1.2rem;
    color: #E4CEFF;
    padding: 30;

}

.contenedor_all {
    position: absolute;
    margin-top: 107px;
    width: 100%;    

}

.alto_pantalla {
    height: calc(100vh-113px)
}

.contenedor_all_cursos {
    position: absolute;
    margin-top: 218x;
    width: 100%;
}

.contenedor_all_curso_actual {
    position: absolute;
    margin-top: 310px;
    width: 100%;    
}

.contenedor_all_curso_actual_corto {
    position: absolute;
    margin-top: 275px;
    width: 100%;    
}
.contenedor_all_carreras {
    position: absolute;
    margin-top: 248px;
    width: 100%;    
}


.contenedor_all_header_simple {
   position: absolute;
   margin-top: 3em;
   width: 100%;    

}

.titulo_curso_abc {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.nombre_curso {
    padding-bottom: .6rem;
    line-height: 1.5rem;
}

.duracion_estrella {
    display: flex;
}

.estrella {
    padding-right: .15rem;
}

.flecha {
    display: block;
    padding-top: .10rem;
    align-content: flex-end;
}

.modulo_con_icono {
    display: flex;
    justify-content: space-between;
}

.abc_target {
    color: white;
}

.busqueda {
     background: -webkit-linear-gradient(top, #3D3D3D 1%, #565353 14%, #565353 85%, #3D3D3D 100%); background-color: #58595B;
     padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

.buscar {
    font-family: "Roboto Slab";
    color: white;
}

.barra_busqueda {
    color: #E4CEFF;
    font-size: 2.5rem;
    font-family: "Roboto Slab";
    font-weight: bold;
    padding: 20 0 3 0;
}

.buscador {
    display: flex;
    justify-content: space-between;
        border-bottom: 1px solid black;
}

.lupa {
    padding-top: 25px;
}

.porcentaje_visto{
    font-size: .9rem;
    padding-top: .7rem;
    color:aquamarine;
    text-transform: uppercase;
}

.porcentaje_visto_curso {
    font-family: "Roboto Slab";
    font-weight: bold;
    padding: 15 0 0 25;
    color:white;
    text-transform: uppercase;
    text-align: 
}
.sin_contenido {
    font-size: .9rem;
    color: darkgray;
    padding-top: .7rem;
    line-height: 1.1rem;
}

.contenedor_buscar {
    display: flex;
    justify-content: space-between;
}

.cursos_por_carrera_contenedor {
     background: -webkit-linear-gradient(top, #5B5B5B 1%, #E4CEFF 12%, #E4CEFF 89%, #5B5B5B 100%);
     padding-bottom: 1.5rem;
     padding-top: 1.5rem;
}

.cursos_por_carrera {
    display: flex;
   }

.cursos_carrera {
     color: #161415;
     font-family: "Roboto Slab";
     font-weight: bold;
     font-size: 3.5rem;
    padding: 0 0 10 25;
}

.cursos_por_carrera_icono {
    padding: 0 0 10 0;
}

.icono_por_carrera {
    width: 80%;
}

.aclaracion_cursos_por_carrera {
    font-family: "Roboto Slab";
    padding: 0 0 5 25;
}

.aclaracion_cursos_por_carrera_curso {
    font-family: "Roboto Slab";
    padding: 0 0 5 25;
    font-size: .8rem;
    text-transform: uppercase;
    border-bottom: .5px solid #161415;
}



.carrera_este_curso {
    padding: 0 0 0 25;
    font-family: "Roboto Slab";
    font-weight: bold;
}

.pantalla_curso:hover {
    color: aquamarine;
}

.cursos_carrera_curso {
     color: #161415;
     font-family: "Roboto Slab";
     font-weight: bold;
     font-size: 1.9rem;
     line-height: 2rem;
     padding: 5 0 10 25;
}

.barra_porcentaje_contenedor {
    display: flex;
}

.barra_porcentaje{
    padding-top: 5;
    background-color: gainsboro;
}

.barra_porcentaje_lleno{
    flex-basis: 15%;
    padding-top: 5;
    background-color: aquamarine;
}

.numero_modulo {
    font-size: 2.5rem;
    font-weight: bold;
    padding-right: 1rem;
}

.contenido_modulo {
    padding-right: 1.5rem;
}

.modulo {
    display: flex;
}

.perfil_contenedor {
    padding: 2rem;
    align-content: center;
}

.perfil {
    width: 100%;
}

.opcion_carrera {
    background: -webkit-linear-gradient(left top, #161415, #565353);
    color: gainsboro;
    font-family: "Roboto Slab";
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.elegir_carrera {
    display: flex;
    justify-content: space-between;
    padding-top: 1rem;
    font-size: 1.3rem;
}

#arq {
    color: #E4CEFF;
    font-weight: bold;
}

.input {
    padding-bottom: .8rem;
    border-bottom: 1px solid gainsboro;
}

.perfil_img_contenedor {
   padding: 15 100 0 100;
}

.perfil_img {
    width: 100%;
}

.titulo_perfil_contenedor {
    padding-right: 1.5rem;
    display: flex;
    justify-content: space-between;
}

.notificaciones_contenedor {
    background: -webkit-linear-gradient(left top, #161415, #565353);
    display: flex;
    justify-content: space-between;
    padding: 15 0 0 0; 
}

#pestana_actual_perfil {
    border-bottom: 3px solid aquamarine;
    padding-bottom: 1rem;
}

.notificaciones {
    font-family: "Roboto Slab";
    font-size: 1rem;
    text-align: center;
    flex-basis: calc( 100%/3 );
}

.notificaciones p {
    color: aquamarine;
    font-weight: bold;
}

.notificaciones h6 {
    color: gainsboro;
    font-size: .8rem;
    padding-top: .5rem;
}

.nav_actual {
    border-bottom: 3px solid aquamarine;
    padding-bottom: 1rem;
}

.notificaciones_lista {
        background: -webkit-linear-gradient(left top, #161415, #565353);
        padding: 5 0 30 0;
}

.notificaciones_contenido_contenedor {
    display: flex;
    justify-content: space-between;
    padding: 30 15 0 15;
}

.notificaciones_contenido_img {
    padding-right: 15;
}


.notificacion_contenido h6 {
    color: #E4CEFF;
    font-family: "Roboto Slab";
    font-size: .9rem;
    line-height: 1.2rem;
}

.notificacion_contenido p {
   color:gainsboro;
    font-family: "Roboto Slab";
    font-size: .8rem;
    line-height: 1.2rem;
    padding-top: 5;
}

.botones_perfil {
    display: flex;
    justify-content: space-between;
    background-color: #161415;
}

.boton {
    flex-basis: 50%;
    background-color: aquamarine;
    font-family: "Roboto Slab";
    font-size: .735rem;
    line-height: 1.2rem;
    padding: 10;
    margin: 5 3;
    text-align: center;
}

/*AGREGADO */

.opcion {
    background: -webkit-linear-gradient(left top, #161415, #565353);
    font-family: "Roboto Slab";
    font-size: 2rem;
    text-decoration: none;
    color: #E4CEFF;
    padding: 30;
    text-align: center;
    border-bottom: 3px solid #161415;
 
}

#bodyperfil {
    background-color: black;
}
#bodyperfil2 {
    background-color: black;
}

/*AGREGADO */
 
.titulin {
    font-family: "Roboto Slab";
    color: white;
    text-align: center;
    padding-top: 1.2rem;
}

.titulin_bis{
   text-transform: uppercase;
}

.boton1 {
   display: block;
   background-color: aquamarine;
   padding: 1.2em;
    text-align: center;
    font-family: "Roboto Slab";
    margin: 1em;
    text-transform: uppercase;
}
.boton11 {
   display: block;
   background-color: aquamarine;
   padding: 1.2em;
    text-align: center;
    font-family: "Roboto Slab";
    margin: 1em;
    margin-top: 3em;
    text-transform: uppercase;
}
.boton2 {
   display: block;
    color: aliceblue;
   background: -webkit-linear-gradient(left top, #161415, #565353);
   padding: 1.2em;
    text-align: center;
    font-family: "Roboto Slab";
  margin-top: .7em;
    text-transform: uppercase;
}
.subir {
    
    display: block;
    color: aquamarine;
   background-color: gray;
   padding: 1.2em;
    text-align: center;
    font-family: "Roboto Slab";
    font-weight: bold;
    font-size: em;
    margin: 1em;
    
}
.importanterosa
{ color: #E4CEFF;
  padding-top: .5rem;    
    
}
.relleno {
    display: block;
   background-color: gainsboro;
    padding-bottom: 7em;
    padding-top: 1em;
    padding-left: 1em;
    color: dimgray;
    font-family: "Roboto Slab";
    margin: 1em;
    text-decoration: underline;
}

.titulo2 {
       background: -webkit-linear-gradient(top, #3D3D3D 1%, #565353 14%, #565353 85%, #3D3D3D 100%); background-color: #58595B;
    font-family: "Roboto Slab";
    font-size: 2rem;
    text-decoration: none;
    color: #E4CEFF;
    padding: 1em;
    
    border-bottom: 3px solid #161415;
}
.contenedorlogo {
    display: block;
    text-align: center;
    width: 100%;
    padding: 1em;
    margin-top: 4em;
    margin-bottom: 2em;
}
#logo2 {
    max-width: 80%;
    min-width: 60%;
}

#bajada {
    color:aquamarine;
    font-family: "Roboto Slab";
    padding-top: 1rem;
    
}
#registro {
    color:aquamarine;
    font-family: "Roboto Slab";
    padding-top: 1rem;
    text-align: center;
    
}

.cursos_por_carrera_contenedor2 {
   
    background: -webkit-linear-gradient(top, #5B5B5B 1%, #E4CEFF 12%, #E4CEFF 89%, #5B5B5B 100%);
     padding-bottom: 1;
    padding-top: 1rem;
    text-align: center;
        
    }


.contenedorvideo{
    margin-left: 11em;
    margin-right: 11em;
    text-align: center;
}
.contenido {
    display: flex;
}
.curso_abc2 {
    background: -webkit-linear-gradient(left top, #161415, #565353);
    font-family: "Roboto Slab";
    font-size: 1.2rem;
    color: #E4CEFF;
    padding: 1em;
    height: 2.8em;
    width: 7em;
   
}
.contenedormodulos a {
    
  height: 100vh;
    
   
}
  .videoresponsive {
       position: relative;
    margin: auto;
    height: 0;
    padding-bottom: 56.25%;
    border-color: 2em aqua;
    }
  
    .videoresponsive iframe {
  position: absolute;
    height: 100%;
    width:100%;
    top: em;
    left: 0em;
    }

.contenidomodulos {
    width: auto;
    height: auto;
   
}
.modulin2 {
   width: auto;
}


.datos {
    background: -webkit-linear-gradient(left top, #161415, #565353);
    font-family: "Roboto Slab";
    font-size: 1.2rem;
    color: #E4CEFF;
    padding-right: 10em;
    
    
}
.datos h1 {
    color: aliceblue;
    padding-left: 1em;
    padding-top: 1em;
}

#bodymodulo {
    background: -webkit-linear-gradient(left top, #161415, #565353);
}


.menumodulo {
    color: black;
}
    
@media screen and (max-width: 800px) 
{
    .curso_abc2 {
        height: 11vh;
    }
    .contenedorvideo {
        width: auto;
        margin: 0;
        
    }
    .datos {
        padding-right: 0em;
    }
    
    }
@media screen and (max-width: 500px) 
{
    .botones_perfil {
         
    }
    .curso_abc2 {
        width: auto;
     height:0.1em;
        text-align: center;
       
        
    }
    .contenido {
       display: block;
    }
    
    .menumodulo {
   background-color: black;
    font-family: "Roboto Slab";
    font-size: 1.2rem;
    color: #E4CEFF;
    width: auto;
        padding: 1em;
        
        text-align: center;
}
     
    .contenedormodulos li ul {
        display: none;
        margin-top: 1.2em;
    }
     .contenedormodulos li:hover > ul {
        display: block;
         width: auto;
    }
    .notificaciones_contenido_contenedor{
       justify-content:flex-start;
        
    }
}