@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700&display=swap');



body{

	font-family: 'Raleway', sans-serif !important;

}



header{

	background:#fff;

}



header img{

	padding: 10px 0;

    width: 350px;

}

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;

    background: rgba(255, 255, 255, 0.5);

    width: 30%;

    z-index: 9999999;

    padding: 4.5% 1.5%;

    top: 19.5%;

    height: 113%;

    right: 20%;

    border-radius: 0;

	border: 0;

    width: auto;

}



.login h3{

	color: #000;

	text-align: center;

	       padding: 0px 0px 14px 0;

	    margin: 0;

		font-weight:500;

}



.login h3:before{

    position: absolute;

    left: 0;

    bottom: 0;

    width: 90px;

    height: 2px;

    content: "";

    background: #00acd5;

    right: 0;

    margin: 0 auto;

    top: 120px;

}

.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: 10px;

}

.olvidar-password h5 {

	

	text-align: center;

	

}

.olvidar-password h5 a{

	color: #000;

	text-align: center;

	text-decoration: none;

	font-weight: 600;

}

.olvidar-password h5 a:hover{

	color: #00acd5;

	text-decoration: none;

}

.boton{

	text-align: center;

	margin: 10px 0;

}



.btn-ingresar {

    color: #fff;

    background: #00acd5;

    border: 1px solid #00acd5;

    border-radius: 5px;

    padding: 10px 35px;

    font-weight: 900;

    display: block;

    width: 100%;

    opacity: 1;

}



.btn-ingresar:hover{

	opacity: 0.9;

}





span img{

	width: 45px !important;

}

aside {

    padding: 2.5% 0;

}

.logro{

	text-align: center;

	padding: 2% 0;

	background: #f9f9f9;



}

	footer{

		background-image:url("../imagenes/footer.jpg"); 

	  background:#c2483a;

	 padding: 1%;

}

footer p{

	color: #fff;

}

footer p a{

	color: #fff;

	opacity: 1;

}

footer p a:hover{

	opacity: .8;

	color: #fff;

}

.fondo-footer{

	background: #ad382b;

	padding: 10px;

	border: 1px solid #9c281b;

}

.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;

}

.sep2{

	    display: inline-block;

    height: 2em;

    border-left: 1px solid #333;

    vertical-align: middle;

    margin: 0 4rem 0 0;

    margin-left: 4rem;

}



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 h3 {color: #2f2f2f;font-weight: 550;margin: 0;font-size: 35px;padding-bottom: 10px;border-bottom: 1px solid #ccc;margin-bottom: 15px;position:relative;}
.bienvenidos h3:before {content: "";position: absolute;left: 0;bottom: 0;width: 90px;height: 4px;background: #e20015;right: 0;}
.logos h3{border-bottom: 2px solid #a01127;padding-bottom: 5px;text-align: center;color: #2f2f2f;font-weight: 600;width:260px;display: block;margin: 20px auto;}



.bienvenidos p{

	font-weight:550;

}

.bienvenidos p strong{

    font-weight:600;

    font-size: 20px;

}

.social-networks-links li a i:hover{

 opacity: 0.8;

}

.text-block {

    display: block;

    text-align: left;

    font-size: 12px;

    top: 19px;

    padding-left: 30px;

}

.video img{

    float: right;

}



.banner2{

    display: none;

}



/*@media (min-width: 340px) and (max-width: 520px) {



.flex-direction-nav a{

	display:none;

}



}*/

@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: 1363px) and (max-width: 1400px) {





}





@media (min-width: 992px) and (max-width: 1121px) {

.login {

    right: 10%;

    width: 30%;

    top: 21%;

    padding: 1.5%;

    height: 44%;

}

.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: 12%;

    width: 30%;

    top: 21%;

    padding: 3% 1.5%;

    height: 47%;

}

.login h3 {

  

    font-size: 20px;

    padding: 2px 2px 20px 2px;

}

	.login h3:before {

    top: 70px;

}

.user {

    margin: 2% 0;

    width: 100%;

}



}



@media (min-width: 1401px) and (max-width: 1600px) {

    .login {

right: 10%;

    top: 12%;

    height:55%;

}

	.login h3:before {

    top: 100px;

}



}

@media (min-width: 1200px) and (max-width: 1400px) {

    .login {

    right: 10%;

    width: 26%;

    top: 12%;

    height: 56%;

}

	.login h3:before {

    top: 100px;

}



}

@media (min-width: 1601px) and (max-width: 2000px) {

    .login {

		    right: 18%;

    padding: 4.5% 1.5%;

    top: 9.5%;

    height: 60%;

    border-radius: 0;

    background: rgba(255, 255, 255, 0.5);

    border: 0;

    width: auto;

	}



}

.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: block;

	padding: 30px 0 0 0;

}

