@charset "utf-8";
/* CSS Document */

html, body{margin:0; padding:0; width:100%; height:100%; font-family: ubuntu, sans-serif; position: relative;}

.gray-font{color:#333333 !important;}
.brown{color:#6c6259;}
.brown1{color:#d49b66;}
.gray{color:#a7a9ac;}
.gray1{color:#6d6f71;}
.blue1{color:#67799a;}
.red{color:#ce0d4c;}
.red1{color:#a74349;}
.red2{color:#87162e;}
.green, .aqua, .cobre-fin{color:#008796;}
.green-opac{color:#4fa1ae;}
.green1{color:#647787;}
.orange1{color:#c0311a;}
.orange2{color:#d16b49;}
.orange3{color:#ee3a24;}
.orange4{color:#faa61a;}
.black{color:#000000;}

.lh12{line-height: 1.2 !important;}


.f12{font-size: 12px !important;}
.f14{font-size: 14px !important;}
.f18{font-size: 18px !important;}
.f20{font-size: 20px !important;}
.f24{font-size: 24px !important;}
.f30{font-size: 30px !important;}
.f32{font-size: 32px !important;}

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

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

a.nav-brand{text-decoration: none;}

.over{overflow-x: scroll;}

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

.txt{
	padding: 0 30px;
}
.txt60{
	padding: 0 60px;
}

.txt p, .txt60 p, .txt ul li, .txt ol li{
	font-size: 16px;
	line-height: 1.5;
	margin-top: 0px;
	font-weight: 300;
}
.txt ul, .txt ol{padding-left:15px;}

h2.titulo{margin: 0 0 30px 0; font-weight: 300; font-size: 40px;}
h2.titulo span{font-weight: 700;}

h4.highlight{font-size:20px; font-weight: 500; line-height: 1.6;}

h4.highlight2{font-size:18px; font-weight: 700; line-height: 1.4; margin-top: 0;}

.notas-ol{padding-left: 15px;}
.notas-ol li{font-size: 12px !important;}
.notas-p{font-size: 12px !important;}


.general-img{width: 100%; max-width: 800px; display: block; margin: 0 auto 30px;}

.nowrap{white-space: nowrap;}

.clear{clear:both;}

.flex-6040, .flex-7030, .flex-4060, .flex-5050, .flex-33, .flex-25, .flex-3070, .flex-30, .flex-4555{display: flex;}

.flex-25 > div{width: 25%;}

.flex-33 > div{width: 33.33%;}
.flex-30 > div{width: 30%;}

.flex-5050 > div:first-child{width: 50%;}
.flex-5050 > div:nth-child(2){width: 50%;}

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

.flex-4555 > div:first-child{width: 45%;}
.flex-4555 > div:nth-child(2){width: 55%;}

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

.flex-7030 > div:first-child{width: 70%;}
.flex-7030 > div:nth-child(2){width: 30%;}

.flex-3070 > div:first-child{width: 30%;}
.flex-3070 > div:nth-child(2){width: 70%;}

#intro{height:100%; width: 100%; overflow: hidden;}
#intro .intro-top{height:70%; width: 100%; position: relative; overflow: hidden;}
#intro .intro-top .bg1{height:100%; width: 100%; background: url("../img/intro-1.jpg") no-repeat center bottom; background-size: cover; position: absolute; z-index: 996;}
#intro .intro-top .bg2{height:100%; width: 100%; background: url("../img/intro-2.png") no-repeat center bottom; background-size: cover; position: absolute; z-index: 999;}

#intro .intro-bottom{height:30%; width: 100%; background: url("../img/bg_menu.jpg") repeat-y; background-size: contain; display: flex; justify-content: center; align-items: center;}
#intro .intro-bottom h2{font-size:60px; text-align: center; color:#ce0d4c; line-height: 0.9; font-weight: 700; margin: 0 auto;}
#intro .intro-bottom h2 span{font-size: 45px; color:#ee3a24; font-weight: 300;}
#intro .intro-bottom h2 span a{font-size: 32px; color:#ee3a24; text-decoration: none;}

#intro2 .trayectoria{
	padding: 40px 0;
	background: rgb(231,233,232);
	background: -moz-linear-gradient(0deg, rgba(231,233,232,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(231,233,232,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(0deg, rgba(231,233,232,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7e9e8",endColorstr="#ffffff",GradientType=1); 
}

#intro2 .trayectoria p{
	line-height: 1.6;
}

#intro2 .bg-oportunidades{
	background: url("../img/bg-oportunidades.jpg") center no-repeat; background-attachment: fixed; background-size: cover; height: 350px; width: 100%;
}

#intro2 .oportunidades{
	padding: 40px 0;
	background: rgb(231,233,232);
	background: -moz-linear-gradient(0deg, rgba(231,233,232,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(231,233,232,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(0deg, rgba(231,233,232,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7e9e8",endColorstr="#ffffff",GradientType=1); 
}

#intro2 .oportunidades p{
	font-size: 18px;
	line-height: 1.6;
}

#intro2 .container-intro{
	max-width: 860px;
	margin:0 auto;
	position: relative;
}

#eventos2021{padding: 110px 0 30px;}
#eventos2021 .title-eventos2021{
	width: 100%;
	 background: rgb(255,255,255);
	background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(245,246,246,1) 29%, rgba(0,132,150,0.8435574913559174) 50%, rgba(0,132,150,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(245,246,246,1) 29%, rgba(0,132,150,0.8435574913559174) 50%, rgba(0,132,150,1) 100%);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(245,246,246,1) 29%, rgba(0,132,150,0.8435574913559174) 50%, rgba(0,132,150,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#008496",GradientType=1); 
	
}
#eventos2021 .title-eventos2021 .flex-title-eventos2021{display:flex; align-items: center; flex-wrap: wrap;}
#eventos2021 .title-eventos2021 .flex-title-eventos2021 > div:first-child{width: 45%;}
#eventos2021 .title-eventos2021 .flex-title-eventos2021 > div:nth-child(2){width: 55%;}
#eventos2021 .title-eventos2021 .flex-title-eventos2021 h2{color:#ce0d4c; font-size: 120px; font-weight:700; margin:0; line-height: 1;}
#eventos2021 .title-eventos2021 .flex-title-eventos2021 p{color:#ffffff; font-size: 20px; font-weight:500; margin:15px 0; line-height: 1.6;}

#eventos2021 .flex-eventos{display:flex; margin-top: 90px; flex-wrap: wrap;}
#eventos2021 .flex-eventos > div .foto{width: 100%; height: 280px;}
#eventos2021 .flex-eventos > div{width: 50%; margin-bottom: 60px;}
#eventos2021 .flex-eventos > div .tit{font-size: 20px; font-weight: 300;}
#eventos2021 .flex-eventos > div .subtit{font-size: 20px; font-weight: 500;}

#eventos2021 .flex-eventos > div:first-child .foto{background: url("../img/eventos/01.jpg") no-repeat center; background-size: cover; margin-bottom: 20px;}
#eventos2021 .flex-eventos > div:nth-child(2) .foto{background: url("../img/eventos/02.jpg") no-repeat center; background-size: cover; margin-bottom: 20px;}
#eventos2021 .flex-eventos > div:nth-child(3) .foto{background: url("../img/eventos/03.jpg") no-repeat center; background-size: cover; margin-bottom: 20px;}
#eventos2021 .flex-eventos > div:nth-child(4) .foto{background: url("../img/eventos/04.jpg") no-repeat center; background-size: cover; margin-bottom: 20px;}



#negocios{padding: 110px 0 60px;}
#negocios .flex-negocios{display: flex; justify-content: space-between; flex-wrap: wrap;}
#negocios .flex-negocios > div:first-child, #negocios .flex-negocios > div:nth-child(2){width: 45%; padding: 20px 0; background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,233,232,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,233,232,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,233,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e7e9e8",GradientType=1);}
#negocios .flex-negocios p{text-align: center;}
#negocios .flex-negocios .tit-neg{font-size: 40px;}

#negocios .flex-negocios > div:nth-child(3),#negocios .flex-negocios > div:nth-child(4){width: 45%; padding: 20px 0; background: rgb(231,233,232);
	background: -moz-linear-gradient(0deg, rgba(231,233,232,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(231,233,232,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(0deg, rgba(231,233,232,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7e9e8",endColorstr="#ffffff",GradientType=1); }
#negocios .flex-negocios .grafica img{width: 100%; max-width: 250px;}

#negocios .mapa{position: relative; margin-top: 30px;}
#negocios .mapa .m1{position: relative; width: 100%; max-width: 650px; display: block; margin:0 auto;}
#negocios .mapa .m2{position: absolute; width: 100%; max-width: 650px; display: block; margin:0 auto; top:0; left: 0; right: 0;}


#negocios .mapa .mapa-cont{position: relative;}
#negocios .mapa .mapa-cont .big{font-size: 22px; color:#6d6f71; position: absolute; text-align: center; line-height: 1.1;}
#negocios .mapa .mapa-cont .big span{font-weight: 700; color:#00b5df;}
#negocios .mapa .mapa-cont .usa{top: 10%; right: 20%; width: 20%;}
#negocios .mapa .mapa-cont .brazil{top: 50%; right: 23%; width: 20%;}
#negocios .mapa .mapa-cont .spain{bottom:16%; left: 20%; width: 20%;}

#negocios .indicadores{position: absolute; top: 24%; right:0; display: table; width: 30%; max-width: 180px;}
#negocios .indicadores table{background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,233,232,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,233,232,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,233,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e7e9e8",GradientType=1);}

#cifras{padding: 110px 0 60px;}
#cifras .flex-cifras{display: flex; flex-wrap: wrap;}
#cifras .flex-cifras > div:first-child{width: 50%;}
#cifras .flex-cifras table{width: 100%; margin-bottom: 30px;}
#cifras .flex-cifras table sup{font-size: 10px;}
#cifras .flex-cifras table tr th{color:#d49b66; border-bottom: 2px solid #d49b66; padding: 8px 20px 5px 5px; font-size: 14px; text-align: right; font-weight: 500;}
#cifras .flex-cifras table tr th:first-child{text-align: left; font-weight: 700;}
#cifras .flex-cifras table tr td{color: #6d6f71; text-align: right; font-weight: 300; font-size: 14px; padding: 5px 20px 5px 5px; -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;}
#cifras .flex-cifras table tr:hover td{background:#ce0d4c !important; color: #ffffff}
#cifras .flex-cifras table tr td:first-child{text-align: left;}
#cifras .flex-cifras table tr td:nth-child(2), #cifras .flex-cifras table tr td:nth-child(3), #cifras .flex-cifras table tr td:nth-child(4){font-size: 15px;}
#cifras .flex-cifras table tr th:nth-child(3){background-color: #008896 ; font-weight: 700; color: #faa61a;}
#cifras .flex-cifras table tr td:nth-child(3){background-color: #008896 ; font-weight: 500; color: #ffffff;}

#cifras .flex-cifras > div:nth-child(2){width:50%;}
#cifras .flex-cifras > div:nth-child(2) .flex-graficas{display: flex; flex-wrap: wrap;}
#cifras .flex-cifras > div:nth-child(2) .flex-graficas > div{width: 50%; margin-bottom: 30px;}
#cifras .flex-cifras > div:nth-child(2) .flex-graficas p{text-align: center; font-size: 14px; color:#ee3a24; font-weight: 700; margin-top: 10px;}
#cifras .flex-cifras > div:nth-child(2) .flex-graficas p span{color:#647787; font-size: 12px; font-weight: 300;}
#cifras .flex-cifras > div:nth-child(2) .flex-graficas .grafica{position: relative;}
#cifras .flex-cifras > div:nth-child(2) .flex-graficas .grafica .g1{position: relative; width: 100%; display: block; max-width: 190px; margin:0 auto;}
#cifras .flex-cifras > div:nth-child(2) .flex-graficas .grafica .g2{position: absolute; width: 100%; display: block; max-width: 190px; top:0; left:0; right: 0; margin:0 auto;}


#carta{padding: 110px 0 60px;}
#carta .bg-carta{background:url("../img/carta/bg-carta.jpg") no-repeat center; background-size: cover; background-attachment: fixed; margin: 10px 0 30px; height: 400px;}

#carta .federico{position: relative; background: rgb(231,233,232);
	background: -moz-linear-gradient(0deg, rgba(231,233,232,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(231,233,232,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(0deg, rgba(231,233,232,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7e9e8",endColorstr="#ffffff",GradientType=1); line-height: 0; width: 100%; max-width: 400px; margin:0 auto; }
#carta .federico .img1{width: 100%; display: block; margin:0 auto; }
#carta .federico p{color:#ffffff; position: absolute; font-weight: 300; right: 15px; bottom: 10px; width: 60%; font-size: 14px; text-align: right;}
#carta .federico p span{font-weight: 700;}
#carta .federico p .img2{width: 100%; max-width: 150px;}


#consejoAdministracion{padding: 110px 0 60px;}
#consejoAdministracion .flex-consejo{display: flex; margin-bottom: 60px; flex-wrap: wrap;}
#consejoAdministracion .flex-consejo > div{width: 33.33%;}
#consejoAdministracion .flex-consejo > div .notas-p{text-align: right;}

#consejoAdministracion .left-right{display: none; margin-top: 30px;}
#consejoAdministracion .left-right p{margin-bottom: 0; font-weight: 500; font-size: 14px;}

#consejoAdministracion .funcionarios{background: rgb(231,233,232);
	background: -moz-linear-gradient(0deg, rgba(231,233,232,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(231,233,232,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(0deg, rgba(231,233,232,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7e9e8",endColorstr="#ffffff",GradientType=1); width: 100%;}

#consejoAdministracion .funcionarios .func{width:100%; max-width: 900px; display: block; margin: 0 auto;}
#consejoAdministracion .funcionarios-nombres{display: flex; max-width: 900px; margin:30px auto 0; flex-wrap: wrap;}
#consejoAdministracion .funcionarios-nombres > div{width: 20%;}
#consejoAdministracion .funcionarios-nombres > div p{font-size: 14px; text-align: right;}


#posicionando{padding: 110px 0 60px;}
#posicionando .aprovechando{width: 100%; height: 450px; background:url("../img/posicionando/01.jpg") no-repeat center; background-size: cover; margin-bottom: 40px;}
#posicionando .aprovechando h2{background: #ee3a24; font-weight: 300; display: inline-table; color:#ffffff; padding: 40px 30px; line-height: 1.4; font-size: 32px; position: absolute; top: 10%; left: 20%;}
#posicionando .aprovechando h2 span{font-weight: 700;}

#posicionando .flex-posicionados{display: flex; flex-wrap: wrap;}
#posicionando .flex-posicionados > div:first-child{width: 50%;}
#posicionando .flex-posicionados > div:first-child .posicionados{width: 80%; float: right; height: 660px; background:url("../img/posicionando/04.jpg") no-repeat center; background-size: cover; margin-bottom: 20px; position: relative;}
#posicionando .flex-posicionados > div:first-child .posicionados h2{background: #ce0d4c; font-weight: 300; display: inline-table; color:#ffffff; padding: 40px 30px 40px 30px; line-height: 1.4; font-size: 32px; position: absolute; top: 25%; left: -20%;}
#posicionando .flex-posicionados > div:first-child .posicionados h2 span{font-weight: 700;}
#posicionando .flex-posicionados > div:nth-child(2){width: 50%;}

#posicionando .abriendo{width: 90%; height: 350px; background:url("../img/posicionando/02.jpg") no-repeat center; background-size: cover; margin-bottom: 40px; position: relative;}
#posicionando .abriendo h2{background: #008796; font-weight: 300; display: inline-table; color:#ffffff; padding: 40px 30px; line-height: 1.4; font-size: 32px; position: absolute; bottom: 5%; right: -10%;}
#posicionando .abriendo h2 span{font-weight: 700;}

#posicionando .flex-generando{display: flex; flex-wrap: wrap;}
#posicionando .flex-generando > div:first-child{width: 50%;}
#posicionando .flex-generando > div:nth-child(2){width: 50%;}
#posicionando .flex-generando > div:nth-child(2) .generando{width: 80%; float: right; height: 510px; background:url("../img/posicionando/03.jpg") no-repeat center; background-size: cover; margin-bottom: 20px; position: relative;}
#posicionando .flex-generando > div:nth-child(2) .generando h2{background: #d49b66; font-weight: 300; display: inline-table; color:#ffffff; padding: 40px 30px 40px 30px; line-height: 1.4; font-size: 32px; position: absolute; top: 25%; left: -20%;}
#posicionando .flex-generando > div:nth-child(2) .generando h2 span{font-weight: 700;}


#revestimientos{padding: 110px 0 60px;}
#revestimientos .bg-revestimientos{background:url("../img/revestimientos/bg-revestimientos.jpg") no-repeat center; background-size: cover; background-attachment: fixed; margin: 10px 0 30px; height: 450px;}
#revestimientos .graficas p{text-align: center; font-size: 14px; color:#ee3a24; font-weight: 700; margin-top: 10px;}
#revestimientos .graficas p span{color:#647787; font-size: 12px; font-weight: 300;}
#revestimientos .graficas .grafica{position: relative; width: 100%; max-width: 150px; margin: 0 auto;}
#revestimientos .graficas .grafica .g1{position: relative; width: 100%; max-width: 215px; margin:0 auto;}
#revestimientos .graficas .grafica .g2{position: absolute; width: 100%; max-width: 215px; top:0; left:0; right: 0; margin:0 auto;}

#adhesivos{padding: 110px 0 60px;}
#adhesivos .graficas p{text-align: center; font-size: 14px; color:#ee3a24; font-weight: 700; margin-top: 10px;}
#adhesivos .graficas p span{color:#647787; font-size: 12px; font-weight: 300;}
#adhesivos .graficas .grafica{position: relative; width: 100%; max-width: 150px; margin: 0 auto;}
#adhesivos .graficas .grafica .g1{position: relative; width: 100%; max-width: 215px; margin:0 auto;}
#adhesivos .graficas .grafica .g2{position: absolute; width: 100%; max-width: 215px; top:0; left:0; right: 0; margin:0 auto;}

#adhesivos .flex-adhesivos{display:flex; margin-top: 30px; align-items: flex-end;}
#adhesivos .flex-adhesivos > img:first-child{width: 18%; max-width: 130px;}
#adhesivos .flex-adhesivos > img:nth-child(2){width: 35%; max-width: 300px; margin-left: 5%;}
#adhesivos .flex-adhesivos > img:nth-child(3){width: 10%; max-width: 50px; margin-left: 5%;}
#adhesivos .flex-adhesivos > img:nth-child(4){width: 22%; max-width: 200px; margin-left: 5%;}

#adhesivos .multicolor{width: 100%; max-width: 270px; margin-top: -165px;}

#desempeno{padding: 110px 0 60px;}
#desempeno .graficas{margin-bottom: 60px;}
#desempeno .graficas p{text-align: center; font-size: 14px; color:#647787; font-weight: 700; margin-top: 10px;}
#desempeno .graficas p span{color:#647787; font-size: 12px; font-weight: 300;}
#desempeno .graficas .grafica{position: relative; overflow: hidden; width: 100%; max-width: 280px; margin: 0 auto;}
#desempeno .graficas .grafica .g1{position: relative; width: 100%; max-width: 280px; margin:0 auto;}
#desempeno .graficas .grafica .g2{position: absolute; width: 100%; max-width: 280px; top:0; left:0; right: 0; margin:0 auto;}


#director{padding: 110px 0 60px;}
#director .objetivos{width: 100%; max-width: 250px; display: block; margin: 0 auto 60px;}
#director .pacto{width: 100%; max-width: 120px; display: block; margin: 60px auto 60px;}

#interes {padding: 110px 0 60px;}
#interes table{margin-top: 30px;}
#interes table tr th{font-size: 16px; text-align: center; padding: 5px; border-bottom: 1px solid #000000; border-top: 2px solid #000000; border-left: 1px solid #000000;}
#interes table tr td{font-size: 13px; text-align: left; padding: 5px;}
#interes table tr td{border-bottom: 1px solid #000000; border-left: 1px solid #000000; }
#interes table tr td:first-child, #interes table tr td:nth-child(2), #interes table tr th:first-child{border-left: 0px solid #000000; }
#interes table tr td:first-child{text-align: center;}
#interes table tr:last-child td{border-bottom: 2px solid #000000;}
#interes table tr.bg-brown1 td{background: #fff8ef;}
#interes table tr.bg-brown2 td{background: #fff3e2;}


#prioritarios {padding: 110px 0 60px;}
#prioritarios .prioritarios-01{width:100%; max-width: 600px; display: block; margin: 0 auto;}


#prioritarios .flex-prioritarios{display: flex; margin-top: 20px; margin-bottom: 60px; flex-wrap: wrap;}
#prioritarios .flex-prioritarios > div{width: 48%; padding-top: 30px;  background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,233,232,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,233,232,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,233,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e7e9e8",GradientType=1); }
#prioritarios .flex-prioritarios > div:first-child{margin-right: 2%;}
#prioritarios .flex-prioritarios > div:nth-child(2){margin-left: 2%;}

#prioritarios table{max-width: 900px; margin:40px auto;}
#prioritarios table tr th{background:#d49b66; font-size: 18px; text-align: left; color:#ffffff; padding: 5px 5px;}
#prioritarios table tr td{padding: 5px 5px; border-bottom: 1px solid #000000; border-left: 1px solid #000000;}
#prioritarios table tr td:first-child{border-left:0; }
#prioritarios table tr td:nth-child(2){text-align: center;}

#prioritarios .matriz-indicadores{max-width: 350px; width: 100%; text-align: left; margin: 0 auto 30px;}

#estrategia {padding: 110px 0 60px;}
#estrategia .estrategia-01{width: 100%; max-width: 500px; display: block; margin:50px auto;}
#estrategia .ods{margin-bottom: 40px;}
#estrategia .ods img{width: 90px;}

#estrategia .flex-focos{display: flex; margin-top: 30px; margin-bottom: 40px; }
#estrategia .flex-focos > div{padding: 20px 0;}
#estrategia .flex-focos .linea{height: 100px; width: 1px; background: #A4A4A4;}
#estrategia .flex-focos p{line-height: 1.2; font-size: 14px; margin-bottom: 10px;}
#estrategia .flex-focos .gris{background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,233,232,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,233,232,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,233,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e7e9e8",GradientType=1);}



#avances {padding: 110px 0 60px;}

#avances table{width: 100%; margin:40px auto;}
#avances table tr th{background:#d49b66; font-size: 18px; font-weight: 300; text-align: center; color:#ffffff; padding: 10px 5px; border-left: 1px solid #000000;}
#avances table tr th:first-child{font-weight: 700; font-size: 20px; text-align: left; border-left:0; }
#avances table tr td{padding: 5px 5px; border-bottom: 1px solid #000000; border-left: 1px solid #000000; text-align: center;}
#avances table tr td:first-child{border-left:0; text-align: left;}
#avances table tr td:nth-child(2){background: #f3e6d8;}
#avances table tr td.bg-orange{background: #faa61a;}
#avances table tr:last-child td{border-bottom: 2px solid #000000;}

#avances .botones-semblanza{width: 100%; margin-bottom: 20px; font-weight: 700; color: #4fa1ae; margin-top: 10px; font-size: 12px; display: flex; text-transform: uppercase;}
#avances .botones-semblanza div{width: 20%; background-color:#ffffff; border: 1px solid #4fa1ae; color:#4fa1ae; justify-content: center; display: flex; align-items: center;  padding: 12px 10px; text-align: center; cursor: pointer; }
#avances .botones-semblanza div.active{background-color:#008796; color:#ffffff; border: 1px solid #008796;}


#avances .corporativo .tit1{display: table; font-size: 20px; max-width: 400px; width: 100%; font-weight: 700; margin: 40px auto 20px; background: #008796; padding: 8px 0px; text-align: center; color:#ffffff;}
#avances .corporativo .tit2{display: table; font-size: 20px; max-width: 400px; width: 100%; font-weight: 700; margin: 20px auto 20px; background: #ce0d4c; padding: 8px 0px; text-align: center; color:#ffffff;}
#avances .corporativo .tit3{display: table; font-size: 16px; max-width: 400px; width: 100%; font-weight: 400; margin: 20px auto 20px; background: #d49b66; padding: 8px 0px; text-align: center; color:#000000;}
#avances .corporativo .tit3 span{font-size: 20px; font-weight: 700; color:#ffffff;}
#avances .flex-corporativo{display: flex; margin-top: 20px; margin-bottom: 40px; justify-content: space-between;}
#avances .flex-corporativo > div{padding: 20px 0; text-align: center; width: 22%; background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,233,232,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,233,232,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,233,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e7e9e8",GradientType=1);}
#avances .flex-corporativo p{line-height: 1.2; margin-bottom: 10px;}

#avances .enfoque-01{width: 100%; max-width: 700px;  display: block; margin: 20px auto;}
#avances .innovacion-01{width: 100%; max-width: 200px; display: block; margin: 20px auto;}
#avances .circularidad-01{width: 100%; max-width: 700px; display: block; margin: 20px auto;}

#auditoria{padding: 110px 0 60px;}
#auditoria ol{margin-top: 0px;}
#auditoria ol li{margin-bottom: 15px;}

#societarias{padding: 110px 0 60px;}
#societarias ol{margin-top: 0px;}
#societarias ol li{margin-bottom: 15px;}


/******** ESTADOS FINANCIEROS CONSOLIDADOS ********/
#auditores{padding: 90px 0 30px; position: relative;}
#posicion{padding: 30px 0 30px; position: relative;}
#resultados{padding: 30px 0 30px; position: relative;}
#integral{padding: 30px 0 30px; position: relative;}
#cambios{padding: 30px 0 30px; position: relative;}
#flujos{padding: 30px 0 90px; position: relative;}

#posicion .mano-desliza{font-size: 16px; text-align: right; color: #be3426; margin-bottom: 20px; display: none;}
#resultados .mano-desliza{font-size: 16px; text-align: right; color: #be3426; margin-bottom: 20px; display: none;}
#integral .mano-desliza{font-size: 16px; text-align: right; color: #be3426; margin-bottom: 20px; display: none;}
#cambios .mano-desliza{font-size: 16px; text-align: right; color: #be3426; margin-bottom: 20px;}
#flujos .mano-desliza{font-size: 16px; text-align: right; color: #be3426; margin-bottom: 20px; display: none;}

.financieros .flex-5050{margin: 60px 0 20px;}

.financieros{position: relative;}
.financieros .flex-financieros{position: relative;}
.financieros .flex-financieros > div:first-child{width: 25%; display: inline-block;
vertical-align: top;} 
.financieros .flex-financieros > div:nth-child(2){width: 75%; display: inline-block;
vertical-align: top;} 

.financieros .flex-financieros .menu-financieros{
	margin:30px auto 0; 
	padding: 30px 15px 30px 30px; 
	background: #f6f8f7; 
	list-style: none; 
	font-size: 14px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	display: block;
	z-index: 998
}
.financieros .flex-financieros .menu-financieros li{margin: 15px 0; }
.financieros .flex-financieros .menu-financieros li a{ text-decoration: none; color:#6d6f71; font-weight: 100; -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; display: block;}
.financieros .flex-financieros .menu-financieros li a span{
	font-weight: 500;
}
.financieros .flex-financieros .menu-financieros li a:hover{color:#cc1841;}

.financieros h3{font-size: 36px; font-weight: 300; letter-spacing: 2px;}
.financieros h3 span{font-weight: 700; color:#cc1841}

.financieros ul{ padding-left: 15px;}
.financieros ul li{font-weight: 300; line-height: 1.4; margin-bottom: 15px;}

.financieros ul.lista-guion li{
	list-style: url("../img/guion.png");

}
.financieros ul.lista-guion2 li{list-style: url("../img/guion.png");}

.financieros ul.lista-circulo li{
	list-style: disc;
}

.financieros .table-fin{
	width: 100%;
}
.financieros .table-fin tr th{
	font-size: 15px;
	text-align: right;
	font-weight: 300;
	padding: 3px 5px;
	vertical-align: bottom;
	line-height: 1;
}
.financieros .table-fin tr td{
	font-size: 15px;
	text-align: right;
	font-weight: 300;
	padding: 3px 5px;
	vertical-align: bottom;
	-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; 
	line-height: 1.2;
}

#cambios.financieros .table-fin tr th{
	font-size: 13px;
}
#cambios.financieros .table-fin tr td{
	font-size: 13px;
}

.financieros .table-fin tr:hover td{
	background: #ce0d4c;
	color:#ffffff;
}
.financieros .table-fin tr.line th, .financieros .table-fin tr.line td{
	border-bottom: 2px solid #ce0d4c;
}
.financieros .table-fin tr.line1 th, .financieros .table-fin tr.line1 td{
	border-bottom: 2px solid #ce0d4c;
}
.financieros .table-fin tr.line2 th, .financieros .table-fin tr.line2 td{
	border-bottom: 1px solid #5d7a9c;
}
.financieros .table-fin tr.line3 th, .financieros .table-fin tr.line3 td{
	border-bottom: 2px solid #ce0d4c;
}
.financieros .table-fin tr.line4 th, .financieros .table-fin tr.line4 td{
	border-bottom: 2px solid #ce0d4c;
}
.financieros .table-fin tr .noborder{
	border-bottom: 0px !important;
}
.financieros .table-fin tr .izquierda{
	text-align: left;
}
.financieros .table-fin tr .tab1{
	padding-left: 20px;
}
.financieros .table-fin tr .tab2{
	padding-left: 40px;
}
.financieros .table-fin tr .tab3{
	padding-left: 60px;
}
.financieros .table-fin tr .izquierda{
	text-align: left;
}
.financieros .table-fin tr .center{
	text-align: center;
}
.financieros .table-fin tr.mtop th, .financieros .table-fin tr.mtop td{
	padding-top: 20px;
}

/******** ESTADOS FINANCIEROS CONSOLIDADOS ********/


#contacto{padding: 110px 0 60px;}
#contacto .flex-contacto{display: flex;}
#contacto .flex-contacto > div{width: 50%;}
#contacto .flex-contacto > div:first-child{background: url("../img/contacto/01.jpg") no-repeat center; background-size: cover; margin-left: 30px;}
#contacto .flex-contacto a{font-style: italic; text-decoration: none; color:#000000; -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;}
#contacto .flex-contacto a:hover{color:#ce0d4c; }

/***Footer***/
footer{
	position: relative;
	background: #f6f8f7;
	/*background: url("../images/intro-bg2.jpg") center no-repeat;
	background-size: cover;*/
	padding: 30px 0 0;
	
}
footer .flex-footer{
	display: flex;
}
footer .flex-footer > div{
	width: 16%;
}
footer .flex-footer > div img{
	width: 100%;
	max-width: 110px;
}
footer .flex-footer > div ul{
	margin:15px 0 0;
	padding: 0;
	list-style: none;
}
footer .flex-footer > div ul li{
	line-height: 0.9;
	margin: 0 0 9px;
}
footer .flex-footer > div ul li a{
	text-decoration: none;
	font-size: 11px;
	color:#000000;
	font-weight: 300;
	letter-spacing: 0.1px;
	font-family: ubuntu, sans-serif;
	-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 .flex-footer > div ul li a:hover{
	color: #cc1841;
}
footer .flex-footer > ul{
	margin:0;
	padding: 0;
	width: 21%;
	list-style: none;
}
footer .flex-footer > ul h5{
	color:#ee3a24;
	font-size: 12px;
	font-family: ubuntu, sans-serif;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin: 3px 0 10px;
}
footer .flex-footer > ul li{
	line-height: 0.8;
	margin: 0 0 6px;
}
footer .flex-footer > ul li a{
	text-decoration: none;
	font-size: 10px;
	color:#000000;
	font-weight: 300;
	font-family: raleway, sans-serif;
	-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 .flex-footer > ul li a:hover{
	color: #cc1841;
}
footer .copy{
	margin-top: 30px;
	padding: 10px 0;
	
	background: #ce0d4c;
}
footer .copy p{
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	margin:0;
	font-family: ubuntu, sans-serif;
}
footer .copy p span{font-weight: 700;}


.experience{
	z-index:99999999999;
	background: #008796;
	position: fixed;
	width: 100%; height: 100%;
	justify-content: center;
	align-items: center;
	display: none;
}
.experience p{color: #ffffff; text-align: center;font-size: 16px; line-height: 1.5; max-width: 200px; font-family: yorkten-slab-normal, sans-serif; font-weight: 200;}
.experience p i{font-size: 22px;}
/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:9999999998; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:0; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	right:0;
	text-align: center;
	 background-image:url(../img/status.gif); /*path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:0 auto; /* is width and height divided by two */
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}