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

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

}

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


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

@media screen and (max-width:900px) {
	
	#intro2 .bg-oportunidades{background-attachment: scroll;}
	#eventos2021 .flex-eventos > div{width: 100%; margin-bottom: 60px;}
	#eventos2021 .flex-eventos > div .txt60{padding: 0 30px;}
	
	#negocios .mapa .mapa-cont .big{font-size: 20px;}
	
	#negocios .mapa .mapa-cont .brazil{right: 16%;}
	
	footer .flex-footer > ul{width: 25%;}
	footer .flex-footer{display: flex; flex-wrap: wrap;}
	footer .flex-footer > div{width: 100%; text-align: center; margin-top: 30px;}

}

@media screen and (max-width:840px) {
	#intro .intro-top{height:60%;}
	#intro .intro-bottom{height:40%;}
	
	#carta .flex-6040{flex-wrap:wrap;}
	#carta .flex-6040 > div:first-child{width: 100%; order: 2;}
	#carta .flex-6040 > div:nth-child(2){width: 100%; order: 1;}
	#carta .bg-carta{background-attachment: scroll;}
	
	#posicionando .flex-generando > div:first-child{width: 100%; order: 2;}
	#posicionando .flex-generando > div:nth-child(2){width: 100%; order: 1;}

}

@media screen and (max-width:800px) {
	#eventos2021 .title-eventos2021{ background: rgb(0, 132,150);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(0,132,150,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(0,132,150,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(0,132,150,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#008496",GradientType=1); }
	#eventos2021 .title-eventos2021 .flex-title-eventos2021 > div:first-child, #eventos2021 .title-eventos2021 .flex-title-eventos2021 > div:nth-child(2){width: 100%;}
	#eventos2021 .title-eventos2021 .flex-title-eventos2021 p{font-size: 18px; margin:30px 0;}
	
	#negocios .flex-negocios > div{width: 100% !important;}
	#negocios .flex-negocios > div:nth-child(2){order: 3;}
	#negocios .flex-negocios > div:nth-child(3){order: 2; margin-bottom: 30px;}
	#negocios .flex-negocios > div:nth-child(4){order: 4}
	
	#negocios .indicadores{position: relative; top: auto; right:0; margin-top: 30px; display: table; width: 100%; max-width: none;}
	
	#cifras .flex-cifras > div{width:100% !important;}
	
	#consejoAdministracion .flex-consejo > div{width: 100%;}
	#consejoAdministracion .funcionarios-nombres > div{width: 100%;}
	#consejoAdministracion .left-right{display: block;}
	
	#avances .botones-semblanza{flex-wrap: wrap; align-items: stretch;}
	#avances .botones-semblanza > div{width: 99%;}
	
	#avances .flex-corporativo{flex-wrap: wrap !important;}
	#avances .flex-corporativo > div{width: 100% !important;}
}

