/************ BANNER ***********/

.BannerSnippet{
	margin: 0 !important;
}

.TitBanner.BannersHome{
	width: 37.5%;
	position: absolute;
	left: 15%;
	top: 18%;
}
.TitBanner.BannersHome .h1{
 	font-size: 3vw !important;
 	line-height: 1em !important;
}
.TitBanner.BannersHome div .h1{
	margin-bottom: 0;
}
.TitBanner.BannersHome div{padding: 1em;}

/** Banner Tablet +*/


.TitBanner1.BannersTablet{
	width: 54.5%;
	position: absolute;
	left: 9%;
	top: 18%;
}
.TitBanner2.BannersTablet{
	width: 44.5%;
	position: absolute;
	left: 9%;
	top: 18%;
}

.TitBanner2 .boton{width: 67% !important;}
.TitBanner2 .boton1{
    margin-top: -1.3rem;
}
.TitBanner2 .boton2{}

.TitBanner3.BannersTablet{
	width: 60.5%;
	position: absolute;
	left: 9%;
	top: 18%;
}
.TitBanner.BannersTablet .h1{
 	font-size: 5vw !important;
 	line-height: 1em !important;
}
.TitBanner.BannersTablet div .h1{
	margin-bottom: 0;
}
.TitBanner.BannersTablet div{padding: 1em;}


/** Banner Movil ***/
.TitBanner1.BannersMovil{
	width: 64.5%;
	position: absolute;
	left: 4%;
	top: 18%;
}

.TitBanner2.BannersMovil{
	width: 64.5%;
	position: absolute;
	left: 4%;
	top: 18%;
}

.TitBanner.BannersMovil .boton{
	width: 67% !important;
	font-size: 3vw !important;
}

.TitBanner1.BannersMovil .boton1{
 
}
.TitBanner.BannersMovil .boton2{
	margin-left: 0;
}

.TitBanner2.BannersMovil .boton1{}
.TitBanner2.BannersMovil .boton2{}

.TitBanner3.BannersMovil .boton1{margin-top: -1.3rem;}
.TitBanner3.BannersMovil .boton2{}

.TitBanner2.BannersMovil .boton1{}

.TitBanner3.BannersMovil{
	width: 60.5%;
	position: absolute;
	left: 9%;
	top: 18%;
}
.TitBanner.BannersMovil .h1{
 	font-size: 6vw !important;
 	line-height: 1em !important;
}
.TitBanner.BannersMovil div .h1{
	margin-bottom: 0;
}
.TitBanner.BannersMovil div{padding: 1em;}


/*************** SOMOS ****************/

#somos .section_wrapper {
    padding-top: 17rem;
    padding-bottom: 5rem;
    position: relative;
}

.blue-box{
    background-color: var(--azul);
    width: 78% !important;
    float: none;
    left: 50%;
    top: -7%;
    position: absolute;
    transform: translate(-50%, 20%);
    padding: 2.8rem 10.2rem;
}
.blue-box .mcb-wrap-inner{
	display: flex;
	position: relative;
	flex-wrap: wrap;
}
.botonAzul{
	background-color: var(--azul);	
	border: 1px solid var(--azul);
	color: white;
}
.botonAzul:hover{
	background-color: transparent;	
	color: var(--azul);
	border: 1px solid var(--azul);
}
.botonBlanco{
	background-color: var(--white);	
	border: 1px solid white;
}
.botonBlanco:hover{
	background-color: transparent;	
	color: var(--white);
	border: 1px solid white;
}
.botonNegro{
	background-color: var(--negro);
	border: 1px solid var(--negro);
}
.botonNegro:hover{
	background-color: var(--white);	
	color: var(--negro);
}

#somos .boton{
	width: auto;
	margin: auto;
}

.blue-left{
	width: 50%;
	margin: auto !important;
}

.blue-right{
	margin-bottom: 0 !important;
}
.blue-right .column_attr{
	 display: flex; 
	 flex-direction: row; 
	 justify-content: space-around; 
}

.blue-right .column_attr a{
	display: block;
	width: 40%;
}

.somos-desc{width: 68% !important;margin: 0 auto;float: none !important;}

