html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu:hover, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
overflow-y:scroll;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*{
box-sizing: border-box;
outline:none;
}
html,body{
min-height: 100vh;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
a{
color:inherit;
text-decoration: none;
}
img{
display:block;
width:100%;
height: auto;
}
html { height : 100%; overflow: hidden; } body { height : 100%; overflow: auto; }
@font-face {
font-family: 'IconsPublic';
src: url('fonts/icons_font.eot'); /* IE9 Compat Modes */
src: url('fonts/icons_font.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/icons_font.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/icons_font.woff') format('woff'), /* Pretty Modern Browsers */
url('fonts/icons_font.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/icons_font.svg#svgFontName') format('svg'); /* Legacy iOS */
}
body{
font-family: 'Quicksand', sans-serif;
color:#555;
}
h1,h2,h3,h4,h5,h6{
font-family: 'Montserrat', sans-serif;
}
p,li,a,h1,h2,h3,h4,h5,h6,figcaption {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
:root {
--main-bg-color: #7aaf2f;
--error-bg-color:#a53c3c;
}
.tox-tinymce{
width:100%!important;
margin-bottom: 1rem;
}
/***********************************
INDEX PÚBLICA
***********************************/
.pub_body{
position:relative;
background-color: #F5F5F5;
}
.hero{
width:100%;
height:500px;
background-image: url("images/hero.jpg");
background-position: right; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover;
position:relative;
border-bottom: 3px solid #999;
}
.titulo{
position:absolute;
top:50%;
left:100px;
transform: translateY(-50%);
width:500px;
color:#EAEAEA;
display: flex;
flex-flow: column;
align-items: flex-start;
}
.titulo > h1{
font-size: 3rem;
font-weight: 600;
margin-bottom: 1rem;
width:300px;
}
.titulo > p{
font-size: 1.2rem;
font-weight: 100;
margin-bottom: 10px;
}
.titulo > p:last-of-type{
font-size: 1rem;
line-height: 20px;
margin-bottom: 1rem;
}
.botonera_entrada{
display: flex;
align-items: center;
}
.botonera_entrada > a{
width:130px;
height:35px;
text-transform: uppercase;
font-size: 0.8rem;
background-color: var(--main-bg-color);
line-height: 35px;
text-align: center;
display: block;
}
.botonera_entrada > a:first-of-type{
margin-right: 1rem;
}
.pub_barra_navegacion{
position: fixed;
width:100%;
top:0;
left:0;
height:70px;
background-color: rgba(0,0,0,0.6);
z-index: 1000;
padding:10px 1.5rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.pub_logo{
background: url('images/logo_ambos_b_n.png') no-repeat center;
width:106px;
height:40px;
background-size: 106px 40px;
text-align: center;
display: block;
text-indent: -9000px;
overflow: hidden;
}
.pub_logo a{
display:block;
height: inherit;
}
.pub_barra_usuario{
display: flex;
align-items: center;
}
.pub_iniciar_sesion,
.pub_registrar,
.pub_ir_campus,
.pub_cerrar_sesion{
padding:8px;
background-color: #DDD;
text-transform: uppercase;
font-size: 0.7rem;
margin-right: 8px;
}
.pub_registrar,
.pub_cerrar_sesion{
margin-right: 0;
}
.pub_iniciar_sesion:hover,
.pub_registrar:hover,
.pub_ir_campus:hover{
cursor: pointer;
background-color:var(--main-bg-color);
color:white;
}
.pub_cerrar_sesion:hover{
cursor: pointer;
background-color:var(--error-bg-color);
color:white;
}
.barra_lateral_logout{
position:fixed;
top:70px;
right:0;
width:100%;
height: 0;
background-color: #FAFAFA;
z-index:999;
box-shadow: 10px 3px 10px 1px rgba(0,0,0,0.2);
transition:height .5s ease-in-out;
display: flex;
justify-content: flex-end;
overflow: hidden;
align-items: center;
}
.barra_lateral_logout > p{
margin-right: 1rem;
color:#999;
}
.barra_lateral_logout_botonera{
display: flex;
align-items: center;
width:92px;
justify-content: space-between;
margin-right: 2rem;
}
.barra_lateral_logout_botonera > a{
display: block;
width:40px;
height:30px;
background-color: #DDD;
text-transform: uppercase;
font-size: 0.8rem;
text-align: center;
line-height: 30px;
}
#barra_lateral_logout_botonera_si:hover{
background-color: var(--main-bg-color);
color:white;
}
#barra_lateral_logout_botonera_no:hover{
background-color: var(--error-bg-color);
color:white;
}
.barra_lateral{
position:fixed;
top:0;
right:-400px;
width:400px;
height: 100vh;
background-color: #FAFAFA;
z-index:999;
transition:right .5s ease-in-out;
}
.barra_lateral_contenido{
width:100%;
padding: 100px 3.5rem 1.5rem;
}
.barra_cookies{
position:fixed;
bottom:-80px;
right:0;
left:0;
width:100%;
height: 80px;
background-color: rgba(20,20,20,0.9);
z-index:1500;
display: flex;
align-items: center;
justify-content: center;
padding:0 1rem;
transition:bottom .5s ease-in-out;
}
.cookies_mostradas{
bottom:0;
}
.barra_cookies > p{
color:white;
margin-right: 2rem;
font-size:0.9rem;
width:calc(100% - 200px);
}
.barra_cookies > p > a{
color:var(--main-bg-color);
}
.botonera_cookies{
display: flex;
align-items: center;
width:168px;
height:40px;
justify-content: space-between;
}
#aceptar_cookies,
#rechazar_cookies{
background-color: var(--main-bg-color);
color:white;
width:80px;
height: 40px;
border-radius: 6px;
line-height: 40px;
text-align: center;
font-size:0.9rem;
}
#rechazar_cookies{
background-color: var(--error-bg-color);
}
.registro > .barra_lateral_contenido{
padding: 75px 3rem 1.5rem;
}
.pub_titulo_inicio_sesion{
width: 100%;
font-size: 1.5rem;
font-weight: 500;
line-height: 2rem;
margin-bottom: 10px;
}
.pub_titulo_inicio_sesion > span{
font-size: 1.4rem;
font-weight: 100;
}
.pub_form_inicio_sesion,
.pub_form_recordar_pass{
width: 100%;
}
.pub_form_recordar_pass{
margin-top: 1rem;
display:none;
}
.pub_form_input_group{
width:100%;
display: flex;
flex-flow: column;
margin-bottom: 16px;
}
.pub_form_registro > .pub_form_input_group{
margin-bottom: 8px;
}
.pub_form_input_group:last-of-type{
margin-bottom: 1.5rem;
}
.pub_form_registro > .pub_form_input_group:last-of-type{
margin-bottom: 1rem;
}
.terminos_uso{
margin-bottom: 1rem;
color:#999;
display: flex;
align-items: center;
font-size: 0.9rem;
}
.terminos_uso:before{
content:'';
font-family: 'IconsPublic';
font-size: 1rem;
width:12px;
height:12px;
margin-right: 8px;
border:1px solid #999;
display: block;
}
.termino_seleccionado:before{
background-color: var(--main-bg-color);
}
.pub_form_input_group > label{
font-size: 0.8rem;
color:#777;
margin-bottom: 8px;
}
.pub_form_input_group > input{
height: 32px;
font-size: 0.8rem;
padding: 4px 8px;
border:1px solid #777;
}
.pub_form_input_group > input:focus {
border:1px solid var(--main-bg-color);
}
.pub_form_inicio_sesion > button,
.recordar_pass_botonera > button,
.recordar_pass_botonera > a,
.pub_form_registro > button{
width:100%;
height: 32px;
border: none;
background-color: #777;
text-transform: uppercase;
color:white;
font-size: 0.6rem!important;
font-family: 'Quicksand', sans-serif!important;
font-weight: 400!important;
}
.recordar_pass_botonera{
width:100%;
display:flex;
align-items: center;
justify-content: space-between;
}
.recordar_pass_botonera > button,
.recordar_pass_botonera > a{
width:49%;
text-align: center;
line-height: 32px;
}
.pub_form_inicio_sesion > button:hover,
.recordar_pass_botonera > button:hover,
.pub_form_registro > button:hover{
background-color: var(--main-bg-color);
cursor: pointer;
}
.recordar_pass_botonera > a:hover{
background-color: var(--error-bg-color);
cursor: pointer;
}
.warning_login{
color:var(--error-bg-color);
margin-top: 10px;
font-size: 0.9rem;
text-align: center;
}
.recordar_pass,
.cambiar_usuario{
display: block;
text-align: center;
margin-top: 2rem;
font-size: 0.8rem;
text-transform: uppercase;
color:#999;
}
.recordar_pass{
margin-top: 1.5rem;
}
.recordar_pass:before{
content: '\e80f';
font-family: 'IconsPublic';
font-size: 1rem;
width:12px;
height:12px;
margin-right: 8px;
color:#999;
}
.recordar_pass:hover:before,
.recordar_pass:hover,
.cambiar_usuario:hover{
color:var(--main-bg-color);
cursor: pointer;
}
.cookie_nombre{
width:100%;
margin-bottom: 1rem;
display: flex;
flex-flow: column;
align-items: center;
}
.cookie_nombre_imagen{
width:120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
margin-bottom: 1rem;
background-color: #00632e;
display: flex;
align-items: center;
justify-content: center;
}
.cookie_nombre_imagen > img{
width:120px;
height: 120px;
object-fit: cover;
}
.cookie_nombre_imagen > p{
font-size: 3.5rem;
font-weight: 100;
text-transform: uppercase;
color:white;
}
.cookie_nombre > p{
font-weight: 600;
}
.cerrar_barra_inicio,
.cerrar_barra_registro{
display: block;
width:25px;
height: 25px;
color:#777;
border-radius: 50%;
border:1px solid #777;
text-align: center;
line-height: 23px;
position: absolute;
top:75px;
right:16px;
font-weight: 100;
}
.wrapper{
width:100%;
max-width: 1200px;
margin:2rem auto;
}
.pub_contenedor_cursos{
display: flex;
align-items: flex-start;
width:100%;
flex-wrap: wrap;
}
.pub_curso{
width:280px;
margin-right:26px;
display: flex;
flex-flow: column;
align-items: center;
margin-bottom: 2.5rem;
background-color: white;
box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.2);
position:relative;
}
.pub_curso:nth-of-type(4n+4){
margin-right: 0;
}
.pub_curso > img{
z-index:997;
}
.pub_curso_textos{
padding:1rem;
width: 100%;
display: flex;
flex-flow: column;
align-items: center;
}
.pub_curso_textos > h2{
margin-bottom:8px;
width:100%;
font-weight: 600;
height:54px;
line-height: 18px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.pub_curso_textos > a{
width:150px;
background-color: var(--main-bg-color);
color:white;
text-align: center;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-size: 0.8rem;
}
.pub_curso_textos_valoracion{
width:100%;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 8px;
}
.valoracion_media{
font-size: 1rem;
font-weight: 600;
margin-right: 5px;
color:#ffcc6f;
}
.valoracion_votos{
font-size: 0.9rem;
color:#999;
}
.direccion_curso{
width:100%;
margin-bottom: 1rem;
color:#AAA;
font-size: 0.9rem;
height:3rem;
}
.vitola_curso{
position:absolute;
width:120px;
top:1rem;
right: -8px;
padding:10px 1rem;
color:white;
text-transform: uppercase;
z-index:998;
}
.vitola_curso > p{
width:100%;
text-align: center;
font-weight: 600;
}
.pub_curso > span{
position:absolute;
top:46px;
right:-5px;
width:12px;
height:12px;
display: block;
transform: rotateY(0deg) rotate(45deg);
}
.agotado{
background-color:var(--error-bg-color);
}
.descuento{
background-color: #F4994E;
}
.span_agotado{
background-color: #722121;
}
.span_descuento{
background-color: #CE6F21;
}
.abierto{
background-color:var(--main-bg-color);
}
.span_abierto{
background-color: #7aaf2f;
}
footer{
margin-top: 10rem;
width:100%;
padding:1.5rem;
background-color: #222;
}
.contenedor_footer{
width:300px;
max-width: 100%;
margin:0 auto;
display: flex;
flex-flow: column;
align-items: center;
}
.contenedor_imagen_footer{
width: 144px;
height: 54px;
margin-bottom: 1.1rem;
}
.contenedor_imagen_footer > img{
width: 100%;
}
.listados_legales{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.listados_legales > li{
color:#D0D0D0;
margin-bottom: 8px;
font-size:0.9rem;
}
.listados_legales > li:first-of-type{
margin-right: 1rem;
}
.listados_legales > li:hover{
color:white;
cursor: pointer;
}
@media (max-width: 1500px){
.hero{
background-image: url("images/hero2.jpg");
height: 350px;
background-size: cover;
}
.titulo{
width:700px;
}
.titulo > h1{
font-size: 2.5rem;
margin-bottom: 10px;
}
.titulo > p{
font-size: 1rem;
}
.titulo > p:last-of-type{
font-size: 1rem;
line-height: 1rem;
}
}
@media (max-width: 1300px){
.titulo{
width:700px;
align-items: center;
top:50%;
left:50%;
transform: translate(-50%,-50%);
}
.titulo > h1{
font-size: 2.5rem;
margin-bottom: 10px;
width:100%;
text-align: center;
}
.titulo > p{
font-size: 1rem;
text-align: center;
}
.titulo > p:last-of-type{
font-size: 1rem;
line-height: 1rem;
}
}
@media (max-width: 1232px){
.wrapper{
max-width: 892px;
}
.pub_curso:nth-of-type(4n+4){
margin-right: 26px;
}
.pub_curso:nth-of-type(3n+3){
margin-right: 0;
}
}
/******************************
LEGALES
*******************************/
.contenedor_cabecera_legal{
width:100%;
background-color: #000;
padding-top: 100px;
padding-bottom: 2rem;
}
.wrapper_legal{
width:1024px;
max-width: 100%;
margin:0 auto;
}
.contenedor_cabecera_legal > .wrapper_legal > h2{
font-weight: 700;
color:white;
font-size: 2rem;
}
.contenedor_legal{
display: flex;
align-items: flex-start;
padding-top: 2rem;
}
.menu_legal{
display: column;
align-items: center;
width:250px;
}
.menu_legal > a:hover{
background-color: var(--main-bg-color);
color:white;
cursor:pointer;
}
.menu_legal > a{
display: block;
background-color: #DDD;
padding:10px;
margin-bottom: 8px;
text-transform: uppercase;
font-size: 0.9rem;
font-weight: 100;
}
.contenido_legal{
width:calc(100% - 282px);
padding:0 1rem;
min-height: calc(100vh - 196px);
}
.contenido_legal > article{
padding-bottom: 1rem;
border-bottom: 1px solid #777;
margin-bottom: 2rem;
}
.contenido_legal > article:last-of-type{
border-bottom: none;
margin-bottom: 0;
}
.contenido_legal > article > h3{
text-transform: uppercase;
margin-bottom: 1rem;
font-size: 1.3rem;
}
.contenido_legal > article > p{
line-height: 20px;
margin-bottom: 10px;
}
.contenido_legal > article strong{
font-weight: 700;
color:#276034;
}
.contenido_legal > article a{
color:var(--main-bg-color);
}
.contenido_legal > article a:hover{
cursor:pointer;
}
.contenido_legal > article > h4{
margin-top: 1rem;
margin-bottom: 8px;
font-weight: 700;
}
.contenido_legal ul > li,
.contenido_legal ol > li{
margin-left: 3rem;
}
.contenido_legal ul > li{
list-style: circle;
margin-bottom: 10px;
line-height: 20px;
}
.contenido_legal ol > li{
list-style-type: decimal;
margin-bottom: 10px;
line-height: 20px;
}
/********************************
DETALLE CURSO
********************************/
.hero_curso_detalle{
width:100%;
padding: 90px 0 4rem;
background-color: #222;
}
.wrapper_curso_detalle{
width:1080px;
max-width: 100%;
margin:0 auto;
position:relative;
}
.body_matriculacion{
min-height: calc(100vh - 120px);
}
.barra_matriculacion_imagen{
position:fixed;
width:330px;
top:80px;
margin:0 auto;
background-color: #F5F5F5;
transform: translateX(750px);
border:1px solid white;
z-index: 996;
box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.2), -5px 5px 10px -5px rgba(0, 0, 0, 0.2);
border-bottom: none;
}
.barra_matriculacion_imagen > img{
width:100%;
height:170px;
object-fit: cover;
}
.matriculacion_datos_contenedor{
padding:1.5rem 2rem;
position:fixed;
width:330px;
top:250px;
margin:0 auto;
background-color: #F5F5F5;
transform: translateX(750px);
border:1px solid white;
z-index: 996;
box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.2), -5px 5px 10px -5px rgba(0, 0, 0, 0.2);
}
.bloque_precio{
display: flex;
align-items: center;
justify-content: flex-start;
width:100%;
margin-bottom: 10px;
}
.precio_actual{
font-size: 2.5rem;
font-weight: 600;
margin-right: 1rem;
}
.precio_inicial{
font-size: 1.2rem;
font-weight: 100;
text-decoration:line-through;
}
.descuento_precio{
font-weight: 100;
}
.descuento_catedra{
margin-top: 10px;
font-size: 0.9rem;
font-weight: 600;
line-height: 18px;
text-align: center;
color:#00632e;
}
.creditos_curso{
width:100%;
padding:10px 1rem;
background-color: white;
border:1px solid #EAEAEA;
margin-top: 1rem;
display: flex;
align-items: center;
}
.creditos_curso > img{
width:35px;
height:42px;
margin-right: 10px;
}
.creditos_curso > p{
flex:1;
font-size: 1rem;
line-height: 14px;
text-align: center;
font-weight: bold;
}
.matriculacion_botonera{
width:100%;
margin-top: 1.5rem;
}
.matricular{
width:100%;
padding:1rem 0;
text-align: center;
color:white;
text-transform: uppercase;
font-size: 0.9rem;
background-color: var(--main-bg-color);
display: block;
}
.ya_matriculado{
width:100%;
padding:1rem 0;
text-align: center;
color:var(--error-bg-color);
text-transform: uppercase;
font-size: 0.9rem;
border:1px solid var(--error-bg-color);
}
.compilacion_materiales_curso{
margin-top: 2rem;
}
.vuelta_inicio{
font-size: 0.9rem;
color:white;
margin-bottom: 10px;
display: block;
}
.vuelta_inicio > p > a:hover{
color:var(--main-bg-color);
cursor: pointer;
}
.compilacion_materiales_curso > h4{
font-size: 0.9rem;
font-weight: 600;
margin-bottom: 10px;
}
.compilacion_materiales_curso > ul > li{
margin-bottom: 6px;
font-size: 0.9rem;
color:#999;
display: flex;
align-items: center;
justify-content: flex-start;
}
.compilacion_materiales_curso i{
margin-right: 10px;
}
.cabecera_curso_detalle,
.desarrollo_curso_detalle_contenedor{
margin-right: 362px;
}
.titulo_curso_detalle{
color:white;
font-size: 2.1rem;
font-weight: 600;
margin-bottom: 10px;
}
.intro_curso_detalle{
color:white;
font-size:1.2rem;
line-height: 25px;
margin-bottom: 1rem;
}
.valoraciones_curso_detalle_contenedor{
display: flex;
align-items: center;
margin-bottom: 12px;
}
.recuento_valoraciones,
.organizacion_curso_detalle,
.direccion_curso_detalle,
.fecha_idioma_curso_detalle{
line-height: 24px;
font-weight: 100;
color:white;
}
.organizacion_curso_detalle,
.direccion_curso_detalle{
margin-bottom: 10px;
}
.fecha_idioma_curso_detalle{
margin-bottom: 0;
display: flex;
align-items: center;
}
.fecha_actualizacion{
margin-right: 1rem;
}
.organizacion_curso_detalle span,
.direccion_curso_detalle span,
.fecha_actualizacion span{
font-weight: 600;
}
.idioma_curso:before{
content:'\e804';
font-family: 'IconsPublic';
font-size: 1rem;
width:16px;
height: 16px;
margin-right: 5px;
color: white;
}
.plazas_disponibles{
margin-top: 2rem;
width:100%;
background-color: white;
padding:2rem;
border:1px solid #DDD;
}
.plazas_disponibles > ul > li{
width:100%;
padding:10px 0;
border-bottom: 1px solid #DDD;
display: flex;
align-items: center;
justify-content: flex-start;
}
.plazas_disponibles > ul > li:last-of-type{
border-bottom: none;
}
.nombre_grupo_plazas{
width:200px;
}
.inicio_grupo_plazas{
font-weight: 110;
font-size: 0.9rem;
width:180px;
}
.conteo_plazas_disponibles{
font-weight: 600;
}
.aprenderas{
margin-top: 2rem;
border:1px solid #DDD;
background-color: #E9E9E9;
padding:2rem;
margin-bottom: 2rem;
}
.aprenderas > h3,
.contenido_curso_detalle > h3,
.descripcion_curso_detalle > h3,
.paraquien_curso_detalle > h3,
.valoraciones_detalle_contenedor > h3,
.plazas_disponibles > h3,
.metodologia_curso_detalle > h3,
.evaluacion_curso_detalle > h3,
.contacto_curso_detalle > h3{
font-size: 1.2rem;
font-weight: 600;
margin-bottom: 1rem;
}
.metodologia_curso_detalle > h4,
.evaluacion_curso_detalle > h4,
.contacto_curso_detalle > h4{
font-weight: 600;
margin: 1rem 0 10px;
}
.metodologia_curso_detalle a,
.evaluacion_curso_detalle a,
.contacto_curso_detalle a{
color:var(--main-bg-color);
}
.metodologia_curso_detalle a:hover,
.evaluacion_curso_detalle a:hover,
.contacto_curso_detalle a:hover{
cursor:pointer;
}
.aprenderas > ul > li{
list-style: circle;
margin-bottom: 10px;
margin-left: 2rem;
line-height: 20px;
font-size: 0.9rem;
}
.resumen_contenido_curso_detalle{
color:#777;
font-size: 0.9rem;
margin-bottom: 8px;
}
.contenido_curso_detalle > dl > dt{
border:1px solid #DDD;
background-color: #E9E9E9;
padding:1rem 2rem;
font-weight: 600;
display: flex;
align-items: center;
justify-content: flex-start;
}
.tema_curso_detalle > a:before{
content: '\f105';
font-family: "IconsPublic";
display: inline-flex;
font-size: 1rem;
width:12px;
height:12px;
margin-right: 8px;
transition: transform .3s ease-in-out;
}
.tema_curso_detalle.active > a:before{
transform: rotate(90deg);
}
.contenido_curso_detalle > dl > dd{
border-left:1px solid #DDD;
border-right:1px solid #DDD;
height:0;
overflow: hidden;
}
.contenido_curso_detalle > dl > dd:last-of-type{
border-bottom: 1px solid #DDD;
}
.contenido_curso_detalle > dl > dd > ul{
padding:1rem 2rem;
}
.contenido_curso_detalle > dl > dd > ul > li{
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 12px;
line-height: 20px;
}
.contenido_curso_detalle > dl > dd > ul > li:before{
font-family: 'IconsPublic';
font-size: 1rem;
width:16px;
height: 16px;
margin-right: 12px;
color:#AAA;
}
.curso_detalle_recurso_texto:before{
content:'\f0f6';
}
.curso_detalle_recurso_video:before{
content:'\f144';
}
.descripcion_curso_detalle,
.paraquien_curso_detalle,
.metodologia_curso_detalle,
.evaluacion_curso_detalle,
.contacto_curso_detalle{
margin-top: 2rem;
}
.valoraciones_detalle_contenedor{
margin-top: 3rem;
width:100%;
display: flex;
flex-flow: column;
align-items: flex-start;
}
.descripcion_curso_detalle > p,
.paraquien_curso_detalle > p,
.metodologia_curso_detalle > p,
.evaluacion_curso_detalle > p,
.contacto_curso_detalle > p{
line-height: 24px;
margin-bottom: 10px;
}
.graficos_valoraciones{
display: flex;
width:100%;
align-items: center;
}
.numero_grafico_valoraciones{
width:130px;
margin-right: 1rem;
display: flex;
flex-flow: column;
align-items: center;
}
.media_numero_grafico_valoraciones{
font-size: 4rem;
font-weight: 600;
color:#ffcc6f;
margin-bottom: 10px;
}
.numero_grafico_valoraciones > span:before,
.valoracion_estrellas:before,
.valoracion_textos_nota_fecha > span:before{
content:'\e803 \e803 \e803 \e803 \e803';
display: block;
font-family: 'IconsPublic';
font-size: 1rem;
color:#ffcc6f;
}
.numero_grafico_valoraciones > span,
.valoracion_estrellas,
.valoracion_textos_nota_fecha > span{
margin-right: 10px;
overflow: hidden;
width:75px;
}
.numero_grafico_valoraciones > span{
margin-right: 0;
margin-bottom: 10px;
}
.texto_numero_grafico_valoraciones{
font-size: 0.8rem;
color:#ffcc6f;
font-weight: 600;
}
.grafico_por_valoracion_contenedor{
width: calc(100% - 146px);
}
.grafico_por_valoracion_contenedor > li{
width:100%;
display: flex;
align-items: center;
margin-bottom: 8px;
}
.barra_progreso_contenedor{
width:300px;
margin-right: 10px;
height: 12px;
display: block;
background-color:#EEE;
}
.progreso_valoracion{
width:100%;
background-color: #AAA;
height: 12px;
display: block;
}
.grafico_por_valoracion_contenedor > li > span{
margin-right: 10px;
}
.grafico_por_valoracion_contenedor > li > span:before{
display: block;
font-family: 'IconsPublic';
font-size: 1rem;
color:#ffcc6f;
}
#estrellas5 > span:before{
content:'\e803 \e803 \e803 \e803 \e803';
}
#estrellas4 > span:before{
content:'\e803 \e803 \e803 \e803 \e802';
}
#estrellas3 > span:before{
content:'\e803 \e803 \e803 \e802 \e802';
}
#estrellas2 > span:before{
content:'\e803 \e803 \e802 \e802 \e802';
}
#estrellas1 > span:before{
content:'\e803 \e802 \e802 \e802 \e802';
}
.porcentaje_progreso_valoracion{
width:20px;
}
.listado_valoraciones{
margin:2rem 0 3rem;
width:100%;
}
.listado_valoraciones > li{
width:100%;
display: flex;
align-items: flex-start;
padding-bottom: 2rem;
border-bottom: 1px solid #DDD;
margin-bottom: 2rem;
}
.valoracion_imagen_contenedor{
width:60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
background-color: #00632e;
margin-right: 2rem;
display: flex;
align-items: center;
justify-content: center;
}
.valoracion_imagen_contenedor > img{
width:60px;
height: 60px;
object-fit: cover;
}
.valoracion_imagen_contenedor > p{
font-size: 2rem;
font-weight: 100;
text-transform: uppercase;
color:white;
}
.valoracion_textos_contenedor{
width:calc(100% - 92px);
}
.valoracion_textos_nombre{
font-weight: 600;
margin-bottom: 10px;
}
.valoracion_textos_nota_fecha{
display: flex;
align-items: center;
margin-bottom: 10px;
}
.valoracion_textos_nota_fecha > p{
font-size: 0.9rem;
}
.valoracion_textos_comentario > p{
line-height: 20px;
margin-bottom: 8px;
}
@media (max-width: 1200px){
.wrapper_curso_detalle{
width:680px;
}
.cabecera_curso_detalle{
position: relative;
padding-top: 365px;
padding-bottom: 140px;
}
.cabecera_curso_detalle,
.desarrollo_curso_detalle_contenedor{
margin-right: 0;
}
.barra_matriculacion_imagen{
position:absolute;
top:0;
left:0;
width:100%;
background-color: #F5F5F5;
border:1px solid white;
box-shadow: none;
margin:0;
transform: none;
}
.barra_matriculacion_imagen > img{
width:100%;
height:349px;
object-fit: cover;
}
.matriculacion_datos_contenedor{
padding:0;
position:absolute;
bottom:0;
left: 0;
width:100%;
margin:0;
background-color: transparent;
transform: none;
border:none;
z-index: 996;
box-shadow: none;
top:690px;
}
.matriculacion_botonera{
margin-top: 1rem;
}
.descuento_catedra{
margin-top: 1rem;
color:white;
width:100%;
text-align: center;
}
.creditos_curso{
margin-top: 1rem;
}
.bloque_precio_contenedor{
display: flex;
align-items: center;
justify-content: flex-start;
color:white;
}
.bloque_precio{
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 0;
width:unset;
margin-right: 1rem;
}
.precio_actual{
font-size: 2.5rem;
font-weight: 600;
margin-right: 1rem;
}
.precio_inicial{
font-size: 1.2rem;
font-weight: 100;
text-decoration:line-through;
}
.descuento_precio{
font-weight: 100;
}
.matriculacion_botonera{
width:100%;
flex-flow: row;
justify-content: space-between;
margin-top: 1rem;
}
.matricular_cesta{
width:49%;
margin-bottom: 0;
border-radius: 5px;
}
.matricular_compra{
width:49%;
border-radius: 5px;
border:none;
background-color: #DDD;
color:black;
}
.compilacion_materiales_curso{
display:none;
}
}
/********************************
MATRICULACIÓN
********************************/
.titulo_matriculacion{
color:white;
font-size: 1.7rem;
font-weight: 600;
}
.matriculacion_curso_contenedor{
margin-top: 2rem;
width:100%;
border:1px solid #DDD;
padding:2rem;
display: flex;
align-items: flex-start;
margin-bottom: 3rem;
background-color: white;
}
.matriculacion_curso_imagen_contenedor{
width:165px;
margin-right: 1rem;
}
.matriculacion_curso_imagen_contenedor > img{
width:100%;
height:85px;
object-fit: cover;
}
.matriculacion_curso_detalles_contenedor{
width:calc(100% - 181px);
}
.matriculacion_curso_titulo{
width:100%;
font-weight: 600;
margin-bottom: 5px;
}
.matriculacion_curso_dirigido{
font-size: 0.9rem;
width:100%;
margin-bottom: 10px;
}
.pub_form_input_group > select{
font-family: 'Montserrat',sans-serif;
background-color: #FAFAFA;
padding:8px;
}
.form_matriculacion > p:first-of-type{
width:100%;
text-align: right;
font-size: 1.2rem;
font-weight: 100;
margin-bottom: 1rem;
}
.form_matriculacion > p:last-of-type{
width:100%;
text-align: right;
font-size: 1rem;
font-weight: 600;
margin-bottom: 2rem;
}
.informacion_pago{
margin-bottom: 1rem;
}
.informacion_pago > h3{
font-weight: 700;
font-size: 1.1rem;
margin-bottom: 10px;
}
.informacion_pago > p{
line-height: 20px;
margin-bottom: 8px;
}
.informacion_pago > p:last-of-type{
margin-bottom: 1.5rem;
}
.informacion_pago a{
color:var(--main-bg-color);
}
.informacion_pago a:hover{
cursor: pointer;
}
.informacion_pago > p > strong{
font-weight: 700;
color:var(--error-bg-color);
}
.informacion_pago > ul{
padding:8px;
border:1px solid black;
margin-bottom: 1rem;
background-color: #FAFAFA;
}
.informacion_pago > ul > li{
line-height: 20px;
margin-bottom: 8px;
}
.informacion_pago > ul > li:last-of-type{
margin-bottom: 0;
}
.informacion_pago > h4{
font-weight: 700;
margin-top: 2rem;
margin-bottom: 1rem;
}
.form_matriculacion_botonera{
width:100%;
display: flex;
justify-content: flex-end;
margin-top: 1rem;
}
.form_matriculacion_botonera > a,
.form_matriculacion_botonera > button{
width:100px;
text-align: center;
text-transform: uppercase;
font:400 0.8rem 'Montserrat', sans-serif;
height: 35px;
line-height: 35px;
border:none;
background-color: #DDD;
color:#333;
}
.form_matriculacion_botonera > a{
margin-right: 10px;
}
.form_matriculacion_botonera > a:hover{
background-color: var(--error-bg-color);
color:white;
cursor: pointer;
}
.form_matriculacion_botonera > button:hover{
background-color: var(--main-bg-color);
color:white;
cursor: pointer;
}
.form_matriculacion .warning_login{
display: 100%;
text-align: right;
margin-bottom: 10px;
}
/********************************
SELECCIÓN CURSOS
********************************/
.body_cursos{
width:100%;
height: 100vh;
background-color:#EAEAEA;
position: relative;
}
.cortina_logout{
width:100%;
height: 100vh;
display: none;
position:absolute;
top:0;
left:0;
opacity: 0.6;
background-color: black;
z-index: 1500;
}
.logout_contenedor,
.editar_imagen_contenedor,
.eliminar_imagen_contenedor,
.corregir_contenedor,
.confirmacion_prematriculacion{
padding:3rem;
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
background-color: white;
border-radius: 20px;
display:none;
align-items: center;
z-index: 1502;
}
.logo_cugraf{
width:178px;
height: 59px;
margin-right: 1rem;
}
.logo_cugraf > img{
width:178px;
height: 59px;
}
.confirm_contenedor,
.form_eliminar_imagen_contenedor{
display: flex;
flex-flow: column;
align-items: center;
}
.confirm_contenedor > p{
font-weight: 100;
text-align: center;
line-height: 20px;
}
.confirm_botonera,
.corregir_botonera,
.eliminar_imagen_botonera {
display: flex;
margin-top: 1rem;
}
.confirm_botonera > a,
.corregir_botonera > a,
.eliminar_imagen_botonera > a,
.eliminar_imagen_botonera > button{
width:60px;
display: block;
text-align: center;
line-height: 30px;
color:white;
background-color: #CCC;
text-transform: uppercase;
font-weight: 100;
font-family: 'Quicksand', sans-serif;
border:none;
font-size: 0.9rem;
}
.confirm_botonera > a:hover,
.corregir_botonera > a:hover,
.eliminar_imagen_botonera > a:hover,
.eliminar_imagen_botonera > button:hover{
background-color: var(--main-bg-color);
}
.confirm_botonera > a:first-of-type,
.corregir_botonera > a:first-of-type,
.eliminar_imagen_botonera > button{
margin-right: 1rem;
}
.contenedor_cursos{
top:3rem;
position:absolute;
left:50%;
transform: translateX(-50%);
width:490px;
background-color: white;
padding:2rem;
border-radius: 20px;
margin-bottom: 3rem;
}
.contenedor_cursos > h1{
font-weight: 600;
margin-bottom: 5px;
}
.contenedor_cursos > input{
margin-top:1rem;
background-color: #FAFAFA;
padding:1rem;
font-family: 'Quicksand', sans-serif;
font-weight: 100;
width:100%;
border:none;
border-bottom: 1px solid #EAEAEA;
}
.listado_cursos{
margin: 2rem 0;
}
.curso_individual{
display: flex;
align-items: center;
width: 100%;
justify-content: flex-start;
margin-bottom: 1rem;
}
.input_curso{
width:16px;
height: 16px;
padding: 2px;
border:1px solid #777;
margin-right: 10px;
}
.input_curso > a{
width:100%;
height:10px;
display: block;
}
.curso_seleccionado{
background-color: var(--main-bg-color)!important;
}
.curso_individual__textos_nombre{
margin-bottom: 5px;
}
.curso_individual__textos_datos{
color:#AAA;
font-size: 0.8rem;
}
.warning_seleccion{
color: var(--error-bg-color);
padding-bottom:1rem;
}
.contenedor_btn_ingreso{
width:100%;
display: flex;
justify-content: flex-end;
}
.btn_ingreso{
background-color:var(--main-bg-color);
text-transform: uppercase;
color:white;
font-size: 0.8rem;
padding:10px 1rem;
}
/*******************************
HOME
********************************/
.body_home{
width:100%;
height: 100vh;
position: relative;
}
.menu_principal{
position: fixed;
top:0;
left:0;
bottom: 0;
width:200px;
background-color: #EAEAEA;
z-index: 1300;
}
.logo_container{
width:100%;
display: flex;
justify-content: center;
padding:12px;
border-bottom: 1px solid #DDD;
}
.logo{
width:176px;
height:59px;
background: url('images/logo_ambos.png') no-repeat center;
background-size: 176px 59px;
overflow: hidden;
text-indent: -9000px;
}
.logo a{
display:block;
height: inherit;
}
.menu_principal_nav{
margin-top: 1.5rem;
width: 100%;
display:flex;
flex-flow: column;
}
.contenedor_menu_principal_item{
padding:10px 16px;
border-left:10px solid #EAEAEA;
display: flex;
align-items: center;
}
.contenedor_menu_principal_item > i{
color:#999;
margin-right: 12px;
}
.contenedor_menu_principal_item > p{
font-size: 0.9rem;
font-weight: 100;
width:calc(100% - 32px);
display: flex;
justify-content: flex-start;
align-items: center;
}
.contenedor_menu_principal_item:hover{
background-color: white;
border-left-color:var(--main-bg-color);
cursor: pointer;
}
.contenedor_menu_principal_item:hover > i,
.contenedor_menu_principal_item:hover > p{
color:var(--main-bg-color);
}
#notificaciones{
position: relative;
}
.no_leidas{
position:absolute;
top: 5px;
left: 23px;
font-size: 0.7rem;
width:15px;
height: 15px;
text-align: center;
line-height: 15px;
background-color: white;
border-radius: 50%;
overflow: hidden;
color:var(--main-bg-color);
border: 1px solid var(--main-bg-color);
font-weight: 600;
}
#perfil{
display: none;
}
#notificaciones{
position:relative;
}
.logout_container{
position:absolute;
bottom:0;
left:0;
width:100%;
height:50px;
background-color: #DDD;
padding:0 26px;
display: flex;
align-items: center;
}
.logout_container > i{
color:#999;
}
.logout_container > a{
margin-left: 12px;
line-height: 50px;
font-size: 0.9rem;
font-weight: 100;
}
.logout_container:hover{
background-color: var(--error-bg-color);
}
.logout_container:hover > a,
.logout_container:hover > i{
color:white;
}
.usuario_container{
position:absolute;
bottom:50px;
left:0;
width:100%;
display:flex;
flex-flow: column;
align-items: center;
padding:2rem;
}
.usuario_imagen{
width:100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
margin-bottom: 12px;
background-color: #00632e;
display:flex;
align-items: center;
justify-content: center;
}
.usuario_imagen > p{
font-size: 3rem;
color: white;
text-transform: uppercase;
font-weight: 100;
}
.usuario_imagen > img{
width: 100px;
height: 100px;
object-fit: cover;
}
.usuario_nick{
margin-bottom: 8px;
}
.usuario_universidad{
font-size: 0.8rem;
text-align: center;
color:#888;
margin-bottom: 1rem;
}
.progreso_container{
width:100%;
border:1px solid #555;
padding:3px;
display: flex;
justify-content: flex-start;
margin-bottom: 8px;
}
.porcentaje{
font-size: 0.8rem;
color:#777;
}
.progreso{
width:0;
background-color: var(--main-bg-color);
height: 10px;
transition: width 1s ease-in-out;
}
.contenedor_principal{
margin-left: 200px;
display:flex;
height:100vh;
}
.hamburguer_link{
position:absolute;
top:0;
background-color: white;
width:35px;
height: 35px;
left: 70px;
z-index: 1400;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
display: none;
flex-flow: column;
align-items: center;
justify-content: center;
}
.hamburguer_link > span{
width:20px;
height: 1px;
display: block;
border-top:1px solid #AAA;
margin-bottom: 5px;
transition: transform .2s ease-in-out;
}
.hamburguer_link > span:last-of-type{
margin-bottom: 0;
}
@media (max-width: 1400px){
.menu_principal{
width: 70px;
}
.contenedor_principal{
margin-left: 70px;
}
.logo{
background-size: 54px 18px;
width: 54px;
height: 18px;
}
.contenedor_menu_principal_item > i{
font-size: 20px;
margin-right: 0;
}
.contenedor_menu_principal_item > p{
display: none;
}
.usuario_container{
display:none;
}
#perfil{
display:block;
}
.logout_container > a{
width: 15px;
overflow: hidden;
display: block;
}
}
/***************************************
INICIO
***************************************/
.contenedor_inicio{
display: flex;
flex-flow: column;
width:100%;
}
.contenedor_inicio_cabecera{
width:100%;
display:flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 2rem;
}
.contenedor_inicio_cabecera__titulos{
margin-bottom: 2rem;
}
.contenedor_inicio_cabecera__titulos > h2{
font-weight: 600!important;
text-transform: uppercase;
margin-bottom: 8px!important;
line-height: 20px;
}
.contenedor_inicio_cabecera__titulos > p{
font-weight: 100;
margin-bottom: 10px;
}
.contenedor_imagen_inicio_cabecera{
width:49%;
height:250px;
overflow: hidden;
}
.contenedor_imagen_inicio_cabecera > img{
width:100%;
height:auto;
object-fit: cover;
}
.contenedor_inicio_cabecera__notificacion{
width:49%;
}
.contenedor_inicio_cabecera__notificacion > h3{
margin-bottom: 1rem;
}
.cuerpo_notificacion{
background-color: white;
padding:1rem;
width:100%;
}
.cuerpo_notificacion_contenedor_textos{
display:flex;
align-items: flex-start;
}
.cuerpo_notificacion_contenedor_textos:before{
content: '\e808';
font-family: "IconsPublic";
font-size: 20px;
width:20px;
height:20px;
margin-right: 1rem;
color: var(--main-bg-color);
}
.cuerpo_notificacion_textos{
width:100%;
display: flex;
flex-flow: column;
align-items: flex-start;
}
.cuerpo_notificacion_textos h2{
font-weight: 600!important;
font-size: 1rem!important;
}
.cuerpo_notificacion_textos > p{
font-size: 0.9rem;
line-height: 20px;
margin-bottom: 1rem;
}
.cuerpo_notificacion_textos > a{
width:100px;
text-align: center;
line-height: 30px;
text-transform: uppercase;
color:white;
background-color: #CCC;
font-size: 0.8rem;
display: block;
}
.cuerpo_notificacion > a:hover{
background-color: var(--main-bg-color);
cursor: pointer;
}
.contenedor_inicio_calendario > h2{
margin-bottom: 1rem;
}
.contenedor_inicio_calendario{
width:100%;
margin-bottom: 2rem;
}
.listado_fechas{
display: flex;
flex-flow: column wrap;
width:100%;
height:290px;
background-color: white;
padding:2rem;
}
.elemento_fecha{
width:49%;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 1rem;
}
.contenedor_fechas{
width:50px;
display: flex;
flex-flow: column;
align-items: center;
margin-right: 8px;
}
.contenedor_fechas > p{
font-size: 0.9rem;
font-weight: 100;
}
.contenedor_fechas > p:first-of-type{
margin-bottom: 8px;
}
.separador{
width:10px;
height:100%;
background-color:#DDD;
display: block;
margin-right: 8px;
}
.contenedor_texto_calendario{
width:calc(100% - 76px);
}
.texto_fechas{
font-size: 0.9rem;
margin-bottom: 8px;
}
.contenedor_texto_calendario_progreso{
display: flex;
align-items: center;
justify-content: flex-start;
}
.contenedor_texto_calendario_progreso_porcentaje{
font-size: 12px;
margin-left: 8px;
}
.contenedor_texto_calendario_progreso_contenedor{
width:220px;
height:16px;
border:1px solid #999;
padding:2px;
}
.contenedor_texto_calendario_progreso_barra{
display: block;
height:100%;
}
.low{
background-color: var(--error-bg-color);
}
.medium{
background-color: #dcae33;
}
.high{
background-color: var(--main-bg-color);
}
.contenedor_inicio_informacion{
width: 100%;
background-color: white;
padding:2rem;
display: flex;
align-items: flex-start;
}
.contenedor_inicio_informacion_textos{
width:calc(100% - 532px);
margin-right: 2rem;
}
.contenedor_inicio_informacion_video{
width:500px;
height: 281px;
background-color: white;
}
.contenedor_inicio_informacion_video > iframe{
width:500px;
height: 281px;
}
.listado_item{
position:relative;
}
.listado_item > span{
position:absolute;
display: block;
top:0;
left:-4px;
width: 12px;
height: 12px;
background-color: #DDD;
border-radius: 50%;
}
.listado_item > h4{
border-left: 3px solid #DDD;
padding-left: 1.5rem;
padding-bottom: 5px;
text-transform: uppercase;
font-size: 0.8rem;
font-weight: 600;
}
.listado_item > p{
border-left: 3px solid #DDD;
padding-left: 1.5rem;
padding-bottom: 2rem;
}
.listado_item:last-of-type > h4{
padding-bottom: 0;
margin-bottom: 5px;
}
.listado_item:last-of-type > p{
padding-bottom: 0;
border-left: none;
padding-left: 27px;
}
@media(max-width: 1200px){
.contenedor_inicio_cabecera{
flex-flow: column;
align-items: center;
justify-content: center;
}
.contenedor_imagen_inicio_cabecera{
width:100%;
height:300px;
margin-bottom: 2rem;
}
.contenedor_inicio_cabecera__notificacion{
width:100%;
}
.listado_fechas{
height: unset;
}
.elemento_fecha{
width:100%;
height: 38px;
}
.contenedor_inicio_informacion{
flex-flow: column-reverse;
}
.contenedor_inicio_informacion_video{
margin-bottom: 2rem;
width:100%;
}
.contenedor_inicio_informacion_textos{
width:100%;
}
}
/***************************************
CURSO PRINCIPAL
***************************************/
.ancla_inicio{
width:1px;
height:1px;
display: block;
background-color: #F6F6F6;
}
.menu_temario{
position:fixed;
width:300px;
height:inherit;
overflow: scroll;
border-right:1px solid #EAEAEA;
background-color: white;
z-index: 1100;
}
.titulo_curso{
font-weight: 600;
font-size: 0.9rem;
padding: 12px 1.5rem 8px 1.5rem;
line-height: 1rem;
text-transform: uppercase;
}
.menu_temario > h2{
font-size: 1.2rem;
font-weight: 100;
padding:0 1.5rem 10px 1.5rem;
border-bottom: 1px solid #EAEAEA;
margin-bottom: 1rem;
}
.lista_temas__nombre,
.tema_no_iniciado,
.lista_temas__nombre_sin_recursos,
.lista_temas__nombre_ev_ext{
padding:1rem 1.5rem;
width:100%;
}
.tema_no_iniciado{
color:#CCC;
font-weight: 100;
font-size: 0.9rem;
line-height: 20px;
}
.lista_temas__nombre_sin_recursos > a,
.lista_temas__nombre_ev_ext > a{
font-weight: 100;
font-size: 0.9rem;
line-height: 20px;
display:flex;
justify-content: space-between;
align-items: center;
width:100%;
}
.lista_temas__nombre_sin_recursos > a:after{
content:"";
font-family: "IconsPublic";
display:flex;
font-size: 12px;
width:12px;
height:12px;
margin-left: 8px;
justify-content: flex-end;
align-items: center;
transition: transform .3s ease-in-out;
}
.lista_temas__nombre > a{
font-weight: 100;
font-size: 0.9rem;
line-height: 20px;
display:flex;
justify-content: space-between;
align-items: center;
width:100%;
transition: all .3s ease-in-out;
}
.lista_temas__nombre > a:after{
content:"\f105";
font-family: "IconsPublic";
display:flex;
font-size: 12px;
width:12px;
height:12px;
margin-left: 8px;
justify-content: flex-end;
align-items: center;
transition: transform .3s ease-in-out;
}
.lista_temas__nombre.active > a:after{
transform: rotate(90deg);
}
.lista_temas__materiales{
width:100%;
background-color: #F6F6F6;
height:0;
overflow: hidden;
transition: height .3s ease-in-out;
}
.lista_temas_materiales_listado > li{
padding:1.5rem 2rem 0;
font-size: 0.9rem;
line-height: 18px;
font-weight: 100;
display: flex;
align-items: center;
justify-content: space-between;
}
.lista_temas_materiales_listado > li > a{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.sin_ver:after,
.visto:after{
font-family: 'IconsPublic';
font-size: 1rem;
margin-left: 8px;
width:12px;
height:12px;
color:#999;
}
.sin_ver:after{
content: '\f1db';
}
.visto:after{
content: '\e80a';
color:var(--main-bg-color);
}
.lista_temas_materiales_listado > li:last-of-type{
padding-bottom: 1.5rem;
}
.invisible{
display:none;
}
.contenido_temario{
background-color: #F6F6F6;
margin-left: 300px;
height: inherit;
padding:45px;
overflow: scroll;
width:100%;
}
.navegador_curso{
width:100%;
display: flex;
justify-content: flex-start;
}
.navegador_curso > a{
margin-right: 1rem;
font-size: 1.2rem;
font-weight: 100;
padding-bottom:1rem;
color:#AAA;
}
#evaluacion,
#caso{
display:none;
}
.contenido_seleccionado{
color:#555!important;
border-bottom: 3px solid #999;
}
.contenido_temario__contenedor{
width: 100%;
background-color: white;
padding:3rem;
}
.contenido_texto__titulo{
display: flex;
align-items: flex-end;
width:100%;
margin-bottom: 1.5rem;
}
.contenido_texto__titulo_numero,
.contenido_texto__titulo_tele{
font-size: 2.2rem;
width:94px;
height:60px;
text-align: center;
line-height: 60px;
color:white;
background-color:var(--main-bg-color);
margin-right: 1rem;
}
.contenido_texto__titulo_tele:before{
content: '\f26c';
font-family: 'IconsPublic';
font-size: 2.5rem;
color:white;
}
.contenido_texto__titulo_textos{
width:calc(100% - 110px);
}
.contenido_texto__titulo_textos > h3{
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 8px;
}
.contenido_texto__titulo_textos > p{
font-weight: 100;
color:#999;
}
.contenido_texto p,
.contenido_video__descripcion,
.contenido_texto ul > li,
.contenido_texto ol > li{
line-height: 25px;
margin-bottom: 1rem;
}
.contenido_texto h4{
margin-top: 2rem;
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 12px;
}
.contenido_texto h5{
margin-bottom: 8px;
}
.recuerda > h4{
margin-top: 0;
font-size: 1rem;
font-weight: 600;
margin-bottom: 10px;
}
.contenido_texto strong{
font-weight: 600;
}
.contenido_texto i{
font-style: italic;
}
.contenido_texto .comentario{
color:#999;
line-height: 25px;
margin-bottom: 1rem;
}
.contenido_texto a{
color:var(--main-bg-color);
}
.contenido_texto ul,
.contenido_texto ol{
margin-bottom: 1rem;
}
.contenido_texto ul > li,
.contenido_texto ol > li{
margin-left: 3rem;
}
.contenido_texto ul > li{
list-style: circle;
margin-bottom: 8px;
}
.contenido_texto ol > li{
list-style-type: decimal;
margin-bottom: 12px;
}
.letters > li{
list-style-type: upper-latin!important;
}
.image_container{
width:600px;
height: auto;
margin:0 auto 1.5rem;
}
.image_container > figcaption{
font-size: 0.8rem;
text-align: center;
line-height: 20px;
color:#999;
}
.recuerda{
width: 100%;
background-color: #EAEAEA;
padding:1rem;
margin-bottom: 1rem;
}
.recuerda > p{
line-height: 25px;
margin-bottom: 1rem;
}
.recuerda > p:last-of-type{
margin-bottom: 0;
}
.cita_libro{
width: 100%;
text-align: right!important;
font-style: italic;
}
.contenedor_tabla{
width: 100%;
display: flex;
justify-content: center;
}
.contenedor_tabla > table{
margin-bottom: 10px;
}
.contenedor_tabla th{
background-color: #276034;
border:2px solid white;
color:white;
text-align: center;
font-weight: 700;
padding:10px;
}
.contenedor_tabla td{
background-color: #D7E1D0;
padding:12px;
border:2px solid white;
line-height: 20px;
}
.contenedor_tabla tfoot td{
background-color: white;
padding:6px;
text-align: center;
color:#AAA;
font-size: 0.9rem;
}
.contenido_video__contenedor {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
margin-bottom: 1rem;
}
.autoria_contenido{
line-height: 1rem!important;
margin-bottom: 0!important;
}
.portada_video{
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1001;
}
.portada_video > img{
width:100%;
height: 100%;
}
.portada_video > a{
position: absolute;
width:75px;
height:75px;
top:50%;
left:50%;
transform: translate(-50%,-50%);
display: flex;
justify-content: center;
align-items: center;
background-color: #AAA;
border-radius:50%;
}
.portada_video > a:hover{
cursor:pointer;
background-color: var(--main-bg-color);
}
.portada_video > a:before{
content: '\25b6';
width:35px;
height: 37px;
font-family: 'IconsPublic';
font-size: 2.5rem;
color:white;
}
#loading {
position: absolute;
z-index: 100;
width: 75px;
height: 75px;
top:50%;
left:50%;
border-radius: 50%;
transform: translate(-50%,-50%);
overflow: hidden;
background-color: var(--main-bg-color);
background-image: url("images/spinner.gif");
background-repeat: no-repeat;
background-position: center;
display: none;
}
.contenido_video__contenedor iframe,
.contenido_video__contenedor object,
.contenido_video__contenedor embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:1000;
}
.contenedor__contenido_siguiente{
width:100%;
display: flex;
justify-content: flex-end;
margin-top: 1rem;
}
.contenido_siguiente{
background-color: var(--main-bg-color);
padding:10px 1.5rem;
color:white;
text-transform: uppercase;
font-size: 0.8rem;
}
.contenido_presentacion{
display:flex;
align-items: flex-start;
}
.contenido_presentacion__tema{
width: 600px;
display: flex;
flex-flow: column;
justify-content: flex-start;
margin-right: 2rem;
}
.contenido_presentacion__tema_hero{
position:relative;
width:100%;
height: 350px;
}
.contenido_presentacion__tema_titulo{
width:100%;
position:absolute;
font-size: 2rem;
font-weight: bold;
color:white;
bottom: 0px;
left:0px;
padding:20px;
text-shadow: 1px 1px 6px #666;
}
.contenido_presentacion__tema_hero > img{
width:100%;
height:350px;
object-fit: cover;
}
.contenido_presentacion__tema_texto > h2{
margin-top:2rem;
font-weight: 600;
font-size: 1.1rem;
margin-bottom: 1rem;
}
.contenido_presentacion__tema_texto strong{
font-weight: 600;
}
.contenido_presentacion__tema_texto > p{
line-height: 20px;
margin-bottom: 1rem;
}
.contenido_presentacion__tema_texto ul{
padding-left:2rem;
margin-bottom: 8px;
}
.contenido_presentacion__tema_texto ul > li{
list-style: circle;
line-height: 20px;
margin-top: 8px;
}
.contenido_presentacion__contenedor_profesor{
width:calc(100% - 632px);
display: flex;
flex-flow: column;
justify-content: flex-start;
}
.contenido_presentacion__profesor{
width:100%;
margin-bottom: 2rem;
}
.contenido_presentacion__profesor > p{
line-height: 20px;
margin-bottom: 8px;
}
.contenido_presentacion__profesor_nombre{
font-weight: 600;
font-size: 1.1rem;
}
.profesor_responsable{
margin-bottom: 8px;
background-color: var(--main-bg-color);
color:white;
padding:5px;
font-size: 0.9rem;
}
.cita{
width: 100%;
text-align: center;
font-style: italic;
margin-bottom: 1rem;
}
@media(max-width: 1640px){
.contenido_presentacion__tema{
width: 550px;
}
.contenido_presentacion__tema_hero{
width:100%;
height: 320px;
}
.contenido_presentacion__tema_hero > img{
height:320px;
}
.contenido_presentacion__contenedor_profesor{
width:calc(100% - 582px);
}
}
@media(max-width: 1550px){
.contenido_presentacion{
flex-flow: column;
align-items: center;
}
.contenido_presentacion__tema{
width: 100%;
margin-bottom: 2rem;
}
.contenido_presentacion__contenedor_profesor{
width:100%;
}
}
@media(max-width: 1200px){
.hamburguer_link{
display: flex;
transition: left .7s ease-in-out;
}
.menu_temario{
left:-230px;
transition: left .7s ease-in-out;
}
.contenido_temario{
margin-left: 0;
}
.ham_active{
left: 370px;
}
.ham_active > span:nth-of-type(2){
display: none;
}
.ham_active > span:nth-of-type(1){
transform: rotate(45deg);
}
.ham_active > span:nth-of-type(3){
transform: rotate(-45deg) translate(4px, -4px);
}
.menu_active{
left:70px;
}
}
.contenido_recursos__filtros{
display: flex;
flex-wrap: wrap;
}
.contenido_recursos__filtros > li{
margin-bottom: 2rem;
}
.contenido_recursos__filtros > li > a{
font-weight: 100;
font-size: 0.7rem;
padding:8px 2rem;
border:1px solid #CCC;
margin-right: 1rem;
color:#999;
border-radius: 1rem;
text-transform: uppercase;
}
.filtro_recurso_seleccionado{
border:1px solid #AAA!important;
color:#555!important;
}
.contenido_recursos_listado{
display: flex;
flex-flow: column;
}
.contenido_recursos_listado > li{
display: flex;
border-bottom:1px solid #EAEAEA;
padding:10px 0;
align-items: center;
}
.contenido_recursos_listado > li > img{
width: 30px;
height:34px;
margin-right: 1rem;
}
.recurso_extra_tema{
width:70px;
text-align: center;
font-size: 0.8rem;
margin-right: 1rem;
}
.recurso_extra_nombre{
width:calc(100% - 230px);
line-height: 20px;
font-size: 0.9rem;
display: block;
overflow: hidden;
}
.recurso_extra_tema_nombre{
width:calc(100% - 144px);
line-height: 20px;
font-size: 0.9rem;
display: block;
overflow: hidden;
}
.contenido_recursos_listado > li > a{
text-align: center;
padding:8px 1rem;
margin-left: 1rem;
background-color: var(--main-bg-color);
color: white;
text-transform: uppercase;
font-size: 0.7rem;
}
.archivo_invisible{
display: none!important;
}
.dudas_form{
width:100%;
padding-bottom: 4rem;
border-bottom: 1px solid #EAEAEA;
margin-bottom: 1.5rem;
}
.duda_group{
width:100%;
display: flex;
flex-flow: column;
align-items: flex-start;
position:relative;
}
.duda_group > span{
position:absolute;
right:8px;
color:#CCC;
font-size:1.2rem;
text-align: center;
top:32px;
line-height: 28px;
width:50px;
height:30px;
border:1px solid #CCC;
display: block;
}
.duda_group > label{
text-transform: uppercase;
font-size: 0.8rem;
font-weight: 100;
margin-bottom: 8px;
}
.duda_group > input{
padding:1rem 72px 1rem 1rem;
font-size: 0.9rem;
border:0;
width:100%;
border-bottom: 1px solid #CCC;
background-color: #FAFAFA;
font-weight: 600;
font-family: 'Quicksand', sans-serif;
color:#555;
margin-bottom: 1rem;
}
.duda_group > textarea{
padding:1rem;
font-size: 0.9rem;
border:0;
width:100%;
border-bottom: 1px solid #CCC;
background-color: #FAFAFA;
font-family: 'Quicksand', sans-serif;
color:#555;
line-height: 20px;
margin-bottom: 1rem;
resize: none;
}
.dudas_form__ultima_linea{
display: flex;
align-items: center;
width:100%;
}
.dudas_form__mensaje_usuario_contenedor{
width:calc(100% - 232px);
}
.dudas_form__mensaje_usuario{
font-size: 0.9rem;
line-height: 20px;
}
.dudas_botonera{
display: flex;
justify-content: flex-end;
}
.btn_dudas{
width:100px;
text-align: center;
line-height: 30px;
text-transform: uppercase;
color:white;
background-color: #CCC;
font-size: 0.8rem;
display: block;
margin-left: 1rem;
}
.btn_dudas:hover{
background-color: var(--main-bg-color);
cursor: pointer;
}
.enunciado_duda_simple{
display:flex;
align-items: flex-start;
width:100%;
padding:1.5rem 1rem;
border-bottom: 1px solid #EAEAEA;
}
.respuesta_duda_simple{
width:100%;
background-color: #FAFAFA;
margin-bottom: 2rem;
}
.respuesta_duda_contenedor{
padding:1.5rem 1rem;
display:flex;
align-items: flex-start;
}
.enunciado_duda_simple:first-of-type{
padding-top:0;
}
.duda_imagen_perfil{
width:50px;
height: 50px;
border-radius: 50%;
margin-right: 1rem;
overflow: hidden;
background-color: #00632e;
display: flex;
align-items: center;
justify-content: center;
}
.duda_imagen_perfil > img{
width:50px;
height:50px;
object-fit: cover;
}
.duda_imagen_perfil > p{
font-size: 1.5rem;
color:white;
text-transform: uppercase;
font-weight: 100;
}
.enunciado_duda__datos{
width:calc(100% - 66px);
}
.enunciado_duda__datos_titulo{
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 8px;
display: block;
}
.enunciado_duda__datos_complementarios{
width:100%;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 12px;
}
.enunciado_duda__datos_complementarios > p{
font-size: 0.9rem;
color:#AAA;
}
.enunciado_duda__datos_complementarios > p > span{
font-size: 0.9rem;
color:var(--main-bg-color);
}
.enunciado_duda__datos_complementarios > span{
width:16px;
height: 16px;
overflow: hidden;
}
.enunciado_duda__datos_complementarios > span:first-of-type{
margin-left: 8px;
}
.enunciado_duda__datos_complementarios > span:before{
content:'\e803';
font-family: 'IconsPublic';
font-size: 1rem;
width: 16px;
height: 16px;
color:#ffcc6f;
}
.enunciado_duda__datos_texto > p{
line-height: 20px;
margin-bottom: 10px;
}
.enunciado_duda__datos_texto em{
font-style: italic;
}
.enunciado_duda__datos_texto strong{
font-weight: 600;
}
.enunciado_duda__datos_texto a{
color:var(--main-bg-color);
}
.enunciado_duda__datos_texto ul{
margin-left: 30px;
}
.enunciado_duda__datos_texto li{
line-height: 20px;
margin-bottom: 8px;
list-style: circle;
}
.enunciado_duda__datos_texto a:hover{
cursor: pointer;
}
.respuesta_duda__profesor{
font-size: 1.1rem;
color:var(--main-bg-color);
margin-bottom: 5px;
}
.respuesta_duda__tiempo{
font-size: 0.9rem;
color:#AAA;
margin-bottom: 12px;
}
.contenido_previo_evaluacion{
display: flex;
flex-flow: column;
align-items: center;
}
.contenido_previo_evaluacion_textos{
width:100%;
margin-bottom: 2rem;
}
.contenido_previo_evaluacion_textos > h2{
font-size: 1.1rem;
margin-bottom: 1rem;
}
.contenido_previo_evaluacion_textos > p{
line-height: 20px;
margin-bottom: 8px;
}
.contenido_previo_evaluacion_resultados{
display: flex;
justify-content: center;
align-items: center;
}
.resultado_individual_contenedor{
width:300px;
height:240px;
border:1px solid #EAEAEA;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
margin-right: 1rem;
}
.resultado_individual_contenedor:last-of-type{
margin-right: 0;
}
.resultado_individual_grafico{
width:260px;
height: 130px;
margin-bottom: 10px;
}
#myChart{
width:260px!important;
height: 130px!important;
}
.leyenda{
display: flex;
margin-bottom: 8px;
align-items: center;
}
.span_acertadas,
.span_falladas,
.span_blanco{
width:15px;
height: 15px;
border:1px solid #EAEAEA;
margin-right: 3px;
display: block;
border-radius: 2px;
}
.span_acertadas{
background-color: var(--main-bg-color);
}
.span_falladas{
background-color: var(--error-bg-color);
}
.span_blanco{
background-color: #DDD;
}
.leyenda > p{
font-size: 0.9rem;
margin-right: 10px;
}
.leyenda > p:last-of-type{
margin-right: 0;
}
.resultado_individual_fecha{
font-weight: 100;
font-size: 0.8rem;
color:#999;
margin-bottom: 10px;
}
.resultado_individual_enlace{
width: 100px;
font-size: 0.8rem;
text-align: center;
line-height: 30px;
background-color: #CCC;
color:white;
text-transform: uppercase;
}
.resultado_individual_enlace:hover{
background-color: var(--main-bg-color);
cursor: pointer;
}
.resultado_individual_texto{
text-transform: uppercase;
color:#999;
font-size: 0.9rem;
}
.resultado_individual_texto:first-of-type{
margin-top: 2rem;
}
.resultado_individual_texto:last-of-type{
margin-bottom: 2rem;
}
.resultado_individual_numero{
font-size: 6rem;
font-weight: 600;
color:#999;
}
.contenido_evaluacion{
display: flex;
justify-content: flex-start;
}
.contenedor_pregunta_entradilla{
width:calc(100% - 252px);
}
.contenedor_descripcion_evaluacion{
padding:1rem;
background-color: #EEE;
margin-bottom: 1rem;
}
.descripcion_titulo{
font-size: 0.9rem;
margin-bottom:1rem;
}
.descripcion_pregunta > p{
line-height: 20px;
margin-bottom: 8px;
}
.contenedor_pregunta{
width:100%;
}
.contenedor_complementario{
width:220px;
margin-left: 2rem;
}
.numerador_pregunta{
margin-bottom: 1rem;
font-size: 0.9rem;
}
.numerador_pregunta > span{
font-weight: 600;
}
.enunciado_pregunta{
text-align: distribute;
line-height: 20px;
}
.pregunta_comentario{
line-height: 1rem;
font-size: 0.9rem;
padding:12px;
background-color: #EEE;
}
.contenedor_respuestas{
margin-bottom: 1.5rem;
}
.contenedor_respuestas__titulo{
font-size: 0.9rem;
margin: 2rem 0 1rem;
}
.respuestas_listado > li{
border:1px solid #EAEAEA;
padding:8px;
margin-bottom: 8px;
}
.respuestas_listado__revision > li{
padding:8px 1rem;
}
.respuestas_listado > li:last-of-type{
margin-bottom: 0;
}
.contenedor_navegacion{
width:100%;
display: flex;
justify-content: space-between;
}
.primera{
justify-content: flex-end;
}
.contenedor_navegacion > a,
.contenedor_tiempo_boton > a{
display: block;
background-color: #CCC;
width:100px;
font-size: 0.8rem;
height:30px;
line-height: 30px;
color:white;
text-transform: uppercase;
text-align: center;
}
.contenedor_navegacion > a:hover,
.contenedor_tiempo_boton > a:hover{
background-color: var(--main-bg-color);
cursor:pointer;
}
.contenedor_tiempo{
background-color: #FAFAFA;
padding:1rem;
display: flex;
flex-flow: column;
align-items: center;
margin-bottom: 2.5rem;
}
.contenedor_tiempo_numeros{
display: flex;
align-items: center;
margin-bottom: 1rem;
}
.grupo_tiempo{
width:50px;
display: flex;
flex-flow: column;
align-items: center;
margin-right: 1rem;
}
.grupo_tiempo:last-of-type{
margin-right: 0;
}
.grupo_tiempo__numero{
font-size: 2.5rem;
font-weight: 100;
color:#AAA;
}
.grupo_tiempo__texto{
font-size: 0.8rem;
}
.contenedor_tiempo_boton{
width:100%;
display:flex;
justify-content: flex-end;
}
.contenedor_listado_preguntas > ul{
display:flex;
flex-wrap: wrap;
}
.contenedor_listado_preguntas > ul > li{
width:40px;
height: 40px;
border:1px solid #EAEAEA;
margin-right: 5px;
margin-bottom: 5px;
}
.pregunta_contestada{
background-color: rgba(204,204,204,0.8);
color:white!important;
}
.acertada{
background-color: rgba(122,175,47,0.8);
color:white!important;
}
.fallada{
background-color: rgba(165,60,60,0.8);
color:white!important;
}
.contenedor_listado_preguntas > ul > li > a{
width:100%;
height: 100%;
text-align: center;
line-height: 40px;
color:#999;
font-weight: 100;
display: block;
}
.contenedor_listado_preguntas > ul > li:nth-of-type(5n + 5){
margin-right: 0;
}
.respuesta_group{
width:100%;
display: flex;
align-items: center;
}
.respuesta_group_seleccionador_contenedor{
width: 40px;
height: 24px;
background-color: #ccc;
border-radius: 29px;
margin-right: 1rem;
position: relative;
-webkit-transition: .4s;
transition: .4s;
}
.round{
border-radius: 50%;
height: 16px;
width: 16px;
background-color: white;
display: block;
position:absolute;
left: 4px;
bottom: 4px;
-webkit-transition: .4s;
transition: .4s;
}
.respuesta_activa{
background-color: var(--main-bg-color);
}
.respuesta_activa > .round {
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
}
.respuesta_group_texto{
width:calc(100% - 56px);
line-height: 20px;
}
.respuesta_group_texto__revision{
width:100%;
}
@media (max-width: 1450px){
.contenedor_pregunta{
width:calc(100% - 208px);
}
.contenedor_complementario{
width:175px;
margin-left: 2rem;
}
.grupo_tiempo{
width:40px;
display: flex;
flex-flow: column;
align-items: center;
margin-right: 10px;
}
.grupo_tiempo__numero{
font-size: 2.2rem;
font-weight: 100;
color:#AAA;
}
.grupo_tiempo__texto{
font-size: 0.6rem;
}
.contenedor_listado_preguntas > ul > li:nth-of-type(5n + 5){
margin-right: 5px;
}
.contenedor_listado_preguntas > ul > li:nth-of-type(4n + 4){
margin-right: 0;
}
}
@media (max-width: 1400px){
.contenido_evaluacion{
flex-flow: column-reverse;
}
.contenedor_pregunta{
width:100%;
}
.contenedor_complementario{
width:100%;
margin-left: 0;
margin-bottom: 2rem;
}
.contenedor_tiempo{
width: 100%;
background-color: #FAFAFA;
padding:1rem;
display: flex;
flex-flow: row;
justify-content: center;
align-items: center;
margin-bottom: 1rem;
}
.grupo_tiempo{
width:40px;
display: flex;
flex-flow: column;
align-items: center;
margin-right: 10px;
}
.grupo_tiempo__numero{
font-size: 2.2rem;
font-weight: 100;
color:#AAA;
}
.grupo_tiempo__texto{
font-size: 0.6rem;
}
.contenedor_listado_preguntas > ul > li{
margin-right: 5px!important;
}
.contenedor_tiempo_numeros{
margin-bottom: 0;
}
.contenedor_pregunta_entradilla{
width:100%;
}
}
/*****************************
PERFIL
*****************************/
.no_curso{
background-color: #F6F6F6;
flex-flow: column;
padding:45px;
overflow: scroll;
width:calc(100% - 200px);
}
.no_curso > h1{
width:100%;
font-size: 1.3rem;
font-weight: 500;
padding-bottom: 1rem;
border-bottom: 1px solid #CCC;
}
.no_curso__contenedor{
width:100%;
margin-top: 2rem;
display: flex;
align-items: flex-start;
}
.no_curso__contenedor_imagen{
width:250px;
margin-right: 2rem;
}
.no_curso__contenedor h2{
font-size: 1.2rem;
font-weight: 300;
margin-bottom: 1rem;
}
.no_curso__contenedor_zona_imagen{
background-color: white;
width: 100%;
padding:1.5rem;
display: flex;
flex-flow: column;
align-items: center;
margin-bottom: 1rem;
}
.no_curso__contenedor_zona_imagen_contenedor{
width:170px;
height: 170px;
border-radius: 50%;
overflow: hidden;
margin-bottom: 1rem;
background-color: #00632e;
display: flex;
align-items: center;
justify-content: center;
}
.no_curso__contenedor_zona_imagen_contenedor > img{
width:170px;
height: 170px;
object-fit: cover;
}
.no_curso__contenedor_zona_imagen_contenedor > p{
font-size: 5.5rem;
font-weight: 100;
text-transform: uppercase;
color:white;
}
.btn_perfil{
background-color: #CCC;
padding:8px 0;
width:100px;
text-align: center;
text-transform: uppercase;
margin-bottom: 8px;
font-size: 0.8rem;
border:0;
color:#555;
font-weight: 100;
font-family: 'Quicksand', sans-serif;
}
.btn_perfil:last-of-type{
margin-bottom: 0;
}
.btn_perfil:hover{
cursor:pointer;
background-color: var(--main-bg-color);
color:white;
}
#eliminar_imagen:hover{
background-color: var(--error-bg-color);
}
.editar_imagen_form{
display: flex;
width:100%;
flex-flow: column;
align-items: flex-start;
margin-top: 1rem;
margin-bottom: 1rem;
}
.editar_imagen_form{
width: 380px;
}
.editar_imagen_botonera{
display: flex;
width: 100%;
justify-content: flex-end;
}
.editar_imagen_botonera > a,
.editar_imagen_botonera > button{
width:100px;
font-size: 0.8rem;
display: block;
text-align: center;
line-height: 30px;
color:white;
background-color: #CCC;
text-transform: uppercase;
font-weight: 100;
border:none;
font-family: 'Quicksand', sans-serif;
}
.editar_imagen_botonera > button:hover{
background-color: var(--main-bg-color);
cursor: pointer;
}
.editar_imagen_botonera > a:hover{
background-color: var(--error-bg-color);
}
.editar_imagen_botonera > a{
margin-right: 1rem;
}
.no_curso__contenedor_zona_datos{
flex-grow: 1;
}
.datos_basicos_contenedor{
width: 100%;
background-color: white;
margin-bottom: 2rem;
padding:2rem;
}
.datos_basicos_contenedor > form{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.inputs_contenedor{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-end;
}
.passwords{
margin-bottom: 2rem;
}
.input_group{
width:300px;
display: flex;
flex-flow: column;
justify-content: flex-start;
margin-right: 1rem;
margin-bottom: 2rem;
}
.passwords > .input_group{
margin-bottom: 1rem;
}
.passwords > .btn_perfil{
margin-bottom: 1rem;
}
.input_group > label,
.perfil_contenedor_cursos > h3{
text-transform: uppercase;
font-size: 0.8rem;
margin-bottom: 8px;
font-family: 'Quicksand', sans-serif;
}
.mensaje_contenedor{
width: 100%;
padding-bottom: 1rem;
}
.warning{
color: var(--error-bg-color);
}
.success{
color:var(--main-bg-color);
}
.input_group > input{
padding:10px;
font-size: 0.9rem;
border:0;
border-bottom: 1px solid #CCC;
background-color: #FAFAFA;
font-family: 'Quicksand', sans-serif;
color:#555;
}
.btn_contenedor{
display: flex;
justify-content: flex-start;
margin-bottom: 3rem;
}
.perfil_contenedor_cursos__listado{
margin-top: 1rem;
width:100%;
}
.perfil_contenedor_cursos__listado > li{
width:100%;
padding: 1rem;
background-color: #FAFAFA;
margin-bottom: 10px;
display: flex;
align-items: center;
}
.curso_activo{
width:100px;
border:1px solid var(--main-bg-color);
text-transform: uppercase;
font-size: 0.8rem;
text-align: center;
padding:8px 0;
color:var(--main-bg-color);
font-weight: 100;
font-family: 'Quicksand', sans-serif;
}
.perfil_contenedor_cursos__datos{
width:100%;
margin-left: 1rem;
}
.perfil_contenedor_cursos_nombre{
text-transform: uppercase;
margin-bottom: 8px;
}
.perfil_contenedor_cursos_subdatos > p{
font-size: 0.9rem;
}
.datos_basicos_contenedor h3{
text-transform: uppercase;
font-size: 0.8rem;
margin-bottom: 1rem;
font-family: 'Quicksand', sans-serif;
}
.elemento_listado_estadistica{
width:100%;
padding: 1rem;
background-color: #FAFAFA;
margin-bottom: 10px;
}
.elemento_listado_estadistica_nombre{
margin-bottom: 8px;
font-size: 0.9rem;
text-transform: uppercase;
}
.elemento_listado_estadistica_contenedor_datos{
width:100%;
display: flex;
align-items: center;
}
.elemento_listado_estadistica_contenedor_datos:nth-of-type(2){
margin-top: 10px;
}
.elemento_listado_estadistica_contenedor_porcentaje{
width:calc(100% - 116px);
border:1px solid #EAEAEA;
height: 30px;
padding:5px;
display: flex;
align-items: center;
}
.elemento_listado_estadistica_leyenda{
display: flex;
align-items: center;
width:100px;
margin-right: 1rem;
}
.elemento_listado_estadistica_leyenda > span{
width:30px;
height:30px;
text-align: center;
line-height: 30px;
border-radius: 12px;
font-size: 1.1rem;
font-weight: 100;
}
.estadisticas_acertadas{
background-color: var(--main-bg-color);
color:white;
margin-right: 5px;
}
.estadisticas_falladas{
background-color: var(--error-bg-color);
color:white;
margin-right: 5px;
}
.estadisticas_blanco{
background-color: #DDD;
}
.elemento_listado_estadistica_aciertos{
width:0;
height:100%;
background-color: var(--main-bg-color);
}
.elemento_listado_estadistica_fallos{
width:0;
height:100%;
background-color: var(--error-bg-color);
}
.elemento_listado_estadistica_blanco{
width:0;
height:100%;
background-color: #DDD;
}
.no_curso__contenedor_zona_datos_estadisticas .datos_basicos_contenedor{
display: flex;
align-items: flex-start;
}
.estadisticas_generales{
width:200px;
margin-right: 1.5rem;
display: flex;
flex-flow: column;
align-items: center;
}
.estadisticas_por_temas{
width:calc(100% - 224px);
}
#myChartGeneral{
width:300px!important;
height: 150px!important;
margin-bottom: 1rem;
}
@media (max-width: 1583px){
.input_group{
width:370px;
}
}
@media (max-width: 1507px){
.passwords > .input_group{
margin-bottom: 2rem;
}
}
@media (max-width: 1407px){
.input_group{
width:500px;
}
.passwords{
flex-flow: column;
align-items: flex-start;
}
}
@media (max-width: 1400px){
.no_curso{
width:calc(100% - 70px);
}
.estadisticas_generales{
width:120px;
margin-right: 1rem;
}
.estadisticas_por_temas{
width:calc(100% - 136px);
}
#myChartGeneral{
width:200px!important;
height: 100px!important;
}
}
@media (max-width: 1160px){
.input_group{
width:100%;
}
.contenedor_perfil{
flex-flow: column;
align-items: center;
}
.estadisticas_generales{
width:160px;
margin-right: 1rem;
}
.estadisticas_por_temas{
width:calc(100% - 176px);
}
#myChartGeneral{
width:280px!important;
height: 140px!important;
}
.no_curso__contenedor_imagen{
width:100%;
margin-right: 0;
}
.passwords{
flex-flow: row;
align-items: flex-end;
}
.passwords > .btn_perfil{
width:100px;
margin-bottom: 0;
padding: 8px;
}
.passwords > .input_group{
margin-bottom: 0;
}
}
/****************************************
MATERIALES
****************************************/
.contenedor_materiales{
background-color: white;
width:100%;
display: flex;
flex-flow: column;
padding:3rem;
}
.contenedor_materiales > ul{
width:100%;
}
/**************************************
PROFESORES
**************************************/
.contenedor_profesores{
background-color: white;
width:100%;
display: flex;
flex-flow: column;
padding:3rem;
}
.ficha_profesor{
width: 100%;
display: flex;
align-items: flex-start;
padding:0 1rem 1rem 1rem;
border-bottom: 1px solid #EAEAEA;
margin-bottom: 2rem;
}
.ficha_profesor:last-of-type{
margin-bottom: 0;
border:none;
}
.ficha_profesor__contenedor_imagen{
width:140px;
height: 140px;
border-radius: 50%;
margin-right: 1.5rem;
overflow: hidden;
background-color: #00632e;
display: flex;
align-items: center;
justify-content: center;
}
.ficha_profesor__contenedor_imagen > img{
width: 140px;
height: 140px;
object-fit: cover;
}
.ficha_profesor__contenedor_imagen > p{
font-size: 4.5rem;
font-weight: 100;
text-transform: uppercase;
color:white;
}
.ficha_profesor__contenedor_datos{
width:calc(100% - 164px);
}
.ficha_profesor__curriculum > p{
margin-bottom: 8px;
font-style: italic;
line-height: 20px;
}
.coordinacion_mail_profesores_curso{
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 8px;
}
.coordinacion_mail_profesores_curso > p{
margin-right: 10px;
padding:5px;
color:white;
background-color: var(--main-bg-color);
}
.ficha_profesor__nombre{
font-weight: 600;
font-size: 1.2rem;
font-style: normal;
margin-bottom: 8px;
}
.ficha_profesor__temas_escritos{
font-style: normal;
margin-top: 1rem;
margin-bottom: 8px;
font-weight: 600;
}
.ficha_profesor__email{
color:var(--main-bg-color);
text-decoration: underline;
display: block;
}
.ficha_profesor__contenedor_datos > ul > li{
margin-left: 2rem;
list-style: circle;
margin-bottom: 8px;
}
@media (max-width: 1280px){
.ficha_profesor__contenedor_imagen{
width:100px;
height: 100px;
margin-right: 1.5rem;
}
.ficha_profesor__contenedor_imagen > img{
width: 100px;
height: 100px;
}
.contenedor_profesores{
padding:2rem;
}
.ficha_profesor__contenedor_datos{
width:calc(100% - 124px);
}
.ficha_profesor__contenedor_imagen > p{
font-size: 3.2rem;
}
}
/**************************************
NOTIFICACIONES
**************************************/
.contenedor_notificaciones{
background-color: white;
width:100%;
display: flex;
padding:3rem;
}
.listado_notificaciones_contenedor{
width:500px;
height: 600px;
margin-right: 3rem;
border:1px solid #EAEAEA;
overflow: scroll;
background-color: #EAEAEA;
}
.listado_notificaciones_contenedor > a{
padding:1rem;
display:flex;
align-items: center;
border-bottom: 1px solid #EAEAEA;
background: #FAFAFA;
}
.icono_notificacion{
width:25px;
height: 25px;
margin-right: 12px;
}
.icono_notificacion:before{
font-family: 'IconsPublic';
font-size: 1rem;
text-align: center;
line-height: 25px;
width:25px;
height:25px;
color:#DDD;
}
.actualizacion:before{
content:'\e80e';
}
.alerta:before{
content:'\e80f';
}
.calendario:before{
content:'\e810';
}
.sin_leer{
background-color: white!important;
font-weight: 600;
}
.listado_notificaciones_texto{
width:calc(100% - 41px);
}
.listado_notificaciones_texto_fecha{
margin-top: 5px;
font-size: 0.8rem;
font-style: italic;
}
.detalle_notificacion{
width:calc(100% - 500px);
display: flex;
justify-content: flex-start;
}
.detalle_notificacion_icono{
width:60px;
margin-right: 12px;
padding:10px;
}
.grande_alerta{
background-color: var(--error-bg-color);
}
.grande_actualizacion{
background-color: #586994;
}
.grande_calendario{
background-color: #FCB97D;
}
.detalle_notificacion_icono:before{
font-family: 'IconsPublic';
font-size: 40px;
text-align: center;
width:40px;
height:40px;
color:white;
}
.grande_alerta:before{
content:'\e80f';
}
.grande_actualizacion:before{
content:'\e80e';
}
.grande_calendario:before{
content:'\e810';
}
.detalle_notificacion_datos{
width:calc(100% - 52px);
}
.detalle_notificacion_datos > h2{
margin-bottom: 8px;
}
.detalle_notificacion_fecha{
font-size: 0.8rem;
margin-bottom: 1rem;
color:#AAA;
}
.detalle_notificacion_texto p{
line-height: 20px;
margin-bottom: 10px;
}
.detalle_notificacion_texto em{
font-style: italic;
}
.detalle_notificacion_texto strong{
font-weight: 600;
}
.detalle_notificacion_texto a{
color:var(--main-bg-color);
}
.detalle_notificacion_texto ul{
margin-left: 30px;
}
.detalle_notificacion_texto li{
line-height: 20px;
margin-bottom: 8px;
list-style: circle;
}
.detalle_notificacion_texto a:hover{
cursor: pointer;
}
@media (max-width: 1600px){
.listado_notificaciones_contenedor{
width:500px;
margin-right: 2rem;
}
.detalle_notificacion{
width:calc(100% - 500px);
}
}
@media (max-width: 1400px){
.listado_notificaciones_contenedor{
width:400px;
margin-right: 2rem;
}
.detalle_notificacion{
width:calc(100% - 400px);
}
}
@media (max-width: 1200px){
.contenedor_notificaciones{
flex-flow: column-reverse;
}
.listado_notificaciones_contenedor{
width:100%;
}
.detalle_notificacion{
width:100%;
margin-bottom: 2rem;
}
}
/**************************************
ENCUESTA Y CERTIFICADO
**************************************/
.contenedor_encuesta{
background-color: white;
width:100%;
display: flex;
flex-flow: column;
padding:3rem;
}
.contenedor_encuesta > p{
line-height: 20px;
margin-bottom: 1rem;
}
.contenedor_encuesta > p:last-of-type{
margin-bottom: 0;
}
.contenedor_encuesta > form{
display: flex;
flex-flow: column;
align-items: flex-end;
width: 100%;
}
.contenedor_encuesta > form > h2{
margin-top: 3rem;
width: 100%;
background-color: var(--main-bg-color);
color:white;
font-weight: 700;
font-size: 0.9rem;
padding:8px;
}
.encuesta_item_group{
width: 100%;
display: flex;
align-items: center;
padding: 1rem 0;
border-bottom: 1px solid #DDD;
}
.encuesta_item_group > input,
.encuesta_item_group > select{
width:60px;
margin-left: 2rem;
}
.encuesta_item_group > label{
width: calc(100% - 92px);
}
.encuesta_item_group_texto{
display: flex;
flex-flow: column;
width: 100%;
padding: 1rem 0;
}
.encuesta_item_group_texto > label{
width:100%;
margin-bottom: 1rem;
}
.encuesta_item_group_texto > textarea{
width:100%;
resize: none;
font-family: 'Quicksand', sans-serif;
line-height: 20px;
padding: 10px;
}
.contenedor_encuesta > form > button{
padding:8px 2rem;
background-color: var(--main-bg-color);
color: white;
text-transform: uppercase;
font-size: 0.7rem;
border:none;
}
.contenedor_encuesta > form > button:hover{
cursor:pointer;
}
.post_encuesta{
display: flex;
flex-flow: row;
align-items: center;
justify-content: flex-start;
}
.post_encuesta:last-of-type{
margin-bottom: 2rem;
}
.post_encuesta > i{
font-size: 5rem;
color:#EAEAEA;
margin-right: 2rem;
}
.post_encuesta_textos > p{
margin-bottom: 1rem;
}
.post_encuesta_textos > a{
padding:10px 2rem;
font-size: 0.8rem;
text-transform: uppercase;
color:white;
background-color: var(--main-bg-color);
display: inline-block;
}
.intro_val{
line-height: 20px;
margin-bottom: 1rem;
}
/**************************************************
EVALUACIONES EXTRAORDINARIAS
**************************************************/
.contenido_extraordinario > h2{
font-size: 1.4rem;
padding-bottom: 8px;
width: 100%;
border-bottom: 1px solid #DDD;
margin-bottom: 1.5rem;
}
.contenido_extraordinario > p{
line-height: 20px;
margin-bottom: 2rem;
}
.tema_extraordinario{
display: flex;
justify-content: space-between;
align-items: center;
padding:1rem;
border:1px solid #DDD;
margin-bottom: 1rem;
}
.tema_extraordinario > p{
width:calc(100% - 216px);
margin-right: 1rem;
}
.tema_extraordinario > a{
font-size: 0.7rem;
text-transform: uppercase;
width:80px;
text-align: center;
height: 30px;
line-height: 30px;
background-color: #DDD;
margin-right: 1rem;
}
.estado_extraordinario{
display: flex;
flex-flow: column;
align-items: flex-end;
width:100px;
}
.superar_contenedor{
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 6px;
}
.superado i,
.superado p{
color:var(--main-bg-color);
}
.no_superado i,
.no_superado p{
color:var(--error-bg-color);
}
.superar_contenedor > p{
font-weight: 700;
font-size: 0.7rem;
margin-left: 5px;
text-transform: uppercase;
}
.estado_extraordinario > p{
font-size: 0.7rem;
}
/***********************************
WEBINARS
***********************************/
.elemento_webinar{
width:100%;
border-bottom: 1px solid #EAEAEA;
margin-bottom: 1rem;
display:flex;
flex-flow: column;
align-items: center;
background-color: #EAEAEA;
}
.cabecera_webinar{
width:100%;
padding:1rem;
border:1px solid #EAEAEA;
background-color: white;
}
.cabecera_webinar{
display: flex;
align-items: center;
}
.cabecera_webinar > a{
height: 60px;
margin-left: 1rem;
color:var(--main-bg-color);
display: flex;
flex-flow: column;
align-items: center;
font-size: 0.8rem;
}
.cabecera_webinar > a > i{
font-size: 40px;
margin-bottom: 8px;
}
.parte_izq_webinar{
flex: 1;
}
.parte_izq_webinar > p{
width:100%;
font-weight: 600;
font-size: 1.1rem;
margin-bottom: 8px;
}
.fechas_enlaces{
width:100%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.fechas_enlaces > a,
.fechas_enlaces > p{
font-size: 0.9rem;
color:var(--main-bg-color);
}
.fechas_enlaces > span{
margin:0 10px;
}
.cabecera_webinar a:hover{
cursor: pointer;
}
.contenedor_general_video_webinar{
width:800px;
}
.contenedor_video_webinar{
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%;
}
.contenedor_video_webinar iframe{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
@media (max-width: 1050px){
.contenedor_general_video_webinar{
width:100%;
}
}