.redes-sociales li{

	display: inline-block;

}

.redes-sociales li a{

	margin-right: 7px;

}

.redes-sociales li .facebook{

	border-radius:2px;

	background:#3b5998;

	color: #fff;

	height: 30px;

	width: 30px;

	line-height:30px;

	display: block;

	text-align: center;

}

.redes-sociales li .instagram{

	border-radius:2px;

	background:#de07d8;

	color: #fff;

	height: 30px;

	width: 30px;

	line-height:30px;

	display: block;

	text-align: center;

}

.redes-sociales li .youtube{

	border-radius:2px;

	background:#f50000;

	color: #fff;

	height: 30px;

	width: 30px;

	line-height:30px;

	display: block;

	text-align: center;

}

.redes-sociales li .globe{

	border-radius:2px;

	background:#1da2f2;

	color: #fff;

	height: 30px;

	width: 30px;

	line-height:30px;

	display: block;

	text-align: center;

}

.redes-sociales li .whatsapp{

	border-radius:2px;

	background:#25d266;

	color: #fff;

	height: 30px;

	width: 30px;

	line-height:30px;

	display: block;

	text-align: center;

}



.redes-sociales li .facebook:hover{

	opacity:.7;

}

.redes-sociales li .instagram:hover{

	opacity:.7;

}

.redes-sociales li .youtube:hover{

	opacity:.7;

}

.redes-sociales li .globe:hover{

	opacity:.7;

}

.redes-sociales li .whatsapp:hover{

	opacity:.7;

}



.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;

}

@media (max-width: 767px){

	aside {

		margin: 3% 0px;

	}

	.flex-caption .h3-titulo {

		top: 20%;

		width: 70%;

	}

}



.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;

}

.cursos h4{

	font-size: 25px;

	font-weight: 550;

	padding-bottom: 10px;

	margin-bottom: 10px;

	border-bottom: 1px solid #ccc;

}



.cursos h4:before{

    content: "";

    position: absolute;

    left: 14px;

    bottom: 0;

    width: 90px;

    height: 4px;

    background: #00acd5;

    right: 0;

    top: 43px;

}



.alert-warning {

	display: none;

}

#frontpage-available-course-list h2{

	display: none;

}

/*.content{

	width: 100%;

}*/

.coursebox {
    width: 33.3%;
    display: inline-block;
    float: left;
    padding: 0 15px;
}
.content{
	margin-bottom: 30px;	
}
/*.content .content-inner{

	width:100%;

    padding:0 15px;

}*/

.content img{width: 100%;height: 250px;overflow: hidden;display: block;box-sizing: border-box;}

.skip-block{
	display: none;

}

.course-content .course-heading .coursename{

	text-align: center;

}

.course-content .course-heading .coursename a{color: #00bae4;font-weight: 700;font-size: 25px;}

.course-content .summary p{
	text-align: center;
	display:none;
}

.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;

}



@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;

    }

    .btn-ingresar {

        color: #fff;

        background: #e20015;

        border: 1px solid #e20015;

        border-radius: 5px;

        padding: 10px 35px;

        font-weight: 900;

        display: block;

        width: 100%;

        opacity: 1;

    }

    .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: #ffffff;

    }

    .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: 3%;

    }

    .logoheader {

        margin: 0 auto;

        display: block;

    }

    .redes-sociales {

        text-align: center;

    }

}



@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;

    }

}
.course-layout-switcher{display:none;}
.course-content{background: #f1f1f1;padding: 20px;height:220px;}