@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1145px) {

}

@media screen and (max-width:1045px) {
	
}


@media screen and (max-width:995px) {
	#CifrasRelevantes p.ingresos{top: 10%; right: 10px; left: auto; text-align: center; width: 100%; max-width: 350px; font-weight: 400; color:#ffffff;}
	
	#gobernanza p.ingresos{top: 10%; right: 10px; left: auto; text-align: center; width: 100%; max-width: 350px; font-weight: 400; color:#ffffff;}
	
	#social p.ingresos{top: 10%; right: 10px; left: auto; text-align: center; width: 100%; max-width: 350px; font-weight: 400; color:#ffffff;}
	
	#acerca p.ingresos{top: 10%; right: 10%; left: auto; text-align: center; font-weight: 400; color:#ffffff;}
	
	footer{height: auto;}
	footer .flex-footer > div:first-child > .flex-abreviaturas{flex-wrap: wrap;}
	footer .flex-footer > div:first-child > .flex-abreviaturas > div:first-child{width: 100%; margin-bottom: 20px;}
	footer .flex-footer > div:first-child > .flex-abreviaturas > div:nth-child(2){width: 100%;}
	
	footer .flex-footer > div:first-child p.high{width: 89%;}
}

@media screen and (max-width:900px) {
	#intro2 .cuadro-cont{left: 20px;}
	#intro2 h5{left: 0px;}
	
	#economico .bg-economico{background-position: 15% top;}
	
	#ambiental p.ingresos{top: 10%; right: 10px; left: auto; text-align: center; width: 100%; max-width: 350px; font-weight: 400; color:#ffffff;}
	
	#subsidiaria .bg-subsidiaria{background-position: 35% top;}
	
	footer .flex-footer > div:first-child p.high{width: 95%; margin-bottom: 30px;}
}

@media screen and (max-width:800px) {
	#gobernanza p.ingresos{top: 10%; right: auto; left: 10px; }
	
	footer .flex-footer{flex-wrap: wrap;}
	footer .flex-footer > div:first-child{width: 100%;}
	footer .flex-footer > div:nth-child(2){width: 100%;}
	footer .bg-footer{background: #424557; width: 100%; height: 100%; position: absolute; top:0; left:0; -moz-transform: skew(0deg, 0deg);
-webkit-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);}
	.f-close{color:#ffffff; font-size: 24px;}
}

