@keyframes opacidad {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-up {
  from {
    opacity: 0;
    transform: translate(0,50px);
  }

  to {
    opacity: 1;
    transform: translate(0,0);
  }
}

@keyframes fade-down {
  from {
    opacity: 0;
    transform: translate(0,-50px);
  }

  to {
    opacity: 1;
    transform: translate(0,0);
  }
}

@keyframes fade-left {
  from {
    opacity: 0;
    transform: translate(-10px,0);
  }

  to {
    opacity: 1;
    transform: translate(0,0);
  }
}

.animate, .animate-up, .animate-op  {animation-duration:0.9s;animation-fill-mode: both;}
.fade-up {animation-name: fade-up;animation-timing-function: ease;}
.fade-left {animation-name: fade-left;animation-timing-function: ease-out;}
.fade-down {animation-name: fade-down;animation-timing-function: ease;}
.opacidad {animation-name: opacidad;}

.delay-1 {animation-delay: 0.4s;}
.delay-2 {animation-delay: 0.6s;}
.delay-3 {animation-delay: 0.8s;}
.delay-4 {animation-delay: 1s;}
.delay-5 {animation-delay: 1.4s;}
.delay-6 {animation-delay: 1.6s;}
.delay-7 {animation-delay: 1.8s;}
.delay-8 {animation-delay: 2s;}

/*alertas*/
.alerta {position:relative;z-index:10000;}
.alerta.alert {color:#fff;padding:10px 10px 15px 10px;margin-bottom:0px;border:none;border-radius:0px;}
.alerta.alert.alert-success {background: #388e3c;}
.alerta.alert.alert-danger {background: #df0024;}
.alerta .close {font-size: 21px;color: #fff;text-shadow:none;opacity:1;}

body {background-color: #fff;}
hr {border-color:#ddd;}
.sombreado {background-color: #f5f5f5;padding:20px 0px 40px 0px;}
.portada .sombreado {background-color: #fff;padding:0px;}
a {color: inherit;}
a:hover {color: #00b140;}
a.link {color: #23527c;text-decoration: underline;}
section {padding:30px 0;}
section > h1, section > .container > h1 {margin-top: 0;}
.botonera {margin-bottom:20px;}
.nuevo {background-color: #00b140;color:#fff;font-size: 11px;padding:0px 3px;}
.breadcrumb {padding:0px;}
video {width:100%;}
.titulo-h2 {font-size:30px;text-align: center;padding:20px;}
.g-recaptcha {margin:20px 0px;}

.pagination > .active a {background-color: #00b140;border-color: #00b140;}
.pagination > .active a:hover {background-color: #777;border-color: #777;}
.pagination li a, .pagination > li > span {color: #777;padding:4px 10px;}

/*margin*/
.mt-1 {margin-bottom:25px;}

/*aviso*/
.aviso {padding:10px 0px;color:#fff;text-align: center;}
.aviso a {padding-left:5px;text-decoration: underline;}
.aviso a:hover {color:#000;}

/*header*/
header {background: #FFF;line-height: 25px;border-bottom:1px solid #e1e1e1;}
header .logo img {margin-top:17px;}
header .container, header .container-fluid {position: relative;height:65px;}
header .menu {position: absolute; right: 15px; top: 17px; bottom: 0;}
header .menu .active a {color: #01ac3f;}
header .menu .btn {font-size: 12px;}

/*mensajes*/
.btn-mensajes {font-size:16px;position:relative;}
.btn-mensajes:hover {text-decoration:none;}
.btn-mensajes .contador {position:absolute;top:-10px;right:-10px;width:20px;line-height:20px;font-size:12px;display:inline-block;background: #01ac3f;border-radius:50%;color:#fff;text-align:center;}

/*menu usuario*/
.btn-menu {margin-left:20px;}
.menu-usuario {text-align:right;width:200px;background:#fff;padding:15px;display:none;z-index:100000;box-shadow: 0px 3px 3px 1px #ddd;}
.menu-usuario-abierto .menu-usuario {display:block;position:absolute;top:100%;right:0px;}
.menu-usuario ul li:last-child {color:red;}

/*suscripcion*/
.suscripcion .sombreado {background-color: #fff;padding:0px 0px 50px 0px;}
.suscripcion .fondo-suscripcion {padding:50px 0px;text-align: center;}
.suscripcion h1 {font-size:30px;color:#fff;}
.suscripcion .subtitulo {font-size:16px;color:#fff;margin-bottom:30px;}
.producto {margin-bottom: 20px; padding: 30px;max-width:900px;margin:0 auto;position: relative;}
.producto .titulo {font-size: 30px;}
.producto .precio {font-size: 40px;}
.producto .descripcion {padding:20px 0px;font-size:16px;}

.ventajas {margin:50px auto;padding:0px;max-width: 900px;}
.ventajas ul {margin:0;padding:0;list-style: none;}
.ventajas ul li {padding:10px 0px;font-size: 16px;}
.ventajas ul li::before {content:"";background-image: url(../imagenes/check.svg);background-size: 18px 14px;width:18px;height:14px;display: inline-block;margin-right: 10px;}
.ventajas ul li u {color:#00b140;}
.ventajas img {width:66px;height:66px;margin-top:50px;}
.check {width:15px;height:15px;margin:0px 10px 0px 0px;}

/*presentacion*/
.presentacion {padding:30px 5px;text-align: center;position:relative;z-index: 100;}
.presentacion h1 {text-shadow:none;color:#212121;margin-bottom: 20px;font-size:30px;}
.presentacion h2 {font-size:20px;}
.presentacion p {color:#616161;font-size:16px;}
.presentacion a.btn {min-width:300px;margin:10px 0px;padding:15px;}
.presentacion a.suscribete {text-decoration: underline;display: inline-block;font-size:18px;}

/*iconos*/
.iconos {margin-top:-55px;position:relative;z-index:200;}
.iconos {padding:50px 0px;background: #f5f5f5;border-top:1px solid #e0e0e0;}
.iconos {background: rgba(245,245,245,1);
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);}
.iconos img {width:66px;height:66px;margin:50px 0px;}

/*videos*/
.videos {padding:30px 0px;}
.videos h3 {font-size:25px;}
.videos p {color:#616161;font-size:16px;}
.videos .video {margin-bottom:50px;}

/*footer*/
footer {padding: 25px 0;background-color: #fff;border-top:1px solid #ddd;}
footer .social a {display: inline-block;margin-right:5px;font-size:20px;}
footer .social a .fa-instagram {font-size:21px;}
footer .social a:hover {color: #00b140;}

#form-boletin {margin-bottom: 25px;}
#form-boletin .input-group {padding: 10px; background-color: #EEE; border-radius: 30px;}
#form-boletin .input-group input {border: 0 none; background-color: #EEE;}
#form-boletin .input-group input:focus {box-shadow: none;}
#form-boletin .input-group button {width: 32px; height: 32px; margin: 0; padding-left: 0; padding-right: 0; text-align: center; background-color: #01ac3f; color: #EEE; border: 0 none; border-radius: 50%;}

#descripcion img {width: 55px; height: 55px; margin: 10px 0;}
#descripcion .circulo {width:100px;height:100px;line-height:90px;border-radius:50%;border:3px solid #00b140;text-align:center;margin:15px auto 15px auto;}
#descripcion p {max-width:250px;margin:0 auto;}

.tablet, .tablet .pantalla, .tablet .botones-izq:before, .tablet .botones-izq:after, .tablet .botones-der:before {border: 2px solid #a2a2a2;}
.tablet {position: relative; margin: 0 auto; padding: 3% 8%; max-width:800px; background-color: #FFF; border-radius: 20px;}
.tablet.laptop {margin-top:20px;padding:20px;border-radius:20px;max-width:900px;}
.tablet .pantalla {border: 2px solid #a2a2a2; border-radius: 2px;}
.tablet .pantalla .carousel-inner > .item > img {-webkit-filter: brightness(100%);filter: brightness(100%);}
.tablet .botones-izq, .tablet .botones-der {position: absolute; top: 0; bottom: 0; width:10%;}
.tablet .botones-izq {left: 0;}
.tablet .botones-der {right: 0;}
.tablet .botones-izq:before, .tablet .botones-izq:after, .tablet .botones-der:before {content: ""; position: absolute; left: 50%; top: 50%; border-radius: 50%;}
.tablet .botones-izq:before {width: 10px; height: 10px; margin: -5px 0 0 -5px;}
.tablet .botones-izq:after {width: 5px; height: 5px; margin: 7px 0 0 -2px;}
.tablet .botones-der:before {width: 15px; height: 15px; margin: -5px 0 0 -5px;}

.tablet-indicadores {margin-top: 20px; padding: 0; list-style: none; text-align: center;}
.tablet-indicadores li {display: inline-block; width: 20px; height: 20px; background-color: #959595; border-radius: 50%; cursor: pointer; transition: background-color .3s;}
.tablet-indicadores li.active {background-color: #01ac3f;}

.opinion {margin: 20px 0; text-align: center;}
.opinion img {max-width:75px;}
.opinion h3 {font-size: 18px; margin: 10px 0 0 0;}
.opinion p {min-height:50px;}

#banner .btn {border: 2px solid #FFF;}

.cuadro-blanco {padding: 20px; margin-bottom: 20px; background-color: #FFF; border: 1px solid #e1e1e1; border-radius: 3px;}
.titulo-insertado {text-align: center;}
.titulo-insertado .titulo {margin:20px auto 0 auto; padding: 10px 0; max-width:400px; background-color: #000; color: #FFF; font-size: 16px; text-align: center; text-transform: uppercase; border-radius: 5px 5px 0 0;}
.cuadro-blanco .cabecera {margin: -20px -20px 20px -20px; padding: 20px; border-bottom: 1px solid #e1e1e1; font-size: 18px;}
.cuadro-blanco .cabecera .titulo {margin: 0; padding: 0; font: 18px "open_sanssemibold", Arial, sans-serif;}
.cuadro-blanco .cabecera .icono {margin-right: 5px; vertical-align: middle;}
.cuadro-blanco .cabecera img.icono {display: inline-block; height: 20px;}
.cuadro-blanco .cabecera .icono + .titulo {display: inline-block; vertical-align: middle;}
.cuadro-blanco .cabecera .opciones {position: absolute; top: 20px; right: 20px; bottom: 20px;}
.tab-content .cuadro-blanco {border-top: 0 none;}

#tabla-suscripcion {margin: 20px 0;}
#tabla-suscripcion th {width: 200px;}

/*SEGUIMIENTO*/
.tabla-seguimiento #col-historial-fecha {width: 150px;}
.tabla-seguimiento #col-historial-preguntas {width: 100px;}
.tabla-seguimiento #col-historial-aciertos {width: 90px;}
.tabla-seguimiento #col-historial-fallos, .tabla-seguimiento #col-historial-no-respondidas, .tabla-seguimiento #col-historial-nota, .tabla-seguimiento #col-historial-tiempo {width: 80px;}
.tabla-seguimiento .col-acciones {width: 170px;}
.tabla-seguimiento .col-posicion {width: 100px;}
.tabla-seguimiento .col-precio {width: 170px;}
.tabla-seguimiento th .ico-orden {font-size: 6px; vertical-align: middle;}
.tabla-seguimiento .col-10 {width: 10%;}
.tabla-seguimiento .col-15 {width: 15%;}
.tabla-seguimiento .col-20 {width: 20%;}
.tabla-seguimiento .col-25 {width: 25%;}
.tabla-seguimiento .col-30 {width: 30%;}
.tabla-seguimiento .col-35 {width: 35%;}
.tabla-seguimiento .col-40 {width: 40%;}
.tabla-seguimiento .col-45 {width: 45%;}

.marcador {margin-bottom: 20px; padding: 30px 0; text-align: center; border: 1px solid #e1e1e1; background-color: #FFF;}
.marcador .valor {font: 2em "open_sanssemibold", Arial, sans-serif;}
#marcador-acertadas .valor, #marcador-acertadas .porcentaje {color: #41a62a;}
#marcador-falladas .valor, #marcador-falladas .porcentaje {color: #e84c3d;}
#marcador-norespondidas .valor, #marcador-norespondidas .porcentaje {color: #626262;}
.seguimiento-pregunta {padding: 10px 0; border-bottom: 1px solid #e1e1e1;}
.seguimiento-pregunta .media-right > div {width: 140px; text-align: right;}
.seguimiento-pregunta .tema {font-size: 0.8em;color:#707070;margin:0 0 3px 0;}
.seguimiento-pregunta .respondida {display: inline-block; vertical-align: middle; text-align: center; width: 30px; height: 30px; line-height: 30px; border-radius: 50%;}
.seguimiento-pregunta .respondida.no-respondida {border: 1px solid #000; color: #000;line-height: 25px;}
.seguimiento-pregunta .respondida.correcta {background-color: #01a83e; color: #FFF;}
.seguimiento-pregunta .respondida.incorrecta {background-color: #e84c3d; color: #FFF;}
.seguimiento-pregunta .opcion {margin-bottom: 10px;}
.seguimiento-pregunta .opcion i {font-size: 1.7em;}
.seguimiento-pregunta .opcion .ok {color: #01a83e;}
.seguimiento-pregunta .opcion .error {color: #e84c3d;}
.btn-publicar-foro {margin-left:10px;}
#preguntas .nav-tabs {margin-bottom: 20px;}

#capa-extra {margin-bottom: 20px;}
#capa-extra.cargando {min-height: 100px; background: url(../imagenes/ajax-g.gif) center no-repeat;}
#capa-extra .realizado label {color: #00b140;}
#capa-extra .realizado .label-success {background-color: #00b140;margin-left:5px;}
#capa-generando-prueba {padding: 45px 0; text-align: center;}

.open > .dropdown-menu.temas-info { display:contents;}
.open > .dropdown-menu.temas-info .temas-info-contenido {padding:5px 0px;}
.temas-info-icon {cursor: pointer;}

/*FORMAS DE PAGO*/
.forma-pago label {padding:15px 15px 15px 35px;border: 1px solid #e1e1e1; border-radius: 3px;display:block;}
.forma-pago img {height:20px;margin-top:-3px;}
.forma-pago strong {padding-right:5px;}

/*PREGUNTAS*/
.faq {counter-increment: contadorFaq;padding-bottom:10px;}
.faq .circulo:before {content: counter(contadorFaq);}
.faq a {display:block;padding-top:10px;}
.faq a .circulo {font-size:13px;display:block;color:#fff;background-color: #00b140;border-radius: 50%;width:25px;height:25px;line-height:25px;text-align: center;}
.faq a .respuesta {padding:20px 0px;}
.faq .well {margin-top:20px;margin-bottom:0px;}

.foros .h3 {margin-bottom:20px;}
.foros .titulo {margin: 0 0 5px 0;font-size: 14px;color:#000;}
.foros .titulo.candado:before {content: "\f023";font-family: "FontAwesome";margin-right:5px;}

.foros .list-group .tema-cerrado {background-color:#f9f1f1;}
.foros .tema-cerrado .titulo {color:#a94442;}
.foros .tema-cerrado .titulo:before {content: "\f00d";font-family: "FontAwesome";color: #a94442;margin-right:5px;}
.foros .foro-item:link .titulo, .foros .foro-item:link {color:#00b140;}

.foros .tema-destacado {background-color: #fcf8e3;}
.foro-tema {margin-bottom: 5px;}
.foros-cabecera {margin: -20px -20px 20px -20px; padding: 10px 20px; border-bottom: 1px solid #e1e1e1; background-color: #fafafa;}
.foros-cabecera .titulo {margin: 0 0 5px 0;}
.foros-cabecera .info {font-size: 0.9em;}
.foros-pie {display: none; margin: 20px -20px -20px -20px; padding: 10px 20px; border-top: 1px solid #f1f1f1;}
.foro-tema.moderador.tema-borrado {opacity: .5}
.moderador .foros-pie, .tema-propio .foros-pie, .tema-abierto .foros-pie {display: block;}
.foros-cuerpo blockquote, .editar-tema blockquote {position: relative; font-size: 13px; background-color: #ebf1ed; border-left: 5px solid #e3eae5;}
.foros-cuerpo blockquote.cita {max-height: 105px; overflow: hidden;}
.foros-cuerpo blockquote.cita:after {content: ""; position: absolute; left: 0; top: 105px; right: 0; height: 0; box-shadow: 0 0 10px 10px rgba(0, 0, 0, .2);}
.foros-cuerpo blockquote.pregunta ol {counter-reset: NumOpcion; padding: 0; margin: 10px 0;}
.foros-cuerpo blockquote.pregunta ol li {list-style: none; margin: 5px 0;}
.foros-cuerpo blockquote.pregunta ol li:before {content: counter(NumOpcion, upper-alpha); counter-increment: NumOpcion; display: inline-block; width: 20px; height: 20px; margin-right: 5px; background-color: #000; color: #FFF; text-align: center; border-radius: 50%;}
.foros-cuerpo blockquote.pregunta ol li.correcta {color: #16a085;}
.foros-cuerpo blockquote.pregunta ol li.correcta:before {background-color: #16a085;}
.foros-cuerpo .archivos {list-style: none;margin:0px;padding:0px;}
.foros-cuerpo .archivos li {margin-bottom:10px;}

.foro-buscar {background:#fff;border:1px solid #ddd;display:inline-block;border-radius:50px;}
.foro-buscar .btn-default {border:none;}
.foro-buscar .form-control {background: #fff;color:#000;box-shadow: none;border:none;}
.foro-buscar input.form-control:focus {border-color:none;box-shadow: none;}

.btn-favorito {border: 0 none; background: none; padding: 0; font-size: 1.3em;}
.btn-favorito .on {color: #f4d03f;}
.btn-favorito .off {color: #666;}
.btn-favorito.btn-favorito-on .off, .btn-favorito.btn-favorito-off .on {display: none;}

/*HEADER GRIS*/
.header-gris {position:relative;display:block;padding:15px 20px;background:#eeeeee;border-bottom:1px solid #e1e1e1;margin-bottom:10px;}

/*FORMACION ONLINE*/
.btn-formacion {padding-right:15px;font-size:16px;}
.btn-formacion i {font-size:20px;}
.formacion-online {background: #fff;margin-top:-20px;margin-bottom:-50px;}
.formacion-online .slider {background:url(../imagenes/formacion-online.jpg);height:300px;display: flex; align-items: center;color:#fff;}
.formacion-online .slider p {max-width:320px;font-size:15px;}

.formacion-online .cursos {margin:50px auto;}
.formacion-online .curso {border:1px solid #c9c9c9;border-radius:10px;margin-top:25px;}
.formacion-online .curso .cabecera {background: #eeeeee;padding:20px 20px 10px 20px;border-radius:10px 10px 0px 0px;}
.formacion-online .curso .cabecera h3 {font-size:30px;margin:0px 0px 5px 0px;}
.formacion-online .curso .cuerpo {padding:20px;font-size:18px;}
.formacion-online .curso .cuerpo .precio {font-size:35px;text-align:center;}

.fo-gestion {background-color: #f5f5f5;}
.fo-gestion header {position:fixed;top:0px;left:0px;right:0px;z-index:1000;border-bottom:1px solid #e1e1e1;}
.fo-gestion .col {display:inline-block;vertical-align:top;}
.fo-gestion .fo-menu {background:#fff;position:fixed;top:65px;left:0;bottom:0;width:250px;}
.fo-gestion .fo-menu ul {list-style:none;margin:0;padding:0;}
.fo-gestion .fo-menu > ul > li {padding:5px 0px;border-bottom:1px solid #e1e1e1;position:relative;}
.fo-gestion .fo-menu ul li a {display:block;padding:15px 15px;}
.fo-gestion .fo-menu ul li a:hover {text-decoration: none;}
.fo-gestion .fo-menu ul li a i {width:16px;text-align: center;}
.fo-gestion .fo-menu ul li a i.fa-angle-right {position:absolute;top:15px;right:15px;font-size:20px;}
.fo-gestion .fo-menu ul li a span {padding-left:10px;font-family: "open_sanssemibold", Arial, sans-serif;}
.fo-gestion .fo-menu ul li ul {margin-left:45px;padding-bottom:15px;}
.fo-gestion .fo-menu ul li ul li a {display:block;padding:5px 5px 0px 0px;}


.fo-gestion .fo-cuerpo h1 {margin-top:0px;}
.fo-gestion .cuadro-blanco {margin-top:15px;}
.fo-gestion .mes, .fo-gestion .examen-mensual {border-bottom:1px solid #e1e1e1;position:relative;}
.fo-gestion .mes .media .media-left {position: relative;}
.fo-gestion .mes .media .media-left i.fa-calendar-o {font-size:50px;}
.fo-gestion .mes .media .media-left i.fa-lock {position:absolute;top:43%;left:30%;font-size:20px;}
.fo-gestion .mes .media .media-body {padding-left:10px;}
.fo-gestion .mes .media .media-body p {max-width:80%}
.fo-gestion .mes .media.bloqueado i {color:#fbc02d;}
.fo-gestion .mes .media.desbloqueado i {color:#00b140;}
.fo-gestion .mes .media.inactivo i {color:#bdbdbd;}
.fo-gestion .mes a, .fo-gestion .examen-mensual {padding:15px;display:block;}
.fo-gestion .mes a:hover {color:inherit;text-decoration: none;}
.fo-gestion .mes .btn {position:absolute;right:15px;top:40%;min-width:100px;}
.fo-gestion .mes:last-child { border:none; }
.fo-gestion .examen-mensual button {margin-top:10px;}

.fo-gestion .periodo .header {position:relative;display:block;padding:15px 20px;background:#eeeeee;border-bottom:1px solid #e1e1e1;}
.fo-gestion .periodo .header:hover {color:inherit;text-decoration: none;}
.fo-gestion .periodo .header i {position: absolute; right:15px;top:15px;font-size:25px;}

.fo-gestion .periodo .contenido {padding:15px 20px;border-bottom:1px solid #e1e1e1;position: relative;}
.fo-gestion .periodo .contenido i {padding-right:10px;color:#00b140;}
.fo-gestion .periodo .contenido .btn {position:absolute;right:20px;top:10px;min-width:150px;}
.fo-gestion .periodo .contenido.historial {padding-left:50px;background: #f9f9f9;}
.fo-gestion .periodo .contenido.historial span {padding-right:20px;}
.fo-gestion .periodo .contenido.historial i {padding-right:5px;}
.fo-gestion .periodo .porcentaje {margin-left:25px;font-size:13px;}
.fo-gestion .periodo .porcentaje strong {margin-right:10px;}

.fo-gestion .estadistica {padding:15px 0px;}
.fo-gestion .estadistica .marcador {text-align:left;padding:10px 20px;}
.fo-gestion .estadistica .marcador .total {font-size:40px;}
.fo-gestion .fechas label {margin:0px 5px;}
.fo-gestion .fechas input.fecha {padding: 3px 5px; width: 115px; border: 1px solid #e1e1e1; background: url(../imagenes/chevron-down.svg) 89px 50% no-repeat #FFF; background-size: 16px 16px;}

/*EVOLUCION*/
.evolucion .rango label {padding-right:5px;}
.evolucion .rango input {min-width:190px;}
.daterangepicker td.in-range {background-color: #e7f5ec}
.daterangepicker td.active, .daterangepicker td.active:hover {background-color: #00b140;}

/*MENSAJES*/
a.mensaje {display: block; padding: 10px 10px 10px 20px; border-bottom: 1px solid #e1e1e1; position: relative;}
a.mensaje:hover {text-decoration: none;}
a.mensaje:before {content: ""; position: absolute; left: 0; top: 33px; width: 8px; height: 8px; background-color: #e1e1e1; border-radius: 50%;}
.mensaje .fecha {margin: 0; text-transform: capitalize;}
.mensaje .asunto {margin: 0;}
.mensaje .texto {margin: 10px 0 20px 0;}
.mensaje .archivo {display: inline-block; margin-right: 10px; padding: 5px 15px; background-color: #f5f5f5; border: 1px solid #e1e1e1; border-radius: 5px;}
.mensaje .archivo span {margin-right: 5px;}
.mensaje .btn-valoracion {margin:5px 0px;}
a.mensaje.no-leido:before {background-color: #00b140;}
a.mensaje.no-leido .asunto {font-weight: bold;}
a.mensaje form button {position: absolute; top: 15px; right: 10px;}

/*VALORACION*/
#valoracion-descargar .cargando, #valoracion-descargar.cargando button {display: none;}
#valoracion-descargar.cargando .cargando {display: block;}
.valoracion h2 {background-color: #EEE; margin-top: 0; padding: 10px; font-size: 1.1em; font-weight: bold; text-transform: uppercase;}
.container-btn-descargar {position:relative;}
.container-btn-descargar .btn-descargar {position: absolute;top:0px;right:15px;}

.table .col10 {width: 10%;}
.table .col15 {width: 15%;}
.table .col20 {width: 20%;}
.table .col25 {width: 25%;}
.table .col30 {width: 30%;}
.table .col35 {width: 35%;}
.table .col40 {width: 40%;}
.table .col45 {width: 45%;}

/*USUARIO FORMACION CONLINE*/
.usuario-formacion-online h3 {margin:0px 0px 5px 0px;}
.usuario-formacion-online .precio {font-size:20px;}
.usuario-formacion-online .btn {min-width:100px;}
.usuario-formacion-online .usuario-formacion-online-curso {padding:15px;}

/*PREGUNTAS FALLADAS*/
.botones-preguntas-falladas {padding: 15px 0;text-align:center;}

/*CLASES*/
#col-clases-diferido-fecha {width:200px;}

/*WHATSAPP*/
.btn-whatsapp {box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3);text-align:center;background:#1bd741;border-radius:50px;padding:15px;display:inline-block;position:fixed;bottom:20px;right:20px;z-index:900;}
.btn-whatsapp img {margin:0 auto;height:30px;margin-left:3px;}

.d-flex { display: flex; }
.btn-foro-buscar { border-color: #ddd !important; border-radius: 0 5px 5px 0; border: 2px solid #ddd; border-left: 0;}

/*lopd*/
.texto-clausula {margin:15px 0px;text-align:left;font-size:11px;}

/*MOVIL*/
@media (max-width: 768px)
{
	body.fo-gestion {padding:80px 10px 0px 10px;}
	header .container {z-index:1100;}
	header .logo img {height:25px;}
	header .btn-movil:hover {color: #00b140;}
	/*.carousel-inner > .item > img {width:auto;max-width:none;min-width:auto;height:100%;}*/

	.iconos {padding:20px 0px 50px 0px;text-align: center;}
	.iconos img {margin:40px auto;}

	.videos {text-align: center;}

	#banner {text-align: center;}

	footer .social {margin-bottom: 15px;}

	.menu-abierto {overflow: hidden;}
	#menu {position: fixed; top:-100%; left:0;right:0; width: 100%; height:100%; padding:20px; background-color: #f7f7f7;opacity:0; transition: opacity .2s; z-index: 1000;text-align: right;}
	.menu-abierto #menu {top:65px;opacity:1;overflow: auto;text-align:center;}
	#menu li.btn-login {margin:10px 0px;}
	#menu li.btn-suscribete {margin:10px 0px;}

	.titulo-insertado .titulo {margin:0 auto; padding: 15px 0; max-width:250px; background-color: #535353; color: #FFF; font-size: 15px; text-align: center; text-transform: uppercase; border-radius: 5px 5px 0 0;}

	/*formacion*/
	.fo-gestion .fo-menu {display:none;background:#fff;position:fixed;top:65px;left:0;bottom:0;width: 100%; height:100%;z-index:1000;}
	.fo-gestion.menu-formacion-abierto .fo-menu {display:block;}

	/*portada*/
	.presentacion h4 {font-size:16px;}
}

/*TABLET*/
@media (min-width: 769px)
{
	header .logo, header .logo img {height:30px;}
	header .logo-app img {height:25px;}

	.cabecera-verde {margin-bottom: 0; padding-bottom: 100px;}
	.cabecera-verde + .container {margin-top: -60px;}

	.tablet.laptop {padding:40px;border-radius: 30px;}

	.presentacion p, .iconos p, .videos p, .ventajas ul li {font-size:18px;}
	.videos h3 {font-size:30px;padding:20px 0px;}
	.videos .video .espaciol {padding-left:50px;}

	.producto .boton {margin:50px 20px;}

	.formacion-online .slider {height:800px;}
	.formacion-online .slider p {max-width:700px;font-size:25px;}

	/*formacion*/
	.fo-gestion .fo-cuerpo {padding-left:280px;padding-right:50px;padding-top:85px;}
	.usuario-formacion-online-cta {text-align:right;}
	.evolucion .rango {text-align:right;}
	.btn-pdf {text-align:right;margin-top:15px;}

}

/*ESCRITORIO*/
@media (min-width: 992px)
{

	#menu.menu-usuario {font-size: 14px;}
	#menu li {display: inline-block; padding: 0 0 0 20px;}
	#menu li.btn-login {padding: 0 0 0 20px;}
	#menu li.btn-suscribete {padding: 0 0 0 10px;}

	.tablet .botones-izq, .tablet .botones-der {width: 10%;}
	.marcador {padding:40px 0; font-size: 1.4em;}

	#descripcion p {font-size: 16px;}

	.faq, .pagina {font-size: 18px;}

	.iconos {margin-top:-45px;padding:50px 0px 80px 0px;}

	.titulo-h2 {font-size:40px;}

	.videos {padding:100px 0px;}
	.videos p {max-width: 400px;}

	.suscripcion .subtitulo {font-size:18px;margin-bottom:50px;}
	.producto .descripcion {text-align: left;font-size:18px;}

	.tablet .botones-izq:before {width: 10px; height: 10px; margin: -5px 0 0 -5px;}
	.tablet .botones-izq:after {width: 5px; height: 5px; margin: 7px 0 0 -2px;}
	.tablet .botones-der:before {width: 20px; height: 20px; margin: -5px 0 0 -5px;}

	/*portada*/
	.presentacion {padding:50px 0px 0px 0px;}
	.presentacion h1, .suscripcion h1, .formacion-online h1 {font-size:40px;}
	.presentacion h2 {font-size:30px;}
	.presentacion h4 {max-width:80%;margin:20px auto;font-size:20px;line-height:25px;}
	.presentacion a.btn {padding:15px;}
    
  	 section {padding: 50px 0 30px 0;}
}

/*PANORAMICO*/
@media (min-width: 1400px)
{
	.container {width:1330px;}

	.presentacion {padding:60px 0px 0px 0px;}
	.presentacion h1, .suscripcion h1, .formacion-online h1 {font-size:45px;letter-spacing:-1px;}
	.presentacion h4 {max-width:50%;}

	.videos h3 {padding:50px 0px 20px 0px;}
	.videos p {max-width: 550px;font-size: 22px;}

	.tablet .botones-izq:before {width: 10px; height: 10px; margin: -5px 0 0 -5px;}
	.tablet .botones-izq:after {width: 5px; height: 5px; margin: 7px 0 0 -2px;}
	.tablet .botones-der:before {width: 25px; height: 25px; margin: -5px 0 0 -5px;}
}

@media only print
{
	header, footer {display: none;}
	.container {width: auto;}
	.cuadro-blanco {padding: 0; border: 0; background: none;}
}