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

@media screen and (max-width:1278px) {
	#slider2{
		display: block;
	}
}

@media screen and (max-width:1099px) {
	
	#financieros .intro-financieros .borde{width: 20px;}
		
	#gri .intro-gri > div:nth-child(2) .borde{width: 30px;}
	#gri .intro-gri > div:nth-child(2) h1{color: #c2b59b; font-size: 37px; letter-spacing: 30px; position: absolute; line-height: 30px; bottom: 30px; left: 30px;}
	#gri .intro-gri > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: normal; font-size: 50px; line-height: 1.2;}
}

@media screen and (max-width:1045px) {
	#semblanza .titulo h1{padding-left: 2px;}
	
}


@media screen and (max-width:995px) {

	#slider2 .sl2 .perfil2{font-size: 160px;}
	#slider2 .sl2 .edificios{bottom:200px; width: 100%; left:0; position: absolute;}
	#slider2 .sl2 .pleca{bottom:0; left:0; width:100%; background:#2e59a8; height:200px; position: absolute;}
	
	.cuadro-azul{width: 20px;}
	#estrategia .timeline{display: block;}
	#estrategia .timeline > div{width: 100%; max-width: 220px; margin: 0 auto;}
	#estrategia .timeline > div .img100{margin: 0;}
	#estrategia .timeline > div .numero p{margin: 0px auto 20px;}
	#estrategia .timeline-cont .numero .linea{display: none;}
	#estrategia .timeline-cont .numero .linea1{display: none;}
	#estrategia .timeline-cont .numero .linea2{display: none;}
	
	#suministro .intro-suministro > div:nth-child(2) .borde{width: 30px; height: 100%; position: absolute; right:0; top:0; background-color: #92278f;}
	#suministro .intro-suministro > div:nth-child(2) h1{color: #d0c5b0; font-size: 25px; letter-spacing: 13px; position: absolute; line-height: 25px; bottom: 10px; left: 30px;}
	#suministro .intro-suministro > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: normal; font-size: 42px; line-height: 1.2;}
	#suministro .intro-suministro > div:nth-child(2) .chicos{width: 180px; bottom: 30px; right: 15px;}
	
	#gobierno .intro-gobierno > div:nth-child(2) .borde{width: 30px; height: 100%; position: absolute; right:0; top:0; background-color: #7b6b5d;}
	#gobierno .intro-gobierno > div:nth-child(2) h1{color: #df3b4a; font-size: 25px; letter-spacing: 24px; position: absolute; line-height: 30px; bottom: 0px; left: 30px;}
	#gobierno .intro-gobierno > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: normal; font-size: 42px; line-height: 1.2;}
	#gobierno .intro-gobierno > div:nth-child(2) .chicos{right: 15px;}
}