@media screen and (max-width:720px) {
	#intro2{width:100%; height: auto; overflow: hidden; position: relative; background-position: bottom center;}
	#intro2 .cuadro-cont{ overflow: hidden; position: relative; top: -325px; width: 580px; height: 580px;}
	#intro2 h2{top: 35%; left: 5%; text-shadow: 1px 1px 30px rgba(0, 0, 0, 0.21);}
	#intro2 p.para{top: 47%; left: 20%; display: inline-table; text-shadow: 1px 1px 30px rgba(0, 0, 0, 0.21);}
	#intro2 .iniciar{top: 55%; justify-content: center; display: inline-table; text-shadow: 1px 1px 30px rgba(0, 0, 0, 0.21);}
	#intro2 .iniciar i{font-size: 20px;}

	#intro2 .bal{display: none;}
	#intro2 .bal-movil{display: block; margin-bottom: 25px;}
	
	#intro2 h5{font-size:14px; line-height: 1.4; top: 30px; left: -30px; text-align: center; width: 680px;}
	
	#CifrasRelevantes .cuadro-cont{bottom: -325px; right: -10px; width: 580px; height: 580px;}
	#CifrasRelevantes h5{font-size:16px; line-height: 1.3; bottom: 70px; right: 20px; width: 530px;}
	#CifrasRelevantes h2 {font-size: 70px; margin: 0; font-weight: 700; bottom: 220px; right: 178px;}
	#CifrasRelevantes h2.titEn {font-size: 70px; margin: 0; font-weight: 700; bottom: 220px; right: 100px;}
	
	#gobernanza .cuadro-cont{bottom: -325px; right: -10px; width: 580px; height: 580px;}
	#gobernanza h5{font-size:16px; line-height: 1.3; bottom: 45px; right: 20px; width: 530px;}
	#gobernanza h2 {font-size: 55px; margin: 0; font-weight: 700; bottom: 195px; right: 84px;}
	
	#economico .bg-economico{background-position: left top;}
	#economico .cuadro-cont{bottom: -325px; right: -10px; width: 580px; height: 580px;}
	#economico h5{font-size:16px; line-height: 1.3; bottom: 60px; right: 20px; width: 530px;}
	#economico h2 {font-size: 70px; margin: 0; font-weight: 700; bottom: 220px; right: 78px;}
	
	#ambiental .cuadro-cont{bottom: -325px; right: -10px; width: 580px; height: 580px;}
	#ambiental h5{font-size:16px; line-height: 1.3; bottom: 70px; right: 20px; width: 530px;}
	#ambiental h2 {font-size: 65px; margin: 0; font-weight: 700; bottom: 200px; right: 90px;}
	
	#social .cuadro-cont{bottom: -325px; right: -10px; width: 580px; height: 580px;}
	#social h5{font-size:16px; line-height: 1.3; bottom: 70px; right: 20px; width: 530px;}
	#social h2 {font-size: 65px; margin: 0; font-weight: 700; bottom: 200px; right: 155px;}
	
	#subsidiaria .cuadro-cont{bottom: -325px; right: -10px; width: 580px; height: 580px;}
	#subsidiaria h5{font-size:16px; line-height: 1.3; bottom: 70px; right: 20px; width: 530px;}
	#subsidiaria h2 {font-size: 55px; margin: 0; font-weight: 700; bottom: 210px; right: 46px;}
	
	#acerca .cuadro-cont{bottom: -325px; right: -10px; width: 580px; height: 580px;}
	#acerca h5{font-size:16px; line-height: 1.3; bottom: 70px; right: 20px; width: 530px;}
	#acerca h2 {font-size: 60px; margin: 0; font-weight: 700; bottom: 200px; right: 60px;}
}

@media screen and (max-width:690px) {
	#intro .c1{width: 15%; opacity: 0.4; bottom: 0; left: 50%;}
	#intro .c2{width: 15%; opacity: 0.6; bottom: 0; left: 35.01%;}
	#intro .c3{width: 15%; opacity: 0.9; bottom: 0; left: 20.03%;}

}

@media screen and (max-width:650px) {
	#intro h2{font-size: 90px; bottom: 24%; right: 6%;}
	#intro p.hacia{font-size: 37px; bottom: 19%; right: 6%;}
	#intro p.informe{bottom: 12%; right: 6%;}
	#intro .logo-intro{width: 60px; right: 10%; top:15%;}
	
	#intro2 h2{top: 35%; left: 5%; font-size: 80px;}
	#intro2 p.para{top: 45%; left: 20%; font-size: 30px;}

	#CifrasRelevantes .bg-perfil{background-position: 10% top;}
	#CifrasRelevantes p.ingresos{font-size:15px; bottom: 50%; top: auto; left: 10px; max-width: 250px;  display: inline-table;}
	
	#gobernanza p.ingresos{font-size:15px; top: 7%; bottom: auto; left: 10px; max-width: 250px;  display: inline-table;}
	
	#economico .bg-economico{background-position: 10% top;}
	#economico p.ingresos{font-size:15px; bottom: 50%; top: auto; left: 10px; max-width: 250px;  display: inline-table;}
	
	#ambiental p.ingresos{font-size:15px; bottom: 50%; top: auto; left: 10px; max-width: 250px;  display: inline-table;}
	
	#social .bg-social{background-position: 20% top;}
	
	#subsidiaria .bg-subsidiaria{background-position: 20% top;}
	
	footer .flex-footer > div:nth-child(2) .flex-menu-footer{flex-wrap: wrap; margin-top: 60px;}

}

