body, html {
    font-family: "soleil", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    background-color: white;
    color: #78909b;
	width: 100%;
	height: 100%;
}

/***GENERALES***/
.over{overflow-x:auto;}

a {
    text-decoration: none;
}
strong {
    font-weight: 700;
}
img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
}
#fouc {
    visibility: hidden;
}

.txt{
	padding:0 30px;
}
.txt15{
	padding:0 15px;
}

.txt-left{
	padding: 0 40px 0 8.5%;
}
.txt-left5{
	padding: 0 40px 0 5%;
}

.mayus{text-transform:uppercase;}
.minus{text-transform:lowercase;}

.f10{font-size:10px !important; line-height: 1.2;}
.f12{font-size:12px !important;}
.f18{font-size:18px !important;}

.flight{font-weight:300 !important;}
.fregular{font-weight:400 !important;}
.fbook{font-weight:500 !important;}
.fbold{font-weight:700 !important;}
.febold{font-weight:800 !important;}

.fright{text-align:right;}
.fcenter{text-align:center;}

.black{
	color:#333333;
}
.blue-lamosa{
	color:#758c97;
}
.red{
	color:#b83b40 !important;
}
.orange{
	color: #d97d4d !important;
}
.orange2{
	color: #ef5a2e !important;
}
.yellow{
	color: #fbb62f !important;
}
.purple{
	color: #564c8a !important;
}
.aqua{
	color:#85c4c9;
}
.blue{
	color:#295773;
}

.gray{color: #78909b;}

.bg-red{
	background: #b83b40;
}
.bg-orange{
	background: #d97d4d;
}
.bg-yellow{
	background: #fbb62f;
}
.bg-blue-lamosa{
	background: #567482;
}

.clear{clear:both;}

.quote {
	position: relative;
	font-size:16px;
	line-height:24px;
	font-weight:700;
	text-align: right;
	margin: 0;
}

.nota{
	font-size:10px;
}

/***GENERALES***/


.footer {
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: white;
    font-size: 9px;
    line-height: 10px;
    font-weight: 600;
    color: #567482;
    padding: 10px 20px;
    border-top-left-radius: 10px;
    box-shadow: -2px -2px 20px rgba(0, 0, 0, 0.3);
	z-index: 99;
}
.footer-white {
    position: fixed;
    bottom: 0;
    right: 0;
    font-size: 9px;
    line-height: 10px;
    font-weight: 600;
    color: white;
    padding: 10px 20px;
}
header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1%;
    position: fixed;
    z-index: 1;
    width: 98%;
    background: white;
    box-shadow: 0 5px 20px rgba(255, 255, 255, 1);
}
.logo-menu img {
    width: 61px;
}

.menu-icon {
    display: none;
    font-size: 30px;
    cursor: pointer;
}

nav {
    display: flex;
    align-items: center;
	background: white;
	
}

nav a::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 53px;
    background: url('../img/menu.svg') no-repeat left top;
    background-size: contain;
    flex-shrink: 0;
}
nav a {
    font-size: 10px;
    line-height: 14px;
    font-weight: 300;
    text-decoration: none;
    color: #567482;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 30px;
    margin-right: 10px;
	text-transform: uppercase;
}

nav a::after {
    content: '';
    position: absolute;
    top: -100%;
    left: 0;
    width: 41px;
    height: 55px;
    background: url('../img/menu-hover.svg') no-repeat center center;
    background-size: contain;
    transition: top 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
nav .active::before {
    width: 41px;
    background: url('../img/menu-hover.svg') no-repeat left top;
    margin-left: -33px;
}

nav a:hover::after {
    top: 0;
    transition: top 0.3s cubic-bezier(0.4, 0, 1, 1);
}
nav .active:hover::after {
    top: -100%;
}
@media (max-width: 1067px) {
    nav {
        display: none;
        flex-direction: column;
        background-color: white;
        position: absolute;
        top: 35px;
        left: 0;
		right: 0;
        width: 100%;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
		overflow: auto;
    }

    nav a {
        border-bottom: 1px solid #ddd;
		width: 100%;
		text-align: center;
		display: block;
		padding: 5px 0;
		margin: 0;
    }
	nav a br{display: none;}
	nav a::before, nav a::after  {display: none;}
	
	.submenu {
		display: block !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		z-index: 1;
		width: 100%;
	}
	.submenu a {
		padding: 6px 0 !important;
	}
	
	.has-submenu {
		position: relative;
		width: 100%;
	}

    .menu-icon {
        display: block;
    }
}
.submenu {
    display: none;
    position: absolute;
    top: 50px;
    left: 36px;
    z-index: 1;
    width: 100%;
}
.submenu a {
    display: block;
    background: #d9e0e3;
    color: #567482;
    padding-left: 0;
    margin-right: 0;
    text-transform: uppercase;
    padding: 10px 20px;
    transition: 400ms ease;
}
.submenu a::before {
    display: none;
}
.submenu a::after {
    display: none;
}
.submenu a:hover {
    color: black;
}
.has-submenu {
    position: relative;
}
.has-submenu:hover .submenu {
    display: block;
}
.flex-carta {
    display: flex;
    justify-content: space-between;
}
h1 {
    text-transform: uppercase;
    font-family: "filson-soft", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 38px;
    line-height: 40px;
    letter-spacing: 2px;
    color:#567482;
    margin: 0;
}
p {
    margin: 0 0 26px 0;
}
.gri {
    font-size: 9px;
    line-height: 11px;
    color: #d2232a;
    margin: 15px 0 0 0;
}
.mb50 {
    margin-bottom: 50px;
}
.quote {
    position: relative;
    font-size:16px;
    line-height:24px;
    font-weight:700;
    text-align: right;
    margin: 0;
}
.pull {
    font-size:16px;
    line-height:24px;
    font-weight:700;
    margin: 0;
	width: 235px;
}
.quote::before,
.quote::after {
    position: absolute;
    font-family: "nimbus-sans", sans-serif;
    font-weight: 300;
    font-style: normal;
    color:#f27b58;
}
.quote::before {
    content: '“';
    font-size:93px;
    left: 5px;
    top: 18px;
}
.quote::after {
    content: '”';
    font-size:36px;
    right: 0;
    bottom: -5px;
}
.text-column {
    width: 43.5%;
    padding-left: 5%;
}
.image-column {
    background: url('../img/carta-01.jpg') center center / cover no-repeat;
    width: 48.5%;
    color: white;
    display: flex;
    align-items: flex-end;
    border-top-left-radius:30px;
}
.links-contenido {
    margin: 0;
    padding: 0;
    list-style: none;
}
.links-contenido li {
    margin-bottom: 19px;
}
.links-contenido li:last-child {
    margin-bottom: 0;
}
.links-contenido li a {
    display: block;
    position: relative;
    padding-left: 20px;
    color: inherit;
    transition: 400ms ease;
    color: #78909b;
    font-size: 14px;
    line-height: 21px;
}

.links-contenido li a:after {
    content: "\e900";
    font-family: 'icomoon';
    position: absolute;
    left: 0;
    top: 3px;
    color: #87162e;
    font-size: 14px;
}

.links-contenido li a:hover {
    transform: translateX(5px);
    transition: transform 0.3s ease;
    cursor: pointer;
}


@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?nejdnv');
  src:  url('fonts/icomoon.eot?nejdnv#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?nejdnv') format('truetype'),
    url('fonts/icomoon.woff?nejdnv') format('woff'),
    url('fonts/icomoon.svg?nejdnv#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-link:before {
  content: "\e900";
}
.icon-list:before {
  content: "\e903";
}
 .ken-burns {
     width: 95%;
     height: 50vh;
     margin-left: 5%;
     border-top-left-radius:40px;
     border-top-right-radius:40px;
     overflow: hidden;
     position: relative;
 }
.ken-burns img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: 50% 60%;
     position: absolute;
     top: 0;
     left: 0;
 }


