@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900&display=swap');
body{font-family: 'Raleway', sans-serif;}
.top-header{background: #e51027;padding: 10px 0;}
.top-header h4{font-size: 16px;color: #fff;text-transform: uppercase;font-weight: 700;margin-bottom: 0;}
.top-header ul{display: block;text-align: right;margin-bottom: 0;}
.top-header ul li{display: inline-block;margin-right: 7px;}
.top-header ul li a{display: block;background: #fff;color: #e20015;border-radius: 50px;height: 25px;width: 25px;line-height: 25px;text-align: center;font-size: 14px;}
header{background:#fff;}
header img{padding: 10px 0;width: 350px;display: inline-block;}
.logo-aula span{display: inline-block;width: 2px;height: 40px;background: #e51027;vertical-align: middle;margin-right: 20px;}
.logo-aula p{display: inline-block;color: #e51027;font-weight: 700;}
header h1{font-size: 17px;color: #fafafa;font-family: 'Noto Sans', Arial, Helvetica, sans-serif;display: inline;font-weight: normal;margin: 0;z-index: 1;top: 0;}
.logoheader{margin: 0 5% 0 0;vertical-align: middle;border: none;}  
.sep{display: inline-block;height: 2em;border-left: 1px solid white;vertical-align: middle;margin: 0 4rem 0 0}
.icono-aula{position: absolute;right: 0;top: 10px;}
.icono-aula img{width: 70px;padding: 0;padding-top: 2%;}
.login {position: absolute;float: right !important;width: 17%;z-index: 9999999;top: 20%;height: auto;right: 10%;border-radius: 0;border: 0;bottom: auto;}
.login h3{color: #e51027;text-align: center;margin: 0;font-weight: 700;font-size: 24px;text-transform: uppercase;}
.user{margin: 3% 0;width: 100%;}
label.form-check-label {color: #fff;display: block;text-align: center;}
.form-check {padding-top: 5%;}
.olvidar-password {padding:0 10px;}
.olvidar-password h5 {text-align: center;}
.olvidar-password h5 a{color: #fff;text-align: center;text-decoration: none;font-weight: 400;opacity: 1;font-size: 15px;}
.olvidar-password h5 a:hover{opacity: .8;text-decoration: none;}
.boton{text-align: center;margin: 10px 0;}
.btn-ingresar {color: #e51027;background: #fff;border: 1px solid #e51027;border-radius: 5px;padding: 7px 35px;font-weight: 700;display: block;opacity: 1;margin: 15px auto;text-transform: uppercase;}
.btn-ingresar:hover{opacity: 0.9;background: #fff;border: 1px solid #fff;color: #e51027;}
span img{width: 45px !important;}
.logro{text-align: center;padding: 2% 0;background: #f9f9f9;}
footer{padding: 0%;background-size: cover;background-position: center center;display: block;text-align: center;}
footer .footer-img{background: #e51027;padding: 20px 0;}
footer p{color: #fff;text-align: left;}
footer p a{color: #fff;opacity: 1;}
footer p a:hover{opacity: .8;color: #fff;}
footer h4{color: #e51027;font-weight: 800;display: block;text-transform: uppercase;font-size: 20px;margin-bottom: 10px;}
footer ul{display: block;}
footer ul li{display: inline-block;}
footer ul li a{display: block;background: #fff;color: #e51027;width: 30px;height: 30px;text-align: center;line-height: 30px;border-radius: 50px;margin-right: 10px;text-decoration: none;}
footer ul li a:hover{background: #ffd900;color: #e51027;}
footer p{position: relative;color: #fff;padding-left: 0px;margin-bottom: 0px;text-align: center;}
footer p span{display: inline-block;margin: 0 10px;}
footer .ubi::before{position: absolute;content: '\f3c5';left: 0;font-family: 'FontAwesome';color: #e51027;}
footer .msj::before{position: absolute;content: '\f0e0';left: 0;font-family: 'FontAwesome';color: #e51027;}
footer .wsp::before{position: absolute;content: '\f232';left: 0;font-family: 'FontAwesome';color: #e51027;}
.fooba h6{text-align: center;opacity: 1;color: #fff;font-size: 15px;}
.fooba h6 a{color: #fff;opacity:1;text-decoration: none;}
.fooba h6 a:hover{color: #000;opacity: 1;}
.footer-bottom{background: #dd6a13;text-align: center;padding: 7px 0;}
.footer-bottom p{color: #fff;margin: 0;padding: 0;opacity: .5;}
.footer-bottom p a{color: #fff;text-decoration: none;}
.sep2{display: inline-block;height: 2em;border-left: 1px solid #333;vertical-align: middle;margin: 0 4rem 0 0;margin-left: 4rem;}
footer .izq p{text-align: right;}
ul.social-networks-links {list-style: none;float: right;display: block;margin-bottom:0;line-height: 30px;}
.social-networks-links li {padding: 5px 15px;display: inline-block;}
.social-networks-links li a i{color: #fff;font-size: 20px;}
.bienvenidos{padding: 50px 0;}
.bienvenidos h2 {font-weight: 700;margin: 0;padding-bottom: 12px;text-align: left;margin-bottom: 10px;color: #e51027;text-transform: uppercase;}
.bienvenidos p{font-weight: 400;text-align: justify;color: #2f2f2f;}
.bienvenidos img{width: 70%;display: block;}
.redes-sociales .comunicate{color: #00acd5;margin-top: 2px;font-weight: 500;text-decoration: none;list-style: none;}
.redes-sociales{text-align: right;text-decoration: none;list-style: none;display: inline-block;padding: 20px 0 0 0;}
.redes-sociales li{display: inline-block;}
.redes-sociales li a{color: #fff;display: block;text-align: center;font-size: 16px;margin: 0 5px;background: #ee7316;width: 30px;height: 30px;line-height: 30px;border-radius: 50px;}
.redes-sociales li a:hover{background: #e51027;}
header .tr{text-align: right;}
header .tr img{width: 80px;}
.form-control {height: 40px !important;border-radius: 0 !important;}
.info-texto p{text-align: center;font-size: 18px;font-weight: 500;padding: 20px 0;margin: 0;}
.acceder{background: #ff7719;color: #fff;padding: 7px 15px;border-radius: 5px;text-decoration: none;}
.acceder:hover{background: #502437;color: #fff;text-decoration: none;}
.separador{color: #2f2f2f;}
.alert-warning {display: none;}
#frontpage-available-course-list h2{display: none;}
.content{width: 100%;}
.content .content-inner{width:33.33%;padding:0 15px;}
.content img{width: 100%;}
.skip-block{display: none;}
.course-content .course-heading .coursename{text-align: center;}
.course-content .course-heading .coursename a{color: #2f2f2f;font-weight: 600;}
.course-content .summary p{text-align: center;}
.course-readmore a{color: #2f2f2f;border: 2px solid #00acd5;text-transform: uppercase;display: block;margin: 20px auto 10px;background: transparent;width: 200px;}
.course-readmore a:hover{color: #fff;border: 2px solid #00acd5;background: #00acd5;}
.dashboard-card-deck .dashboard-card .card-img.dashboard-card-img {height: 200px !important;}
.usertour a{display: none;}
.login .banner-contact-form-wrapper {padding-left: 0px;}
.login .banner-contact-form-wrapper .top-box {position: relative;}
.login .banner-contact-form-wrapper .top-box .inner {background: #fff;padding: 28px 0;position: relative;z-index: 9;color: #fff;border-radius: 20px 0 0 0;}
.login .banner-contact-form-wrapper .top-box .icon-box, .login .banner-contact-form-wrapper .top-box .text-box {display: table-cell;vertical-align: middle;}
.login .banner-contact-form-wrapper .top-box .text-box {display: block;}
.login form{width: 100%;display: block;margin: 0 auto;background: #e51027;padding: 30px;border-radius: 0 0 20px 0;}
.login form .form-group{margin-bottom: 15px;}
.login form label{color: #fff;margin-bottom: 5px;text-align: left;}
.form-control{background-color: #fff !important;border-radius: 5px !important;color: #555 !important;border: 1px solid #fff !important;}
.form-control::-moz-placeholder {color: #8f8f8f !important;opacity: 1;}
.form-control:-ms-input-placeholder {color: #8f8f8f !important;}
.form-control::-webkit-input-placeholder {color: #8f8f8f !important;}
.form-control::-ms-expand {background-color: transparent;border: 0;}
@media (min-width: 1200px) {.container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 80% !important;}}
@media (max-width: 991px){
span img {width: 30px !important;}
.fooba {text-align: center;padding: 2% 0;}
.sep2 {display: inline-block;height: 2em;vertical-align: middle;border:none;margin: 0;}
.social-networks {text-align: center;}
.text-block{display: none;}
ul.social-networks-links {list-style: none;margin: 0 auto;float: none;display: inline-block;margin-bottom:0;}
.login {position: relative;background: #00acd5;width: 100%;z-index: 9999999;padding: 3% 15%;border-radius: 10px;top: 0;right: 0;margin-top: 5%;}
.login h3 {color: #fff;}
.login h3:before {display: none;}
.olvidar-password h5 a {color: #fff;}
.olvidar-password h5 a:hover {color: #e20015;}
.bienvenidos h3:before {top: 82px;}
.cursos h4:before {top: 33px;}
.video img {margin: 0 auto;display: block;padding: 4% 0;float: none;}
.form-check {padding-top: 2%;}
.boton {text-align: center;padding-bottom: 1px;}
.logoheader {margin: 0 auto;display: block;width: 100%;}
.redes-sociales {text-align: center;}
.bienvenidos img{width: 100%;}
header .tr {text-align: right;display: none;}
}
@media (max-width: 767px){
.content .content-inner {width: 50%;}
}
@media (max-width: 600px){
.content .content-inner {width: 100%;}
header img{width: 350px;}
}
@media (max-width: 468px){
.content .content-inner {width: 100%;}
.bienvenidos h3:before {top: 120px;}
header img{width: 300px;}
}
@media (max-width: 440px){
.redes-sociales li:first-child{display:block;padding-bottom: 10px;}
}
@media (max-width: 417px){
.bienvenidos h3:before {top: 158px;}
}
@media (min-width: 1122px) and (max-width: 1199px) {
.login {right: 4%;width: 30%;top: 29%;padding: 0;height: auto;}
.login .banner-contact-form-wrapper .top-box:after {right: -8px;}
.login .banner-contact-form-wrapper .top-box:before {left: -8px;}
}
@media (max-width: 1121px) and (min-width: 992px){
.login {right: 4%;width: 30%;top: 25%;padding: 0;height: auto;}
.login .banner-contact-form-wrapper .top-box:after {right: -8px;}
.login .banner-contact-form-wrapper .top-box:before {left: -8px;}
}
@media (max-width: 991px){
.login {background: none;margin-bottom: 30px;}
.login .banner-contact-form-wrapper .top-box .text-box {padding-left: 5px;text-align: center;}
.login .banner-contact-form-wrapper .top-box .icon-box, .login .banner-contact-form-wrapper .top-box .text-box {display: inline-block;vertical-align: middle;text-align: center;}
.login .banner-contact-form-wrapper .top-box .inner {background: #e51027;padding: 28px 0 0 0;padding-left: 0;position: relative;z-index: 9;color: #fff;text-align: center;}
.login .banner-contact-form-wrapper .top-box:after {bottom: -9px;right: -8px;}
.login .banner-contact-form-wrapper .top-box:before {bottom: -9px;left: -8px;}
.btn-ingresar {color: #e51027;background: #fff;border: 1px solid #fff;border-radius: 5px;padding: 10px 35px;font-weight: 600;display: block;width: 100%;opacity: 1;}
.olvidar-password h5 {text-align: center;}
.olvidar-password h5 a {color: #fff;}}
@media (min-width: 1601px) and (max-width: 2000px) {.login {right: 8%;padding: 4.5% 1.5%;height: auto;border-radius: 0;border: 0;width: 22%;top: 10%;bottom: auto;}}
@media (min-width: 1401px) and (max-width: 1600px) {.login {right: 8%;top: 12%;height: auto;bottom: auto;width: 23%;}}
@media (min-width: 1200px) and (max-width: 1400px) {.login {right: 2%;width: 30%;top: 10%;height: auto;bottom: auto;}.login h3:before {top: 100px;}}
@media (max-width: 520px){
.flexslider {display: block;}
.banner2{display: block;background-size: cover;width: 100%;}
.banner{display:none;padding: 45% 5%;padding-top: 5%;}
.banner h6{color: rgba(216, 30, 5, 1);padding: 1%;text-align: center;font-size: 20px;font-weight: bold;text-transform: uppercase;}
.login {padding: 5% !important;}}
@media (max-width: 675px){
.video img {margin: 0 auto;display: block;padding: 4% 0;float: none;width: 100%;}
.sep{display: none;}
header h1 {font-size: 17px;color: #fafafa;font-family: 'Noto Sans', Arial, Helvetica, sans-serif;display: block;font-weight: normal;margin: 0;z-index: 1;top: 0;padding-left: 7%;padding-bottom: 3%;}}
@media (max-width: 730px){.icono-aula {display: none;}}
@media (min-width: 992px) and (max-width: 1121px) {
.login h3 {font-size: 20px;padding: 2px 2px 20px 2px;}
.login h3:before {top: 50px;}
.user {margin: 2% 0;width: 100%;}
.video img {width: 100%;}}
@media (min-width: 1122px) and (max-width: 1199px) {
.video img {width: 100%;}
.login {right: 4%;width: 30%;top: 29%;padding: 0;height: auto;}
.login .banner-contact-form-wrapper .top-box:after {right: -8px;}
.login h3 {font-size: 20px;padding: 2px 2px 20px 2px;}
.login h3:before {top: 70px;}
.user {margin: 2% 0;width: 100%;}}

.cursos{background-image: url(../imagenes/bg-cursos.png);background-repeat: repeat;background-size: initial;}
.cursos .bg-cursos {background: rgb(234 241 244 / 50%);position: relative;padding:30px 0;}
.cursos h3{font-weight: 700;margin: 0;padding-bottom: 12px;text-align: center;margin-bottom: 30px;color: #e51027;text-transform: uppercase;font-size: 25px;}
.cursos .bg-descripcion{padding: 20px; background: #fff;}
.cursos .bg-descripcion h4{font-size: 20px;font-weight: 700;padding-bottom: 0;margin-bottom: 4px;color: #ee7316;}
.cursos .bg-descripcion p{text-align: justify;margin-bottom: 5px;}
.cursos .bg-descripcion a{display: block;background: #e51027;width: 170px;text-align: center;color: #fff;text-decoration: none;padding: 3px;border-radius: 50px;}
.cursos .bg-descripcion a:hover{background: #ee7316;color: #fff;}

#carouselExampleFade{display: block;}
#carouselExampleFade2{display: none;}
@media (max-width: 991px){
#carouselExampleFade{display: none;}
#carouselExampleFade2{display: block;}
.top-header h4 {font-size: 16px;color: #fff;text-transform: uppercase;font-weight: 700;margin-bottom: 15px;display: block;text-align: center;}
.top-header ul {display: block;text-align: center;margin-bottom: 0;padding-left: 0;padding-bottom: 10px;}
}