@media screen and (max-width:900px) {
	#slider2 .sl2 .perfil2{font-size: 145px; top: 135px;}
	#slider2 .sl2 .edificios{width: 160%; left:0; position: absolute;}
	
	#carta-director-general .titulo{flex-wrap: wrap; height: auto;}
	#carta-director-general .titulo > div:first-child{width: 100%; height: 280px;}
	#carta-director-general .titulo > div:nth-child(2){width: 100%; height: 200px;}
	#carta-director-general .titulo > div:nth-child(2) .director-name{left: 30px; top: 30px;}
	
	#carta-director-asg .titulo{flex-wrap: wrap; height: auto;}
	#carta-director-asg .titulo > div:first-child{width: 100%; height: 280px;}
	#carta-director-asg .titulo > div:nth-child(2){width: 100%; height: 200px;}
	#carta-director-asg .titulo > div:nth-child(2) .director-name{right: 15px; top: 35px; text-align: right;}
	
	#vistazo .flex-aspectos > div:first-child{width: 100%;}
	#vistazo .flex-aspectos > div:nth-child(2){display: none;}
	
	#relevantes .titulo > div:first-child h1{font-size: 28px; letter-spacing: 15px; position: absolute; line-height: 30px; bottom: 0px; left: 40px;}
	#relevantes .titulo > div:first-child h1 span{font-size: 18px; letter-spacing: normal; color:#d0c5b0;}
	
	
	#grupos-interes .intro-interes > div:nth-child(2) .borde{width: 30px; height: 100%; position: absolute; right:0; top:0; background-color: #2d59a9;}
	#grupos-interes .intro-interes > div:nth-child(2) h1{color: #ffffff; font-size: 25px; letter-spacing: 8px; position: absolute; line-height: 30px; bottom: 30px; left: 30px;}
	#grupos-interes .intro-interes > div:nth-child(2) h1 span{color: #c2b59b; letter-spacing: 5px; font-size: 42px; line-height: 1.2;}
	#grupos-interes .intro-interes > div:nth-child(2) .chicos{right: 15px;}
	
	#colaboradores .intro-colaboradores > div:nth-child(2) .borde{width: 30px; height: 100%; position: absolute; right:0; top:0; background-color: #ef4136;}
	#colaboradores .intro-colaboradores > div:nth-child(2) h1{color: #27aae1; font-size: 25px; letter-spacing: 3px; position: absolute; line-height: 30px; bottom: 30px; left: 30px;}
	#colaboradores .intro-colaboradores > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: 5px; font-size: 42px; line-height: 1.2;}
	#colaboradores .intro-colaboradores > div:nth-child(2) .chicos{right: 15px;}
	
	#entorno .intro-entorno > div:nth-child(2) .borde{width: 30px; height: 100%; position: absolute; right:0; top:0; background-color: #2e3192;}
	#entorno .intro-entorno > div:nth-child(2) h1{color: #c9dc5d; font-size: 25px; letter-spacing: 7px; position: absolute; line-height: 30px; bottom: 10px; left: 30px;}
	#entorno .intro-entorno > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: 2px; font-size: 42px; line-height: 1.2;}
	#entorno .intro-entorno > div:nth-child(2) .chicos{right: 15px;}
	
	#social .intro-social > div:nth-child(2) .borde{width: 30px; background-position: center;}
	#social .intro-social > div:nth-child(2) h1{color: #ffffff; font-size: 25px; position: absolute; line-height: 30px; bottom: 10px; left: 30px;}
	#social .intro-social > div:nth-child(2) h1 span{color: #c2b59b; letter-spacing: 15px; font-size: 42px; line-height: 1.2;}
	
	#resultados .intro-resultados > div:nth-child(2) .borde{width: 30px;}
	#resultados .intro-resultados > div:nth-child(2) h1{color: #c2b59b; font-size: 25px; letter-spacing: 12px; position: absolute; line-height: 30px; bottom: 10px; left: 30px;}
	#resultados .intro-resultados > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: normal; font-size: 42px; line-height: 1.2;}
	
	#gri .intro-gri > div:nth-child(2) h1{color: #c2b59b; font-size: 30px; letter-spacing: 24px; position: absolute; line-height: 30px; bottom: 30px; left: 30px;}
	#gri .intro-gri > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: normal; font-size: 40px; line-height: 1.2;}
	
}

