.banner{width: 100%;height: calc(100vh - 180px);max-height: 400px;background-color: #E6E7E1;background-size: 100% 100%;background-repeat: no-repeat;}
/*===============================================================================================================================*/
.presentacion{width: 90%;padding: 30px 5%;}
.presentacion .title{width: 100%;text-align: center;font-size: 30pt;color: #666666;font-weight: bold;}
.presentacion .title .l_capital{font-size: 40pt;}
.presentacion .subtitle{color: #666666;font-size: 25pt;width: 100%;padding: 10px 0;text-align: center;}
.presentacion .content-presentacion{width: 100%;display: flex;align-items: flex-start;}
.presentacion .content-presentacion .img{width: 20%;display: flex;justify-content: flex-start;}
.presentacion .content-presentacion .img img{width: 80%;}
.presentacion .content-presentacion .body-presentacion{width: 80%;display: flex;flex-direction: column;align-items: flex-end;}
.presentacion .content-presentacion .body-presentacion .contenido{color: #666666;text-align: justify;padding-bottom: 10px;font-size: 14pt;}
.presentacion .content-presentacion .body-presentacion .autor{color: #034611;font-weight: bold;font-size: 14pt;}
.presentacion .content-presentacion .body-presentacion .cargo{color: #034611;font-size: 12pt;}
/*===============================================================================================================================*/
.empresa{width: 100%;background-color: #D9B453;padding: 40px 0;position: relative;display: flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;}
.empresa:before{content: '';border-style: solid;border-width: 0px 30px 30px 30px;border-color: transparent transparent #fff transparent;position: absolute;top: 0px;left: calc(50% - 30px);transform: rotate(180deg);}
.empresa .block{width: calc(100% / 3);min-width: 250px; padding: 10px 0;}
.empresa .block .icono{width: 80%;padding: 0 10% 35px 10%;display: flex;align-items: center;justify-content: center;}
.empresa .block .icono .red-main{width: 130px;height: 130px;background-color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: relative;}
.empresa .block .icono .red-sec{width: 85%;height: 85%;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: #A78A86;border: 2px solid #622821;}
.empresa .block .icono .red-sec img{width: 60%;}
.empresa .block .icono .red-main .sec{position: absolute;background-color: #622821;width: calc(100% + 50px);min-width: 180px;height: 30px;top: calc(100% - 15px);display: flex;align-items: center;justify-content: center;color: #fff;font-size: 20px;}
.empresa .block .icono .red-main .sec:before{content: '';border-style: solid;border-width: 0px 18px 18px 18px;border-color: transparent transparent #739C32 transparent;position: absolute;top: 8px;left: -9px;transform: rotate(90deg);}
.empresa .block .icono .red-main .sec:after{content: '';border-style: solid;border-width: 0px 18px 18px 18px;border-color: transparent transparent #739C32 transparent;position: absolute;top: 8px;right: -9px;transform: rotate(-90deg);}
.empresa .block .contenido{width: 80%;padding: 0 10%;text-align: center;color: #fff;font-size: 13pt;}
/*===============================================================================================================================*/
.valores{width: 94%;padding: 20px 3%;}
.valores .title{width: 100%;text-align: center;font-size: 30pt;color: #666666;font-weight: bold;}
.valores .title .l_capital{font-size: 40pt;}
.valores .content-valores{width: 100%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.valores .content-valores .valor{width: calc(25% - 40px);padding: 0 20px;display: flex;flex-direction: column;align-items: center;}
.valores .content-valores .valor .icon{width: 130px;height: 130px;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 3px solid #666666;}
.valores .content-valores .valor .icon img{width: 90%;}
.valores .content-valores .valor .titulo{font-size: 18pt;color: #515F6A;font-weight: bold;padding: 5px 0;}
.valores .content-valores .valor .contenido{font-size: 11pt;text-align: center;color: #152935;}
/*===================================================================================*/
/* RESPONSIVE*/
/*===================================================================================*/
@media (max-width: 1090px){
	.presentacion .content-presentacion .img{width: 25%;}
	.presentacion .content-presentacion .body-presentacion{width: 75%;}
}
@media (max-width: 960px){
	.presentacion .title{font-size: 25pt;}
	.presentacion .title .l_capital{font-size: 35pt;}
	.presentacion .subtitle{font-size: 20pt;}
	.presentacion .content-presentacion .img img{width: 85%;}
	.presentacion .content-presentacion .body-presentacion .contenido{font-size: 12pt;}
	.presentacion .content-presentacion .body-presentacion .autor{font-size: 12pt;}
	.presentacion .content-presentacion .body-presentacion .cargo{font-size: 11pt;}
	
	.empresa .block .icono .red-main{width: 100px;height: 100px;}
	.empresa .block .icono .red-main .sec{font-size: 14pt;}
	.empresa .block .contenido{font-size: 11pt;}

	.valores .title{font-size: 25pt;}
	.valores .title .l_capital{font-size: 35pt;}
	.valores .content-valores .valor .icon{width: 100px;height: 100px;}
	.valores .content-valores .valor .titulo{font-size: 15pt;}
	.valores .content-valores .valor .contenido{font-size: 10pt;}
}
@media (max-width: 850px){
	.banner{max-height: 280px;}
	.valores .content-valores .valor{width: calc(40% - 40px);padding-bottom: 15px;}
}
@media (max-width: 800px){
	.banner{max-height: 250px;}
	.presentacion .content-presentacion .img{width: 30%;}
	.presentacion .content-presentacion .body-presentacion{width: 70%;}
	.valores .content-valores .valor{width: calc(45% - 40px);}
}
@media (max-width: 705px){
	.banner{max-height: 230px;}
	.banner{background-size: 800px 100%;background-position: center;}
	.presentacion .content-presentacion .img{width: 40%;}
	.presentacion .content-presentacion .body-presentacion{width: 60%;}
	.valores .content-valores .valor{width: calc(50% - 40px);}
	.valores .title{font-size: 20pt;}
	.valores .title .l_capital{font-size: 30pt;}
}
@media (max-width: 580px){
	.presentacion .content-presentacion .img{display: none;}
	.presentacion .content-presentacion .body-presentacion{width: 100%;}
	.valores .content-valores .valor{width: calc(50% - 40px);}
}
@media (max-width: 480px){
	.presentacion .title{font-size: 20pt;}
	.presentacion .title .l_capital{font-size: 30pt;}
	.presentacion .subtitle{font-size: 18pt;}
}
@media (max-width: 400px){
	.valores .content-valores .valor{width: calc(70% - 40px);}
}
@media (max-width: 350px){
	.valores .content-valores .valor{width: calc(85% - 40px);}
}