@media screen and (max-width:720px) {
	#intro{height:80%;}
	#intro .intro-top{height:70%;}
	#intro .intro-bottom{height:30%;}
	
	.financieros .flex-financieros{flex-wrap: wrap;}
	.financieros .flex-financieros > div:first-child{width: 100%; display: none;} 
	.financieros .flex-financieros > div:nth-child(2){width: 100%; align-self:flex-end;} 
	
	#posicionando .flex-6040{flex-wrap: wrap;}
	#posicionando .flex-6040 > div:first-child{width: 100%; order: 2}
	#posicionando .flex-6040 > div:nth-child(2){width: 100%; order: 1}
	#posicionando .flex-posicionados > div:first-child{width: 100%;}
	#posicionando .flex-posicionados > div:nth-child(2){width: 100%;}
	
	#revestimientos .flex-6040{flex-wrap: wrap;}
	#revestimientos .flex-6040 > div{width: 100%;}
	#revestimientos .bg-revestimientos{background-attachment: scroll;}
	
	#adhesivos .flex-6040{flex-wrap: wrap;}
	#adhesivos .flex-6040 > div{width: 100%;}
	#adhesivos .multicolor{width: 100%; max-width: 220px;  display: block; margin: 35px auto 0 !important;}
	
	#desempeno .flex-6040{flex-wrap: wrap;}
	#desempeno .flex-6040 > div{width: 100%;}
	
	#auditoria .flex-5050{flex-wrap: wrap;}
	#auditoria .flex-5050 > div{width: 100%;}
	
	#director .flex-6040{flex-wrap: wrap;}
	#director .flex-6040 > div{width: 100%;}
	#director .objetivos{margin: 40px auto 60px;}
	
	#interes .flex-6040{flex-wrap: wrap;}
	#interes .flex-6040 > div{width: 100%;}
	
	#estrategia .flex-6040{flex-wrap: wrap;}
	#estrategia .flex-6040 > div{width: 100%;}
	
	#avances .flex-6040, #avances .flex-7030{flex-wrap: wrap;}
	#avances .flex-6040 > div, #avances .flex-7030 > div{width: 100%;}
	
	#estrategia .flex-focos{flex-wrap: wrap;}
	#estrategia .flex-focos .linea{display: none;}
	#estrategia .flex-focos > div{width: 100%;}
	
	#prioritarios .flex-7030,#prioritarios .flex-6040{flex-wrap: wrap;}
	#prioritarios .flex-7030 > div, #prioritarios .flex-6040 > div{width: 100%;}
	
	#negocios .mapa .mapa-cont .big{font-size: 18px;}
	#negocios .mapa .mapa-cont .usa{top: 10%; right: 20%; width: 25%;}
	#negocios .mapa .mapa-cont .brazil{top: 50%; right: 5%; width: 25%;}
	#negocios .mapa .mapa-cont .spain{bottom:16%; left: 20%; width: 25%;}
	
	footer .flex-footer > ul{width: 50%;}
	footer .flex-footer > ul h5{text-align: center; margin-top: 20px;}
	footer .flex-footer > ul li{text-align: center;}
}

@media screen and (max-width:690px) {
	#intro{height:70%;}
	
	#posicionando .aprovechando h2{padding: 40px 30px; line-height: 1.4; font-size: 25px; top: 5%; left: 15%;}
	#posicionando .flex-posicionados > div:first-child .posicionados h2{padding: 40px 30px 40px 30px; line-height: 1.4; font-size: 25px; top: 28%; left: -20%;}
	#posicionando .abriendo h2{padding: 40px 30px; line-height: 1.4; font-size: 25px; bottom: 5%; right: -15%;}
	#posicionando .flex-generando > div:nth-child(2) .generando h2{padding: 40px 30px 40px 30px; line-height: 1.4; font-size: 25px; top: 25%; left: -20%;}
}

@media screen and (max-width:650px) {
	#intro{height:60%;}
	#intro .intro-bottom h2{font-size:50px;}
	#intro .intro-bottom h2 span{font-size: 35px;}
	
	#prioritarios .flex-prioritarios{flex-wrap: wrap;}
	#prioritarios .flex-prioritarios > div{width: 100%;}
	#prioritarios .flex-prioritarios > div:first-child{margin-bottom: 30px;}

}

@media screen and (max-width:580px) {
	#posicionando .flex-posicionados > div:first-child .posicionados{height: 550px;}
	
	#negocios .mapa .mapa-cont .big{font-size: 16px;}
	#negocios .mapa .mapa-cont .usa{top: 10%; right: 10%; width: 28%;}
	#negocios .mapa .mapa-cont .brazil{top: 50%; right: 5%; width: 25%;}
	#negocios .mapa .mapa-cont .spain{bottom:16%; left: 20%; width: 25%;}
	
	#contacto .flex-contacto{flex-wrap: wrap;}
	#contacto .flex-contacto > div:first-child{width: 85%; height: 300px; order: 2}
	#contacto .flex-contacto > div:nth-child(2){width: 100%; order: 1}
}