/***PRESENCIA***/
#presencia .flex-presencia{
	display: flex;
	justify-content: space-around;
	margin-top: 40px;
	flex-wrap: wrap;
	align-content: stretch;
}

#presencia .flex-presencia > div{
	width: 23%;
}
#presencia .flex-presencia > div:last-child{
	width: 25%;
}
#presencia .flex-presencia .revestimientos .bg-revestimientos{
	border-top-right-radius: 28px;
	height: 67px; 
	background: url(../img/presencia-01.jpg) no-repeat center center;
	background-size: cover;
}
#presencia .flex-presencia .adhesivos .bg-adhesivos{
	border-top-right-radius: 28px;
	height: 67px; 
	background: url(../img/adhesivos-01.jpg) no-repeat center top;
	background-size: cover;
}
#presencia .flex-presencia .aislantes .bg-aislantes{
	border-top-right-radius: 28px;
	height: 67px; 
	background: url("../img/aislantes-01.png") no-repeat center center;
	background-size: cover;
}

#presencia .flex-presencia .mapa .bg-mapa{
	border-top-right-radius: 28px;
	height: 67px; 
	background: url("../img/mapa-01.jpg") no-repeat center center;
	background-size: cover;
}

#presencia .flex-presencia .title{ 
	color: white; 
	text-align: center;
	padding:12px 0;
}
#presencia .flex-presencia .mapa .title{ 
	padding:20px 0;
}
#presencia .flex-presencia .subtitle{
	background: #dde3e6; 
	color: #567482; 
	text-align: center; 
	padding:15px 10px; 
	font-weight: 700;
	min-height: 80px;
	display: flex;
	align-items: center;
}
#presencia .flex-presencia ul{
	padding-left: 0px;
	list-style: square;
	margin: 0;
}
#presencia .flex-presencia ul li{ line-height: 1.2; margin-bottom: 10px;}
#presencia .flex-presencia ul li .flex-grafica{ display: flex;}
#presencia .flex-presencia ul li .flex-grafica > div{width:50%;}
#presencia .flex-presencia ul li .flex-grafica .graf{ width: 100px; margin: 20px auto; display: block;}
#presencia .flex-presencia ul li .flex-grafica .tit-graf{text-transform: uppercase; color:#567482; text-align: center;}

#presencia .flex-presencia .mapa{ 
	display: block;
	width: 100%;
}
#presencia .flex-presencia .mapa .indicadores{ 
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	width: 45%;
}
#presencia .flex-presencia .mapa .indicadores ul li{ 
	list-style: disc;
	font-size: 10.5px;
}
#presencia .flex-presencia .lineas{
	border-left:1px solid #dde3e6;
	border-right:1px solid #dde3e6;
	padding: 15px 0 0;
}
/***PRESENCIA***/

/***HITOS***/
#hitos{
	padding-bottom:60px;
	overflow: hidden;
}

#hitos h1{
	margin-bottom:60px;
}

#hitos .flex-hitos{
	display: flex;
	position: relative;
	justify-content: space-around;
}

#hitos .reverse{
	 flex-direction: row-reverse;
}

#hitos .pt{
	 padding-top: 40px;
}

#hitos .flex-hitos > div{
	position: relative;
	
}
#hitos .flex-hitos > div img{
	width: 100%;
	max-width: 450px;
	display: block;
	margin: 0px auto;
}

#hitos .flex-hitos > div img.cuatro{
	width: 105%;
	max-width: 450px;
	display: block;
	margin: 0px auto;
}

#hitos .flex-hitos .bg-hitos{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #ecf0f1;
	top: 0;
}

#hitos .flex-hitos .bg-hitos-b{
	position: absolute;
	width: 100%;
	height: 50%;
	bottom: 0;
	background: #ecf0f1;
}

#hitos .flex-hitos .bg-hitos-t{
	position: absolute;
	width: 100%;
	height: 50%;
	top: 0;
	background: #ecf0f1;
}
/***HITOS***/

/***PRIORIDADES ESTRATEGICAS***/
#prioridades .flex-prioridades{
	display:flex;
	width: 100%;
	align-items: stretch;
	margin: 80px 0 60px;
}

#prioridades .flex-prioridades .prioridades-01{
	position: absolute;
	height: 115%;
	width: auto;
	right: -100px;
	bottom: 0;
}

#prioridades .flex-prioridades .prioridades-02{
	position: absolute;
	height: 100%;
	right: 10%;
	bottom: 0;
}

#prioridades .flex-complemetariedad .complemetariedad-01{
	position: absolute;
	height: 100%;
	left: 10%;
	bottom: 10%;
}
#prioridades .flex-sostenibilidad .sostenibilidad-01{
	position: absolute;
	height: 100%;
	left: 10%;
	bottom: -40%;
}

#prioridades .flex-prioridades > div:first-child{
	width: 30%;
	background: url("../img/prioridades/01.jpg");
	background-size: cover;
	background-position: center;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	min-height: 450px;
}
#prioridades .flex-prioridades > div:nth-child(2){
	width: 40%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-height: 300px;
	position: relative;
}
#prioridades .flex-prioridades > div:nth-child(2) > div{
	width:75%;
	background-color: #ffffff;
	position: relative;
}
#prioridades .flex-prioridades > div:nth-child(3){
	width: 30%;
	background-color: #f9f7f2;
	display: flex;
	justify-content: flex-end;
	align-items:  center;
}
#prioridades .flex-prioridades > div:nth-child(3) > div{
	width: 70%;
	padding: 30px;
}

#prioridades .flex-complemetariedad{
	display:flex;
	width: 100%;
	align-items: stretch;
	margin: 50px 0 30px;
}

#prioridades .flex-complemetariedad > div:first-child{
	width: 65%;
	display: flex;
	align-items: center;
	position: relative;
}
#prioridades .flex-complemetariedad > div:first-child > div{
	width: 100%;
	height: 80%;
	background: url("../img/prioridades/03.jpg") no-repeat right top;
	background-size: cover;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
}
#prioridades .flex-complemetariedad > div:nth-child(2){
	width: 35%;
}

#prioridades .flex-sostenibilidad{
	display:flex;
	width: 100%;
	align-items: stretch;
	margin: 0px 0 0px;
}
#prioridades .flex-sostenibilidad > div:first-child{
	width: 65%;
}
#prioridades .flex-sostenibilidad > div:nth-child(2){
	width: 35%;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: flex-end;
}
#prioridades .flex-sostenibilidad > div:nth-child(2) > div.paneles{
	width: 80%;
	height: 100%;
	background: url("../img/prioridades/04.jpg") no-repeat center;
	background-size: cover;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
}

/***PRIORIDADES ESTRATEGICAS***/


/***RESULTADOS FINANCIEROS***/

#resultados{
	padding-top: 100px;
	padding-bottom: 90px;
}
#resultados .flex-resultados{
	display:flex;
	margin-bottom: 40px;
}
#resultados .flex-resultados > div:first-child{
	width: 35%;
	position: relative;
}
#resultados .flex-resultados > div:first-child > div.resultados-01{
	width: 100%;
	background: url("../img/resultados/01.jpg") no-repeat center;
	background-size: cover;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	height: 400px;
}
#resultados .flex-resultados .resultados-02{
	position: absolute;
	height: 70%;
	left: 10%;
	bottom: 0;
}