@media screen and (max-width:800px) {
	#slider2 .sl2 .perfil2{font-size: 131px; top: 150px;}
	#slider2 .sl2 .edificios{width: 160%; left:0; position: absolute;}
	
	#carta-director-general .mensaje .flex-mensaje{flex-wrap: wrap;}
	#carta-director-general .mensaje .flex-mensaje > div:first-child{width: 100%;}
	#carta-director-general .mensaje .flex-mensaje > div:nth-child(2){width: 50%; margin: 0 auto;}
	
	#carta-director-asg .mensaje .flex-mensaje{flex-wrap: wrap;}
	#carta-director-asg .mensaje .flex-mensaje > div:first-child{width: 100%;}
	#carta-director-asg .mensaje .flex-mensaje > div:nth-child(2){width: 50%; margin: 0 auto;}
	
	#vistazo .eventos .evento2 img{width: 130px; margin: 0 15px;}
	#vistazo .ventajas .flex-ventajas{width: 100%;}
	#vistazo .ventajas .flex-ventajas2{width: 100%;}
	
	#relevantes .titulo{height: auto;}
	#relevantes .titulo > div:first-child{width: 100%; height: 250px;}
	#relevantes .titulo > div:nth-child(2){width: 100%; height: 200px; background-size: cover; background-position: 50% center;}
	
	#materialidad .titulo{height: auto; flex-wrap: wrap;}
	#materialidad .titulo > div:first-child{width: 100%; height: 250px}
	#materialidad .titulo > div:nth-child(2){width: 100%; height: 200px}
	
	#materialidad .materialidad-cont{padding: 50px 0 60px;}
	#materialidad .materialidad-cont .flex-materialidad > div:first-child{width: 100%;}
	#materialidad .materialidad-cont .flex-materialidad > div:nth-child(2){width: 100%;}
	#materialidad .materialidad-cont .flex-materialidad > div:first-child .img-mat1{display: none;}
	
	#grupos-interes .interes-cont .flex-cuadro1 > div{width: 100%;}
	#grupos-interes .interes-brown .flex-interes-brown > div:first-child{width: 100%;}
	#grupos-interes .interes-brown .flex-interes-brown > div:nth-child(2){width: 100%;}
	
	#gri .intro-gri{height: auto;}
	#gri .intro-gri > div:first-child{width: 100%; height: 220px}
	#gri .intro-gri > div:nth-child(2){width: 100%; height: 200px}
	
	#descargas .intro-descargas > div:nth-child(2) .borde{width: 30px; height: 100%; position: absolute; right:0; top:0; background-color: #27aae1;}
	#descargas .intro-descargas > div:nth-child(2) h1{left: 30px;}

	
	footer .flex-footer > div:first-child{display: block;}
	footer .flex-footer > div:first-child > div{width: 100% !important;}
	footer .flex-footer > div:first-child > div:first-child{width: auto !important;}
	footer .flex-footer > div:nth-child(2){display: block;}
	footer .flex-footer > div:nth-child(2) > div:first-child{width: auto;}
	footer .flex-footer > div:nth-child(2) > div:nth-child(2){width: 100%;}
	footer .flex-footer > div:nth-child(2) > div:nth-child(3){width: 100%;}
	footer .flex-footer > div:nth-child(2) > div:nth-child(3) ul{margin-top: 0px;}
}

@media screen and (max-width:720px) {
	#slider2 .sl1 h2{top: 40%; font-size: 100px;}
	#slider2 .sl1 .integrado{bottom: 50px; font-size: 20px;}
	#slider2 .sl2 .perfil2{font-size: 125px; top: 150px;}
	#slider2 .sl2 .edificios{width: 180%; left:0; position: absolute;}
	
	#estrategia .flex-estrategia-intro{flex-wrap: wrap;}
	#estrategia .flex-estrategia-intro > div:first-child{width: 100%; margin: 0 0 0 0px; height: 250px; background-position: center;}
	#estrategia .flex-estrategia-intro > div:nth-child(2){width: 100%; padding: 30px 0 60px;}
	#estrategia .flex-estrategia-intro > div:nth-child(2) h2{line-height: 1.2; font-size: 18px; font-weight: 700;}
	
	#carta-director-general .mensaje .flex-mensaje > div:nth-child(2){width: 60%; margin: 0 auto;}
	#carta-director-asg .mensaje .flex-mensaje > div:nth-child(2){width: 60%; margin: 0 auto;}
	
	#vistazo .eventos > div{width: 100%;}
	
	#grupos-interes .interes-cont .flex-interes > div:first-child{width: 100%;}
	#grupos-interes .interes-cont .flex-interes > div:nth-child(2){width: 100%;}
	
	#gri .intro-gri > div:nth-child(2) .borde{width: 90px;}
	
}