@media screen and (max-width:560px) {
	#intro{height:50%;}
	
	#negocios .mapa .mapa-cont .big{font-size: 14px;}
	#negocios .mapa .mapa-cont .usa{top: 10%; right: 5%; width: 28%;}
	#negocios .mapa .mapa-cont .brazil{top: 50%; right: 5%; width: 25%;}
	#negocios .mapa .mapa-cont .spain{bottom:16%; left: 20%; width: 25%;}
	
	.financieros .flex-5050{flex-wrap: wrap;}
	.financieros .flex-5050 > div{width: 100%;}
	.financieros .flex-5050{margin: 40px 0 20px;}
}

@media screen and (max-width:450px) {
	#intro .intro-bottom h2{font-size:40px;}
	#intro .intro-bottom h2 span{font-size: 25px;}
	#intro .intro-bottom h2 span a{font-size: 22px;}
	
	#intro2 .trayectoria p{
		font-size: 14px;
	}
	#intro2 .oportunidades p{
		font-size: 16px;
	}
	
	#negocios .flex-negocios .tit-neg{font-size: 30px;}
	#negocios .mapa .mapa-cont .big{font-size: 13px;}
	#negocios .mapa .mapa-cont .usa{top: 10%; right: 5%; width: 30%;}
	#negocios .mapa .mapa-cont .brazil{top: 50%; right: 5%; width: 28%;}
	#negocios .mapa .mapa-cont .spain{bottom:16%; left: 20%; width: 28%;}
	
	#cifras .flex-cifras > div:nth-child(2) .flex-graficas > div{width: 100%;}
	
	#posicion .mano-desliza{display: block;}
	#resultados .mano-desliza{display: block;}
	#integral .mano-desliza{display: block;}
	#flujos .mano-desliza{display: block;}
	
	#adhesivos .flex-adhesivos{flex-wrap: wrap; flex-direction: column; align-items: center;}
	#adhesivos .flex-adhesivos > img:first-child{width: 28%; max-width: 130px;}
	#adhesivos .flex-adhesivos > img:nth-child(2){width: 45%; max-width: 300px; margin:30px 20px;}
	#adhesivos .flex-adhesivos > img:nth-child(3){width: 12%; max-width: 50px; margin: 30px 0;}
	#adhesivos .flex-adhesivos > img:nth-child(4){width: 30%; max-width: 200px; margin-left: 5%;}
}

@media screen and (max-width:425px) {
	h2.titulo{font-size: 30px;}
	.financieros h3{font-size: 30px;}
	
	#posicionando .aprovechando h2{padding: 30px 30px; line-height: 1.4; font-size: 20px; top: 4%; left: 15%;}
	#posicionando .flex-posicionados > div:first-child .posicionados h2{padding: 30px 30px 30px 30px; line-height: 1.4; font-size: 20px; top: 30%; left: -20%;}
	#posicionando .flex-posicionados > div:first-child .posicionados{height: 450px;}
	#posicionando .abriendo h2{padding: 30px 30px; line-height: 1.4; font-size: 20px; bottom: 5%; right: -15%;}
	#posicionando .flex-generando > div:nth-child(2) .generando h2{padding: 30px 30px 30px 30px; line-height: 1.4; font-size: 20px; top: 25%; left: -20%;}
	
	#negocios .mapa .mapa-cont .big{font-size: 12px;}
	#negocios .mapa .mapa-cont .usa{top: 10%; right: 5%; width: 32%;}
	#negocios .mapa .mapa-cont .brazil{top: 48%; right: 5%; width: 32%;}
	#negocios .mapa .mapa-cont .spain{bottom:16%; left: 20%; width: 32%;}
	
	footer .flex-footer > div ul{width: 100%;}
	footer .flex-footer > ul{width: 100%;}
}


@media screen and (max-width:325px) {
	
	h2.titulo{font-size: 26px;}
	.financieros h3{font-size: 26px;}
	
	#negocios .flex-negocios .tit-neg{font-size: 25px;}
	
}

/* 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;}*/
}