#resultados .flex-resultados > div:nth-child(2){
	width: 65%;
}

#resultados .tb-resultados {}
#resultados .tb-resultados tr th{padding: 5px 10px; border-bottom: 2px solid #447584; text-align: right; border-right: 1px solid #447584;}
#resultados .tb-resultados tr th:first-child{text-align: left;}
#resultados .tb-resultados tr th:last-child{border-right: none;}
#resultados .tb-resultados tr th:nth-child(6){background: #f9f7f3;}
#resultados .tb-resultados tr:first-child th{border-bottom:  1px solid #447584;}
#resultados .tb-resultados tr:first-child th:first-child{border-bottom: none; border-right: none;}
#resultados .tb-resultados tr:last-child th:last-child{font-size: 10px; font-weight: 400; border-bottom:  1px solid #447584;}
#resultados .tb-resultados tr td{padding: 3px 10px; border-bottom: 1px solid #447584; text-align: right; border-right: 1px solid #447584; -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; }
#resultados .tb-resultados tr:hover td{
	color: #ffffff !important;
	background: #b83b40 !important;
}
#resultados .tb-resultados tr td:first-child{text-align: left;}
#resultados .tb-resultados tr td:last-child{border-right: none;}
#resultados .tb-resultados tr td:nth-child(6){background: #f9f7f3;}

#resultados .gente{
	width:100%;
	padding: 60px 0;
	position: relative;
	overflow: hidden;
}
#resultados .gente img{
	width:100%;
	max-width: 1280px;
	position: relative;
	display: block;
	margin: 0 auto;
}
#resultados .gente .bg-gente{
	width:100%;
	height: 68%;
	position: absolute;
	top: 0;
	background-color: #f9f7f3;
	border-bottom: 1px solid #E8E4DD;
	-moz-transform: rotate(-0.5deg);
-webkit-transform: rotate(-0.5deg);
-o-transform: rotate(-0.5deg);
-ms-transform: rotate(-0.5deg);
transform: rotate(-0.5deg);
}

#resultados .flex-graficas{
	display:flex;
	justify-content: space-around;
}
#resultados .flex-graficas > div{
	width: 15.5%;
}

#resultados .flex-graficas .grafica{
	position: relative;
}
#resultados .flex-graficas .grafica .graf{
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 180px;
}
#resultados .flex-graficas .grafica .numeros{
	position: absolute;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 180px;
	left: 0;
	right: 0;
	top:0;
}

#resultados .flex-graficas .grafica .numeros2{
	position: absolute;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 180px;
	left: 0;
	right: 0;
	top:auto;
	bottom: -10%;
}

#resultados .flex-graficas .subtitulo{
	display:flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
}
#resultados .flex-graficas .subtitulo > span:first-child{
	font-size: 22px;
	font-weight: 800;
	padding: 5px;
	width: 35%;
	text-align: right;
}
#resultados .flex-graficas .subtitulo > span:nth-child(2){
	font-size: 12px;
	text-align: left;
	width: 65%;
}

#resultados .flex-graficas .titulo{
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: url("../img/resultados/bg-titulo-grafica.jpg") no-repeat center;
	background-size: cover;
	margin: 20px auto 0;
	min-height: 100px;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	text-transform: uppercase;
	max-width: 200px;
}
#resultados .flex-graficas .titulo span:first-child{font-size: 15px; font-weight: 700; text-align: center;}
#resultados .flex-graficas .titulo span:nth-child(2){font-size: 10px;}

/***RESULTADOS FINANCIEROS***/

/***RESUMEN OPERATRIVO***/
#resumen{
	
}
#resumen .flex-revestimientos{
	display: flex;
	margin-top: 60px;
}
#resumen .flex-revestimientos > div:first-child{
	width: 60%;
}
#resumen .flex-revestimientos > div:nth-child(2){
	width: 40%;
}
#resumen .flex-revestimientos > div:nth-child(2) > div.bg-revestimientos{
	width: 100%;
	height: 70%;
	background: url("../img/resumen/01.jpg") no-repeat center right;
	background-size: cover;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	position: relative;
}
#resumen .flex-revestimientos .flex-grafica-rev{
	display:flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: -132px;
	width: 100%;
}
#resumen .flex-revestimientos .flex-grafica-rev > div{
	width:50%;
}
#resumen .flex-revestimientos .grafica{
	position: relative;
}
#resumen .flex-revestimientos .grafica .graf{
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 180px;
}
#resumen .flex-revestimientos .grafica .numeros{
	position: absolute;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 180px;
	left: 0;
	right: 0;
	top:0;
}

#resumen .flex-revestimientos .titulo{
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: url("../img/resultados/bg-titulo-grafica.jpg") no-repeat center;
	background-size: cover;
	margin: 100px auto 0;
	min-height: 100px;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	text-transform: uppercase;
	max-width: 200px;
}
#resumen .flex-revestimientos .titulo span:first-child{font-size: 15px; font-weight: 700; text-align: center;}
#resumen .flex-revestimientos .titulo span:nth-child(2){font-size: 10px;}
#resumen .flex-revestimientos .subtitulo{
	display:flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
		max-width: 180px;
  	margin:0 auto;
}
#resumen .flex-revestimientos .subtitulo > span:first-child{
	font-size: 22px;
	font-weight: 800;
	padding: 5px;
	width: 35%;
	text-align: right;
}
#resumen .flex-revestimientos .subtitulo > span:nth-child(2){
	font-size: 12px;
	text-align: left;
	width: 65%;
}
#resumen .flex-revestimientos .subtitulo2{
	display:flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	max-width: 180px;
  	margin:0 auto;
}
#resumen .flex-revestimientos .subtitulo2 > span:first-child{
	font-size: 22px;
	font-weight: 800;
	padding: 5px;
	width: 35%;
	text-align: right;
	color: #ef5a2e;
}
#resumen .flex-revestimientos .subtitulo2 > span:nth-child(2){
	font-size: 12px;
	text-align: left;
	width: 40%;
}
#resumen .flex-revestimientos .subtitulo2 > span:nth-child(3){
	width: 20%;
	text-align: center;
}
#resumen .flex-revestimientos .subtitulo2 > span:nth-child(3) .indicador{
	padding: 10px;
	border-right: 2px dotted #828282;
	border-bottom: 2px dotted #828282;
	display: inline-block;
}

#resumen .flex-adhesivos{
	display: flex;
	margin-top: 30px;
}
#resumen .flex-adhesivos > div:first-child{
	width: 40%;
}
#resumen .flex-adhesivos > div:nth-child(2){
	width: 60%;
}
#resumen .flex-adhesivos > div:first-child > div.bg-adhesivos{
	width: 100%;
	height: 70%;
	background: url("../img/resumen/02.jpg") no-repeat center;
	background-size: cover;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	position: relative;
}
#resumen .flex-adhesivos .flex-grafica-adh{
	display:flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: -132px;
	width: 100%;
	flex-direction: row-reverse;
}
#resumen .flex-adhesivos .flex-grafica-adh > div{
	width:50%;
}
#resumen .flex-adhesivos .grafica{
	position: relative;
}
#resumen .flex-adhesivos .grafica .graf{
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 180px;
}
#resumen .flex-adhesivos .grafica .numeros{
	position: absolute;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 180px;
	left: 0;
	right: 0;
	top:0;
}