@media screen and (max-width:580px) {
	#intro2 .cuadro-cont{overflow: hidden; position: relative; top: -280px; width: 500px; height: 500px;}
	#intro2 h5{font-size:12px; line-height: 1.4; top: 20px; left: -70px; text-align: center; width: 680px;}
	
	
	#CifrasRelevantes .cuadro-cont{bottom: -325px; right: -10px; width: 500px; height: 500px;}
	#CifrasRelevantes h5{font-size:12px; line-height: 1.3; bottom: 70px; right: 20px; width: 440px;}
	#CifrasRelevantes h2 {font-size: 60px; margin: 0; font-weight: 700; bottom: 170px; right: 155px;}
	#CifrasRelevantes h2.titEn {font-size: 60px; margin: 0; font-weight: 700; bottom: 170px; right: 100px;}
	#CifrasRelevantes p.ingresos{font-size:13px; bottom: 40%; top: auto; left: 10px; max-width: 250px;  display: inline-table;}
	#CifrasRelevantes p.ingresos span.fch{font-size: 22px;}
	#CifrasRelevantes p.ingresos span.fgr{font-size: 38px;}
	
	#gobernanza .cuadro-cont{bottom: -325px; right: -10px; width: 500px; height: 500px;}
	#gobernanza h5{font-size:12px; line-height: 1.3; bottom: 55px; right: 20px; width: 440px;}
	#gobernanza h2 {font-size: 45px; margin: 0; font-weight: 700; bottom: 165px; right: 77px;}
	#gobernanza p.ingresos{font-size:13px; top: 7%; bottom: auto; left: 10px; max-width: 250px;  display: inline-table;}
	#gobernanza p.ingresos span.fch{font-size: 22px;}
	#gobernanza p.ingresos span.fgr{font-size: 38px;}
	
	#economico .bg-economico{background-position: 20% top;}
	#economico .cuadro-cont{bottom: -325px; right: -10px; width: 500px; height: 500px;}
	#economico h5{font-size:12px; line-height: 1.3; bottom: 60px; right: 20px; width: 440px;}
	#economico h2 {font-size: 60px; margin: 0; font-weight: 700; bottom: 190px; right: 80px;}
	#economico p.ingresos{font-size:13px; bottom: 40%; top: auto; left: 10px; max-width: 250px;  display: inline-table;}
	#economico p.ingresos span.fch{font-size: 22px;}
	#economico p.ingresos span.fgr{font-size: 38px;}
	
	#ambiental .cuadro-cont{bottom: -325px; right: -10px; width: 500px; height: 500px;}
	#ambiental h5{font-size:12px; line-height: 1.3; bottom: 60px; right: 20px; width: 440px;}
	#ambiental h2 {font-size: 50px; margin: 0; font-weight: 700; bottom: 160px; right: 105px;}
	#ambiental p.ingresos{font-size:13px; bottom: 40%; top: auto; left: 10px; max-width: 250px;  display: inline-table;}
	#ambiental p.ingresos span.fch{font-size: 22px;}
	#ambiental p.ingresos span.fgr{font-size: 38px;}
	
	#social .cuadro-cont{bottom: -325px; right: -10px; width: 500px; height: 500px;}
	#social h5{font-size:12px; line-height: 1.3; bottom: 65px; right: 20px; width: 440px;}
	#social h2 {font-size: 50px; margin: 0; font-weight: 700; bottom: 170px; right: 147px;}
	#social p.ingresos{font-size:13px; bottom: auto; top: 7%; right: 10px; max-width: 250px;  display: inline-table;}
	#social p.ingresos span.fch{font-size: 22px;}
	#social p.ingresos span.fgr{font-size: 38px;}
	
	#subsidiaria .cuadro-cont{bottom: -325px; right: -10px; width: 500px; height: 500px;}
	#subsidiaria h5{font-size:12px; line-height: 1.3; bottom: 60px; right: 20px; width: 440px;}
	#subsidiaria h2 {font-size: 42px; margin: 0; font-weight: 700; bottom: 170px; right: 65px;}
	
	#acerca .cuadro-cont{bottom: -325px; right: -10px; width: 500px; height: 500px;}
	#acerca h5{font-size:12px; line-height: 1.3; bottom: 60px; right: 20px; width: 440px;}
	#acerca h2 {font-size: 50px; margin: 0; font-weight: 700; bottom: 160px; right: 60px;}
	#acerca p.ingresos{font-size:13px; bottom: auto; top: 7%; right: 10px;  display: inline-table;}
	#acerca p.ingresos span.fch{font-size: 22px;}
	#acerca p.ingresos span.fgr{font-size: 38px;}
	
	.footer-show{height: 25px}
	.footer-show .nav-foot > div:nth-child(2){display: none;}
	.footer-show .nav-foot > div{width: 50%;}
}