@media screen and (max-width:690px) {
	#slider2 .sl1 h2{top: 40%; font-size: 90px;}
	#slider2 .sl1 .integrado{bottom: 50px; font-size: 20px;}
	#slider2 .sl2 .perfil2{font-size: 102px; top: 175px;}
	#slider2 .sl2 .edificios{width: 180%; left:0; position: absolute;}
	
	#menu .container-menu{padding-top: 80px;}
	#menu h4{font-size: 18px; margin: 15px 0 15px;}
	#menu .flex-menu > div{width: 100%;}
	#menu .flex-menu > div a:last-child::after{border-bottom-style: solid;
  	border-bottom-width:2px;
	border-bottom-color: #ffffff;}
	#menu .flex-menu a::after{
  		width:100%;
		margin: 0 auto;
		padding-top: 5px;
}
	#menu .flex-menu a{color: #2d59a9; text-decoration: none; padding: 0px 0px 4px; text-align: center; font-size: 13px; font-weight: 400; line-height: 1.4; display: block;}
	#menu h5{padding-bottom: 50px;}
	
	#intro .flex-intro{display: block;}
	#intro2 .flex-intro{display: block;}
	#intro .flex-intro > div:first-child{width: 100% !important; margin-bottom: 30px;}
	#intro .flex-intro > div:nth-child(2){width: 100% !important;}
	#intro2 .flex-intro > div:first-child{display: none;}
	#intro2 .flex-intro > div:nth-child(2){width: 100% !important;}
	
	#semblanza .semblanzas > .semblanza-comercial{display: flex;}
	#semblanza .semblanzas > .semblanza-comercial > div{width: 100% !important;}
	
	#semblanza .semblanzas > .semblanza-mixtos{display: flex;}
	#semblanza .semblanzas > .semblanza-mixtos > div{width: 100%;}
	
	#semblanza .semblanzas > .semblanza-oficinas{display: flex;}
	#semblanza .semblanzas > .semblanza-oficinas > div{width: 100%;}
	
	#vistazo .chica{width: 80%; height: 300px;}
	
	#relevantes .datos-relevantes .flex-graficas-barras{width: 100%;}
	
	#materialidad .materialidad-cont .flex-tablas .tb-materialidad{width: 100%;}
	#materialidad .materialidad-cont .flex-materialidad2 > div:first-child{width: 100%;}
	#materialidad .materialidad-cont .flex-materialidad2 > div:nth-child(2){width: 100%;}
	
	#grupos-interes .intro-interes > div:nth-child(2) .borde{width: 90px;}
	#grupos-interes .intro-interes{flex-wrap: wrap; height: auto;}
	#grupos-interes .intro-interes > div:first-child{width: 100%; height: 300px; order: 2;}
	#grupos-interes .intro-interes > div:nth-child(2){width: 100%; height: 300px; order: 1;}
	#grupos-interes .intro-interes > div:nth-child(2) .chicos{width: 130px; right: 10px;}
	
	#colaboradores .intro-colaboradores > div:nth-child(2) .borde{width: 90px;}
	#colaboradores .intro-colaboradores{flex-wrap: wrap; height: auto;}
	#colaboradores .intro-colaboradores > div:first-child{width: 100%; height: 300px; order: 2;}
	#colaboradores .intro-colaboradores > div:nth-child(2){width: 100%; height: 300px; order: 1;}
	#colaboradores .intro-colaboradores > div:nth-child(2) .chicos{width: 115px; right: 10px;}
	
	#suministro .intro-suministro > div:nth-child(2) .borde{width: 90px;}
	#suministro .intro-suministro{flex-wrap: wrap; height: auto;}
	#suministro .intro-suministro > div:first-child{width: 100%; height: 300px; order: 2;}
	#suministro .intro-suministro > div:nth-child(2){width: 100%; height: 300px; order: 1;}
	#suministro .intro-suministro > div:nth-child(2) .chicos{width: 115px; bottom: 30px; right: 10px;}
	
	#entorno .intro-entorno > div:nth-child(2) .borde{width: 90px; }
	#entorno .intro-entorno{flex-wrap: wrap; height: auto;}
	#entorno .intro-entorno > div:first-child{width: 100%; height: 300px; order: 2;}
	#entorno .intro-entorno > div:nth-child(2){width: 100%; height: 300px; order: 1;}
	#entorno .intro-entorno > div:nth-child(2) .chicos{width: 95px; right: 0;}
	
	#gobierno .intro-gobierno{flex-wrap: wrap; height: auto;}
	#gobierno .intro-gobierno > div:first-child{width: 100%; height: 300px; order: 2;}
	#gobierno .intro-gobierno > div:nth-child(2){width: 100%; height: 300px; order: 1;}
	#gobierno .intro-gobierno > div:nth-child(2) .chicos{width: 100px;}
	
	#social .intro-social > div:nth-child(2) .borde{width: 90px;}
	#social .intro-social{flex-wrap: wrap; height: auto;}
	#social .intro-social > div:first-child{width: 100%; height: 300px; order: 2;}
	#social .intro-social > div:nth-child(2){width: 100%; height: 240px; order: 1;}
	
	#social .social-cont .flex-social > div:first-child{width: 100%;}
	#social .social-cont .flex-social > div:nth-child(2){width: 100%;}
	#social .social-cont .flex-highlight > div:first-child{width: 100%;}
	
	#resultados .intro-resultados > div:nth-child(2) .borde{width: 90px;}
	#resultados .intro-resultados{height: auto; flex-wrap: wrap; background-position: top center;}
	#resultados .intro-resultados > div:first-child{width: 100%; height: 200px; order: 2;}
	#resultados .intro-resultados > div:nth-child(2){width: 100%; height: 240px; order: 1;}
	
	#descargas .intro-descargas > div:nth-child(2) h1{color: #c2b59b; font-size: 24px; letter-spacing: 13px; position: absolute; line-height: 30px; bottom: 30px; left: 30px;}
	#descargas .intro-descargas > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: normal; font-size: 40px; line-height: 1.2;}
}

