@charset "utf-8";
/* CSS Document */
html, body{width: 100%; height: 100%; border: 0; margin: 0; padding: 0; font-family: neue-haas-grotesk-text, sans-serif;}

.container{max-width: 990px; margin:0 auto; position: relative;}

.blue{color:#2d59a9;}
.blue2{color:#27aae1;}
.blue3{color:#2e3192;}
.blue4{color:#2b80c3;}
.purple{color:#92278f;}
.cherry{color:#c03367;}
.orange{color:#ef4136;}
.white{color: #ffffff;}
.green{color:#44a13f;}
.yellow{color:#fdb913 !important;}
.black{color:#000000 !important;}
.brown{color:#594a42;}
.pink{color:#df3b4a;}

.bg-blue{background: #2d59a9;}
.bg-blue2{background:#27aae1;}
.bg-blue3{background:#2e3192;}
.bg-brown{background: #e6dfd4;}
.bg-brown2{background: #7b6b5d;}
.bg-brown3{background: #a1937f;}
.bg-orange{background:#ef4136;}
.bg-purple{background:#92278f;}
.bg-green{background:#44a13f;}
.bg-white{background:#ffffff !important;}
.bg-cherry{background:#c03367;}

.clear{clear: both;}

.txt{padding: 0 30px; position: relative;}

.txt p{font-size: 16px; font-weight: 400; margin-top: 0; margin-bottom: 16px; line-height: 1.3; letter-spacing: normal;}
.txt p strong{font-weight: 700;}
.txt ul{padding: 0 0 0 15px;}
.txt ul li{font-size: 16px; font-weight: 400; margin-top: 0; line-height: 1.3; letter-spacing: normal;}
.txt ul li strong{font-weight: 700;}
.gri{font-style: italic; font-weight: 500 !important; font-size: 12px !important; margin-bottom: 0px !important;}
sup{font-size: 9px;}
h1{font-family: neue-haas-grotesk-display, sans-serif; font-weight: 700; color: #ffffff;}

.fmedium{font-weight: 500 !important;}
.fbold{font-weight: 700 !important;}
.fitalic {font-style: italic;}

.f10{font-size: 10px;}
.f12{font-size: 12px !important;}
.f14{font-size: 14px !important;}
.f16{font-size: 16px !important;}

.cuadro-azul{background-color: #2994d2; position: absolute; left: 0; top: 0; width: 30px; height: 100%;}

.notas{margin-top: 15px !important;}
.notas2{margin-top: 15px !important; font-size: 10px !important; font-weight: 400 !important;}

.img100{width: 100%; margin: 30px auto;}
.img90{width: 90%; margin: 30px auto;}
.img80{width: 80%; margin: 30px auto; display: block;}
.img50{width: 50%; margin: 30px auto; display: block;}
.img-gen{width: 100%; max-width: 350px; height: auto; display: block; margin-bottom: 30px; margin-top: 30px;}
.img-gen-der{width: 100%; max-width: 350px; display: block; margin:30px 0 30px 20px; float: right;}

.clear{clear: both;}

.highlight-image .circulo{border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: relative; text-align: center; justify-content: center; flex-wrap: wrap; padding: 15px;  color: #ffffff; font-family: acumin-pro-extra-condensed, sans-serif; display: flex; align-items: center;}
.highlight-image img{position: relative;}
.highlight-image p{font-weight: 700; text-align: center;}

.overflow{overflow-y: auto; overflow-y: hidden;}

.nomargintop{margin-top: 0;}
.nomarginbottom{margin-bottom: 0px !important;}

header{width: 100%; height: 75px; background-color: #ffffff; position: fixed; top:0; z-index: 9999; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);}
header .logo{width: 50px; display: block; margin: 9px auto;}
header .logo img{width: 50px;}
header .lang{display: table; position: absolute; right: 30px; top: 20px;}
header .lang a{text-decoration: none; color: #3c5daa; font-size: 11px; -webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out; font-weight: 700;}
header .lang a:hover{color: #787878}

header .menu-btn{height: 30px; line-height: 90px; position: absolute; left: 30px; top:15px;}
header .menu-btn #toggle {z-index: 20; display: flex; align-items: center; width: 45px; height: 30px;}
header .menu-btn #toggle span:after,
header .menu-btn #toggle span:before {content: ""; position: absolute; right: 0; top: -8px;} 
header .menu-btn #toggle span:after{top: 8px;}
header .menu-btn #toggle span {position: relative; display: block;}
header .menu-btn #toggle span,
header .menu-btn #toggle span:after{width: 100%; height: 3px; background:#3c5daa; transition: all 0.3s; backface-visibility: hidden; border-radius: 0px;}
header .menu-btn #toggle span:before {width: 100%; height: 3px; background:#3c5daa; transition: all 0.3s; backface-visibility: hidden; border-radius: 0px;}
/* on activation */
header .menu-btn #toggle.on span {background: transparent;}
header .menu-btn #toggle.on span:before {transform: rotate(45deg) translate(7px, 5px); width: 100%; height: 2px;}
header .menu-btn #toggle.on span:after {transform: rotate(-45deg) translate(6px, -5px); width: 100%; height: 2px;}


/* menu appearance*/
#menu {	z-index: 999; position: fixed; overflow: auto; color: #ffffff; width: 100%; height: 100%; text-align: center; background: #e5e0d6; opacity: 0; visibility: hidden; /*transition: opacity .4s; */vertical-align: middle; padding-bottom: 30px;}
#menu .container-menu{max-width:900px; margin: 0 auto; padding-top: 110px;}
#menu h4{text-align: center; font-size: 26px; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 700; color:#2d59a9; margin: 30px 0;}
#menu .flex-menu{display: flex; flex-wrap: wrap; justify-content:space-between;}
#menu .flex-menu > div{width: 33.33%;}
#menu .flex-menu > div a:last-child::after{border: none;}
#menu .flex-menu a{color: #2d59a9; text-decoration: none; padding: 0px 0px 7px; text-align: left; font-size: 15px; font-weight: 400; line-height: 1.4; display: block;
	-webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out;
}
#menu .flex-menu a::after{
	content: " ";
  	border-bottom-style: solid;
  	border-bottom-width:2px;
	border-bottom-color: #ffffff;
  	display:flex;
  	width:100%;
	padding-top: 7px;
	opacity: 0.6;
}
#menu a:hover{color: #27aae1;}
#menu h5{
	font-weight: 500;
	text-align: center;
	font-size: 12px;
	color: #2d59a9;
	margin: 60px auto 0;
	display: block;
}
#menu h5 span{
	font-size: 30px;
	font-weight: 200;
	font-family: neue-haas-grotesk-display, sans-serif;
	
	line-height: 0.8;
}

.go-down{width: 50px; position: absolute; left: 0; right: 0; z-index: 998; margin:0 auto; bottom: 30px; text-align: center; opacity: 1;}
.go-down .mouse{opacity:1; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px solid #ffffff; width: 18px; height: 32px; display: block; margin:0 auto; -webkit-box-shadow: 0px 0px 4px 0.5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 4px 0.5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 4px 0.5px rgba(0,0,0,0.2);}
.go-down .mouse .punto{opacity:1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 4px; height: 4px; background-color: #ffffff; margin:0 auto; position: relative; top:5px; display: block;}
.go-down .down{opacity:1; border: solid white;  border-width: 0 2px 2px 0;  display: inline-block;  padding: 4px; transform: rotate(45deg);  -webkit-transform: rotate(45deg); margin:0 auto; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.15);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.15);}

.creando{
	font-size: 126px;
	font-family: neue-haas-grotesk-display, sans-serif;
	font-weight: 700;
}

.integrado{
	font-weight: 700;
	text-align: center;
	font-size: 20px;
	position: absolute;
}
.integrado span{
	font-size: 60px;
	font-weight: 200;
	font-family: neue-haas-grotesk-display, sans-serif;
	display: block;
	line-height: 0.8;
}

.perfil{
	font-weight: 700;
	text-align: center;
	font-size: 235px;
	line-height: 0px;
	font-family: neue-haas-grotesk-display, sans-serif;
}
.perfil2{
	font-weight: 700;
	text-align: center;
	font-size: 180px;
	font-family: neue-haas-grotesk-display, sans-serif;
	position: absolute;
	left: 0; 
	right: 0; 
	margin: 0 auto;
	top: 115px;
}

#slider2{
	width: 100%;
	height: 667px;
	overflow: hidden;
	display: none;
	position: relative;
}

#slider2 .sl1{width: 100%; height: 100%; position: relative; background-image: url("../images/bg-inicio.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover;}
#slider2 .sl1 h2{color:#d3cab7; left:0; text-align: center; right: 0; margin: 0 auto; position: absolute; top: 40%; font-size: 126px; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 700;}
#slider2 .sl1 .integrado{color:#f7941d; bottom: 50px; left: 0; right: 0; margin:0 auto; position: absolute;}

#slider2 .sl2{width: 100%; opacity: 0; height: 100%; position: absolute; top: 0; left: 0; background: #ded5c7;}
#slider2 .sl2 .perfil2{color:#ffffff;}
#slider2 .sl2 .edificios{bottom:200px; width: 100%; left:0; position: absolute;}
#slider2 .sl2 .pleca{bottom:0; left:0; width:100%; background:#2e59a8; height:200px; position: absolute;}

#intro .container, #intro2 .container{max-width: 940px;}

#intro{background:#2e59a8; width: 100%; overflow: hidden; padding: 60px 0 0px;}
#intro .flex-intro{display: flex;}
#intro .flex-intro > div:first-child{width: 35%;}
#intro .flex-intro > div:nth-child(2){width: 65%;}

#intro h3{margin: 0 0 20px; font-size: 37px; color:#27aae1;}
#intro p, #intro ul li, #intro2 p, #intro2 ul li{color:#ffffff;}

#intro2{background:#2e59a8; width: 100%; overflow: hidden; padding: 0px 0 60px;}
#intro2 .flex-intro{display: flex;}
#intro2 .flex-intro > div:first-child{width: 35%;}
#intro2 .flex-intro > div:nth-child(2){width: 65%;}


/***SEMBLANZA***/
#semblanza .titulo{background: #2d59a9; padding: 120px 0 50px; position: relative;}
#semblanza .titulo h1{font-size: 40px; margin: 30px 0 0; display: table-cell;}
#semblanza .subtitulo{background: #e6e0d6; padding: 30px 0; margin-bottom: 30px;}

#semblanza .subtitulo .flex-semblanza-subt{display: flex;}
#semblanza .subtitulo .flex-semblanza-subt div{padding-right: 15px;}
#semblanza .subtitulo .flex-semblanza-subt div:nth-child(2){padding-right: 22px;}
#semblanza .subtitulo .flex-semblanza-subt div p{margin: 0; line-height: 1.1; font-weight: 700; font-size: 14px;}


#semblanza .botones-semblanza{width: 100%; color: #ffffff; margin-top: 10px; font-size: 12px; display: flex;}
#semblanza .botones-semblanza div{width: 33.33%; padding: 8px 0; text-align: center; cursor: pointer;}

#semblanza .botones-semblanza .comercial{background-color:#92278f; border: 1px solid #92278f;}
#semblanza .botones-semblanza .comercial.active{background-color:#ffffff; color:#92278f; font-weight: 700;}

#semblanza .botones-semblanza .mixtos{background-color:#c03367; border: 1px solid #c03367;}
#semblanza .botones-semblanza .mixtos.active{color:#c03367; background-color:#ffffff; font-weight: 700;}

#semblanza .botones-semblanza .oficinas{background-color:#ef4136; border: 1px solid #ef4136;}
#semblanza .botones-semblanza .oficinas.active{background-color:#ffffff; color:#ef4136; font-weight: 700;}

#semblanza .semblanzas{position: relative;}
#semblanza .semblanzas > .semblanza-comercial{display: flex; flex-wrap: wrap; clear: both; width: 100%; float: left;}
#semblanza .semblanzas > .semblanza-comercial > div{width: 50%; margin: 30px 0;}
#semblanza .semblanzas > .semblanza-comercial > div p{margin-bottom: 8px;}
#semblanza .semblanzas > .semblanza-comercial > div p.semblanza-texto{font-size: 15px;}
#semblanza .semblanzas > .semblanza-comercial > div .portada-img{margin-bottom: 15px;}

#semblanza .semblanzas > .semblanza-mixtos{display: flex; flex-wrap: wrap; clear: both; width: 100%; float: left;}
#semblanza .semblanzas > .semblanza-mixtos > div{width: 50%; margin: 30px 0;}
#semblanza .semblanzas > .semblanza-mixtos > div p{margin-bottom: 8px;}
#semblanza .semblanzas > .semblanza-mixtos > div p.semblanza-texto{font-size: 15px;}
#semblanza .semblanzas > .semblanza-mixtos > div .portada-img{margin-bottom: 15px;}

#semblanza .semblanzas > .semblanza-oficinas{display: flex; flex-wrap: wrap; clear: both; width: 100%; float: left;}
#semblanza .semblanzas > .semblanza-oficinas > div{width: 50%; margin: 30px 0;}
#semblanza .semblanzas > .semblanza-oficinas > div p{margin-bottom: 8px;}
#semblanza .semblanzas > .semblanza-oficinas > div p.semblanza-texto{font-size: 15px;}
#semblanza .semblanzas > .semblanza-oficinas > div .portada-img{margin-bottom: 15px;}

#semblanza .cdmx{display: block; max-width: 550px; width: 100%; margin: 30px auto 0;}

/***SEMBLANZA***/

/***ESTRATEGIA Y MODELO DE NEGOCIO***/
#estrategia .titulo{background: #2e3192; padding: 100px 0 30px; position: relative; overflow: hidden;}
#estrategia .titulo .gri{color: #ffffff;}
#estrategia .titulo h1{font-size: 50px; margin: 30px 0 15px; line-height: 30px; display: table;}
#estrategia .titulo h1 span{font-size: 20px; letter-spacing: 4.5px; color:#d0c5b0;}
#estrategia .flex-estrategia-intro{ display: flex; justify-content: center;}
#estrategia .flex-estrategia-intro > div:first-child{width: 35%; background: url("../images/estrategia/01.jpg"); background-size: cover; margin: 0 0 0 30px;}
#estrategia .flex-estrategia-intro > div:nth-child(2){width: 75%; padding: 30px 0 60px;}
#estrategia .flex-estrategia-intro > div:nth-child(2) h2{line-height: 1.4; color:#e7e1d5; font-size: 20px; font-weight: 700;}

#estrategia .flex-estrategia-intro > div:nth-child(2)  .flex-estrategias{display: flex; align-items:center; margin-top: 30px; justify-content: center; flex-wrap: wrap;}
#estrategia .flex-estrategia-intro > div:nth-child(2)  .flex-estrategias > div{width: 10%; margin-top: 20px;}
#estrategia .flex-estrategia-intro > div:nth-child(2)  .flex-estrategias > div img{width: 40px; margin-right: 20px; }
#estrategia .flex-estrategia-intro > div:nth-child(2)  .flex-estrategias > p{width: 90%; color:#ffffff; margin-bottom: 0; font-size: 15px; font-weight: 700; margin-top: 20px;}
#estrategia .flex-estrategia-intro > div:nth-child(2)  .flex-estrategias > p span{color:#ffcc4e;}

#estrategia .timeline-cont{background:#ddd5c7; padding: 30px 15px 60px; overflow: hidden; position: relative;}
#estrategia .timeline-cont h3{color:#ce395a; font-size: 20px; font-weight: 700; text-align: center; margin-bottom: 40px;}
#estrategia .timeline{display: flex;}
#estrategia .timeline > div{width: 14.28%; position: relative;}
#estrategia .timeline > div .txt{padding: 0 15px;}

#estrategia .timeline > div .numero{position: relative;}
#estrategia .timeline > div .numero p{width: 10px; height: 10px; padding: 15px; line-height: 0.5; text-align: center; vertical-align: middle; font-size: 18px; background: #887769; margin: 10px auto 20px; border-radius: 50%;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border: 4px solid #ffffff; color: #ffffff; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 900; position: relative;}
#estrategia .timeline-cont .numero .linea{width: 100%; display: block; height: 5px; border-bottom: 5px solid #ffffff; position: absolute; left:0; right: 0; top: 16px; margin:0 auto;}
#estrategia .timeline-cont .numero .linea1{width: 50%; display: block; height: 5px; border-bottom: 5px solid #ffffff; position: absolute; right: 0; top: 16px;}
#estrategia .timeline-cont .numero .linea2{width: 50%; display: block; height: 5px; border-bottom: 5px solid #ffffff; position: absolute; left: 0; top: 16px;}

#estrategia .timeline > div p{text-align: center; color: #2d469d; font-weight: 700; padding: 0 5px;}

/***ESTRATEGIA Y MODELO DE NEGOCIO***/

/***MENSAJE DEL DIRECTOR GENERAL***/
#carta-director-general{position: relative;}

#carta-director-general .titulo{display: flex; width: 100%; height: 350px;}
#carta-director-general .titulo > div:first-child{width: 45%; position: relative; background-color: #2d469d;}
#carta-director-general .titulo > div:nth-child(2){width: 55%; position: relative; background:url("../images/mensajes/bg-director-general.jpg") no-repeat; background-size: cover; background-position: 99% bottom;}

#carta-director-general .titulo > div:first-child .borde{width: 30px; height: 100%; position: absolute; left:0; top:0; background-color: #2994d2;}
#carta-director-general .titulo > div:first-child h1{color: #ffffff; font-size: 30px; position: absolute; line-height: 30px; bottom: 30px; left: 55px;}
#carta-director-general .titulo > div:first-child h1 span{font-size: 20px; letter-spacing: 16px; color:#d0c5b0;}
#carta-director-general .titulo > div:first-child h1 span.gri{letter-spacing: normal !important; color:#ffffff;}

#carta-director-general .titulo > div:nth-child(2) .director-name{position: absolute; color: #ffffff; font-size: 12px; right: 30px; bottom: 60px;}


#carta-director-general .mensaje{padding: 60px 0 60px;}
#carta-director-general .mensaje .flex-mensaje{display: flex;}
#carta-director-general .mensaje .flex-mensaje > div:first-child{width: 70%;}
#carta-director-general .mensaje .flex-mensaje > div:nth-child(2){width: 30%;}
#carta-director-general .mensaje .flex-mensaje > div:nth-child(2) .highlight-image .circulo{font-size: 42px; margin: -50px auto 10px; font-weight: 700; line-height: 22px; width: 80px; height: 80px;}
#carta-director-general .mensaje .flex-mensaje > div:nth-child(2) .highlight-image .circulo > span.millions{font-size: 19px; display: contents; }

/***MENSAJE DEL DIRECTOR GENERAL***/

/***MENSAJE DEL DIRECTOR ASG***/
#carta-director-asg{position: relative;}

#carta-director-asg .titulo{display: flex; width: 100%; height: 350px;}
#carta-director-asg .titulo > div:first-child{width: 45%; position: relative; background-color: #008b6d;}
#carta-director-asg .titulo > div:nth-child(2){width: 55%; position: relative; background:url("../images/mensajes/bg-director-asg.jpg") no-repeat; background-size: cover; background-position: 99% bottom;}

#carta-director-asg .titulo > div:first-child .borde{width: 30px; height: 100%; position: absolute; left:0; top:0; background-color: #70bf54;}
#carta-director-asg .titulo > div:first-child h1{color: #ffffff; font-size: 30px; letter-spacing: 2px; position: absolute; line-height: 30px; bottom: 30px; left: 60px;}
#carta-director-asg .titulo > div:first-child h1 span{font-size: 20px; letter-spacing: 15px; color:#d0c5b0;}
#carta-director-asg .titulo > div:first-child h1 span.gri{letter-spacing: normal !important; color:#ffffff;}

#carta-director-asg .titulo > div:nth-child(2) .director-name{position: absolute; color: #ffffff; font-size: 12px; right: 30px; bottom: 60px;}

#carta-director-asg .mensaje{padding: 60px 0 60px;}
#carta-director-asg .mensaje .flex-mensaje{display: flex;}
#carta-director-asg .mensaje .flex-mensaje > div:first-child{width: 70%;}
#carta-director-asg .mensaje .flex-mensaje > div:nth-child(2){width: 30%;}
#carta-director-asg .mensaje .flex-mensaje > div:nth-child(2) .highlight-image .circulo{font-size: 25px; margin: -50px auto 10px; font-weight: 700; line-height: 22px; width: 80px; height: 80px;}

/***MENSAJE DEL DIRECTOR ASG***/

/***DATOS FINANCIEROS Y OPERATIVOS RELEVANTES***/
#relevantes{position: relative;}
#relevantes .titulo{display: flex; width: 100%; height: 350px; flex-wrap: wrap;}
#relevantes .titulo > div:first-child{width: 50%; position: relative; background-color: #2d469d;}
#relevantes .titulo > div:nth-child(2){width: 50%; position: relative; background:url("../images/relevantes/bg-relevantes.jpg") no-repeat; background-size: cover; background-position: 80% center;}

#relevantes .titulo > div:first-child .borde{width: 30px; height: 100%; position: absolute; left:0; top:0; background-color: #2994d2;}
#relevantes .titulo > div:first-child h1{color: #ffffff; font-size: 30px; letter-spacing: 17px; position: absolute; line-height: 30px; bottom: 30px; left: 60px;}
#relevantes .titulo > div:first-child h1 span{font-size: 20px; letter-spacing: normal; color:#d0c5b0;}
#relevantes .titulo > div:first-child h1 span.gri{letter-spacing: normal !important; color:#ffffff;}


#relevantes .datos-relevantes{padding: 60px 0 60px;}
#relevantes .datos-relevantes .tb-relevantes {font-family: acumin-pro-condensed, sans-serif; font-size: 16px; line-height: 1.1; margin: 6px 0;}
#relevantes .datos-relevantes .tb-relevantes tr th{font-weight: 700; text-align: right; padding: 2px 4px;}
#relevantes .datos-relevantes .tb-relevantes tr.line-blue th{border-bottom: 2px solid #2e3192;}
#relevantes .datos-relevantes .tb-relevantes tr td{border-bottom:1px solid #319fd1; padding: 2px 4px; font-weight: 500; text-align: right; -webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out;}
#relevantes .datos-relevantes .tb-relevantes tr:hover td{background-color: #2994d2; color:#ffffff;}
#relevantes .datos-relevantes .tb-relevantes tr .left{text-align: left;}
#relevantes .datos-relevantes .tb-relevantes tr .center{text-align: center;}
#relevantes .datos-relevantes .tb-relevantes tr .borde-right{border-right:2px solid #ffffff;}
#relevantes .datos-relevantes .tb-relevantes tr .borde-left{border-left:2px solid #ffffff;}
#relevantes .datos-relevantes .tb-relevantes tr.sinborde td{border-bottom:0px !important;}


#relevantes .datos-relevantes .titulo-tabla{margin:30px 0 10px; color:#594a42; font-weight: 700;}

#relevantes .datos-relevantes .tb-relevantes-cont tr:first-child > th:first-child{border-bottom: 2px solid #2e3192;}
#relevantes .datos-relevantes .tb-relevantes-cont tr:first-child > th:nth-child(2){border-bottom: 2px solid #ef4136; color:#ef4136;}
#relevantes .datos-relevantes .tb-relevantes-cont tr:first-child > th:nth-child(3){border-bottom: 2px solid #92278f; color:#92278f;}

#relevantes .datos-relevantes .flex-graficas-barras{width: 80%; display: flex; margin: 60px auto 30px; flex-wrap: wrap;}
#relevantes .datos-relevantes .flex-graficas-barras .grafica-cont{width: 33.33%;}
#relevantes .datos-relevantes .flex-graficas-barras .grafica-cont .grafica{overflow: hidden; position: relative;}
#relevantes .datos-relevantes .flex-graficas-barras .grafica-cont .grafica .g1{width: 100%; display: block; margin: 0 auto; position: relative; max-width: 150px;}
#relevantes .datos-relevantes .flex-graficas-barras .grafica-cont .grafica .g2{width: 100%; display: block; margin: 0 auto; position: absolute; top: 0; right: 0; left:0; max-width: 150px;}
#relevantes .datos-relevantes .flex-graficas-barras .grafica-cont .titulo-grafica p{font-size: 12px; color: #ef4136; text-align: center; font-weight: 700; margin-top: 15px;}
#relevantes .datos-relevantes .flex-graficas-barras .grafica-cont .titulo-grafica p span{font-size: 10px; color:#000000; font-weight: 400;}

/***DATOS FINANCIEROS Y OPERATIVOS RELEVANTES***/

/***2019 EN UN VISTAZO***/
#vistazo{background: #ddd5c7;}
#vistazo ul  li{margin: 15px 0;}
#vistazo .titulo{padding: 110px 0 30px; position: relative; width: 80%; margin: 0 auto;}
#vistazo .titulo img{width: 100%; margin: 0 auto; display: block;}

#vistazo .subtitulo{margin-top: 30px;}
#vistazo .subtitulo .subtitulo-line{border-top: 2px solid #ffffff; margin-top: 2px;}
#vistazo .subtitulo h4{display: table; background: #ffffff; padding:10px 10px 10px; font-size: 14px; margin: 0 auto;}

#vistazo .eventos{display: flex; align-content: center; flex-wrap: wrap;}
#vistazo .eventos > div{width: 50%;}
#vistazo .eventos .evento1{display: flex; align-items:center; margin-top: 30px;}
#vistazo .eventos .evento1 ul{width: 45%; margin: 0px 15px 0 30px; padding-left: 15px;}
#vistazo .eventos .evento1 img{width: 120px; margin: 0 15px;}

#vistazo .eventos .evento2 {display: flex; align-items:center; flex-wrap: wrap; margin-top: 30px;}
#vistazo .eventos .evento2 ul{width: 40%; margin: 0px 15px 0 30px; padding-left: 15px;}
#vistazo .eventos .evento2 img{width: 150px; margin: 0 15px;}

#vistazo .eventos .evento3{display: flex; align-items:flex-start; margin-top: 30px; flex-wrap: wrap;}
#vistazo .eventos .evento3 ul{width: 40%; margin: 0px 15px 0 15px; padding-left: 15px;}
#vistazo .eventos .evento3 img{width: 200px; height: auto; margin: 20px 15px 0 30px;}

#vistazo .eventos .evento4{display: flex; align-items:flex-start; margin-top: 30px;}
#vistazo .eventos .evento4 ul{width: 45%; margin: 0px 15px 0 15px; padding-left: 15px;}
#vistazo .eventos .evento4 img{width: 180px; height: auto; margin: 20px 15px 0 30px;}

#vistazo .ventajas .flex-ventajas{display: flex; width: 75%; margin:30px auto 0; align-items: center; flex-wrap: wrap;}
#vistazo .ventajas .flex-ventajas > div{width: 50%;}
#vistazo .ventajas .flex-ventajas > div .icon-ventaja{width: 40px; float: right; margin: 0 0 15px 15px;}

#vistazo .ventajas .flex-ventajas2{display: flex; width: 75%; margin: 0 auto;}
#vistazo .ventajas .flex-ventajas2 > div:first-child{width: 65%;}
#vistazo .ventajas .flex-ventajas2 > div:nth-child(2){width: 35%;}

#vistazo .ventajas .flex-ventajas2 > div:first-child .highlight-ventaja{display: flex; align-items: center; justify-content: center;}
#vistazo .ventajas .flex-ventajas2 > div:first-child .highlight-ventaja img{width: 40px; height: auto;}
#vistazo .ventajas .flex-ventajas2 > div:first-child .highlight-ventaja p{width: 40%; margin-bottom: 0;}
#vistazo .ventajas .flex-ventajas2 > div:first-child .highlight-ventaja .circulo{border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: relative; text-align: center; justify-content: center; padding: 15px;  color: #ffffff; font-family: acumin-pro-extra-condensed, sans-serif; display: flex; align-items: center; margin: 0 10px; font-size: 42px; background-color: #ce395a; font-weight: 700; line-height: 22px; width: 70px; height: 70px;}

#vistazo .ventajas .flex-ventajas2 > div:nth-child(2){width: 50%; padding-top: 20px;}
#vistazo .ventajas .flex-ventajas2 > div:nth-child(2) .highlight-image .circulo{font-size: 42px; margin: -50px auto 10px; font-weight: 700; line-height: 22px; width: 80px; height: 80px;}
#vistazo .ventajas .flex-ventajas2 > div:nth-child(2) .highlight-image .circulo > span.millions{font-size: 19px; display: contents; }


#vistazo .flex-aspectos{display: flex; margin: 50px 0;}
#vistazo .flex-aspectos > div:first-child{width: 65%;}
#vistazo .flex-aspectos > div:nth-child(2){width: 35%;}

#vistazo .chica{width: 70%; margin: 60px auto 0; height: 500px; background: url("../images/vistazo/06.png") no-repeat center; background-size: cover;}
/***2019 EN UN VISTAZO***/

/***METAS***/
#metas{background: #f1efea; padding:60px 0 60px;}
#metas h2{font-size:140px; letter-spacing: 15px; margin: 50px 0 30px; line-height: 108px; color:#27aae1; text-align: center; font-family: acumin-pro-extra-condensed, sans-serif;}
#metas h2 span{ color:#2d59a9;}
#metas ul li{margin:15px 0;}
/***METAS***/

/*** MATERIALIDAD ***/
#materialidad{position: relative;}
#materialidad .titulo{display: flex; width: 100%; height: 300px;}
#materialidad .titulo > div:first-child{width: 50%; position: relative; background-color: #c03367;}
#materialidad .titulo > div:nth-child(2){width: 50%; position: relative; background:url("../images/materialidad/bg-materialidad.jpg") no-repeat center 0%; background-size: cover;}

#materialidad .titulo > div:first-child .borde{width: 30px; height: 100%; position: absolute; left:0; top:0; background-color: #ef4136;}
#materialidad .titulo > div:first-child h1{color: #ffffff; font-size: 30px; letter-spacing: 8px; position: absolute; line-height: 30px; bottom: 30px; left: 60px;}

#materialidad .materialidad-cont{padding: 60px 0 60px; background: #e6dfd4; }

#materialidad .materialidad-cont .flex-materialidad{display: flex; flex-wrap: wrap;}
#materialidad .materialidad-cont .flex-materialidad > div:first-child{width: 35%;}
#materialidad .materialidad-cont .flex-materialidad > div:nth-child(2){width: 65%;}
#materialidad .materialidad-cont .flex-materialidad > div:first-child h5{margin-top: 0; line-height: 1.4; font-size:22px; color:#2d59a9; font-family: neue-haas-grotesk-display, sans-serif; }
#materialidad .materialidad-cont .flex-materialidad > div:first-child .img-mat1{max-width: 285px; width: 100%; margin: 20px 0;}

#materialidad .materialidad-cont .flex-materialidad2{display: flex; flex-wrap: wrap;}
#materialidad .materialidad-cont .flex-materialidad2 > div:first-child{width: 65%;}
#materialidad .materialidad-cont .flex-materialidad2 > div:nth-child(2){width: 35%;}
#materialidad .materialidad-cont .flex-materialidad2 > div:nth-child(2) img{margin-top: 0;}

#materialidad .materialidad-cont h4{display: inline-block; background: #ffffff; padding: 8px 10px; font-size: 14px; margin-top: 5px;}
#materialidad .materialidad-cont .img-mat2{width: 100%; max-width: 600px; display: block; margin: 20px auto;}

#materialidad .materialidad-cont .flex-tablas{display: flex; flex-wrap: wrap;}
#materialidad .materialidad-cont .flex-tablas .tb-materialidad{width: 33.33%;}


#materialidad .materialidad-cont .tb-materialidad tr th{padding: 5px; vertical-align: top;}
#materialidad .materialidad-cont .tb-materialidad tr td{padding: 2px 5px; vertical-align: top; -webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out;}
#materialidad .materialidad-cont .tb-materialidad tr:hover td{color:#ffffff !important; background-color: #27aae1 !important;}
#materialidad .materialidad-cont .tb-materialidad tr td ol{margin:0; padding-left: 30px;}
#materialidad .materialidad-cont .tb-materialidad tr td ol li{font-weight: 700;}
#materialidad .materialidad-cont .tb-materialidad tr td ol li span{color: #000000; font-weight: 400;}

#materialidad .materialidad-cont .tb-materialidad tr td:first-child{background: #efebe5;}
#materialidad .materialidad-cont .tb-materialidad tr.line-purple td{border-bottom: 1px solid #92278f;}
/*** MATERIALIDAD ***/


/****GRUPOS DE INTERÉS*****/
#grupos-interes a{text-decoration: none; color:#2e3192; white-space: pre-wrap; -webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out;}

#grupos-interes a:hover{color:#2d59a9;}
#grupos-interes .intro-interes{display: flex; width: 100%; height: 450px; overflow: hidden;}
#grupos-interes .intro-interes > div:first-child{width: 40%; position: relative; background:url("../images/interes/bg-interes.jpg") no-repeat center left; background-size: cover;}
#grupos-interes .intro-interes > div:nth-child(2){width: 60%; position: relative; background-color: #ce395a;}

#grupos-interes .intro-interes > div:nth-child(2) .borde{width: 80px; height: 100%; position: absolute; right:0; top:0; background-color: #2d59a9;}
#grupos-interes .intro-interes > div:nth-child(2) h1{color: #ffffff; font-size: 30px; letter-spacing: 8px; position: absolute; line-height: 30px; bottom: 30px; left: 60px;}
#grupos-interes .intro-interes > div:nth-child(2) h1 span{color: #c2b59b; letter-spacing: 5px; font-size: 50px; line-height: 1.2;}
#grupos-interes .intro-interes > div:nth-child(2) h1 span.gri{letter-spacing: normal !important; color:#ffffff;}
#grupos-interes .intro-interes > div:nth-child(2) .chicos{position: absolute;  width: 200px; bottom: 30px; right: 30px;}

#grupos-interes .interes-titulo{padding: 0 0 30px;}
#grupos-interes .interes-titulo .intro{font-size: 22px; color:#2d469d; font-weight: 700; font-family: neue-haas-grotesk-display, sans-serif; padding: 50px 0; line-height: 1.4;}
#grupos-interes .interes-titulo .flex-interes-titulo-ul{display: flex;}
#grupos-interes .interes-titulo .flex-interes-titulo-ul ul{margin-right: 60px; margin-top: 0;}

#grupos-interes .interes-cont{background-color: #2d469d; padding: 60px 0; overflow: hidden;}
#grupos-interes .interes-cont .cuadro{background: url("../images/interes/bg-degradado.jpg") no-repeat center; border: 1px solid #ffffff; margin-top: 30px; background-size: cover; padding: 0px 30px 30px;}
#grupos-interes .interes-cont .cuadro h4{display: inline-block; background: #ffffff; padding: 8px 10px; font-size: 14px; margin-top: -50px !important; margin-bottom: 50px; color:#ef4136;}
#grupos-interes .interes-cont .flex-cuadro1{display: flex; flex-wrap: wrap;}
#grupos-interes .interes-cont .flex-cuadro1 > div{width: 50%;}
#grupos-interes .interes-cont .flex-cuadro1 > div .grafica-circulo{display: flex; margin: 15px 0; flex-wrap: wrap; text-align: center; justify-content: center; align-content: space-evenly; align-items: center;}
#grupos-interes .interes-cont .flex-cuadro1 > div .grafica-circulo > img{width: 100px;}
#grupos-interes .interes-cont .flex-cuadro1 > div .grafica-circulo > p{margin: 15px; width: 25%;}
#grupos-interes .interes-cont .flex-cuadro1 > div .grafica-circulo > p:first-child{text-align: right;}
#grupos-interes .interes-cont .flex-cuadro1 > div .grafica-circulo > p:last-child{text-align: left;}

#grupos-interes .interes-cont .flex-interes{display: flex; flex-wrap: wrap;}
#grupos-interes .interes-cont .flex-interes > div:first-child{width: 65%;}
#grupos-interes .interes-cont .flex-interes > div:nth-child(2){width: 35%;}
#grupos-interes .interes-cont .flex-interes > div:nth-child(2) img{margin-top:30px;}
#grupos-interes .interes-cont .flex-interes > div:nth-child(2) p:first-child{margin-top:30px;}

#grupos-interes .interes-cont .flex-cuadro2{display: flex;}
#grupos-interes .interes-cont .flex-cuadro2 > div{width: 50%; padding: 0 10px;}
#grupos-interes .interes-cont .flex-cuadro2 > div p.cifra{font-size:56px; font-weight: 700; line-height: 22px; font-family: acumin-pro-condensed, sans-serif; }
#grupos-interes .interes-cont .flex-cuadro2 > div p.cifra sup{font-size:36px;}

#grupos-interes .interes-cont .flex-cuadro3{display: flex; border-bottom: 1px solid #ffffff; padding: 5px 0 15px; margin-bottom: 30px; text-align: center; justify-content: center; align-content: space-evenly; align-items: center;}
#grupos-interes .interes-cont .flex-cuadro3:last-child{border-bottom: 0; margin-bottom: 0px;}
#grupos-interes .interes-cont .flex-cuadro3 > img{width: 90px; margin:0 15px;}
#grupos-interes .interes-cont .flex-cuadro3 > div p{text-align: left; font-weight: 700; color: #ffffff;}
#grupos-interes .interes-cont .flex-cuadro3 > div p.cifra{font-size:56px; font-weight: 700; line-height: 22px; font-family: acumin-pro-condensed, sans-serif; }
#grupos-interes .interes-cont .flex-cuadro3 > div p.cifra sup{font-size:36px;}

#grupos-interes .interes-brown{background: #e7e1d5; padding: 60px 0 30px;}
#grupos-interes .interes-brown .flex-interes-brown{display: flex; flex-wrap: wrap;}
#grupos-interes .interes-brown .flex-interes-brown > div:first-child{width: 65%;}
#grupos-interes .interes-brown .flex-interes-brown > div:nth-child(2){width: 35%;}
#grupos-interes .interes-brown .tb-canales{width: 100%; margin-bottom: 30px; margin-top: 40px; font-size: 13px; font-family: acumin-pro-condensed, sans-serif;}
#grupos-interes .interes-brown .tb-canales tr td{padding: 5px; background: #f6f4f0; font-weight: 500; line-height: 1.1; vertical-align: top; border-bottom: 1px solid #ef4136; border-left: 2px solid #e7e1d5; border-right: 2px solid #e7e1d5;}
#grupos-interes .interes-brown .tb-canales tr th{background-color:#2d59a9; vertical-align: bottom; color:#ffffff; border-bottom: 1px solid #ef4136; line-height: 1.2; padding: 8px 5px; border-left: 2px solid #e7e1d5; border-right: 2px solid #e7e1d5;}
#grupos-interes .interes-brown .tb-canales tr th img{margin-top: -50px;}
#grupos-interes .interes-brown .tb-canales tr td:first-child{background-color:#ffffff !important;}
#grupos-interes .interes-brown .tb-canales tr td img{margin-top:5px;}

/****GRUPOS DE INTERÉS*****/

/****NUESTROS COLABORADORES*****/
#colaboradores .intro-colaboradores{display: flex; width: 100%; height: 450px; overflow: hidden;}
#colaboradores .intro-colaboradores > div:first-child{width: 45%; position: relative; background:url("../images/colaboradores/bg-colaboradores.jpg") no-repeat top left; background-size: cover;}
#colaboradores .intro-colaboradores > div:nth-child(2){width: 55%; position: relative; background-color: #2e3192;}

#colaboradores .intro-colaboradores > div:nth-child(2) .borde{width: 80px; height: 100%; position: absolute; right:0; top:0; background-color: #ef4136;}
#colaboradores .intro-colaboradores > div:nth-child(2) h1{color: #27aae1; font-size: 30px; letter-spacing: 3px; position: absolute; line-height: 30px; bottom: 30px; left: 60px;}
#colaboradores .intro-colaboradores > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: 5px; font-size: 50px; line-height: 1.2;}
#colaboradores .intro-colaboradores > div:nth-child(2) h1 span.gri{letter-spacing: normal !important; color:#ffffff;}
#colaboradores .intro-colaboradores > div:nth-child(2) .chicos{position: absolute;  width: 200px; bottom: 30px; right: 30px;}

#colaboradores .colaboradores-cont{background: #e7e1d5; padding: 0px 0 30px;}
#colaboradores .colaboradores-cont .intro{font-size: 22px; color:#df3b4a; font-weight: 700; font-family: neue-haas-grotesk-display, sans-serif; padding: 50px 0; line-height: 1.4;}
#colaboradores .colaboradores-cont .flex-colaboradores-total{display: flex; flex-wrap: wrap;}
#colaboradores .colaboradores-cont .flex-colaboradores-total > div .totalcolaboradores{max-width:180px; width:100%;}
#colaboradores .colaboradores-cont .flex-colaboradores-total > div .bygenero{max-width:250px; width: 100%;}

#colaboradores .colaboradores-cont .byetario{max-width: 340px; width: 100%;}
#colaboradores .colaboradores-cont .img-plazas{max-width: 340px; width: 100%; margin: 0 auto; display: block;}

#colaboradores .colaboradores-cont .flex-highlight{display: flex; align-items: center; flex-wrap: wrap;}
#colaboradores .colaboradores-cont .flex-highlight > div:first-child{width: 350px;}
#colaboradores .colaboradores-cont .flex-highlight > div:nth-child(2){width: 50%; max-width: 350px;}

#colaboradores .colaboradores-cont h5{line-height: 1.4; margin:0 0 30px 0; font-size:22px; font-family: neue-haas-grotesk-display, sans-serif; }
#colaboradores .colaboradores-cont ul li{margin:15px 0;}

#colaboradores .colaboradores-cont .tb-compensacion{border: 3px solid #ffffff; margin: 30px auto 30px; max-width: 500px; width: 100%;}
#colaboradores .colaboradores-cont .tb-compensacion tr td{padding: 3px 5px;}
#colaboradores .colaboradores-cont .tb-compensacion tr td p{ font-family: acumin-pro-condensed, sans-serif; font-weight: 500; margin:0px 0 3px; font-size: 16px;}
#colaboradores .colaboradores-cont .img-contrataciones{width: 100%; max-width: 350px; display: block; margin:20px auto;}

#colaboradores .colaboradores-cont .tb-capacitacion{font-family: acumin-pro-condensed, sans-serif; margin: 30px auto 30px; line-height: 1.2;}
#colaboradores .colaboradores-cont .tb-capacitacion tr th{color:#ffffff; background-color:#2d59a9; font-weight: 700; vertical-align: top; text-align: right; padding: 5px; border-left: 2px solid #e7e1d5; border-right: 2px solid #e7e1d5;}
#colaboradores .colaboradores-cont .tb-capacitacion tr.line td{border-bottom: 1px solid #d04b41; -webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out;}
#colaboradores .colaboradores-cont .tb-capacitacion tr td{text-align: right; font-weight: 500; padding: 5px; border-left: 2px solid #e7e1d5; border-right: 2px solid #e7e1d5;}
#colaboradores .colaboradores-cont .tb-capacitacion tr .left{text-align: left;}
#colaboradores .colaboradores-cont .tb-capacitacion tr:hover td{color:#ffffff; background-color: #d04b41 !important;}
/****NUESTROS COLABORADORES*****/


/****COMPROMISO CON EL ENTORNO*****/
#entorno a{text-decoration: none; color:#2e3192; -webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out;}

#entorno .intro-entorno{display: flex; width: 100%; height: 450px; overflow: hidden;}
#entorno .intro-entorno > div:first-child{width: 40%; position: relative; background:url("../images/entorno/bg-entorno.jpg") no-repeat top left; background-size: cover;}
#entorno .intro-entorno > div:nth-child(2){width: 60%; position: relative; background-color: #48a842;}

#entorno .intro-entorno > div:nth-child(2) .borde{width: 80px; height: 100%; position: absolute; right:0; top:0; background-color: #2e3192;}
#entorno .intro-entorno > div:nth-child(2) h1{color: #c9dc5d; font-size: 30px; letter-spacing: 9px; position: absolute; line-height: 30px; bottom: 30px; left: 60px;}
#entorno .intro-entorno > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: 3px; font-size: 50px; line-height: 1.2;}
#entorno .intro-entorno > div:nth-child(2) h1 span.gri{letter-spacing: normal !important; color:#ffffff;}
#entorno .intro-entorno > div:nth-child(2) .chicos{position: absolute;  width: 150px; bottom: 30px; right: 30px;}


#entorno a:hover{color:#2d59a9;}


#entorno .entorno-cont{background: #e7e1d5; padding: 0px 0 30px;}
#entorno .entorno-cont .intro{font-size: 22px; color:#2b80c3; font-weight: 700; font-family: neue-haas-grotesk-display, sans-serif; padding: 50px 0; line-height: 1.4;}
#entorno .entorno-cont .img-entorno{margin:30px auto; display: block; max-width: 600px; width: 100%;}

#entorno .entorno-cont .tb-entorno{font-family: acumin-pro-condensed, sans-serif; line-height: 1.2; margin:30px auto 30px; max-width: 600px; width: 100%;}
#entorno .entorno-cont .tb-entorno tr th{color:#ffffff; font-weight: 700; vertical-align: middle; text-align: right; padding: 2px 5px 3px; font-size: 15px; border-left: 2px solid #e7e1d5; border-right: 2px solid #e7e1d5; line-height: 1.2;}
#entorno .entorno-cont .tb-entorno tr.line td{border-bottom: 1px solid #d04b41; -webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out;}
#entorno .entorno-cont .tb-entorno tr td{text-align: right; font-size: 15px; font-weight: 500; line-height: 1; padding: 2px 5px 3px; border-left: 2px solid #e7e1d5; border-right: 2px solid #e7e1d5;}
#entorno .entorno-cont .tb-entorno tr .left{text-align: left;}
#entorno .entorno-cont .tb-entorno tr .center{text-align: center;}
#entorno .entorno-cont .tb-entorno tr:hover td{color:#ffffff; background-color: #d04b41 !important;}
/****COMPROMISO CON EL ENTORNO*****/

/***CADENA DE SUMINISTRO***/
#suministro a{text-decoration: none; color:#2e3192; -webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out;}

#suministro a:hover{color:#2d59a9;}
#suministro{position: relative;}
#suministro .intro-suministro{display: flex; width: 100%; height: 450px; overflow: hidden;}
#suministro .intro-suministro > div:first-child{width: 50%; position: relative; background:url("../images/suministro/bg-suministro.jpg") no-repeat top left; background-size: cover;}
#suministro .intro-suministro > div:nth-child(2){width: 50%; position: relative; background-color: #ce395a;}

#suministro .intro-suministro > div:nth-child(2) .borde{width: 80px; height: 100%; position: absolute; right:0; top:0; background-color: #92278f;}
#suministro .intro-suministro > div:nth-child(2) h1{color: #d0c5b0; font-size: 35px; letter-spacing: 13px; position: absolute; line-height: 30px; bottom: 30px; left: 60px;}
#suministro .intro-suministro > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: normal; font-size: 50px; line-height: 1.2;}
#suministro .intro-suministro > div:nth-child(2) h1 span.gri{letter-spacing: normal !important; color:#ffffff;}
#suministro .intro-suministro > div:nth-child(2) .chicos{position: absolute;  width: 200px; bottom: 30px; right: 30px;}



#suministro .suministro-cont{padding: 60px 0 30px 0; width: 100%;}
#suministro .suministro-cont .flex-suministro{display: flex;}
#suministro .suministro-cont .flex-suministro > div:first-child{width: 65%;}
#suministro .suministro-cont .flex-suministro > div:nth-child(2){width: 35%;}

#suministro .suministro-cont .tb-suministro{font-family: acumin-pro-condensed, sans-serif; line-height: 1.2; margin:30px 0 30px;}
#suministro .suministro-cont .tb-suministro tr th{color:#ffffff; font-weight: 700; vertical-align: middle; text-align: right; padding: 2px 5px 3px; font-size: 15px; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; line-height: 1.2;}
#suministro .suministro-cont .tb-suministro tr.line td{border-bottom: 1px solid #d04b41; -webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out;}
#suministro .suministro-cont .tb-suministro tr td{text-align: right; font-size: 15px; font-weight: 500; line-height: 1; padding: 2px 5px 3px; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff;}
#suministro .suministro-cont .tb-suministro tr .left{text-align: left;}
#suministro .suministro-cont .tb-suministro tr .center{text-align: center;}
#suministro .suministro-cont .tb-suministro tr:hover td{color:#ffffff; background-color: #d04b41 !important;}
/***CADENA DE SUMINISTRO***/

/****GOBIERNO CORPORATIVO*****/
#gobierno{position: relative;}
#gobierno .intro-gobierno{display: flex; width: 100%; height: 450px; overflow: hidden;}
#gobierno .intro-gobierno > div:first-child{width: 45%; position: relative; background:url("../images/gobierno/bg-gobierno.jpg") no-repeat top left; background-size: cover;}
#gobierno .intro-gobierno > div:nth-child(2){width: 55%; position: relative; background-color: #2e3192;}

#gobierno .intro-gobierno > div:nth-child(2) .borde{width: 80px; height: 100%; position: absolute; right:0; top:0; background-color: #7b6b5d;}
#gobierno .intro-gobierno > div:nth-child(2) h1{color: #df3b4a; font-size: 35px; letter-spacing: 13px; position: absolute; line-height: 30px; bottom: 30px; left: 60px;}
#gobierno .intro-gobierno > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: normal; font-size: 50px; line-height: 1.2;}
#gobierno .intro-gobierno > div:nth-child(2) h1 span.gri{letter-spacing: normal !important; color:#ffffff;}
#gobierno .intro-gobierno > div:nth-child(2) .chicos{position: absolute;  width: 170px; bottom: 30px; right: 30px;}

#gobierno .gobierno-cont{background: #e7e1d5; padding: 0px 0 30px;}
#gobierno .gobierno-cont ul li{margin: 15px 0px;}
#gobierno .gobierno-cont .intro{font-size: 22px; color:#ce395a; font-weight: 700; font-family: neue-haas-grotesk-display, sans-serif; padding: 50px 0; line-height: 1.4;}

#gobierno .gobierno-cont .tb-gobierno{font-family: acumin-pro-condensed, sans-serif; line-height: 1.2; margin:30px auto 30px; max-width: 600px; width: 100%;}
#gobierno .gobierno-cont .tb-gobierno tr th{color:#ffffff; font-weight: 700; vertical-align: middle; text-align: right; padding: 2px 5px 3px; font-size: 15px; border-left: 2px solid #e7e1d5; border-right: 2px solid #e7e1d5; line-height: 1.2;}
#gobierno .gobierno-cont .tb-gobierno tr.line td{border-bottom: 1px solid #d04b41; -webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out;}
#gobierno .gobierno-cont .tb-gobierno tr td{text-align: left; vertical-align: top; font-size: 15px; font-weight: 500; line-height: 1; padding: 2px 5px 3px; border-left: 2px solid #e7e1d5; border-right: 2px solid #e7e1d5;}
#gobierno .gobierno-cont .tb-gobierno tr .left{text-align: left;}
#gobierno .gobierno-cont .tb-gobierno tr .center{text-align: center;}
#gobierno .gobierno-cont .tb-gobierno tr:hover td{color:#ffffff; background-color: #d04b41 !important;}

#gobierno .gobierno-cont .tb-gobierno2{font-family: acumin-pro-condensed, sans-serif; line-height: 1.2; margin:30px auto 30px; max-width: 800px; width: 100%;}
#gobierno .gobierno-cont .tb-gobierno2 tr th{color:#ffffff; font-weight: 700; vertical-align: middle; text-align: right; padding: 2px 5px 3px; font-size: 15px; border-left: 2px solid #cfc4af; border-right: 2px solid #cfc4af; line-height: 1.2;}
#gobierno .gobierno-cont .tb-gobierno2 tr th:first-child{border-left: 4px solid #cfc4af; }
#gobierno .gobierno-cont .tb-gobierno2 tr td:first-child{border-left: 4px solid #cfc4af; }
#gobierno .gobierno-cont .tb-gobierno2 tr th:last-child{border-right: 4px solid #cfc4af; }
#gobierno .gobierno-cont .tb-gobierno2 tr td:last-child{border-right: 4px solid #cfc4af; }
#gobierno .gobierno-cont .tb-gobierno2 tr td{text-align: left; vertical-align: top; font-size: 15px; font-weight: 500; line-height: 1; padding: 2px 5px 3px; border-left: 2px solid #cfc4af; border-right: 2px solid #cfc4af;}
#gobierno .gobierno-cont .tb-gobierno2 tr .left{text-align: left;}
#gobierno .gobierno-cont .tb-gobierno2 tr .center{text-align: center;}

/****GOBIERNO CORPORATIVO*****/


/****RESPONSABILIDAD SOCIAL*****/
#social .intro-social{display: flex; width: 100%; height: 450px; overflow: hidden;}
#social .intro-social > div:first-child{width: 45%; position: relative; background:url("../images/social/bg-social.jpg") no-repeat top left; background-size: cover;}
#social .intro-social > div:nth-child(2){width: 55%; position: relative; background-color: #ef4136;}

#social .intro-social > div:nth-child(2) .borde{width: 80px; height: 100%; position: absolute; right:0; top:0; background-color: #2d59a9;}
#social .intro-social > div:nth-child(2) h1{color: #ffffff; font-size: 30px; position: absolute; line-height: 30px; bottom: 30px; left: 60px;}
#social .intro-social > div:nth-child(2) h1 span{color: #c2b59b; letter-spacing: 15px; font-size: 56px; line-height: 1.2;}
#social .social-cont{padding: 50px 0 30px;}
#social .social-cont .flex-social{display: flex; flex-wrap: wrap;}
#social .social-cont .flex-social > div:first-child{width: 65%;}
#social .social-cont .flex-social > div:nth-child(2){width: 35%;}

#social .social-cont .flex-highlight{display: flex; align-items: center; flex-wrap: wrap;}
#social .social-cont .flex-highlight > div:first-child{width: 350px;}
#social .social-cont .flex-highlight > div:nth-child(2){width: 50%; max-width: 350px;}

#social .social-cont h5{line-height: 1.4; margin:0 0 30px 0; font-size:22px; font-family: neue-haas-grotesk-display, sans-serif; }
/****RESPONSABILIDAD SOCIAL*****/

/****ANALISIS DE RESULTADOS *****/
#resultados .intro-resultados{display: flex; width: 100%; height: 450px; overflow: hidden;}
#resultados .intro-resultados > div:first-child{width: 45%; position: relative; background:url("../images/resultados/bg-resultados.jpg") no-repeat center; background-size: cover;}
#resultados .intro-resultados > div:nth-child(2){width: 55%; position: relative; background-color: #2e3192;}
#resultados .intro-resultados > div:nth-child(2) .borde{width: 80px; height: 100%; position: absolute; right:0; top:0; background-color: #ef4136;}
#resultados .intro-resultados > div:nth-child(2) h1{color: #c2b59b; font-size: 30px; letter-spacing: 15px; position: absolute; line-height: 30px; bottom: 30px; left: 60px;}
#resultados .intro-resultados > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: normal; font-size: 52px; line-height: 1.2;}
#resultados .resultados-cont{padding: 50px 0 30px;}

#resultados .resultados-cont .tb-resultados{font-family: acumin-pro-condensed, sans-serif; line-height: 1.2; margin:30px auto 30px; width: 100%;}
#resultados .resultados-cont .tb-resultados tr th{color:#ffffff; font-weight: 700; vertical-align: middle; text-align: right; padding: 2px 5px 3px; font-size: 15px; line-height: 1.2;}
#resultados .resultados-cont .tb-resultados tr.line th{border-bottom: 2px solid #2e3192; }
#resultados .resultados-cont .tb-resultados tr.line td{border-bottom: 1px solid #27aae1;}
#resultados .resultados-cont .tb-resultados tr td{text-align: right; font-size: 15px; font-weight: 500; line-height: 1; padding: 2px 5px 3px; -webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out;}
#resultados .resultados-cont .tb-resultados tr .left{text-align: left;}
#resultados .resultados-cont .tb-resultados tr .center{text-align: center;}
#resultados .resultados-cont .tb-resultados tr:hover td{color:#ffffff; background-color: #d04b41 !important;}
/****ANALISIS DE RESULTADOS *****/


/****FINANCIEROS *****/
#financieros .intro-financieros{position: relative; overflow: hidden;}
#financieros .intro-financieros .borde{width: 80px; height: 100%; position: absolute; left:0; top:0; background-color: #ef4136;}
#financieros .intro-financieros h1{color: #2e3192; font-size: 35px; display: table; position: relative; font-weight: 400; margin-top: 130px; line-height: 30px;}
#financieros .intro-financieros h1 span{color: #2994d2; font-size: 45px; font-weight: 700; line-height: 1.2;}

#financieros .financieros-cont{padding: 30px 0 60px;}

#financieros .financieros-cont .tb-financieros{font-family: acumin-pro-condensed, sans-serif; line-height: 1.2; margin:0 auto 20px; width: 100%;}
#financieros .financieros-cont .tb-financieros.tbf2{max-width: 1200px !important; width: 100%;}
#financieros .financieros-cont .tb-financieros tr th{color:#2e3192; font-weight: 700; vertical-align: bottom; text-align: right; padding: 2px 5px 3px; font-size: 16px; line-height: 1.2;}
#financieros .financieros-cont .tb-financieros tr.line th{border-bottom: 2px solid #ef4136; }
#financieros .financieros-cont .tb-financieros tr.line td{border-bottom: 1px solid #2994d2;}
#financieros .financieros-cont .tb-financieros tr td{text-align: right; vertical-align: top; font-size: 16px; font-weight: 400; line-height: 1; padding: 2px 5px 3px; -webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out;}
#financieros .financieros-cont .tb-financieros tr .tab1{padding-left: 20px;}
#financieros .financieros-cont .tb-financieros tr .tab2{padding-left: 40px;}
#financieros .financieros-cont .tb-financieros tr .tab3{padding-left: 60px;}
#financieros .financieros-cont .tb-financieros tr .left{text-align: left;}
#financieros .financieros-cont .tb-financieros tr .center{text-align: center;}
#financieros .financieros-cont .tb-financieros tr:hover td{color:#ffffff; background-color: #d04b41 !important;}
/****FINANCIEROS *****/

/**** GRI *****/
#gri a{text-decoration: none; color:#ce395a; -webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out;}

#gri a:hover{color:#E55E7C;}
#gri .intro-gri{display: flex; width: 100%; height: 450px; overflow: hidden; flex-wrap: wrap;}
#gri .intro-gri > div:first-child{width: 45%; position: relative; background:url("../images/gri/bg-gri.jpg") no-repeat top left; background-size: cover;}
#gri .intro-gri > div:nth-child(2){width: 55%; position: relative; background-color: #2e3192;}

#gri .intro-gri > div:nth-child(2) .borde{width: 80px; height: 100%; position: absolute; right:0; top:0; background-color: #27aae1;}
#gri .intro-gri > div:nth-child(2) h1{color: #c2b59b; font-size: 40px; letter-spacing: 34px; position: absolute; line-height: 30px; bottom: 30px; left: 60px;}
#gri .intro-gri > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: normal; font-size: 56px; line-height: 1.2;}

#gri .gri-cont{padding: 50px 0 30px;}
#gri .gri-cont .flex-highlight{display: flex; align-items: center;}
#gri .gri-cont .flex-highlight > div:first-child{width: 350px;}
#gri .gri-cont .flex-highlight > div:nth-child(2){width: 50%; max-width: 350px;}

#gri .gri-cont h5{line-height: 1.4; margin:0 0 30px 0; font-size:22px; font-family: neue-haas-grotesk-display, sans-serif; }

#gri .gri-cont .tb-gri{font-family: acumin-pro-condensed, sans-serif; line-height: 1.2;}
#gri .gri-cont .tb-gri tr th{color:#ffffff; font-weight: 700; vertical-align: top; text-align: left; padding:3px 5px; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff;}
#gri .gri-cont .tb-gri tr.line td{border-bottom: 1px solid #d04b41; -webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out;}
#gri .gri-cont .tb-gri tr td{text-align: left; vertical-align: top; font-weight: 500; padding:2px 5px 3px; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff;}
#gri .gri-cont .tb-gri tr .left{text-align: left;}
#gri .gri-cont .tb-gri tr .center{text-align: center;}
#gri .gri-cont .tb-gri tr:hover td{color:#ffffff; background-color: #d04b41 !important;}

/**** GRI *****/

/********DESCARGAS*******/
#descargas a{text-decoration: none; color:#ce395a; -webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out; margin-top: 15px; display: block; font-size: 14px;}

#descargas a:hover{color:#E55E7C;}
#descargas .intro-descargas{display: flex; width: 100%; height: 350px; overflow: hidden; flex-wrap: wrap;}
#descargas .intro-descargas > div:first-child{width: 45%; position: relative; background:url("../images/descargas/bg-descargas.jpg") no-repeat bottom left; background-size: cover;}
#descargas .intro-descargas > div:nth-child(2){width: 55%; position: relative; background-color: #2e3192;}

#descargas .intro-descargas > div:nth-child(2) .borde{width: 80px; height: 100%; position: absolute; right:0; top:0; background-color: #27aae1;}
#descargas .intro-descargas > div:nth-child(2) h1{color: #c2b59b; font-size: 30px; letter-spacing: 14px; position: absolute; line-height: 30px; bottom: 30px; left: 60px;}
#descargas .intro-descargas > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: normal; font-size: 46px; line-height: 1.2;}

#descargas .descargas-cont{padding: 60px 0 30px 0; width: 100%; background: #e7e1d5;}
#descargas .descargas-cont .flex-descargas{display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap;}
#descargas .descargas-cont .flex-descargas > div{width: 50%; text-align: center;}
#descargas .descargas-cont .img-descargas{width: 100%; max-width: 250px;}
/********DESCARGAS*******/

footer{background:#2994d2; padding: 40px 0 60px; color: #ffffff;}
footer h4{font-size: 34px; margin: 0 0 20px;}
footer p{font-size: 14px !important;}
footer a{ 
	color:#ffffff;
	text-decoration: none; 
	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}
footer a:hover{color:#2d59a9;}
footer .copy{font-size: 10px !important; margin-top: 26px;}
footer ul{font-size: 14px !important; margin:15px 0 0; padding: 0 !important; list-style: none;}
footer ul li{margin: 8px 0;}
footer ul li a{font-size: 14px !important; line-height: 1.2; display: block; }
footer .flex-footer{display: flex;}
footer .flex-footer > div:first-child{width: 50%; display: flex; flex-wrap: wrap; align-content: flex-start;}
footer .flex-footer > div:first-child > div:first-child{width: 100%; height: 70px;}
footer .flex-footer > div:first-child > div:nth-child(2){width: 50%;}
footer .flex-footer > div:first-child > div:nth-child(3){width: 50%;}
footer .flex-footer > div:nth-child(2){width: 50%; display: flex; flex-wrap: wrap; align-content: flex-start;}
footer .flex-footer > div:nth-child(2) > div:first-child{width: 100%; height: 56px;}
footer .flex-footer > div:nth-child(2) > div:nth-child(2){width: 50%;}
footer .flex-footer > div:nth-child(2) > div:nth-child(3){width: 50%;}