@media screen and (max-width:560px) {
	#intro h2{font-size: 80px; bottom: 24%; right: 6%;}
	#intro p.hacia{font-size: 32px; bottom: 20%; right: 6%;}
	
	#intro2 .cuadro-cont{top: -260px; width: 460px; height: 460px;}
	#intro2 h5{font-size:11px; line-height: 1.4; top: 10px; left: 0px; text-align: center; width: 490px;}
	
	#intro2 h2{top: 30%; left: 5%; font-size: 60px;}
	#intro2 p.para{top: 40%; left: 20%; font-size: 30px;}
	#intro2 .iniciar{top: 50%;}
	
	footer .flex-footer > div:nth-child(2) .flex-menu-footer{margin-top: 80px;}
	footer .flex-footer > div:nth-child(2) .flex-menu-footer > div{width: 100%;}
}

@media screen and (max-width:450px) {
	#intro2 .cuadro-cont{top: -210px; width: 390px; height: 390px; left: -7px;}
	#intro2 h5{font-size:9.5px; line-height: 1.4; top: 10px; left: 0px; text-align: center; width: 375px;}
	
	#intro2 .bal-movil p{font-size: 9px; line-height: 1.4; font-weight: 300; margin-bottom: 40px;}
	#intro2 .iniciar{top: 46%;}
	
	#CifrasRelevantes .bg-perfil{background-position: 35% 47px;}
	#CifrasRelevantes .cuadro-cont{bottom: -325px; right: -10px; width: 500px; height: 500px;}
	#CifrasRelevantes h5{font-size:12px; line-height: 1.3; bottom: 70px; right: 20px; width: 440px;}
	#CifrasRelevantes h2 {font-size: 60px; margin: 0; font-weight: 700; bottom: 170px; right: 153px;}
	#CifrasRelevantes h2.titEn {font-size: 55px; margin: 0; font-weight: 700; bottom: 170px; right: 100px;}
	#CifrasRelevantes p.ingresos{font-size:12px; bottom: auto; top: 8%; left: 5px; max-width: 200px;  display: inline-table;}
	#CifrasRelevantes p.ingresos span.fch{font-size: 18px;}
	#CifrasRelevantes p.ingresos span.fgr{font-size: 28px;}
	
	#gobernanza .cuadro-cont{bottom: -325px; right: -50px; width: 500px; height: 500px;}
	#gobernanza h5{font-size:12px; line-height: 1.3; bottom: 55px; right: -20px; width: 440px;}
	#gobernanza h2 {font-size: 40px; margin: 0; font-weight: 700; bottom: 180px; right: 65px;}
	#gobernanza p.ingresos{font-size:12px; bottom: auto; top: 8%; left: 5px; max-width: 200px;  display: inline-table;}
	#gobernanza p.ingresos span.fch{font-size: 18px;}
	#gobernanza p.ingresos span.fgr{font-size: 28px;}
	
	#economico .bg-economico{background-position: 30% 47px;}
	#economico .cuadro-cont{bottom: -325px; right: -10px; width: 500px; height: 500px;}
	#economico h5{font-size:12px; line-height: 1.3; bottom: 60px; right: 20px; width: 440px;}
	#economico h2 {font-size: 50px; margin: 0; font-weight: 700; bottom: 180px; right: 90px;}
	#economico p.ingresos{font-size:12px; bottom: auto; top: 8%; left: 5px; max-width: 200px;  display: inline-table;}
	#economico p.ingresos span.fch{font-size: 18px;}
	#economico p.ingresos span.fgr{font-size: 28px;}
	
	#ambiental .cuadro-cont{bottom: -325px; right: -10px; width: 500px; height: 500px;}
	#ambiental h5{font-size:12px; line-height: 1.3; bottom: 60px; right: 20px; width: 440px;}
	#ambiental h2 {font-size: 45px; margin: 0; font-weight: 700; bottom: 160px; right: 110px;}
	#ambiental p.ingresos{font-size:12px; bottom: auto; bottom: 40%; left: auto; right: 10px; max-width: 200px;  display: inline-table;}
	#ambiental p.ingresos span.fch{font-size: 18px;}
	#ambiental p.ingresos span.fgr{font-size: 28px;}
	
	#social .cuadro-cont{bottom: -325px; right: -10px; width: 500px; height: 500px;}
	#social h5{font-size:12px; line-height: 1.3; bottom: 70px; right: 20px; width: 440px;}
	#social h2 {font-size: 45px; margin: 0; font-weight: 700; bottom: 170px; right: 155px;}
	#social p.ingresos{font-size:12px; bottom: auto; bottom: 40%; left: auto; right: 10px; max-width: 200px;  display: inline-table;}
	#social p.ingresos span.fch{font-size: 18px;}
	#social p.ingresos span.fgr{font-size: 28px;}
	
	#subsidiaria .bg-subsidiaria{background-position: 26% 47px;}
	#subsidiaria .cuadro-cont{bottom: -325px; right: -10px; width: 500px; height: 500px;}
	#subsidiaria h5{font-size:12px; line-height: 1.3; bottom: 70px; right: 20px; width: 440px;}
	#subsidiaria h2 {font-size: 40px; margin: 0; font-weight: 700; bottom: 173px; right: 72px;}
	
	#acerca .bg-acerca{background-position: 30% 47px;}
	#acerca .cuadro-cont{bottom: -325px; right: -10px; width: 500px; height: 500px;}
	#acerca h5{font-size:12px; line-height: 1.3; bottom: 60px; right: 20px; width: 440px;}
	#acerca h2 {font-size: 40px; margin: 0; font-weight: 700; bottom: 180px; right: 90px;}
	#acerca p.ingresos{font-size:12px; bottom: auto; top: 10%; left: 10px; right: auto; max-width: 200px;  display: inline-table;}
	#acerca p.ingresos span.fch{font-size: 18px;}
	#acerca p.ingresos span.fgr{font-size: 28px;}
	
}