@media screen and (max-width:580px) {
	#slider2 .sl1 h2{top: 40%; font-size: 70px;}
	#slider2 .sl1 .integrado{bottom: 50px; font-size: 20px;}
	#slider2 .sl2 .perfil2{font-size: 76px; top: 220px;}
	#slider2 .sl2 .edificios{width: 200%; left:0; position: absolute;}
	
	#estrategia .flex-estrategia-intro > div:nth-child(2) .flex-estrategias > div img {width: 60px; margin-right: 0px;}
	#estrategia .flex-estrategia-intro > div:nth-child(2)  .flex-estrategias > div{width: 100%; margin-top: 20px; text-align: center;}
	#estrategia .flex-estrategia-intro > div:nth-child(2)  .flex-estrategias > p{width: 100%;}
	
	#carta-director-general .titulo > div:nth-child(2){background-size: 170%; background-position: 70% bottom;}
	#carta-director-general .mensaje .flex-mensaje > div:nth-child(2){width: 70%; margin: 0 auto;}
	
	#carta-director-asg .titulo > div:nth-child(2){background-size: 200%; background-position: 100% bottom;}
	#carta-director-asg .mensaje .flex-mensaje > div:nth-child(2){width: 70%; margin: 0 auto;}
	
	#vistazo .titulo{width: 100%;}
	#vistazo .subtitulo h4{text-align: center;}
	#vistazo .ventajas .flex-ventajas > div{width: 100%;}
	
	#vistazo .ventajas .flex-ventajas2{flex-wrap: wrap;}
	#vistazo .ventajas .flex-ventajas2 > div:first-child{width: 100%;}
	#vistazo .ventajas .flex-ventajas2 > div:nth-child(2){width: 60%; margin: 0 auto;}
	
	#financieros .intro-financieros h1{color: #2e3192; font-size: 25px; display: table; position: relative; font-weight: 400; margin-top: 130px; line-height: 30px;}
	#financieros .intro-financieros h1 span{color: #2994d2; font-size: 32px; font-weight: 700; line-height: 1.1;}
	
	#grupos-interes .intro-interes > div:first-child{width: 100%; height: 250px; order: 2;}
	
	#grupos-interes .interes-cont .flex-cuadro1 > div .grafica-circulo > img{width: 80px;}
	#grupos-interes .interes-cont .flex-cuadro1 > div .grafica-circulo > p{margin: 15px; font-size: 14px;}
	
	#grupos-interes .interes-cont .flex-cuadro2{display: flex; flex-wrap: wrap;}
	#grupos-interes .interes-cont .flex-cuadro2 > div{width: 100%; padding: 0 10px;}
	
	#colaboradores .intro-colaboradores > div:first-child{width: 100%; height: 250px; order: 2;}
	
	#colaboradores .colaboradores-cont .flex-colaboradores-total > div{width:100%;}
	#colaboradores .colaboradores-cont .flex-highlight > div:nth-child(2){width: 100%; max-width: 350px;}
	
	#suministro .intro-suministro > div:first-child{width: 100%; height: 250px; order: 2;}
	
	#entorno .intro-entorno > div:first-child{width: 100%; height: 250px; order: 2;}
	
	#gobierno .intro-gobierno > div:first-child{width: 100%; height: 250px; order: 2;}
	
	#social .intro-social > div:first-child{width: 100%; height: 250px; order: 2;}
	#social .social-cont .flex-highlight > div:nth-child(2){width: 100%; max-width: 350px;}
	
	#descargas .intro-descargas > div:nth-child(2) .borde{width: 90px;}
	#descargas .intro-descargas{height: auto;}
	#descargas .intro-descargas > div:first-child{width: 100%; height: 230px;}
	#descargas .intro-descargas > div:nth-child(2){width: 100%; height: 200px}
	#descargas .descargas-cont .flex-descargas > div{width: 80%; margin:0 auto 30px;}
	
	footer h4{font-size: 28px; margin: 0 0 20px;}
	footer p{font-size: 10px !important;}
	footer ul li a{font-size: 12px !important;}
	footer .flex-footer > div:first-child{display: flex;}
	footer .flex-footer > div:first-child > div:first-child{width: 100% !important;}
	footer .flex-footer > div:first-child > div{width: 50% !important;}
	footer .flex-footer > div:first-child > div:nth-child(2) .txt{padding-right: 15px;}
	footer .flex-footer > div:first-child > div:nth-child(3) .txt{padding-left: 15px;}
	footer .flex-footer{display: block;}
	footer .flex-footer > div{width: 100% !important;}
	
}