#resumen .flex-adhesivos .titulo{
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: url("../img/resultados/bg-titulo-grafica.jpg") no-repeat center;
	background-size: cover;
	margin: 100px auto 0;
	min-height: 100px;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	text-transform: uppercase;
	max-width: 200px;
}
#resumen .flex-adhesivos .titulo span:first-child{font-size: 15px; font-weight: 700; text-align: center;}
#resumen .flex-adhesivos .titulo span:nth-child(2){font-size: 10px;}
#resumen .flex-adhesivos .subtitulo{
	display:flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
		max-width: 180px;
  	margin:0 auto;
}
#resumen .flex-adhesivos .subtitulo > span:first-child{
	font-size: 22px;
	font-weight: 800;
	padding: 5px;
	width: 35%;
	text-align: right;
}
#resumen .flex-adhesivos .subtitulo > span:nth-child(2){
	font-size: 12px;
	text-align: left;
	width: 65%;
}
#resumen .flex-adhesivos .subtitulo2{
	display:flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	max-width: 180px;
  	margin:0 auto;
}
#resumen .flex-adhesivos .subtitulo2 > span:first-child{
	font-size: 22px;
	font-weight: 800;
	padding: 5px;
	width: 35%;
	text-align: right;
	color: #ef5a2e;
}
#resumen .flex-adhesivos .subtitulo2 > span:nth-child(2){
	font-size: 12px;
	text-align: left;
	width: 40%;
}
#resumen .flex-adhesivos .subtitulo2 > span:nth-child(3){
	width: 20%;
	text-align: center;
}
#resumen .flex-adhesivos .subtitulo2 > span:nth-child(3) .indicador{
	padding: 10px;
	border-right: 2px dotted #828282;
	border-bottom: 2px dotted #828282;
	display: inline-block;
}

#resumen .flex-desempenio{
	display: flex;
}
#resumen .flex-desempenio > div:first-child{
	width: 30%;
	background: #f9f7f3;
}
#resumen .flex-desempenio > div:nth-child(2){
	width: 50%;
}
#resumen .flex-desempenio > div:nth-child(3){
	width: 20%;
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
}
#resumen .flex-desempenio > div:nth-child(3) .desempenio-01{
	width: 70%;
	position: relative;
	
	
}
#resumen .flex-desempenio > div:nth-child(3) .desempenio-01a{
	height: 60%;
	bottom: -20%;
	left: 0;
	position: absolute;
}
#resumen .flex-desempenio > div:nth-child(3) .desempenio-01b{
	height: 70%;
	bottom: -20%;
	right: 0;
	position: absolute;
	transform: scaleX(-1);
}

#resumen .flex-desempenio .grafica{
	position: relative;
	margin-top: 30px;
}
#resumen .flex-desempenio .grafica .graf{
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 330px;
}
#resumen .flex-desempenio .grafica .numeros{
	position: absolute;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 330px;
	left: 0;
	right: 0;
	top:0;
}
#resumen .flex-desempenio .grafica .numeros2{
	position: absolute;
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 330px;
	left: 0;
	right: 0;
	top:0;
}

#resumen .flex-desempenio .titulo{
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: url("../img/resultados/bg-titulo-grafica.jpg") no-repeat center;
	background-size: cover;
	margin: 20px auto 0;
	min-height: 80px;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	text-transform: uppercase;
	max-width: 200px;
}
#resumen .flex-desempenio .titulo span:first-child{font-size: 15px; font-weight: 700; text-align: center;}
#resumen .flex-desempenio .titulo span:nth-child(2){font-size: 10px;}
/***RESUMEN OPERATIVO***/


/***GOBIERNO CORPORATIVO***/
#gobierno{
	padding: 0 0 30px 0;
}
#gobierno .txt-left {
  padding:0 40px 0 7.1%;
}
#gobierno .flex-gobierno{
	display: flex;
}
#gobierno .flex-gobierno > div:first-child{
	width: 70%;
}
#gobierno .flex-gobierno > div:nth-child(2){
	width: 30%;
}
#gobierno .flex-gobierno .high2{
	margin-top: 120px;
}

#gobierno .tb-gobierno{
	margin:30px auto;
}
#gobierno .tb-gobierno tr th{text-align: center; border-left: 1px solid #000000; border-bottom: 1px solid #000000; padding:5px;}
#gobierno .tb-gobierno tr:first-child th{border-top: 1px solid #000000;}
#gobierno .tb-gobierno tr th:last-child{text-align: center; border-right: 1px solid #000000;}
#gobierno .tb-gobierno tr td{border-left: 1px solid #000000; border-bottom: 1px solid #000000; text-align: center; padding:5px;}
#gobierno .tb-gobierno tr td:first-child{text-align: left;}
#gobierno .tb-gobierno tr td:last-child{border-right: 1px solid #000000; }
#gobierno .tb-gobierno tr.bg-tabla td{background-color: #f9f7f3;}
#gobierno .tb-gobierno tr td.bg-tabla2{background-color: #f7ac97;}

/***GOBIERNO CORPORATIVO***/

/***EQUIPO DIRECTIVO***/
#equipo{
	padding:100px 0 0px;
	overflow: hidden;
}

#equipo .flex-equipo{
	display: flex;
}
#equipo .flex-equipo > div:first-child{
	width: 40%;
}
#equipo .flex-equipo > div:nth-child(2){
	width: 60%;
}

#equipo .flex-directores svg{
	position: absolute;
	width: 220px;
	top: 0;
}
#equipo .flex-directores svg.directores-01{top: 10%; left: -5%;}
#equipo .flex-directores svg.directores-02{top: 0; left: 8%;}
#equipo .flex-directores svg.directores-03{top: 15%; left: 15%;}
#equipo .flex-directores svg.directores-04{top: 2%; left: 25%;}
#equipo .flex-directores svg.directores-05{top: 10%; left: 35%;}
#equipo .flex-directores svg.directores-06{top: 1%; left: 40%;}
#equipo .flex-directores svg.directores-07{top: 1%; left: 54%;}
#equipo .flex-directores svg.directores-08{top: 5%; left: 73%;}
#equipo .flex-directores svg.directores-09{top: 14%; left: 58%;}
#equipo .flex-directores svg.directores-10{top: 0%; left: 80%;}
#equipo .flex-directores svg.directores-11{top: 5%; left: 95%;}

#equipo .flex-directores{
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	margin-top: 60px;
	position: relative;
}
#equipo .flex-directores > div{
	width: 20%;
	position: relative;
}
#equipo .flex-directores .persona img{
	width: 90%;
	max-width: 220px;
	display: block;
	margin: 0 auto;
}
#equipo .flex-directores .biografia{
	width: 100%;
	background-color: #f9f7f3;
	padding: 30px 0;
	min-height: 300px;
	position: relative;

}
/***EQUIPO DIRECTIVO***/

/***CULTURA***/
#cultura{
	padding-bottom: 60px;
}
#cultura .flex-cultura{
	display:flex;
}
#cultura .flex-cultura > div:first-child{
	width: 60%;
}
#cultura .flex-cultura > div:nth-child(2){
	width: 40%;
	position: relative;
}
#cultura .flex-cultura > div:nth-child(2) > div.cultura-01{
	width: 100%;
	background: url("../img/cultura/01.png") no-repeat center;
	background-size: cover;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	height: 500px;
	position: relative;
	margin-top: 200px;
}
#cultura .flex-cultura .cultura-02{
	position: absolute;
	width: 40%;
	left:15%;
	top: 0;
}
#cultura .flex-cultura .cultura-03{
	position: absolute;
	width: 40%;
	left:5%;
	top: 10%;
}