@media screen and (max-width:425px) {
	#intro h2{font-size: 60px; bottom: 24%; right: 6%;}
	#intro p.hacia{font-size: 24px; bottom: 21%; right: 6%;}
	#intro p.informe{bottom: 14%; right: 6%; font-size: 11px;}
	#intro p.informe span{font-size: 11px;}
	
	#CifrasRelevantes h2 {right: 80px;}
	#CifrasRelevantes h2.titEn {right: 20px;}
	#CifrasRelevantes .cuadro-cont{right: -85px;}
	#CifrasRelevantes h5{bottom: 70px; right: -48px;}

	#gobernanza h2 {font-size: 35px; right: 79px;}
	
	#economico h2 {font-size: 44px; right: 45px;}
	#economico .cuadro-cont{right: -85px;}
	#economico h5{bottom: 50px; right: -48px;}
	
	#ambiental h2 {font-size: 44px; right: 35px;}
	#ambiental .cuadro-cont{right: -85px;}
	#ambiental h5{bottom: 50px; right: -48px;}
	
	#social h2 {font-size: 44px; right: 85px;}
	#social .cuadro-cont{right: -85px;}
	#social h5{bottom: 60px; right: -48px;}
	
	#subsidiaria h2 {font-size: 33px; right: 26px;}
	#subsidiaria .cuadro-cont{right: -85px;}
	#subsidiaria h5{bottom: 70px; right: -48px;}
	
	#acerca h2 {font-size: 44px; right: 4px;}
	#acerca .cuadro-cont{right: -85px;}
	#acerca h5{bottom: 70px; right: -48px;}
	
	footer .bg-footer {
	  height: 110%;
	}
}


@media screen and (max-width:325px) {
	
}

/* iPad screen size rules */
@media only screen and (device-width: 768px) {
	
}

/* Portrait iPad display */
@media only screen and (min-device-width: 720px) and (max-device-width: 1020px) and (orientation:landscape) {
	.experience{display: flex;}
}

/* Landscape iPad display */
@media only screen and (min-device-width: 320px) and (max-device-width: 720px) and (orientation:landscape) {	
	.experience{display: flex;}
}