.somos-foto{width: 54% !important;}

.somos-text{
	width: 42% !important;
}

.somos-text .subtitulo_1{
	margin-top: 3rem;
}

.somos-text .desc2{
	margin-top: 3rem;
}

.somos-foto img{
	width: 100%;
}

.somos-text a{
	width: 54%;
	display: block;
	margin-top: 4rem;
}

/*********** ACADÉMICOS **************/

#academicos{
	height: 54.5rem !important;
}

#academicos div{
	height: 100% !important;
	position: relative;
}

.academicos-text{
	height: 100%;
}

.academicos-text div{width: 100%;height: 100%;}

.academicos-text p{
	text-align: center;
	width: 50%;
	position: absolute !important;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin-bottom: 0;
	font-size: 2.5vw;
	line-height: 1.2em;
	font-weight: 700;
}

/************* POSGRAOS *************/

#posgrados{
	padding-bottom: 7rem;
}

.frmPosgrados{
	width: 80%;
	margin: 11rem auto;
}

.frmPosgrados .encabezado{
	display: flex;
}

.frmPosgrados .encabezado .linea{
	width: 100%;
	height: 50%;
	border: 3px solid white;
	margin-left: 5rem;
}
.frmPosgrados .encabezado *{
	margin: auto;
}

.frmPosgrados .innerPosgrados{
	width: 100%;
	margin-top: 5rem;
}

.frmPosgrados .innerPosgrados .izq{
	width: 45%;
	margin-left: 4%;
	margin-right: 2.5%;
	float: left;
}

.frmPosgrados .innerPosgrados .der{
	width: 43.5%;
	float: right;
}

.frmPosgrados .innerPosgrados .der img{
	width: 100%;
}

.innerPosgrados .innerEsp{

}

.innerEsp .datos{width: 100%;display: flex;}

.innerEsp .datos .datoscol1{width: 29%;float: left;}

.innerEsp .datos .datoscol2{width: 71%;/* float: left; */}

.frmPosgrados .innerPosgrados .izq p:nth-child(4){
	margin-top: 3rem;
}

.innerPosgrados .boton{width: 21rem;}

.frmPosgrados .innerPosgrados .der .director{position: relative;top: -5.5rem;text-align: center;}

.frmPosgrados .innerPosgrados .der .director p{font-size: 1.8rem;font-weight: 700;padding: 2rem;line-height: 2.4rem;}

/************** EDUCACIÓN CONTINUA ****************/

.frmEducacion{
	width: 75%;
	margin: 0 auto;
	margin-top: 8.9rem;
}

.frmEducacion .educacion_main{
	width: 100% !important;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 4rem;
	flex-wrap: wrap;
}

.frmEducacion .innerEducacion{
	border: 1px solid var(--gris);
	padding: 3.5rem;
	margin: 0 auto;
	width: 48%;
}

.frmEducacion .innerEducacion:first-child{
	margin-right: 2%
}
.frmEducacion .innerEducacion:nth-child(2){
	margin-left: 2%;
}
.frmEducacion .encabezado{
	display: flex;
	width: 100%;
	/* flex-wrap: wrap; */
}
.frmEducacion .encabezado *{
	margin: auto;
	display: inline-flex;
}
.frmEducacion .encabezado span{
	margin-left: 2rem;
}
.frmEducacion .encabezado .linea{
	border: 3px solid var(--gris);
	width: 51%;
	height: 50%;
	margin-left: 5rem;
}

.frmEducacion .innerEducacion .titulo_3{
	margin-top: 3rem;
}
.frmEducacion .innerEducacion img{
	width: 100%;
}

.frmEducacion .innerEducacion .boton{
	width: 40%;
	margin: 0 auto;
	margin-top: 3rem;
}

.educacion_content{
	width: 100% !important;
}



@media (max-width: 2880px){
	.somos-foto{
		width: 40% !important;
		margin-left: 10%;
	}
	.frmPosgrados{
		width: 60%;
	}

}

@media (max-width: 1920px){
	.somos-foto{
		width: 54% !important;
		margin-left: 0;
	}
	.frmPosgrados{
		width: 80%;
	}

	
}

