* {box-sizing:border-box; -webkit-box-sizing:border-box;}

html {height: 100%;}

body {
    background-color:#FFF;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

a, aside, form, label, table, ol, ul, li {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    text-decoration: none;
    list-style:none;
}

h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif;} /*font-family: 'Playfair Display', serif;*/

/* COLORES */
.azul {color: #0f195a;}
.bg-azul {background-color: #0f195a;}
.bg-claro {background-color: #f9fbff;}

.celeste {color:#0eadce;}
.naranja {color:#FF9800;}
.verde {color:#C0CA33;}
.rosa {color:#dc1955;}

.bg-celeste {background-color:#0eadce;}
.bg-naranja {background-color:#FF9800;}
.bg-verde {background-color:#C0CA33;}
.bg-rosa {background-color:#dc1955;}
.bg-gris {background-color:#dde4ed;}

/* TARJETAS*/
.tarjeta {
    display:inline-block;
    vertical-align:top;
    background-color:#FFF;
    width: 100%;
    padding: 8px;
    -webkit-box-shadow: 4px 2px 10px rgba(170,177,172,0.25);
    box-shadow: 4px 2px 10px rgba(170,177,172,0.25);
    overflow:hidden;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.tarjeta-sans {
    display:inline-block;
    vertical-align:top;
    background-color:#FFF;
    width: 100%;
    padding: 0;
    -webkit-box-shadow: 4px 2px 10px rgba(170,177,172,0.25);
    box-shadow: 4px 2px 10px rgba(170,177,172,0.25);
    overflow:hidden;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.paddless {padding: 0;}
.mayus {text-transform: uppercase;}

/* INDEX */
/*header {position: relative; background-color: #FFF; box-shadow: 0 4px 4px rgba(0,0,0,0.25);}*/
header {position: fixed;
    z-index: 1000;
    width: 100%;
    top: 0;
    background-color: #FFF;
    transition: all ease-in-out 0.5s;
    box-shadow: 0 4px 4px rgba(0,0,0,0.25);}
.datos {color: #FFF; text-align: right;}
.redes .fa {width: 24px; height: 24px; background-color: #fff; border-radius: 50%; margin:8px 4px; padding-top: 5px; text-align: center;}
.triangulo, .redes, .comunicate, .suscribete {display: inline-block; vertical-align: top;}
.triangulo {content: ' '; border: 20px solid transparent;}
.blue {border-right: 20px solid #0f195a;}
.cyan {border-right: 20px solid #0eadce;}
.orange {border-right: 20px solid #FF9800;}
.redes {padding: 0 1em 0 2em;}
.boletin {color:#FFF;}
.boletin:hover {color: #0f195a;}
.datos .btn-default {color:#FFF; background-image:none; border:none; margin: 0; border-radius: 0; padding: 8px 0;}
.datos .btn-default:hover {color: #fff; background-color: #0eadce; text-decoration: underline;}
.datos .btn-default.focus, .datos .btn-default:focus {color: #fff; background-color: #0eadce; text-decoration: none;}
.btn-default.focus, .btn-default:focus {outline: none;}
.datos .fa-envelope-o {padding-right: 8px; font-size: 1.6em;}
.suscribete {padding: 0 0 0 2em;}
.suscribete .fa-envelope-o {padding-top: 8px; font-size: 1.6em;}
.suscribete span {display: inline-block; vertical-align: top; padding: 10px 4px; font-weight: 600;}
.comunicate {padding: 0 2em 0 1em;}
.comunicate span {display: inline-block; vertical-align: top; padding: 3px 4px;}
.comunicate .fa-phone {width: 34px; padding: 6px; border: #fff solid 2px; border-radius: 50%; font-size: 1.3em;
    margin: 0 4px;}
.comunicate a {color: #FFF; font-weight: 600; font-size: 1.6em; font-family: 'Poppins', sans-serif;}

.navbar-default {border:none; background:#FFF;}
.navbar {border-radius: 0;}
.navbar {margin-bottom: 0;}
#cuenta {margin: 10px 6px; font-size: 12px;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {position: absolute; top: -100%;}
.navbar-brand {padding: 0; padding-top: 0.8em;}
.navbar-default .navbar-brand .logo {max-width: 76%; margin: 0 12%; transition: all ease-in-out 0.5s;}
.logo-fijo {padding: 1em 1rem; max-width: 50%!important; margin: 18px 25%!important;}

.navbar-default .navbar-nav>li>a {text-transform: uppercase; font-size: 12px;
    font-weight: 600; transition: all .35s ease;}
.navbar-default .navbar-nav>li>button {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    border: none;
    background: none;
    color: #777;
    transition: all .35s ease;
    border-radius: 0;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #0f195a;}
.navbar-default .navbar-nav>li>button:hover {
    color: #fff;
    background-color: #0f195a;
}

.subtitulo {display: inline-block; vertical-align: top; width: 100%; margin-bottom: 1em; font-weight: 600;}

.videos, .seminarios, .nosotros, .noticias {padding: 3em 0;}
.noticias {border-bottom: 4px solid #0f195a;}

.seminarios .tarjeta-sans {margin-bottom: 16px;}
.c-img {position: relative; max-height: 250px; overflow: hidden; height: 248px;}
.c-img .fa {padding-right: 6px;}
.seminarios img {transition: all ease-in-out 0.4s;}
.seminarios .efecto:hover img {
    -ms-transform: scale(1.2, 1.2); /* IE 9 */
    -webkit-transform: scale(1.2, 1.2); /* Safari */
    transform: scale(1.2, 1.2);
}
.overimg {width: 100%; height:100%; background: rgba(0, 0, 0, 0.65); position: absolute; top: 0; left: 0; z-index: 10;}
.c-titulos, .tipo, .area, .inicio, .division {display: inline-block; vertical-align: top; position: absolute; z-index: 20; width: 100%;}
.tipo {
    bottom: 0;
    width: 34%;
    left: 0;
    background-color: #0f195a;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 8px;
}
.area {
    bottom: 0;
    width: 33%;
    right: 0;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 8px;
}
.division {
    content: ' ';
    border: 16px solid transparent;
    border-left-color: #424242;
    border-top-color: #424242;
    /*border-right-color: #0f195a;
    border-bottom-color: #0f195a;*/
    width: 4%;
    top: 0;
    margin-left: -15px;
}
.c-titulos {
    min-height: 84px;
    position: relative;
    top: 0;
    line-height: 1;
    background: url(../img/isotipo.jpg) no-repeat 97% 0px;
    margin: 1em 0 0;
    text-align: left;
    left: 0;
    color: #0f195a;
    padding: 8px 54px 4px 16px;
    font-weight: 100;
    text-transform: uppercase;
}
.inicio {
    bottom: 0;
    left: 34%;
    width: 33%;
    padding: 6px 0;
    text-transform: uppercase;
    color: #fff;
    background: #0eadce;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}
.c-texto p {padding: 12px 16px 0 16px;
    text-align: left;
    font-weight: 500;
    min-height: 52px; /*background:url(../img/isotipo.jpg) no-repeat 97% 4px;*/ color: #424242;}
.seminarios a:focus, .seminarios a:hover {text-decoration: none;}
.seminarios a:hover .btn-default {color: #fff; background-color: #212121;}
.btn-default {
    background-image: none;
    color: #FFF;
    text-transform:
    uppercase;
    font-weight: 600;
    border: none;
    background-color: #e32c30;
    margin: 0 16px 8px 0;
    transition: all ease-in-out 0.3s;
}
.btn-default:hover {color: #fff; background-color: #9E9E9E;}
.clientes {border-bottom: 4px solid #EEEEEE;}
.videos {border-top: 4px solid #EEEEEE; border-bottom: 4px solid #EEEEEE}
.cover-video {background: url(../img/v_01.jpg) no-repeat center; background-size: cover; width: 100%; height:234px; position:relative;}
.cover-video .glyphicon {position: absolute; top: 34%; opacity: 0.5; color: #FFF; font-size: 6em; text-shadow: 0 3px 6px rgba(0,0,0,0.4); width: 100%; left: 0; z-index: 10; transition: all ease-in-out 0.3s;}
.uno {background: url(../img/foto-videos1.jpg) no-repeat center; background-size: cover;}
.dos {background: url(../img/foto-videos2.jpg) no-repeat center; background-size: cover;}
.tres {background: url(../img/foto-videos3.jpg) no-repeat center; background-size: cover;}
.v-titulo {font-size: 16px; background: #ff9800; padding: 12px; color: #fff; margin: 0; min-height:58px;}
.videos .fancybox-media:hover .cover-video .glyphicon {opacity: 1;}
.v-texto {padding: 8px; margin: 0; font-weight: 500;}
.hov-video {background:rgba(0,0,0,0); transition: all ease-in-out 0.3s; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.videos .fancybox-media:hover .hov-video {background:rgba(0,0,0,0.5);}

.noti-item:hover {text-decoration: none;}
.n-img {max-height: 200px; overflow:hidden;}
.n-texto h3 {font-size: 15px; text-align: left; padding: 0 16px 8px; line-height: 1.4;}
.noti-item .more {display: inline-block; width: 100%; padding: 8px; color: #FFF; text-transform: uppercase; font-weight: 600;}

.frame {position: relative;}
.img-nosotros {background:url(../img/cd_01.jpg) no-repeat center; background-size: cover; width: 100%; height: 400px;}
.nosotros {border-top: 4px solid #EEEEEE; border-bottom: 4px solid #EEEEEE;}
.nosotros-item {background: #FFF; position: absolute; width: 75%; padding: 2em 3em 2.5em; top: 3em; right: 0; text-align: left; border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.4);}
.nosotros-iso {
    position: absolute;
    background: #FFF url(../img/isotipo.jpg) no-repeat center;
    width: 80px;
    height: 100px;
    top: 0em;
    right: 5em;
    z-index: 20;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.check {position: absolute; top: 34%; z-index: 10; left: 50%; margin-left: -60px;}

.contacto {position: relative; min-height: 600px;}
.contacto iframe {position: absolute; top: 0; left: 0; width: 100%; z-index: -1;}
.ubicate-ahora {z-index:0!important;}
.formulario {
    text-align: left;
    padding: 3em;
    background-color: #0f195a;
    /*margin: 0 0 4em;*/
    margin: 0;
    color: #FFF;
}
.formulario button[type="submit"] {float: right; margin: 0;}
.informacion {
    background-color: rgba(33, 33, 33, 0.84);
    color: #FFF;
    padding: 2em;
    text-align: left;
}
.informacion li {margin-bottom: 1em;}
.informacion .fa {padding-right: 8px;}
.pantalla {
    background-color: rgba(250, 250, 250, 0.75);
    margin-bottom: 0;
    padding-bottom: 0;
    height: 600px;
    padding-top: 3em;
}
.mapita {
    position: absolute;
    z-index: 20;
    bottom: 8rem;
    right: 36rem;
    background-color: #c0ca33;
    color: #FFF;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    box-shadow: 0 3px 6px rgba(0,0,0,0.4);
    padding-bottom: 5px;
    transition: all .35s ease;
}
.fa-map-o {padding-right: 10px; display: inline-block; vertical-align: middle;}
.restaurador {
    position: absolute;
    bottom: 2em;
    right: -100%;
    background-color: #0eadce;
    color: #FFF;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 3px 6px rgba(0,0,0,0.4);
    padding-bottom: 3px;
    transition: all .35s ease;
}
.restaurador-jalar {right: 6em;}
.fa-arrow-circle-o-left {padding-right: 10px; display: inline-block; vertical-align: middle;}

.loguito {width: 20%; margin: 1rem 40% 0;}
.modal-dialog {margin-top: 7em;}
.modal-title {color: #FFF; font-size: 1.6em;}
.modal-body .btn-default {margin: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; border: 1px solid #ccc; border-left: 0;}
.modal-body .form-inline .form-control {border-bottom-right-radius: 0; border-top-right-radius: 0;}
.modal-body p {font-size: 1.2em; font-weight: 500;}
.modal-header .close {background-color: #fff; width: 24px; height: 24px; border-radius: 50%;}
.modal-header .close span {display: inline-block; vertical-align: top; margin-top: -2px;}

footer {
    border-top: 4px solid #e02c2d;
    margin-top: 2rem;
}
footer h5 {font-size: 22px; text-transform: uppercase; font-weight: 100; text-align: left;}
footer ul li {text-align: left; line-height: 1.5;}
footer ul>li>a {color: #616161; font-weight: 700;}

.modal-backdrop {background-color: rgba(255, 255, 255, 0);}

.logo-footer {max-width: 80%;}

.pagos {padding-top: 2em; padding-bottom: 2em; background-color: #000; color: #FFF; margin-top: 1em;}

.js-scroll-to-top {
    position: fixed;
    bottom: 10rem;
    right: 2rem;
    background: none;
    font-size: 3em;
    color: rgb(250, 250, 250);
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.6);
    transition: all .35s ease;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 100;
}
.js-scroll-to-top:focus {outline: none; color: rgb(250, 250, 250);}
.js-scroll-to-top:hover {color: rgba(33, 33, 33, 0.8);}

/* PÁGINAS INTERNAS: DETALLE DE CURSO O TALLER */

/* SEMINARIOS */
.cursos {margin-top: 6em;}
.cursos .tarjeta-sans {margin-bottom: 16px;}
.cursos .c-img {position: relative; max-height: 250px; overflow: hidden;}
.cursos img {transition: all ease-in-out 0.4s;}
.cursos .efecto:hover img {
    -ms-transform: scale(1.2, 1.2); /* IE 9 */
    -webkit-transform: scale(1.2, 1.2); /* Safari */
    transform: scale(1.2, 1.2);
}
.cursos .overimg {width: 100%; height:100%; background: rgba(0, 0, 0, 0.65); position: absolute; top: 0; left: 0; z-index: 10;}
.cursos .c-titulos, .cursos .tipo, .cursos .area, .cursos .inicio, .cursos .division {display: inline-block; vertical-align: top; position: absolute; z-index: 20; width: 100%;}
.cursos .tipo {
    top: 0;
    bottom: inherit;
    width: 48%;
    left: 0;
    background-color: #424242;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    text-align: right;
    padding: 6px 8px;
}
.cursos .area {
    top: 0;
    bottom: inherit;
    width: 46%;
    right: 0;
    /*background-color: #0f195a;*/
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    padding: 6px 8px;
}
.cursos .division {
    content: ' ';
    border: 16px solid transparent;
    border-left-color: #424242;
    border-top-color: #424242;
    /*border-right-color: #0f195a;
    border-bottom-color: #0f195a;*/
    width: 4%;
    top: 0;
    margin-left: -15px;
}
.cursos .c-titulos {
    top: 15%;
    line-height: 1.5;
    left: 0;
    color: #FFF;
    padding: 8px 2em 4px;
    font-weight: 100;
    text-transform: uppercase;
    background: none;
    text-align: center;
    font-weight: 600;
}
.cursos .inicio {bottom: 2em; left: 0; color: #B0BEC5; font-weight: 700; background:none; color: #FAFAFA;}
.cursos .c-texto p {padding: 12px 0 0 16px; text-align: left; font-weight: 500; background: url(../img/isotipo.jpg) no-repeat 97% 8px; color: #424242;}
.cursos a:focus, .cursos a:hover {text-decoration: none;}
.cursos a:hover .btn-default {color: #fff; background-color: #212121;}
.cursos .btn-default {background-image: none; color: #FFF; text-transform: uppercase; font-weight: 600; border: none; background-color: #0eadce; margin: 0 16px 8px 0; transition: all ease-in-out 0.3s;}
.cursos .btn-default:hover {color: #fff; background-color: #9E9E9E;}

.conta, .tribu, .guber, .toditos {width: 100%; box-shadow: 0 2px 2px rgba(0,0,0,0.3); transition: all .35s ease;}
.aparte {margin-top: 4em;}
.seminarios .conta {background-color: #ff9800;}
.seminarios .tribu {background-color: #dc1955;}
.seminarios .guber {background-color: #C0CA33;}

.cursos .conta:hover, .cursos .tribu:hover, .cursos .guber:hover, .cursos .toditos:hover {color:#0f195a ; background-color: #FFF; box-shadow: 0 2px 5px rgba(0,0,0,0.75); font-weight: 800;}
.botonera {margin-bottom:1em;}
.botonera-titulo {text-align: left; font-size: 1.4em; line-height: 1.2; margin-top:0;}
.botonera button {display:inline-block; vertical-align: top; width: 20%;}

/* CURSO DETALLE */
.posicion-fija {top:-40px;}
.cabecera-curso {position:relative; background: #ddd url('../img/cabecera-cursob.jpg') no-repeat center left; background-size: cover; margin-top: 90px; padding-top: 3em; padding-bottom: 3em; height:526px;}
.cabecera-curso2 {position:relative; background: #ddd url('../img/cursos/express-niif-virtual.jpg') no-repeat center left; background-size: cover; margin-top: 90px; padding-top: 3em; padding-bottom: 3em; height:526px;}
.cabecera-curso3 {position:relative; background: #ddd url('../img/cursos/express-niif.jpg') no-repeat center left; background-size: cover; margin-top: 90px; padding-top: 3em; padding-bottom: 3em; height:526px;}
.cabecera-curso4 {position:relative; background: #ddd url('../img/cursos/presentacion.jpg') no-repeat center left; background-size: cover; margin-top: 90px; padding-top: 3em; padding-bottom: 3em; height:526px;}
.cabecera-curso5 {position:relative; background: #ddd url('../img/cursos/libros-electronicos.jpg') no-repeat center left; background-size: cover; margin-top: 90px; padding-top: 3em; padding-bottom: 3em; height:526px;}
.cabecera-curso6 {position:relative; background: #ddd url('../img/cursos/precios-transferencia.jpg') no-repeat center left; background-size: cover; margin-top: 90px; padding-top: 3em; padding-bottom: 3em; height:526px;}
.cabecera-curso7 {position:relative; background: #ddd url('../img/cursos/programa-finanzas-niif.jpg') no-repeat center left; background-size: cover; margin-top: 90px; padding-top: 3em; padding-bottom: 3em; height:526px;}
.cabecera-curso8 {position:relative; background: #ddd url('../img/cursos/seminario-impacto.jpg') no-repeat center left; background-size: cover; margin-top: 90px; padding-top: 3em; padding-bottom: 3em; height:526px;}

.cabecera-curso9 {position:relative; background: #ddd url('../img/cursos/casos-practicos.jpg') no-repeat center left; background-size: cover; margin-top: 90px; padding-top: 3em; padding-bottom: 3em; height:526px;}
.cabecera-curso10 {position:relative; background: #ddd url('../img/cursos/actualizacion-tributaria.jpg') no-repeat center left; background-size: cover; margin-top: 90px; padding-top: 3em; padding-bottom: 3em; height:526px;}
.cabecera-curso11 {position:relative; background: #ddd url('../img/cursos/auditoria-financiera.jpg') no-repeat center left; background-size: cover; margin-top: 90px; padding-top: 3em; padding-bottom: 3em; height:526px;}
.cabecera-curso12 {position:relative; background: #ddd url('../img/cursos/planeamiento-tributario.jpg') no-repeat center left; background-size: cover; margin-top: 90px; padding-top: 3em; padding-bottom: 3em; height:526px;}
.cabecera-curso13 {position:relative; background: #ddd url('../img/cursos/tributacion-no-domiciliados.jpg') no-repeat center left; background-size: cover; margin-top: 90px; padding-top: 3em; padding-bottom: 3em; height:526px;}

.cabecera-curso14 {position:relative; background: #ddd url('../img/cursos/imagen1.png') no-repeat center left; background-size: cover; margin-top: 90px; padding-top: 3em; padding-bottom: 3em; height:526px;}
.cabecera-curso15 {position:relative; background: #ddd url('../img/cursos/imagen2.png') no-repeat center left; background-size: cover; margin-top: 90px; padding-top: 3em; padding-bottom: 3em; height:526px;}

.titulo-curso {text-align: left; font-family: 'Racing Sans One', cursive; font-size: 3em; color:#FFF;}
.datos-curso span strong {display: inline-block; vertical-align: top; width: 36%;}
.subtitulo-curso {
    text-align: left;
    font-size: 1.6em;
    font-weight: 100;
    text-transform: uppercase;
    color: #FFF;
    margin-top: 2em;
    padding-bottom: 0;
}
.sub-subtitulo {font-family: 'Racing Sans One', cursive; text-align: left; color: #FFF;}
.formulario-inscripcion {
    position: fixed;
    top: 22%;
    right: 5%;
    width: 320px;
    margin: 0;
    background: hsla(190, 84%, 55%, 1);
    padding: 2em;
    z-index: 100;
    transition: all ease-in-out 0.3s;
}
.formulario-inscripcion label {text-align:left; width:100%;}
.formulario-inscripcion button[type="submit"] {float: right; margin: 0;}
.datos-curso, .enfasis, .otros-datos {
    font-family: 'Poppins', sans-serif;
    width: 70%;
    text-transform: uppercase;
    background-color: rgba(250, 250, 250, 0.75);
    color: #333;
    padding: 1em;
    position: absolute;
    top: 106%;
    text-align: left;
}
.datos-curso span {display: block; border-bottom: 1px #616161 dotted; line-height: 2;}
.datos-curso span:last-child {border-bottom:none;}

.info-curso, .programa, .inversiones, .inversiones-2, .deposito {text-align: left;}
.info-curso {padding: 1em 0 2em;}
.programa, .inversiones {
    background: rgba(33, 33, 33, 0.12);
    padding: 1em 0 3em;
    border-top: 1px dotted #9E9E9E;
    border-bottom: 1px dotted #9E9E9E;
}
.programa, .inversiones-2 {
    padding: 1em 0 3em;
    border-top: 1px dotted #fff;
    border-bottom: 1px dotted #fff;
}
.expositores {text-align: left;}
.expositor {padding:1em 0 3em;}
.expositor .titulos-secciones {text-align:left;}
.formulario-fijo {
    position: fixed;
    top: 18%;
    width: 350px;
    margin: 0;
    z-index: 100;
    right: 0;
    box-shadow: 0 3px 6px rgba(0,0,0,0.3);
}
.nombre-expositor {text-align:left;}
.photo {
    border-radius: 50%;
    overflow: hidden;
    width: 78%;
    margin: 0 16%;
}
.experiencia {text-align:left;}
.experiencia li {padding-left: 21px; text-indent: -10px;}
.experiencia li .fa, .inversiones li .fa {padding-right:8px; color: #e32c30;}
.experiencia li span {
    display: inline-block;
    vertical-align: top;
    padding: 0 16px 0 10px;
    font-weight: 700;
    width: 70px;
    font-family: 'Poppins', sans-serif;
}
.peque {text-align: left; font-weight: 600;}
.llamativo {
    background: #0eadce;
    padding: 1em 0 1em 4em;
    margin: 0;
    font-size: 2em;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #FFF;
    text-align: left;
    font-family: 'Racing Sans One', cursive;
}
.incluye li {line-height: 1.8;}
.inversiones li .fa-exclamation-circle {
    color: #ff9800;
    font-size: 2em;
    vertical-align: middle;
}
.deposito {
    background-color: #0f195a;
    color: #FFF;
    padding: 1em 0 2em;
}
.deposito p {line-height: 1.8;}
.deposito strong {font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 21px;}
.informes .fa {
    font-size: 3rem;
    vertical-align: middle;
    padding-right: 12px;
    line-height: 1.2;
}
.seminarios .todo {margin-top:2em;}

/* CLIENTES */
.client {margin:3em 2em 2em;}
.clientes-todos .client {
    display: inline-block;
    vertical-align: top;
    width: 18%;
    box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    padding: 2em 1em;
    height: 116px;
    margin: 12px;
}
.clientes-todos .client img {margin: 0 auto;}

/* NOTICIAS - NEWS */
.noticias time {display:inline-block; vertical-align:top; width:100%; border-bottom: 1px dotted #ddd;}
.noticias p {text-align: left;}
.news {margin-top: 4em;}
.news .n-texto {min-height: 50px;}
.news {border-bottom:none;}
.main-news {padding:2em;}
.noticias figcaption {
    background-color: #0f195a;
    color: #FFF;
    padding: 8px 16px;
    text-align: left;
    margin-bottom: 1em;
    font-weight: 100;
    font-size: 18px;
}
.listas .tarjeta-sans {display: inline-block; vertical-align: top; margin: 0 1em 1em 1em; }

/* ESTILOS INTRANET */
.formulario-ingreso {color:#FFF; text-align:left;}
.partea {background: url(../img/textura-02.png); height: 100vh;}
.parteb {
    background-color: #9f0304;
    padding: 10em 8em 6em;
    height: 100vh;
}
.parteb h2 {color:#FFF;}
.formulario-ingreso button {
    float: right;
    margin: 0;
    margin-top: 2em;
    background-color: #333;
}
.logo_intranet {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bg-nosotros {
    /*background: url(../img/cabecera-nosotros.jpg) no-repeat center;*/
    width: 100%;
    height: auto;
    margin-top: 6em;
    padding: 0;
    border-bottom: none;
    border-top: none;
}
.nosotros .titulo {
    /*color: #fff;*/
    text-transform: uppercase;
    text-shadow: 0 3px 5px rgba(0,0,0,0.5);
    margin-top: 2em;
}

/* INTRANET */
 .intranet-cursos {
     background-color: #222;
     position: absolute;
     width: 100%;
     top: 0;
     left:0;
 }
 #intranet .saludo {font-size: 1.2em; color: #FFF; font-weight: 600;}
 #intranet .usuario {
    box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    overflow: hidden;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background-color: #00135a;
    color: #FFF;
    padding-top: 6px;
    display: inline-block;
    vertical-align: middle;
}
#intranet .navbar-nav li {margin: 0 8px; padding-top: 4px;}
.dropdown-content a, .navbar-nav .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;}
.dropdown-menu>a {color: #333;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    padding: 1rem 0;}
#intranet .navbar-nav .dropdown-content a {text-transform: uppercase;}
#intranet .navbar-brand > img {
    display: inline-block;
    padding: 1em;
}
.cabecera {
    background: url(../img/bg-inicio.jpg) no-repeat center top;
    background-size: cover;
    width: 100%;
    /*min-height: 380px;
    margin-bottom: 3em;*/
    overflow: hidden;
    margin-top: 40px;
}
.incorrecta {margin-top: 1rem; color: #f41e1e;}

.cabecera h2 {
    padding: 4em 0 .5em;
    color: #FFF;
    font-size: 3em;
    text-align: right;
    text-shadow: 0 2px 3px rgba(0,0,0,0.5);
}
.dropdown {display: inline-block; vertical-align: middle;}
.dropdown button {margin: 0;}
.open>.dropdown-menu {display: block;
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
    padding: 0 1em;
}
#intranet .navbar-nav {float:right; padding-top: 1rem;}
#intranet .navbar-brand {
    padding-top: 2.5em;
    display: inline-block;
}
#intranet .titulo-curso {text-align: left;
    font-family: 'Racing Sans One', cursive;
    font-size: 2em;
    color: #333;
    margin-top:0;
}
#intranet .curso-virtual {
    position: relative;
    background: url(../img/cursos/express-niif-virtual.jpg) no-repeat center left;
    background-size: cover;

    width: 100%;
    min-height: 240px;
    box-shadow: -6px -6px 0px #e32c30;
}
.curso-virtual .icono-logo {
    position: absolute;
    left: 100%;
    top: 50%;

    padding: 1em;
    background-color: #e32c30;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
.cada-curso .info_cada-curso {padding-left: 4em;}
#intranet .cada-curso {text-align: left;}
#intranet .cada-curso .btn-default {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-top: 1em;
}
#intranet .expositor {padding:0;}
#intranet .expositor h3 {
    margin: 0;
    font-size: 1em;
    color: #e32c30;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1em;
}
.expositor li {
    list-style: disc;
    margin-left: 1em;
}
#intranet .espaciado {margin-top: 2em; margin-bottom: 2em;}
#intranet .vivo {
    background: #343434;
    box-shadow: 0 3px 5px rgba(0,0,0,0.5);
}
#manito {
    font-size: 1.4em;
    padding: 6px 10px 6px 0;
    width: 48px;
    -webkit-animation: mano 2s;
    animation: mano 2s;
    animation-iteration-count: infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mano {
    0%   {padding: 0px 10px 6px 0;}
    50%  {padding: 0px 10px 6px 16px;}
    100% {padding: 0px 10px 6px 0;}
}

/* Standard syntax */
@keyframes mano {
    0%   {padding: 0px 10px 6px 0;}
    50%  {padding: 0px 10px 6px 16px;}
    100% {padding: 0px 10px 6px 0;}
}
#intranet footer {
    position: relative;
    background-image: url(../img/bg-footer.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    width: 100%;
    padding: 4em 0;
}
#intranet footer::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

.grid-footer {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
}
.info-footer p {
    text-align: left;
    color: #fff;
}

#intranet .redes .fa {
    color: #00135a;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border-radius: 50%;
    margin: 8px 4px;
    padding-top: 9px;
    text-align: center;
}
#intranet .logo-foot {
    display: inline-block;
    vertical-align: middle;
}

#intranet .modulos {margin-top: 5em;}

#intranet .modulos .tarjeta {
    margin: 4px 0;
    padding: 1em 2em 2em;
    text-align: left;
}

.imagen-modulo {background: url(../img/imagen-curso.jpg) no-repeat center; background-size: cover; width: 100%; padding: 4em; margin-bottom: 1em; height: 234px;}
#intranet .titulo-curso {
    color: #333;
    /*padding: 1rem 1em;*/
    /*background-color: #e02c2d;
    border-radius: 10px;*/
}
.resumen {
    width: 100%;
    font-weight: 100;
    color: #FFF;
    text-shadow: 2px 2px 1px #333;
    font-size: 25px;
    font-family: 'Racing Sans One', cursive;
}
#intranet .modulos h3 {text-transform: uppercase;
    font-size: 2rem;
    font-weight: 600;
    text-align: left;
    color: #e32c30;
    font-family: 'Racing Sans One', cursive;
}
#intranet .modulos h3 .glyphicon {padding-right: 16px;}
#intranet .modulos .photo {margin-bottom: 1em;
    box-shadow: 2px 2px 10px rgba(34, 34, 34, 0.43);}

#intranet .panel-default>.panel-heading {
    padding: 1.2em 2em;
    color: #FAFAFA;
    background-color: #343434;
    border-color: #ddd;
    text-align: left;
}
#intranet .panel-default>.panel-heading+.panel-collapse>.panel-body {text-align:left;}
#intranet .panel-body .experiencia {margin: 1em 0;}
#intranet .panel-body .tasks {margin: 1em 0; line-height: 1.8;}
#intranet .panel-body .tasks .glyphicon {
    padding: 8px;
    margin-right: 16px;
    font-size: 2rem;
    background-color: #e32c30;
    margin-bottom: 8px;
    vertical-align: middle;
    color: #FAFAFA;
    /*box-shadow: 4px 4px 0 rgb(14, 173, 206);*/
}

#intranet .tasks a {font-weight: 700; color: #212121;}
.para-pdf {display: inline-block;
    padding-left: 48px;
    padding-right: 8px;}
.para-pdf img {width: 24px;
    margin-bottom: 4px;}
.help-block {color:#FFF;}
.acceso {
    display: inline-block;
    padding: 1em 2em;
    color: #fff;
    font-weight: 700;
    background-color: #00baed;
    border-radius: 30px;
}
.acceso .glyphicon-hand-right {padding-right:8px;}
.peques {font-size: 1em;}

.curso-contenidos p {text-align: left;}
.preview {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
}
.preview-info {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    text-align: left;
}
.intra-titu {
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 600;
    text-align: left;
    color: #00135a;
    font-family: 'Racing Sans One', cursive;
    margin-top: 0;
}
.datos-curso span {font-size: 13px;}

/* TAREA */
#intranet .stanco {line-height: 2;}
.stanco li {text-indent: -10px; padding-left: 20px;}
.stanco .fa {color: #00135a; padding-right: 8px;}
.stanco .glyphicon {
    padding: 8px;
    margin-right: 16px;
    padding-left: 20px;
    font-size: 2rem;
    background-color: #0eadce;
    margin-bottom: 8px;
    vertical-align: middle;
    color: #FAFAFA;
    box-shadow: 4px 4px 0 rgb(0, 19, 90);
}
.stanco form {padding-left: 20px;}
.stanco .help-block {
    color: #00135a;
    font-size: 12px;
    font-weight: 700;
    text-indent: 0;
    line-height: 1.2;
}
.linea {border-bottom: 1px #ddd dotted; height: 1px; width:100%; margin: 1em 0;}
.shitsumon .subtitulo-curso {margin-top: 10px;}
.shitsumon .experiencia li {padding-left: 120px; text-indent: -22px;}
.shitsumon .experiencia .fa {font-size: 3em;}
#intranet .modulos .especial {background: #0eadce; padding-top: 2rem; padding-bottom: 1rem; margin: 2em 0;}
.especial textarea {width:100%;}
.especial .btn-primary {float: right;}
.kotae {margin-bottom: 1em;}
.kotae .glyphicon-user {
    color: #FFF;
    padding: 1em;
    background: #00135a;
    border-radius: 50%;
    margin-right: 16px;
    display: inline-block;
    vertical-align: middle;
}
.kotae h5 {display: inline-block; vertical-align: middle;}
.kotae time {
    display: inline-block;
    vertical-align: middle;
    float: right;
}
.kotae p {padding: 0 1em;}

.est-fr{ color: #0f195a; font-weight: bold; }
.cent-fr{ text-align: left; }
.izq-fr{ display: inline-block; float: left; margin-top: 10px; }
.der-fr{ display: block; float: right; }
.esp-fr{ margin: 0 5px; }
.certi{
    background: #0eadce;
    padding: 1em 0;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #FFF;
    text-align: left;
    font-family: 'Racing Sans One', cursive;
}
.ftcerti-one{font-size: 2em;}
.ftcerti-two{font-size: 1.3em;}

/*POP-UP*/
/*.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.9);
}*/

.lista-cursos {padding: 4em 0;}

.curso-intranet .list-group-item.active,
.curso-intranet .list-group-item.active:focus,
.curso-intranet .list-group-item.active:hover {
    background-color: #e02c2d;
    border-color: #e02c2d;
}

.curso-intranet .list-group-item {
    display: flex;
    align-items: center;

    color: #fff;
    margin-bottom: .5em;
    padding: .85em 2em;

    background-color: #212121;
    border-radius: 30px;
}
.preview-info h4 {
    margin-bottom: 0;
    color: #fff !important;
}

.curso-intranet a.list-group-item:hover {background-color: #333;}