#cultura ul{
	list-style-type: '>  ';
}
/***CULTURA***/

/***GESTION DE RIESGOS***/
#riesgos{
	padding: 0 0 60px;
}
#riesgos .flex-riesgos{
	display:flex;
	margin-top: 50px;
}
#riesgos .flex-riesgos > div:first-child{
	width: 60%;
}
#riesgos .flex-riesgos > div:nth-child(2){
	width: 40%;
	position: relative;
}
#riesgos .flex-riesgos > div:nth-child(2) > div.riesgos-01{
	width: 100%;
	background: url("../img/riesgos/01.jpg") no-repeat center;
	background-size: cover;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	height: 350px;
	position: relative;
}
#riesgos .flex-riesgos .riesgos-02{
	position: absolute;
	width: 30%;
	left:15%;
	top: -30%;
}
#riesgos .flex-riesgos .riesgos-03{
	position: absolute;
	width: 30%;
	left:5%;
	top: -20%;
}

#riesgos .tb-riesgos{margin:30px auto;}
#riesgos .tb-riesgos tr th{padding:5px 10px; border-left: 1px solid #000000; border-bottom: 1px solid #000000;}
#riesgos .tb-riesgos tr th:last-child{border-right: 1px solid #000000;}
#riesgos .tb-riesgos tr:first-child th{border-top: 1px solid #000000;}
#riesgos .tb-riesgos tr th.enc1{
	
}
#riesgos .tb-riesgos tr th.enc2{}
#riesgos .tb-riesgos tr.enc2 th:first-child{color:#87162e; background-color: #e3d7c2; font-weight: 500 !important;}
#riesgos .tb-riesgos tr.enc2 th:nth-child(2){color:#000000; background-color: #85c4c9; font-weight: 500 !important;}
#riesgos .tb-riesgos tr.enc2 th:nth-child(3){color:#000000; background-color: #bcccb3; font-weight: 500 !important;}
#riesgos .tb-riesgos tr th.enc3{
	background-color: #567482;
	color: #ffffff;
}
#riesgos .tb-riesgos tr td{font-size:12px; padding: 6px 10px; text-align: center; font-weight: 500; border-left: 1px solid #000000; border-bottom: 1px solid #000000;}
#riesgos .tb-riesgos tr td:first-child{color:#87162e; background-color: #f9f7f3; }
#riesgos .tb-riesgos tr td:nth-child(2){background-color: #e7f3f4; }
#riesgos .tb-riesgos tr td:nth-child(3){background-color: #f2f5f0; border-right: 1px solid #000000;}

#riesgos .flex-emergentes{
	display:flex;
	margin-top: 60px;
}
#riesgos .flex-emergentes > div:first-child{width: 19%;}
#riesgos .flex-emergentes > div:nth-child(2), #riesgos .flex-emergentes > div:nth-child(4),  #riesgos .flex-emergentes > div:nth-child(6){width: 5%;}
#riesgos .flex-emergentes > div:nth-child(2) img, #riesgos .flex-emergentes > div:nth-child(4) img, #riesgos .flex-emergentes > div:nth-child(6) img{width: 100%; margin-top: -10px;}
#riesgos .flex-emergentes > div:nth-child(3), #riesgos .flex-emergentes > div:nth-child(5), #riesgos .flex-emergentes > div:nth-child(7){width: 22%;}

/***GESTION DE RIESGOS***/

/***Ciberseguridad***/
#ciberseguridad{
	padding: 0 0 60px;
}
#ciberseguridad .flex-ciberseguridad{
	display:flex;
}
#ciberseguridad .flex-ciberseguridad > div:first-child{
	width: 60%;
}
#ciberseguridad .flex-ciberseguridad > div:nth-child(2){
	width: 40%;
	position: relative;
}
#ciberseguridad .flex-ciberseguridad > div:nth-child(2) > div.ciberseguridad-01{
	width: 100%;
	background: url("../img/ciberseguridad/01.jpg") no-repeat center;
	background-size: cover;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	height: 350px;
	position: relative;
	margin-top: 50px;
}
#ciberseguridad .flex-ciberseguridad .ciberseguridad-02{
	position: absolute;
	width: 40%;
	right:5%;
	top: 0;
}
/***Ciberseguridad***/

/***CADENA DE SUMINISTRO***/
#cadena{
	padding: 0 0 60px;
}
#cadena .flex-cadena{
	display:flex;
}
#cadena .flex-cadena > div:first-child{
	width: 60%;
}
#cadena .flex-cadena > div:nth-child(2){
	width: 40%;
	position: relative;
}
#cadena .flex-cadena .flex-tayde{
	display: flex;
	align-items: center;
	max-width: 300px;
	margin: 50px auto 30px;
	justify-content: space-between;
}
#cadena .flex-cadena .flex-tayde > div:first-child{
	width: 40%;
}
#cadena .flex-cadena .flex-tayde > div:nth-child(2){
	width: 50%;
	background: url("../img/cadena/01.jpg") no-repeat center;
	background-size: cover;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	height: 200px;
}

#cadena .flex-cadena .quote{
	width:280px;
	text-align: left;
	margin: 0 auto;
}
#cadena .flex-cadena .quote::before{
	left:-35px;
}
/***CADENA DE SUMINISTRO***/


/***INNOVACION Y CALIDAD***/
#innovacion{
	padding: 0 0 60px;
	overflow: hidden;
}
#innovacion .flex-innovacion{
	display:flex;
	justify-content: space-between;
}
#innovacion .flex-innovacion > div:first-child{
	width: 50%;
}
#innovacion .flex-innovacion > div:nth-child(2){
	width: 50%;
	position: relative;
}
#innovacion .flex-innovacion .innovacion-01{
	width: 100%;
	position: relative;
	background: url("../img/innovacion/02.jpg") no-repeat center;
	background-size: cover;
	height: 250px;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
}
#innovacion .flex-innovacion .innovacion-01 p{width:300px; text-align: right;  position: absolute; bottom: 5%; right: 5%; color: #ffffff; font-size: 16px;}

#innovacion .flex-innovacion .innovacion-02{
	display: block;
	max-width: 450px;
	margin:0 auto 30px;
	width: 100%;
}
#innovacion .flex-premios{
	display:flex;
	justify-content: space-between;
	margin-top: 30px;
}
#innovacion .flex-premios > div:first-child{
	width: 30%;
}
#innovacion .flex-premios > div:nth-child(2){
	width: 65%;
	position: relative;
}
#innovacion .tb-kaizen{margin-bottom:30px; min-width: 650px;}
#innovacion .tb-kaizen tr th{background: #f9f7f3; padding: 6px 10px; font-weight: 500; border-left: 1px solid #000000; border-bottom: 1px solid #000000;}
#innovacion .tb-kaizen tr th:last-child{border-right: 1px solid #000000;}
#innovacion .tb-kaizen tr:first-child th{border-top: 1px solid #000000;}
#innovacion .tb-kaizen tr td{background: #eef1f2; padding: 6px 10px; font-weight: 500; border-left: 1px solid #000000; border-bottom: 1px solid #000000;}
#innovacion .tb-kaizen tr td:first-child{background: #ffffff; }
#innovacion .tb-kaizen tr td:last-child{border-right: 1px solid #000000;}
#innovacion .tb-kaizen tr:first-child td{border-top: 1px solid #000000;}