@media screen and (max-width:425px) {
	#slider2 .sl1 h2{top: 35%; font-size: 50px;}
	#slider2 .sl1 .integrado{bottom: 120px; font-size: 20px;}
	#slider2 .sl2 .perfil2{font-size: 60px; top: 220px;}
	#slider2 .sl2 .edificios{width: 300%; left:0; position: absolute;}
	
	.img80{width: 100%; margin: 30px auto; display: block;}
	.img90{width: 100%; margin: 30px auto; display: block;}
	
	#intro h3{font-size: 30px;}
	#semblanza .subtitulo .flex-semblanza-subt div p{font-size: 11px;}
	#semblanza .botones-semblanza{font-size: 11px;}
	
	#carta-director-general .titulo > div:nth-child(2){background-size: 248%; background-position: 74% bottom;}
	#carta-director-general .titulo > div:first-child{width: 100%; height: 230px;}
	#carta-director-general .titulo > div:first-child h1{font-size: 25px; bottom: 0; left: 40px;}
	#carta-director-general .titulo > div:first-child h1 span{font-size: 15px; letter-spacing: 14px; color:#d0c5b0;}
	#carta-director-general .mensaje .flex-mensaje > div:nth-child(2){width: 100%; margin: 0 auto;}
	
	#carta-director-asg .titulo > div:nth-child(2){background-size: 270%; background-position: 100% bottom;}
	#carta-director-asg .titulo > div:first-child{width: 100%; height: 230px;}
	#carta-director-asg .titulo > div:first-child h1{font-size: 25px; bottom: 0px; left: 40px;}
	#carta-director-asg .titulo > div:first-child h1 span{font-size: 15px; letter-spacing: 14.5px; color:#d0c5b0;}
	#carta-director-asg .mensaje .flex-mensaje > div:nth-child(2){width: 100%; margin: 0 auto;}
	
	#estrategia .titulo h1{font-size: 40px; margin: 30px 0 15px; line-height: 20px; display: table;}
	#estrategia .titulo h1 span{font-size: 15px; letter-spacing: 4.5px; color:#d0c5b0;}
	
	#vistazo .eventos .evento2{display: block;}
	#vistazo .eventos .evento2 ul{width: auto; margin: 0px 30px 0 30px;}
	#vistazo .eventos .evento2 img{width: 85%; margin: 0 auto; display: block;}
	
	#vistazo .eventos .evento3{display: block;}
	#vistazo .eventos .evento3 ul{width: auto; margin: 0px 30px 0 30px;}
	#vistazo .eventos .evento3 img{width: 70%; margin: 0 auto; display: block;}
	
	#vistazo .eventos .evento4{display: block;}
	#vistazo .eventos .evento4 ul{width: auto; margin: 0px 30px 0 30px;}
	#vistazo .eventos .evento4 img{width: 80%; margin: 0 auto; display: block;}
	
	#vistazo .ventajas .flex-ventajas2 > div:nth-child(2){width: 100%; margin: 0 auto;}
	
	#metas h2{font-size:100px; letter-spacing: 15px; margin: 50px 0 30px; line-height: 80px;}
	
	#relevantes .titulo > div:first-child h1{font-size: 24px; letter-spacing: 11px; position: absolute; line-height: 25px; bottom: 0px; left: 40px;}
	#relevantes .titulo > div:first-child h1 span{font-size: 14px; letter-spacing: 0.4px; color:#d0c5b0;}
	
	#relevantes .datos-relevantes .flex-graficas-barras .grafica-cont{width: 100%;}
	
	#materialidad .titulo > div:first-child h1{font-size: 24px; letter-spacing: 8px; position: absolute; line-height: 25px; bottom: 20px; left: 40px;}
	
	#grupos-interes .intro-interes > div:first-child{width: 100%; height: 200px; order: 2;}
	#grupos-interes .intro-interes > div:nth-child(2) h1{color: #ffffff; font-size: 20px; letter-spacing: 8px; position: absolute; line-height: 30px; bottom: 30px; left: 30px;}
	#grupos-interes .intro-interes > div:nth-child(2) h1 span{color: #c2b59b; letter-spacing: 5px; font-size: 35px; line-height: 1.2;}
	
	#grupos-interes .interes-titulo .flex-interes-titulo-ul{flex-wrap: wrap;}
	#grupos-interes .interes-titulo .flex-interes-titulo-ul ul:first-child{margin-bottom: 0;}
	#grupos-interes .interes-titulo .flex-interes-titulo-ul ul{width: 100%;}
	
	#grupos-interes .interes-cont .flex-cuadro1 > div .grafica-circulo > img{width: 50px;}
	#grupos-interes .interes-cont .flex-cuadro1 > div .grafica-circulo > p{margin: 10px; font-size: 12px;}
	
	#colaboradores .intro-colaboradores > div:first-child{width: 100%; height: 200px; order: 2;}
	#colaboradores .intro-colaboradores > div:nth-child(2) h1{color: #27aae1; font-size: 20px; letter-spacing: 3px; position: absolute; line-height: 30px; bottom: 30px; left: 30px;}
	#colaboradores .intro-colaboradores > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: 5px; font-size: 35px; line-height: 1;}
	
	#entorno .intro-entorno > div:first-child{width: 100%; height: 200px; order: 2;}
	#entorno .intro-entorno > div:nth-child(2) h1{color: #c9dc5d; font-size: 20px; letter-spacing: 7px; position: absolute; line-height: 25px; bottom: 10px; left: 30px;}
	#entorno .intro-entorno > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: 2px; font-size: 35px; line-height: 1.1;}
	
	#suministro .intro-suministro > div:first-child{width: 100%; height: 200px; order: 2;}
	#suministro .intro-suministro > div:nth-child(2) h1{color: #d0c5b0; font-size: 20px; letter-spacing: 12px; position: absolute; line-height: 25px; bottom: 10px; left: 30px;}
	#suministro .intro-suministro > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: normal; font-size: 35px; line-height: 1.2;}
	
	#gobierno .intro-gobierno > div:first-child{width: 100%; height: 200px; order: 2;}
	#gobierno .intro-gobierno > div:nth-child(2) h1{color: #df3b4a; font-size: 20px; letter-spacing: 20px; position: absolute; line-height: 30px; bottom: 0px; left: 30px;}
	#gobierno .intro-gobierno > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: normal; font-size: 35px; line-height: 1.2;}
	
	#social .intro-social > div:first-child{width: 100%; height: 200px; order: 2;}
	#social .intro-social > div:nth-child(2) h1{color: #ffffff; font-size: 20px; position: absolute; line-height: 30px; bottom: 10px; left: 30px;}
	#social .intro-social > div:nth-child(2) h1 span{color: #c2b59b; letter-spacing: 11px; font-size: 35px; line-height: 1.2;}
	
	#resultados .intro-resultados > div:nth-child(2) h1{color: #c2b59b; font-size: 20px; letter-spacing: 10px; position: absolute; line-height: 30px; bottom: 30px; left: 30px;}
	#resultados .intro-resultados > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: normal; font-size: 35px; line-height: 1.2;}
	
	#gri .intro-gri > div:nth-child(2) h1{color: #c2b59b; font-size: 15px; letter-spacing: 16px; position: absolute; line-height: 30px; bottom: 30px; left: 30px;}
	#gri .intro-gri > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: normal; font-size: 24px; line-height: 1.2;}
}