@media (max-width: 1440px){
	.somos-foto{
		width: 53% !important;
	}
	.somos-text{
		width: 43% !important;
	}
	.frmPosgrados .innerPosgrados .der {
		width: 44%;
	}
	.frmPosgrados .innerPosgrados .izq{
	    margin-left: 3%;
	    width: 46%;
	}
	.frmEducacion .encabezado .linea{
		width: 45%;
	}
}

@media (max-width: 1236px){
	.somos-foto{
		width: 51% !important;
	}
	.somos-text{
		width: 45% !important;
	}
	.boton{
		padding: 1.4rem 2.4rem;
	}
}

@media (max-width: 1024px){
	.somos-text .subtitulo_1{
		margin-top: 0;
	}
}

@media (max-width: 1000px){
	.somos-desc{
		width: 78% !important;
	}
	.frmEducacion{
		width: 85%;
	}
}

@media (max-width: 860px){
	.somos-desc{
		width: 90% !important;
	}
	.frmEducacion{
		width: 90%;
	}
	.frmPosgrados{
		width: 90%;
	}
}



@media (max-width: 767px){
	.TitBanner.BannersHome .boton{
		font-size: 1.3vw !important;
		width: 47%;
	}
	.somos-desc .column{
		width: 80% !important;
		margin: 0 auto !important;
		float: none !important;
	}
	.somos-text p br{
		display: none;		
	}
	.somos-text a{
		margin: 0 auto;
	}
	.academicos-text p{
		font-size: 3.5vw;
		width: 70%;
	}
	.academicos-text p br{
		display: none;
	}
	.frmPosgrados .innerPosgrados .izq{
		width: 65%;
		margin: 0 auto;
		float: none;
	}
	.frmPosgrados .innerPosgrados .der{
		width: 65%;
		margin: 0 auto;
		float: none;
		margin-top: 5rem;
	}
	#posgrados{
		padding-bottom: 0;
	}
	.frmPosgrados{
		margin-bottom: 7rem;
	}
	#educacion .section_wrapper{max-width: 100% !important;padding: 0 !important;}
	.frmEducacion .innerEducacion{
		width: 100%;
		margin: 0;
		margin-bottom: 4rem;
	}
	.frmEducacion .innerEducacion:nth-child(2){
		margin-left: 0;
	}

	
	#somos .section_wrapper{
		padding-top: 0;
	}
	#somos .blue-box{
		width: 100% !important;
		padding: 2.8rem;
		top: 0;
		position: relative;
		transform: none;
		left: 0;
		width: 80% !important;
		margin: 0 auto;
		margin-top: 4rem;
		margin-bottom: 4rem;
	}
	#somos .blue-left{
		margin-bottom: 3rem !important;
	}
	#somos .blue-left p{
		font-size: 3rem;
	}
	
}

@media (max-width: 670px){

	.frmPosgrados .innerPosgrados .izq{width: 80%;}
	.frmPosgrados .innerPosgrados .der{
		width: 80%;
	}

}

@media (max-width: 580px){

	.academicos-text p{
		font-size: 4rem;
	}
}

@media (max-width: 480px){

	.frmPosgrados .innerPosgrados .izq{width: 90%;}
	.frmPosgrados .innerPosgrados .der{
		width: 90%;
	}
	.academicos-text p{
		width: 85%;
	}
	.innerEsp .datos .datoscol2 p{
		margin-left: 5rem;
	}
	.frmEducacion .encabezado{
		display: block;
	}
	.frmEducacion .encabezado .titulo_1{
		display: block;
	}
	.frmEducacion .encabezado span{
		margin-left: 0;
		display: block;
		margin-top: 1rem;
	}
	.frmEducacion .encabezado .linea{
		width: 100%;
		margin-left: 0;
	}
	#academicos{
		background-position-x: 50% !important;
	}

}

@media (max-width: 380px){
	
	.blue-right .column_attr{
		flex-wrap: wrap;
		width: 100%;
	}
	.blue-right .column_attr a{
		margin: auto;
		width: auto;	
		width: 100%;	
		margin-bottom: 1rem;
	}
	.innerEducacion .titulo_3 br{
		display: none;
	}
}