#innovacion .tb-kaizen tr:nth-child(2) td:nth-child(3){background: url("../img/innovacion/03.png") no-repeat center; background-size: cover;}
#innovacion .tb-kaizen tr:nth-child(3) td:nth-child(3){background: url("../img/innovacion/04.jpg") no-repeat center; background-size: cover;}
#innovacion .tb-kaizen tr:nth-child(2) td:nth-child(5){background: url("../img/innovacion/05.jpg") no-repeat center; background-size: cover;}
#innovacion .tb-kaizen tr:nth-child(3) td:nth-child(5){background: url("../img/innovacion/06.jpg") no-repeat center; background-size: cover;}
#innovacion .tb-kaizen tr:nth-child(2) td:nth-child(7){background: url("../img/innovacion/07.jpg") no-repeat center; background-size: cover;}
#innovacion .tb-kaizen tr:nth-child(3) td:nth-child(7){background: url("../img/innovacion/08.jpg") no-repeat center; background-size: cover;}

#innovacion .flex-copa{display:flex; justify-content: space-between}
#innovacion .flex-copa > table{width: 30%; margin: 20px 0;}
#innovacion .flex-copa > table tr th{padding: 6px 10px; background: #f9f7f3;}
#innovacion .flex-copa > table tr th{background: #f9f7f3; padding: 6px 10px; font-weight: 500; border-left: 1px solid #000000; border-bottom: 1px solid #000000;}
#innovacion .flex-copa > table tr th:last-child{border-right: 1px solid #000000;}
#innovacion .flex-copa > table tr:first-child th{border-top: 1px solid #000000;}
#innovacion .flex-copa > table tr td{background: #eef1f2; padding: 6px 10px; font-weight: 500; border-left: 1px solid #000000; border-bottom: 1px solid #000000;}
#innovacion .flex-copa > table tr td:last-child{border-right: 1px solid #000000;}
#innovacion .flex-copa > table tr:first-child td{border-top: 1px solid #000000;}
#innovacion .flex-copa > table tr td span{
	font-size: 11px;
	display: block;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	text-align: center;
}
#innovacion .flex-copa .tb-copa1 tr td{background: #fff8ea;}
#innovacion .flex-copa .tb-copa1 tr:nth-child(2) td:nth-child(2){background: url("../img/innovacion/09.jpg") no-repeat center; background-size: cover;}
#innovacion .flex-copa .tb-copa1 tr:nth-child(3) td:nth-child(2){background: url("../img/innovacion/10.jpg") no-repeat center; background-size: cover;}

#innovacion .flex-copa .tb-copa2 tr:nth-child(2) td:nth-child(2){background: url("../img/innovacion/11.jpg") no-repeat center; background-size: cover;}
#innovacion .flex-copa .tb-copa2 tr:nth-child(3) td:nth-child(2){background: url("../img/innovacion/12.jpg") no-repeat center; background-size: cover;}

#innovacion .flex-copa .tb-copa3 tr:nth-child(2) td:nth-child(2){background: url("../img/innovacion/13.jpg") no-repeat center; background-size: cover;}
#innovacion .flex-copa .tb-copa3 tr:nth-child(3) td:nth-child(2){background: url("../img/innovacion/14.jpg") no-repeat center; background-size: cover;}

#innovacion .flex-transformacion{
	display:flex;
	align-items: stretch;
}
#innovacion .flex-transformacion > div:first-child{
	width: 40%;
	display: flex;
	justify-content: flex-end;
	position: relative;
	overflow: hidden;
}
#innovacion .flex-transformacion > div:nth-child(2) {
	width: 60%;
}
#innovacion .flex-transformacion > div:first-child .innovacion-03{
	width: 80%;
	position: relative;
	background: url("../img/innovacion/15.jpg") no-repeat center;
	background-size: cover;
	height: 100%;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	overflow: hidden;
}
#innovacion .flex-transformacion > div:first-child .innovacion-04{
	position: absolute;
	width: 40%;
	left:2px;
	bottom:0;
	
}
#innovacion .flex-transformacion > div:first-child .innovacion-05{
	position: absolute;
	width: 50%;
	left:10%;
	bottom:-30%;
	
}
#innovacion .flex-next{
	display:flex;
	margin-top: 30px;
}
#innovacion .flex-next > div:first-child{
	width: 45%;
}
#innovacion .flex-next > div:nth-child(2){
	width: 55%;
}
#innovacion .flex-next .innovacion-06{
	display:block;
	width: 160px;
	margin: 0 0 20px 0;
}
#innovacion .flex-next .innovacion-07{
	display:block;
	width: 160px;
	margin: 0 0 20px 0;
}
#innovacion .flex-next .innovacion-08{
	display:block;
	width: 150px;
	margin: 0 0 20px 0;
}
#innovacion .flex-next .biografia{
	background:#f8f5f0;
	border-bottom-right-radius: 40px;
	padding: 60px 0;
	margin-bottom: 30px;
}

#innovacion .flex-next .quote{
	max-width:380px;
	text-align: left;
	margin: 0 auto;
}
#innovacion .flex-next .quote::before{
	left:-35px;
}
#innovacion .flex-next .alexis{
	float: left;
}

#innovacion .flex-next .alexis .foto{
	border-bottom-right-radius: 40px;
	border-top-left-radius: 40px;
	background: url("../img/innovacion/19.jpg") no-repeat center;
	width: 120px;
	height: 170px;
	display:block;
	background-size: cover;
	margin: 15px 23px 10px 0;
}

#innovacion .flex-portafolio{
	display:flex;
	margin-top: 30px;
}
#innovacion .flex-portafolio > div:first-child{
	width: 45%;
}
#innovacion .flex-portafolio > div:nth-child(2){
	width: 55%;
}

#innovacion .flex-portafolio .innovacion-09{
	width: 100%;
	max-width: 350px;
	position: relative;
	background: url("../img/innovacion/21.jpg") no-repeat center;
	background-size: cover;
	height: 30%;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	overflow: hidden;
	margin: 0 auto 30px;
}
#innovacion .flex-portafolio .innovacion-09 img{
	position: absolute;
	bottom: 10px;
	right: 10px;
	display: block;
	width: 100px;
}

#innovacion .flex-portafolio .innovacion-10{
	display:block;
	width: 250px;
	margin: 0 auto 30px ;
}
#innovacion .flex-portafolio .innovacion-11{
	width: 100%;
	max-width: 350px;
	position: relative;
	background: url("../img/innovacion/23.jpg") no-repeat center;
	background-size: cover;
	height: 30%;
	border-bottom-right-radius: 40px;
	border-top-left-radius: 40px;
	overflow: hidden;
	margin: 0 auto 30px;
}
/***INNOVACION Y CALIDAD***/


/***ENFOQUE AL CLIENTE***/
#cliente .flex-cliente{
	display: flex;
}
#cliente .flex-cliente > div:first-child{
	width: 40%;
}
#cliente .flex-cliente > div:nth-child(2){
	width: 60%;
}
#cliente .flex-cliente .cliente-01{
	width: 100%;
	max-width: 500px;
	position: relative;
	background: url("../img/cliente/01.jpg") no-repeat center;
	background-size: cover;
	height: 300px;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	overflow: hidden;
	margin: 0 auto 30px;
}
#cliente .tb-cliente{
	margin:0 auto 30px;
	max-width: 650px;
	
}