@media screen and (max-width:320px) {
	#semblanza .subtitulo .flex-semblanza-subt div p{font-size: 8px;}
	#semblanza .botones-semblanza{font-size: 10px;}
	
	#estrategia .titulo h1{font-size: 35px; margin: 30px 0 15px; line-height: 20px; display: table;}
	#estrategia .titulo h1 span{font-size: 15px; letter-spacing: 2.5px; color:#d0c5b0;}
	
	#metas h2{font-size:80px; letter-spacing: 0px; margin: 50px 0 30px; line-height: 60px;}
	
	#materialidad .titulo > div:first-child h1{font-size: 24px; letter-spacing: 5px; position: absolute; line-height: 25px; bottom: 20px; left: 40px;}
	
	#grupos-interes .interes-cont .flex-cuadro1 > div .grafica-circulo > img{width: 40px;}
	#grupos-interes .interes-cont .flex-cuadro1 > div .grafica-circulo > p{margin: 10px; font-size: 10px;}
	
	#suministro .intro-suministro > div:nth-child(2) h1{color: #d0c5b0; font-size: 18px; letter-spacing: 11px; position: absolute; line-height: 25px; bottom: 10px; left: 30px;}
	#suministro .intro-suministro > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: normal; font-size: 32px; line-height: 1.2;}
	
	#entorno .intro-entorno > div:nth-child(2) h1{color: #c9dc5d; font-size: 18px; letter-spacing: 7px; position: absolute; line-height: 30px; bottom: 10px; left: 30px;}
	#entorno .intro-entorno > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: 2px; font-size: 32px; line-height: 1.1;}
	
	#gobierno .intro-gobierno > div:nth-child(2) h1{color: #df3b4a; font-size: 18px; letter-spacing: 18px; position: absolute; line-height: 30px; bottom: 0px; left: 30px;}
	#gobierno .intro-gobierno > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: normal; font-size: 32px; line-height: 1.2;}
	
	#descargas a{font-size: 13px;}
	#descargas .intro-descargas > div:nth-child(2) h1{color: #c2b59b; font-size: 20px; letter-spacing: 10px; position: absolute; line-height: 30px; bottom: 30px; left: 30px;}
	#descargas .intro-descargas > div:nth-child(2) h1 span{color: #ffffff; letter-spacing: normal; font-size: 32px; line-height: 1.2;}
}

/* iPad screen size rules */
@media only screen and (device-width: 768px) {
}

/* Portrait iPad display */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
}

/* Landscape iPad display */
@media only screen and (min-device-width: 320px) and (max-device-width: 860px) and (orientation:landscape) {
	#slider2{height: 100%;}
	#slider2 .sl1 h2{top: 35%; font-size: 50px;}
	#slider2 .sl1 .integrado{bottom: 50px; font-size: 16px;}
	.integrado span{font-size: 40px;}
	#slider2 .sl2 .perfil2{font-size: 96px; top: 90px;}
	#slider2 .sl2 .edificios{width: 100%; left:0; position: absolute; bottom:95px;}
	#slider2 .sl2 .pleca{bottom:0; left:0; width:100%; background:#2e59a8; height:100px; position: absolute;}

}