/*** RESPONSIVE MEDIA QUERYS ***/ @media (max-width: 1366px){ } @media (max-width: 1280px){ } @media (max-width: 1060px){ } @media (max-width: 1024px){ } @media (max-width: 900px){ } @media (max-width: 768px){ /*** FIX MENU ***/ .aui .cont-ppal header#banner .menu nav#menu #menu-principal>li>a { font-size: 12px;} #ecorating .uso2 .franja p { font-size: 17px; margin-left: -350px; width: 220px;} #ecorating .uso2 .franja p.p2 { width: 220px;} #ecorating .impactoPositivo .boxes { width: 100%;} #ecorating .impactoPositivo .boxes .box { width: 40%;} #ecorating .impactoPositivo .boxes .box h3 { font-size: 20px;} #ecorating .impactoPositivo .boxes .box p { font-size: 16px;} #ecorating .impactoPositivo .boxes .box2 { right: -43px;} #ecorating .impactoPositivo .boxes .box4 { right: -43px;} #ecorating .finVidaUtil .reciclaje { top: 613px; margin-left: -429px; width: 450px;} #ecorating .finVidaUtil .ciudad { top: 631px; margin-left: 20px; width: 360px;} #ecorating .footer .cont .links { font-size: 18px; width: 490px;} #ecorating .footer .cont a.logo img { top: 67px; width: 120px;} } #ecorating ._only_mov{display: none !important} @media (max-width: 767px){ /*** FIX BARRA BUSQUEDA ***/ .aui #ecorating.cont-ppal #mm-buscador input.gsc-search-button-v2{ width: 27px !important; height: 27px !important; right: 23px; top: 11px;} #ecorating ._TEST_MID{position: fixed; width: 1px; height: 100%; top: 0px; left: 50%; background: #31ff00;z-index: 10000000; display: none} #ecorating ._TEST_BTN{display: none} #ecorating body { height: auto;} #ecorating p { padding: 0 20px;} #ecorating .bgAzul { background-size: 100% 100%;} #ecorating .bgAzul2 { padding-bottom: 540px;} #ecorating .head { padding: 20px; height: 81px;} #ecorating .head .logo { width: 130px; margin-top: 9px;} #ecorating .head .fono { margin-top: 14px;} #ecorating .head .fono span { font-size: 12px;} #ecorating .head .fono a { font-size: 16px; margin-left: 10px;} #ecorating .home { padding-top: 240px;} #ecorating .home .telefono { margin-left: -57px; width: 130px;} #ecorating .home .tit1 { background: url(../img/home/bg-title.png); background-size: contain; background-repeat: no-repeat; width: 300px; height: 109px; padding-top: 22px; font-size: 39px;} #ecorating .home .sol { top: 90px; margin-left: -198px; width: 100px;} #ecorating .home .nube.nube1 { top: 80px; margin-left: -590px;} #ecorating .home .nube.nube2{display: none} #ecorating .home .nube.nube3 { top: 158px; margin-left: 96px;} #ecorating .home .nube.nube4{display: none} #ecorating .home h2 { font-size: 20px; padding: 3px 20px;} #ecorating .home p { margin-top: 15px; font-size: 14px; padding: 0 20px; width: 100%;} #ecorating .home h2.h2 { font-size: 20px;} #ecorating .home .sellos { max-width: 97%;} #ecorating .home .desplegables .desplegable .tit { background: url(../img/home/bg-desplegable.png) center center no-repeat; background-size: contain; width: 360px; height: 55px; font-size: 12px; padding: 19px 0 0 14px; margin-bottom: -14px;} #ecorating .home .desplegables .desplegable.active .tit { background: url(../img/home/bg-desplegable-activo.png) center center no-repeat; background-size: contain;} #ecorating .home .desplegables .desplegable .tit .arrow { transform: scale(0.5);transform-origin: center center; right: 20px} #ecorating .home .desplegables .desplegable.active .tit .arrow { transform: scale(0.5) rotate(180deg)} #ecorating .home .desplegables .desplegable p { font-size: 14px;} #ecorating .deQueEstaHecho h1 { background: url(../img/home/bg-tittle-2.png) center center no-repeat; background-size: contain; width: 310px; height: 40px; font-size: 13px; padding-top: 11px;} #ecorating .deQueEstaHecho p { font-size: 12px; width: 100%;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX { background: url(../img/home/img-rayox.png) center center no-repeat; background-size: contain; width: 300px; height: 395px; top: 23px;margin-left: -136px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .viewPort img { top: 0px; margin-left: -80px; width: 150px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .btnPop{opacity: 1} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .btnPop1 { margin-left: -97px; top: 53px;z-index: 21;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .btnPop2 { margin-left: 24px; top: 86px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .btnPop3 { margin-left: -66px; top: 135px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .btnPop4 { margin-left: -27px; top: 248px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .contPop1 { margin-left: -79px; top: 71px; z-index: 20;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .contPop2 { margin-left: 42px; top: 104px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .contPop3 { margin-left: -48px; top: 153px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .contPop4 { margin-left: -8px; top: 266px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .contPop span { font-size: 12px;} #ecorating .deQueEstaHecho .rayoX .personas { top: 101px; margin-left: -250px; width: 500px;} #ecorating .deQueEstaHecho .rayoX .engraneL{display: none} #ecorating .deQueEstaHecho .rayoX .engraneR{display: none} #ecorating .extraccion { padding-top: 471px; height: 590px;} #ecorating .extraccion h1 { background: url(../img/extraccion/bg-title.png) center center no-repeat; background-size: contain; width: 310px; height: 59px; font-size: 16px; padding-top: 18px;} #ecorating .extraccion p { width: 100%; font-size: 12px;} /**/ #ecorating .extraccion .montanas .nube1 { margin-left: -353px; top: 81px; /*height: 25px;*/} #ecorating .extraccion .montanas .nube2 { margin-left: -232px; top: 132px;/*height: 25px;*/} #ecorating .extraccion .montanas .nube3 { margin-left: -155px; top: 66px; /*height: 40px;*/} #ecorating .extraccion .montanas .nube4 { margin-left: -76px; top: 122px;/*height: 40px;*/} #ecorating .extraccion .montanas .nube5 { margin-left: 28px; top: 70px; /*height: 40px;*/} #ecorating .extraccion .montanas .nube6 { margin-left: 111px; top: 129px;/*height: 25px;*/} #ecorating .extraccion .montanas .nube7 { margin-left: 159px; top: 85px; /*height: 25px;*/} #ecorating .extraccion .montanas .montana { top: 62px; margin-left: -351px; width: 700px;} #ecorating .extraccion .montanas .mundo1{display: none} #ecorating .extraccion .montanas .mundo2 { margin-left: -402px; top: 253px; width: 400px;} #ecorating .extraccion .montanas .mundo3 { margin-left: -128px; top: 340px; width: 250px;} #ecorating .extraccion .montanas .mundo4 { margin-left: -11px; top: 286px; width: 400px;} #ecorating .extraccion .montanas .mundo5{display: none} #ecorating .bgVerde { background-size: 1200px;} #ecorating .extraccion2 { top: 0; padding-top: 320px; height: 484px; margin-top: -60px;padding-bottom: 0; margin-bottom: 130px; box-sizing: content-box;} #ecorating .extraccion2 .refineria { top: -9px; margin-left: -40px; width: 120px;} #ecorating .extraccion2 .imgExtraccion { top: 56px; margin-left: -265px; width: 210px;} #ecorating .extraccion2 .carretera { background: url(../img/extraccion/img-carretera.png) center top repeat-y; background-size: 100%; width: 50px; top: 90px; margin-left: -25px; height: 540px;} #ecorating .extraccion2 .camion { top: 128px; margin-left: -19px; width: 40px;} #ecorating .extraccion2 .pops .btnPop { z-index: 110;} #ecorating .extraccion2 .pops .btnPop1 { margin-left: -185px; top: 103px;} #ecorating .extraccion2 .pops .btnPop2 { margin-left: -18px; top: 64px;} #ecorating .extraccion2 .pops .btnPop3 { margin-left: 120px; top: 54px;} #ecorating .extraccion2 .pops .contPop { padding: 10px; z-index: 100;} #ecorating .extraccion2 .pops .contPop p{padding: 0; font-size: 10px} #ecorating .extraccion2 .pops .contPop1 { margin-left: -167px; top: 123px; width: 188px;} #ecorating .extraccion2 .pops .contPop2 { margin-left: -44px;width: 195px; top: 91px;} #ecorating .extraccion2 .pops .contPop3 { margin-left: 36px; top: 77px; width: 118px;} #ecorating .extraccion2 .puente { background: url(../img/extraccion/img-corte-camino.png) center top; background-size: contain; width: 310px; height: 161px; left: -8px; padding-top: 20px; top: -51px;} #ecorating .extraccion2 .puente h1 { background: url(../img/transporte/bg-title-1.png) center center no-repeat; background-size: contain; width: 170px; height: 48px; font-size: 17px; padding-top: 12px;} #ecorating .extraccion2 .puente p { font-size: 10px; width: 120%; margin-left: -10%; margin-top: -1px;} #ecorating .extraccion2 .granFabrica .imgFabrica { top: -49px; margin-left: -440px; width: 860px;} #ecorating .extraccion2 .granFabrica .pops { top: 0px;} #ecorating .extraccion2 .granFabrica .pops .btnPop1 { margin-left: -170px; top: -1px;} #ecorating .extraccion2 .granFabrica .pops .btnPop2 { margin-left: -169px; top: 138px;} #ecorating .extraccion2 .granFabrica .pops .btnPop3 { margin-left: -19px; top: 124px; z-index: 110;} #ecorating .extraccion2 .granFabrica .pops .btnPop4 { margin-left: 107px; top: 99px; z-index: 120;} #ecorating .extraccion2 .granFabrica .pops .btnPop5 { margin-left: -17px; top: 189px; z-index: 101;} #ecorating .extraccion2 .granFabrica .pops .contPop1 { margin-left: -152px; top: 18px; width: 191px;} #ecorating .extraccion2 .granFabrica .pops .contPop2 { margin-left: -150px; top: 157px; width: 191px;} #ecorating .extraccion2 .granFabrica .pops .contPop3 { margin-left: -135px; top: 146px; width: 279px; z-index: 101;} #ecorating .extraccion2 .granFabrica .pops .contPop4 {margin-left: -54px; top: 118px; width: 182px; z-index: 110;} #ecorating .extraccion2 .granFabrica .pops .contPop5 {margin-left: 5px; top: 211px; width: 152px; z-index: 100;} #ecorating .extraccion2 .granFabrica .telefono { top: 237px; left: 50%; margin-left: -16px; width: 40px;} #ecorating .extraccion2 .granFabrica .humo{display: none} #ecorating .extraccion2 .granFabrica .gota { top: 98px; margin-left: -172px; width: 14px;} #ecorating .extraccion2 .granFabrica .persona1 { top: 133px; margin-left: 118px; width: 27px;} #ecorating .extraccion2 .granFabrica .persona2 { top: 131px; margin-left: 134px; width: 25px;} #ecorating .extraccion2 .granFabrica .carrito { top: 165px; margin-left: -90px; width: 40px;} #ecorating .transporte h1 { background: url(../img/transporte/bg-title-1.png) center center no-repeat; background-size: contain; width: 173px; height: 48px; font-size: 18px; padding-top: 12px; margin-top: 15px;} #ecorating .transporte p { font-size: 12px; width: 100%;} #ecorating .transporte .telefono2 { top: 160px; margin-left: -27px; opacity: 1; width: 60px;} #ecorating .transporte .mundo2 { top: 510px; margin-left: -382px; width: 350px;transform: rotate(-80deg);} #ecorating .transporte .mundo3 { top: 552px; margin-left: -155px; width: 310px;transform: rotate(-86deg);} #ecorating .transporte .mundo4 { top: 524px; margin-left: 31px; width: 350px;transform: rotate(-100deg);} #ecorating .transporte .avion { transform: rotate(29deg);} #ecorating .transporte .mundo1{display: none} #ecorating .transporte .mundo5{display: none} #ecorating .transporte .pops .btnPop1 { top: 226px; margin-left: 114px;} #ecorating .transporte .pops .btnPop2 { top: 421px; margin-left: -148px;} #ecorating .transporte .pops .btnPop3 { top: 412px; margin-left: -15px;} #ecorating .transporte .pops .btnPop4 { top: 421px; margin-left: 109px;} #ecorating .transporte .pops .contPop p{font-size: 12px} #ecorating .transporte .pops .contPop1 { top: 243px; margin-left: -88px; width: 225px;} #ecorating .transporte .pops .contPop2 {top: 440px; margin-left: -131px; width: 245px;} #ecorating .transporte .pops .contPop3 { top: 430px; margin-left: -111px; width: 225px;} #ecorating .transporte .pops .contPop4 { top: 437px; margin-left: -93px; width: 225px;} #ecorating .transporte .nube1 { top: 376px; margin-left: -257px;} #ecorating .transporte .nube2 { top: 348px; margin-left: -139px;} #ecorating .transporte .nube3 { top: 296px; margin-left: -8px;} #ecorating .transporte .nube4 { top: 410px; margin-left: 84px;} #ecorating .bgVerde2 { background-image: url(../img/transporte/bg-arboles.png); background-position: center top; background-size: 1200px; top: -321px; height: 1150px; padding-bottom: 0;} #ecorating .distribucion .carretera { background: url(../img/extraccion/img-carretera.png) center top repeat-y; background-size: 100%; width: 50px; top: 89px; margin-left: -25px; height: 910px;} #ecorating .distribucion .cajaTelefono { top: 78px; margin-left: -22px; opacity: 1; width: 50px;} #ecorating .distribucion .puente { background: url(../img/extraccion/img-corte-camino.png) center top; background-size: contain; width: 330px; height: 151px; left: -7px; padding-top: 3px; top: 205px;} #ecorating .distribucion .puente h1 { background: url(../img/transporte/bg-title-2.png) center center no-repeat; background-size: contain; width: 240px; height: 67px; font-size: 14px; padding-top: 25px;} #ecorating .distribucion .puente p { font-size: 11px; width: 120%; margin-left: -10%; margin-top: -9px;} #ecorating .distribucion .plantaDistribucion { top: 386px; margin-left: -400px; width: 800px;} #ecorating .distribucion .carreteraL { background: url(../img/transporte/img-carretera-curva-left.png) center center no-repeat; background-size: contain; top: 438px; margin-left: -539px; width: 494px; height: 429px;} #ecorating .distribucion .carreteraL .ciudad { top: 131px; left: 123px; width: 300px;} #ecorating .distribucion .carreteraL .camion { top: 131px; left: 454px; width: 35px;} #ecorating .distribucion .carreteraR { background: url(../img/transporte/img-carretera-curva-right.png) center center no-repeat; background-size: contain; top: 432px; margin-left: 48px; width: 466px; height: 429px;} #ecorating .distribucion .carreteraR .ciudad { top: 142px; left: 71px; width: 300px;} #ecorating .distribucion .carreteraR .camion { top: 188px; left: 6px; width: 35px;} #ecorating .distribucion .carreteraC { background: url(../img/extraccion/img-carretera.png) center top repeat-y; background-size: contain; top: 528px; width: 50px; height: 590px; margin-left: -25px;} #ecorating .distribucion .carreteraC .camion { top: -10px; left: 50%; margin-left: -16px; width: 35px;} #ecorating .distribucion .ciudadCentro { top: 790px; margin-left: -400px; width: 800px;} #ecorating .distribucion .telefono { top: 965px; margin-left: -13px; width: 30px;} #ecorating .distribucion .imgParacaidaPack { transform: scale(1);} #ecorating .uso { height: 210px; margin-top: -460px;box-sizing: content-box;} #ecorating .uso h1 { background: url(../img/uso/bg-title-3.png) center center no-repeat; background-size: contain; width: 142px; height: 61px; font-size: 18px; padding-top: 17px;} #ecorating .uso p { font-size: 12px; width: 100%;} #ecorating .uso2 .telefonoCarga { top: 31px; margin-left: -39px; background: url(../img/uso/img-telefono-1.png); background-size: contain; background-repeat: no-repeat; width: 91px; height: 146px; z-index: 20} #ecorating .uso2 .telefonoCarga .barra { margin-left: -20px; transform: scale(0.4); transform-origin: left top;} #ecorating .uso2 .telefonoCarga .barra1 { top: 45px;} #ecorating .uso2 .telefonoCarga .barra2 { top: 53px;} #ecorating .uso2 .telefonoCarga .barra3 { top: 62px;} #ecorating .uso2 .telefonoCarga .barra4 { top: 71px;} #ecorating .uso2 .franja1 { height: 270px; background: url(../img/uso/bg-blanco.png) center center no-repeat; background-size: auto 100%;z-index: 10;} #ecorating .uso2 .franja2 { height: 270px; background: url(../img/uso/bg-blanco.png) center center no-repeat; background-size: auto 100%; top: -7px;} #ecorating .uso2 .franja p { font-size: 12px; top: 50px; margin-left: -180px; width: 150px;} #ecorating .uso2 .franja .persona1 { top: 52px; margin-left: 42px; width: 180px;} #ecorating .uso2 .franja .elipse1{display: none} #ecorating .uso2 .franja .elipse4{display: none} #ecorating .uso2 .franja .elipse2 { top: 99px; margin-left: 0px;} #ecorating .uso2 .franja .persona2 { top: 53px; margin-left: -208px; width: 200px;} #ecorating .uso2 .franja p.p2 { font-size: 12px; top: 50px; margin-left: 33px; width: 150px;} #ecorating .bgVerde3{ background-size: 1110px 100%; height: 1860px; background-image: url(../img/mov/bg-arboles.jpg); padding-bottom: 0;} #ecorating .finVidaUtil { padding-top: 13px;} #ecorating .finVidaUtil h1 { background: url(../img/finvidautil/bg-title.png) center center no-repeat; background-size: contain; width: 183px; height: 54px; font-size: 16px; padding-top: 13px;} #ecorating .finVidaUtil p { font-size: 12px;} #ecorating .finVidaUtil .corte { top: 127px; margin-left: -114px; width: 240px;} #ecorating .finVidaUtil .contTelefonoDescargado { top: 166px; width: 90px; height: 140px; margin-left: -39px;} #ecorating .finVidaUtil .contTelefonoDescargado img { margin-top: 0;} #ecorating .finVidaUtil .reciclaje { top: 333px; margin-left: -199px; width: 410px;} #ecorating .finVidaUtil .ciudad { top: 601px; margin-left: -200px; width: 400px;} #ecorating .finVidaUtil .pops .btnPop1 { top: 273px; margin-left: -121px;} #ecorating .finVidaUtil .pops .btnPop2 { top: 523px; margin-left: -132px;} #ecorating .finVidaUtil .pops .contPop1 { top: 291px; margin-left: -103px; width: 236px;} #ecorating .finVidaUtil .pops .contPop2 { top: 541px; margin-left: -115px; width: 254px;} #ecorating .finVidaUtil .pops .contPop p { font-size: 12px; padding: 0;} #ecorating .impactoPositivo { top: 725px;} #ecorating .impactoPositivo h1 { background: url(../img/impactopositivo/bg-title.png) center center no-repeat; background-size: contain; width: 209px; height: 52px; font-size: 16px; padding-top: 13px;} #ecorating .impactoPositivo p { font-size: 12px; width: 100%;} #ecorating .impactoPositivo .boxes { width: 100%;margin-top: 46px;} #ecorating .impactoPositivo .boxes .box { display: block; width: 100%; height: auto; box-sizing: border-box; padding: 0 20px 30px; position: static} #ecorating .impactoPositivo .boxes .box h3 { font-size: 16px; padding-bottom: 8px;} #ecorating .impactoPositivo .boxes .box span { padding-top: 18px; font-size: 12px; padding: 10px 20px 0;} #ecorating .bgAzul3 { margin-bottom: 0; height: auto; padding-bottom: 40px;} #ecorating .compartir h1 { background: url(../img/compartir/bg-title.png) center center no-repeat; background-size: contain; width: 150px; height: 45px; font-size: 16px; padding-top: 14px; top: -16px; right: 0px;} #ecorating .compartir .rrss a img{ width: 45px;} #ecorating .footer { top: 654px; height: auto; margin-bottom: 0;} #ecorating .footer .cont a.logo img { position: static; display: block; margin: 20px auto 0; width: 100px;} #ecorating .footer .cont .links { font-size: 12px; position: static; text-align: center; width: 100%; box-sizing: border-box; padding: 20px 0;} #ecorating .footer .cont .links a { display: inline-block; width: 100%; padding-bottom: 10px;} #ecorating .footer .cont .links span { display: none;} } @media (max-width: 360px){ #ecorating .bgAzul3 { margin-bottom: 0;} #ecorating #wrapper { padding-bottom: 30px !important;} #ecorating .extraccion .imgAgua { top: 452px; left: 50%; margin-left: 151px; z-index: 10;} #ecorating .extraccion2 .puente p { margin-left: -7%;} #ecorating .distribucion .puente { width: 310px;} } @media (max-width: 320px){ #ecorating .head .fono span { display: none;} #ecorating .home .desplegables .desplegable .tit { width: 315px; height: 48px; font-size: 11px; padding: 17px 0 0 10px; margin-bottom: -14px;} #ecorating .home .desplegables .desplegable .tit .arrow { transform: scale(0.5)} #ecorating .finVidaUtil .reciclaje { top: 333px; margin-left: -159px; width: 320px;} #ecorating .finVidaUtil .ciudad { top: 601px; margin-left: -150px; width: 310px;} #ecorating .extraccion2 .pops .btnPop1 { margin-left: -155px; top: 103px;} #ecorating .extraccion2 .pops .contPop1 { margin-left: -137px;} #ecorating .extraccion2 .pops .contPop2 { width: 195px;} #ecorating .extraccion2 .puente h1 { width: 150px; height: 48px; font-size: 16px; padding-top: 13px; margin-top: -3px;} #ecorating .extraccion2 .puente p { font-size: 10px; width: 110%; margin-left: -3%; margin-top: -4px;} #ecorating .distribucion .puente p { font-size: 10px; width: 110%; margin-left: -3%; margin-top: -11px;} #ecorating .uso2 .franja p.p2 { margin-left: 3px;} #ecorating .home .sellos { max-width: 310px; margin-left: 2px;} }