#cliente .tb-cliente tr th{
	background-color: #da7c4c;
	color: #ffffff;
	padding: 10px;
	text-align: center;
	
}
#cliente .tb-cliente tr td{
	padding: 10px;
	border-right: 3px solid #ffffff;
}
#cliente .tb-cliente tr td:last-child{
	border: none;
}
#cliente .tb-cliente tr:last-child td{
	font-weight: 300;
	color: #000000;
	font-size: 13px;
}

#cliente .tb-cliente tr:nth-child(2) td:first-child{background:url("../img/cliente/02.jpg") no-repeat center; background-size: cover; height: 150px;}
#cliente .tb-cliente tr:nth-child(2) td:nth-child(2){background:url("../img/cliente/03.jpg") no-repeat center; background-size: cover; height: 150px;}
#cliente .tb-cliente tr:nth-child(2) td:nth-child(3){background:url("../img/cliente/04.jpg") no-repeat center; background-size: cover; height: 150px;}
#cliente .tb-cliente tr:nth-child(2) td:nth-child(4){background:url("../img/cliente/05.jpg") no-repeat center; background-size: cover; height: 150px;}

#cliente .tb-cliente tr:nth-child(3) td:first-child{background: #ebf0e8;}
#cliente .tb-cliente tr:nth-child(3) td:nth-child(2){background: #daedef;}
#cliente .tb-cliente tr:nth-child(3) td:nth-child(3){background: #f4d8c9;}
#cliente .tb-cliente tr:nth-child(3) td:nth-child(4){background: #fee9c1;}

#cliente .tb-cliente tr:nth-child(4) td:first-child{background: #f8faf7;}
#cliente .tb-cliente tr:nth-child(4) td:nth-child(2){background: #f3f9fa;}
#cliente .tb-cliente tr:nth-child(4) td:nth-child(3){background: #fbf2ed;}
#cliente .tb-cliente tr:nth-child(4) td:nth-child(4){background: #fff8ea;}


#cliente .cliente-02{
	width: 100%;
	position: relative;
	background: url("../img/cliente/06.jpg") no-repeat center;
	background-size: cover;
	height: 300px;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	overflow: hidden;
	margin: 0 auto 30px;
}

#cliente .flex-satisfaccion{
	display: flex;
}
#cliente .flex-satisfaccion > div:first-child{
	width: 60%;
}
#cliente .flex-satisfaccion > div:nth-child(2){
	width: 40%;
}
#cliente .flex-satisfaccion .cliente-03{
	width: 100%;
	position: relative;
	background: url("../img/cliente/07.jpg") no-repeat center top;
	background-size: cover;
	height: 280px;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	overflow: hidden;
	margin: 0 auto 30px;
}

#cliente .flex-seguridad{
	display: flex;
}
#cliente .flex-seguridad > div:first-child{
	width: 25%;
}
#cliente .flex-seguridad > div:nth-child(2){
	width: 75%;
}
#cliente .flex-seguridad .cliente-04{
	width: 100%;
	max-width: 350px;
	position: relative;
	background: url("../img/cliente/08.jpg") no-repeat center top;
	background-size: cover;
	height: 450px;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	overflow: hidden;
	margin: 0 auto 30px;
}

#cliente .flex-seguridad .cliente-05{
	display:block;
	width: 200px;
	margin: 30px auto;
}

/***ENFOQUE AL CLIENTE***/


/****IMPULSO AL TALENTO*****/
#talento{padding-bottom: 60px;}

#talento .flex-talento{
	display:flex;
}
#talento .flex-talento > div:first-child{
	width:40%;
}
#talento .flex-talento > div:nth-child(2){
	width:20%;
}
#talento .flex-talento > div:nth-child(3){
	width:40%;
}

#talento .talento-01{
	width: 100%;
	position: relative;
	margin: 0px auto 30px;
}

#talento .flex-desarrollo{
	display:flex;
}
#talento .flex-desarrollo > div:first-child{
	width:70%;
}
#talento .flex-desarrollo > div:nth-child(2){
	width:30%;
}

#talento .titulo-talento{
	text-transform: uppercase;
	border-bottom: 1px solid #ef5a2e;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 0;
}

#talento ul{
	list-style-type: '>  ';
	padding-left: 15px;
}
#talento ul li{margin-bottom: 20px;}

#talento .flex-programas{
	display:flex;
	margin-bottom: 30px;
}
#talento .flex-programas > div{
	width:50%;
}

#talento .talento-02{
	width: 100%;
	position: relative;
	margin: 30px auto 30px;
	max-width: 600px;
	display: block;
}


#talento .flex-clima{
	display:flex;
	margin-bottom: 30px;
}
#talento .flex-clima > div:first-child{
	width:50%;
}
#talento .flex-clima > div:nth-child(2){
	width:50%;
}
#talento .flex-clima .talento-03{
	width: 100%;
	max-width: 400px;
	position: relative;
	background: url("../img/talento/03.jpg") no-repeat center top;
	background-size: cover;
	height: 380px;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	overflow: hidden;
	margin: 0 auto 30px;
}

#talento .flex-diversidad{
	display:flex;
	margin-bottom: 30px;
}
#talento .flex-diversidad > div:first-child{
	width:50%;
}
#talento .flex-diversidad > div:nth-child(2){
	width:50%;
}
#talento .bg-beige{
	background-color:#f9f7f3;
	padding: 30px 0; 
}
#talento .line{
	border-bottom: 1px solid #000000;
	padding-bottom: 5px;
}
#talento .talento-04{
	width: 100%;
	max-width: 600px;
	position: relative;
	margin: 0px auto 0px;
	display: block;
}

#talento .flex-salud{
	display:flex;
}
#talento .flex-salud > div:first-child{
	width:33%;
}
#talento .flex-salud > div:nth-child(2){
	width:65%;
}

#talento .flex-salud .tb-salud{
	margin-bottom:30px;
}
#talento .flex-salud .tb-salud tr td{
	text-align: center;
	padding: 6px 10px;
}
#talento .flex-salud .tb-salud tr th{
	background: #e3d7c2;
	color: #000000;
	text-transform: uppercase;
	padding: 10px;
}
#talento .flex-salud .tb-salud tr .bg-desc{
	background: #f9f7f3;
	border-bottom: 1px solid #000000;
}

#talento .flex-comunidades{
	display:flex;
}
#talento .flex-comunidades > div:first-child{
	width:50%;
}
#talento .flex-comunidades > div:nth-child(2){
	width:50%;
}

#talento .talento-05{
	width: 100%;
	position: relative;
	background: url("../img/talento/05.jpg") no-repeat center;
	background-size: cover;
	height: 380px;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	overflow: hidden;
	margin: 0 auto 30px;
}
/****IMPULSO AL TALENTO*****/

/****GESTION AMBIENTAL*****/
#ambiental{}
#ambiental .flex-ambiental{
	display: flex;
	margin-bottom: 30px;
	flex-wrap: wrap;
}
#ambiental .flex-ambiental > div{
	width: 50%;
}
#ambiental .flex-ambiental .ambiental-01{
	background: #f9f7f3;
	overflow: hidden;
	margin-bottom: 30px;
}
#ambiental .flex-ambiental .ambiental-01 img{
	width:180px;
	margin: 40px auto;
	display: block;
}

#ambiental .flex-ambiental .flex-juan{
	display: flex;
	align-items: center;
	max-width: 400px;
	margin: 0px auto 30px;
	justify-content: space-between;
}
#ambiental .flex-ambiental .flex-juan > div:first-child{
	width: 30%;
}
#ambiental .flex-ambiental .flex-juan > div:nth-child(2){
	width: 60%;
	background: url("../img/ambiental/02.jpg") no-repeat center;
	background-size: cover;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	height: 280px;
}

#ambiental .flex-ambiental .quote{
	width:380px;
	text-align: left;
	margin: 0 auto;
}
#ambiental .flex-ambiental .quote::before{
	left:-35px;
}


#ambiental .flex-accion{
	display:flex;
}
#ambiental .flex-accion > div:first-child{
	width:50%;
}
#ambiental .flex-accion > div:nth-child(2){
	width:50%;
}
#ambiental .tb-ambiental{
	margin: 30px auto;
}
#ambiental .tb-ambiental tr th{padding: 6px; border-bottom: 1px solid #000000;}
#ambiental .tb-ambiental tr:first-child th{color:#564c8a; border-top: 1px solid #000000;}
#ambiental .tb-ambiental tr td{padding: 6px; border-bottom: 1px solid #000000;}
#ambiental .tb-ambiental tr td:first-child{background: #d2232a !important; text-align: center; font-weight: 900; font-size: 22px; color:#ffffff;}
#ambiental .tb-ambiental tr.bg-ambiental td{background: #f9f7f3;}

#ambiental .flex-accion .ambiental-02{
	width: 100%;
	position: relative;
	background: url("../img/ambiental/03.jpg") no-repeat center top;
	background-size: cover;
	height: 280px;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	overflow: hidden;
	margin: 0 auto 30px;
}
#ambiental .flex-circularidad{
	display:flex;
}
#ambiental .flex-circularidad > div:first-child{
	width:60%;
}
#ambiental .flex-circularidad > div:nth-child(2){
	width:40%;
}
/****GESTION AMBIENTAL*****/

/****ACERCA DE ESTE INFORME*****/
#acerca{ overflow: hidden;}
#acerca .flex-acerca{
	display: flex;
	margin-bottom: 60px;
	overflow: hidden;
}
#acerca .flex-acerca > div:first-child{
	width: 50%;
	background: url("../img/acerca/01.jpg");
	background-size: cover;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
}
#acerca .flex-acerca > div:nth-child(2){
	width: 43%;
	position: relative;
}

#acerca .flex-acerca > div:nth-child(2) .txt{
	background-color: #ffffff;
	padding: 30px 30px;
	margin: 60px 0;
	position: relative;
}
#acerca .flex-acerca .acerca-01{
	position:absolute;
	width: 65%;
	right:-100px;
	top: 0px;
}
#acerca .flex-acerca2{
	display:flex;
	align-items: flex-start;
}
#acerca .flex-acerca2 > div svg{
	position: absolute;
	height: 100%;
	right: -10px;
	top: -10px;
}
#acerca .flex-acerca2 > div:first-child{
	position: relative;
	width:16%;
}
#acerca .flex-acerca2 > div:nth-child(2){
	position: relative;
	width:16%;
}
#acerca .flex-acerca2 > div:nth-child(3){
	position: relative;
	width:20%;
}
#acerca .flex-acerca2 > div:nth-child(4){
	position: relative;
	width:26%;
}
#acerca .flex-acerca2 > div:nth-child(5){
	width:18%;
}

#acerca .flex-acerca2 .logo{
	min-height: 100px;
}

#acerca .flex-acerca2 .acerca-02{
	width: 100%;
	max-width: 180px;
	display: block;
	margin: 20px auto 20px;
}
#acerca .flex-acerca2 .acerca-03{
	width: 100%;
	max-width: 180px;
	display: block;
	margin: 0 auto 20px;
}
#acerca .flex-acerca2 .acerca-04{
	width: 100%;
	max-width: 200px;
	display: block;
	margin: 0 auto 20px;
}
#acerca .flex-acerca2 .acerca-05{
	width: 100%;
	max-width: 200px;
	display: block;
	margin: 10px auto 20px;
}
#acerca .flex-acerca2 .acerca-06{
	width: 100%;
	max-width: 70px;
	display: block;
	margin: 0 auto 20px;
}

#acerca .bg-acerca{
	background:#f9f7f3;
	padding: 30px 0;
	margin-top: 30px;
}

#acerca .flex-acerca3{
	display: flex;
	flex-wrap: wrap;
}

#acerca .flex-acerca3 > div{
	width: 33.33%;
}
/****ACERCA DE ESTE INFORME*****/

/****CONTACTO*****/
#contacto{width:100%; height: 100%; overflow: hidden; position: relative;}
#contacto .contacto-01{display:block; max-width: 90px; margin-bottom: 20px}
#contacto .contacto-02{position: absolute; width: 250px; bottom: -150px; left: -20px;}
#contacto .contacto-03{position: absolute; width: 200px; bottom: -150px; left: 7%;}
#contacto .contacto-04{position: absolute; width: 250px; bottom: -250px; right: 5%;}
#contacto .contacto-05{position: absolute; width: 250px; bottom: -150px; right: -70px;}

#contacto .flex-contacto{display:flex; flex-wrap: wrap; height: 100%; position: relative; overflow: hidden;}
#contacto .flex-contacto > div:first-child{width: 100%; background:url("../img/contacto/01.jpg") no-repeat center; background-size: cover; height: 70%;}
#contacto .flex-contacto > div:nth-child(2){width: 40%; background:url("../img/contacto/02.jpg") no-repeat center; background-size: cover; height: 30%;}
#contacto .flex-contacto > div:nth-child(3){width: 60%; background:url("../img/contacto/03.jpg") no-repeat center; background-size: cover; height: 30%;}

#contacto .flex-contactos{display:flex; justify-content: center; flex-wrap: wrap; padding-top: 100px;}
#contacto .flex-contactos > div{width: 26%;}
#contacto .flex-contactos > div .logo{width: 80%; max-width: 150px; margin: 0 auto 30px; display: block;}
#contacto .flex-contactos > div p{line-height: 1.4; color: #000000; font-size: 16px;}
#contacto .flex-contactos > div a{font-weight: 300; color: #000000;}
/****CONTACTO*****/


footer{
	border-top: 1px solid #A6A6A6;
	padding-top:30px; 
}
footer h2{
	font-size: 26px; 
	font-weight: 500; 
	width: 100%;  
	margin: 0 auto 50px;
	color: #577382;
	text-align: left;
	text-transform: uppercase;
}

footer .flex-footer{display:flex; flex-wrap: wrap; margin-bottom: 30px;}
footer .flex-footer > div:first-child{width: 23%;}
footer .flex-footer > div:nth-child(2){width: 26%;}
footer .flex-footer > div:nth-child(3){width: 30%;}
footer .flex-footer > div:nth-child(4){width: 21%;}
footer .flex-footer ul{list-style: none; margin: 0; padding: 0; margin-bottom: 15px;}
footer .flex-footer ul li{line-height: 1; margin-bottom: 10px;}
footer .flex-footer ul li a{text-decoration: none; text-transform: capitalize; font-weight: 300; font-size: 12px; color: #577382; line-height: 1; -webkit-transition: color 0.3s ease-in-out; 
	-moz-transition: color 0.3s ease-in-out; 
    -o-transition: color 0.3s ease-in-out; 
	transition: color 0.3s ease-in-out;}
footer .flex-footer ul li a i{font-size: 14px; margin-right: 5px;}
footer .flex-footer ul li a:hover{color: #9f4458;}

footer .copy{text-align:center; font-size: 10px; padding: 8px 0; margin-top: 15px; color: #ffffff; background: #567482; background-repeat: repeat-y; background-size: contain;}