._TEST{ background: url(../img/test.jpg) center top; height: 10845px; width: 100%; position: absolute; top: 0; left: 0; z-index: 1000;display: none} ._TEST_BTN{ position: fixed; bottom: 10px; right: 10px; width: 40px; height: 40px; background: #fff; border-radius: 50px;z-index: 1100; cursor: pointer; box-shadow: 3px 3px 8px #000;} /*** FIX MENU MOBILE ***/ .aui .cont-ppal .mm-opened, .aui .mobile .mm-opened { z-index: 10;} /*** FIX SCROLL MOZILLA ***/ .aui #wrapper { overflow: hidden;} /*** FIX BARRA BUSQUEDA ***/ .aui #ecorating.cont-ppal #buscador input.gsc-search-button-v2{ width: 27px !important; height: 27px !important; right: 20px; top: 2px;} /*** GENERAL ***/ html,body{margin: 0; padding: 0; overflow-x: hidden; height: auto; } body{font-family: TelefonicaWeb-Light !important; overflow-x: hidden; height: auto;} body.test{background: url(../img/test.jpg) center top; } body.test2{background: url(../img/test.jpg) center top; } body.test *{opacity: 0.8} body.test2 *{opacity: 0} html sub{font-size: 0.7em; position: relative; bottom: -0.3em;} .aui #ecorating img{max-width: 6000%} #ecorating h1{ box-sizing: border-box; text-align: center; color: #fff; margin: 0 auto;} #ecorating h2{ box-sizing: border-box; text-align: center; color: #fff; margin: 0 auto;} #ecorating p{ box-sizing: border-box; text-align: center; color: #fff; margin: 0 auto; font-family: TelefonicaWeb-Regular} /*** BGS ***/ #ecorating .bgAzul{ background-image: url(../img/extraccion/bg-azul.jpg); background-position: center top; background-size: cover} #ecorating .bgVerde{ background-image: url(../img/extraccion/bg-arboles.png); background-position: center top; background-size: auto} #ecorating .bgVerde2{ background-image: url(../img/transporte/bg-arboles.png); background-position: center top; background-size: auto; z-index: 10; position: relative; top: 0; height: auto; margin-top: -360px; padding-bottom: 1950px;} #ecorating .bgAzul2{ background-image: url(../img/transporte/bg-azul.png); background-position: center top; background-size: auto; position: relative; top: 0; z-index: 10; padding-top: 40px; margin-top: -247px; padding-bottom: 220px;} #ecorating .bgAzul3{ background-image: url(../img/compartir/bg-azul.png); background-position: center top; background-size: auto; position: relative; top: 0; z-index: 10; height: auto; margin-top: -10px; padding-bottom: 170px;} #ecorating .bgMar{background-image: url(../img/uso/img-mar.png); background-position: center top; background-size: auto; } #ecorating .bgBlanco{background-image: url(../img/uso/bg-blanco.png); background-position: center top; background-size: auto; } #ecorating .bgVerde3{ background-image: url(../img/finvidautil/bg-arboles.jpg); background-position: center top; background-size: auto; z-index: 10; position: relative; top: 0; height: auto; margin-top: -7px;padding-bottom: 970px;} /*** POPS ***/ #ecorating .pops{position: relative} #ecorating .pops .btnPop{ width: 39px; height: 39px; cursor: pointer; position: absolute; top: 0; left: 50%; margin-left: 0px; z-index: 10} #ecorating .pops .btnPop.active{background: url(../img/transporte/btn-menos.png) center center no-repeat} #ecorating .pops .contPop{background: #fff; min-width: 50px; min-height: 50px; position: absolute; left: 50%; box-sizing: border-box; text-align: center; padding-top: 15px; display: none} #ecorating .pops .contPop:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; background: #f8b435; height: 3px} #ecorating .pops .contPop img{ display: block; margin: 0 auto} #ecorating .pops .contPop span{font-family: TelefonicaWeb-Regular; padding-top: 11px; display: block;} /*** HEAD ***/ #ecorating .head{ padding: 30px 60px 0px 120px; box-sizing: border-box; height: 120px;} #ecorating .head .logo{} #ecorating .head .fono{color: #00abe3; float: right; margin-top: 10px;} #ecorating .head .fono span{ font-size: 21px; vertical-align: bottom;} #ecorating .head .fono a{ color: inherit; text-decoration: none; font-size: 32px; margin-left: 30px;} /*** HOME ***/ #ecorating .home{position: relative;padding-top: 300px;} #ecorating .home .sol{ position: absolute; left: 50%; top: 170px; margin-left: -328px;} #ecorating .home .nube{ position: absolute; left: 50%;} #ecorating .home .nube.nube1{ top: 170px; margin-left: -720px;} #ecorating .home .nube.nube2{ top: 413px; margin-left: -865px;} #ecorating .home .nube.nube3{ top: 158px; margin-left: 226px;} #ecorating .home .nube.nube4{ top: 410px; margin-left: 392px;} #ecorating .home .telefono{ position: absolute; left: 50%; top: 56px; margin-left: -90px;} #ecorating .home .tit1{ background: url(../img/home/bg-title.png); width: 609px; height: 209px; padding-top: 38px; font-size: 89px; z-index: 10; position: relative;} #ecorating .home h2{ padding-top: 3px; font-size: 30px; font-family: TelefonicaWeb-Bold;z-index: 10; position: relative;} #ecorating .home h2.h2{ margin-top: 61px; font-size: 27px;} #ecorating .home p{margin-top: 35px; font-size: 18px; width: 660px; line-height: 1.2em; font-family: TelefonicaWeb-Regular;z-index: 10; position: relative;} #ecorating .home p.p2{ margin-top: 7px;} #ecorating .home .sellos{ margin: 0 auto; display: block; margin-top: 25px; position: relative; right: 0;} #ecorating .home .desplegables{ margin-top: 43px;} #ecorating .home .desplegables .desplegable{ cursor: pointer} #ecorating .home .desplegables .desplegable .tit{ background: url(../img/home/bg-desplegable.png) center center no-repeat; width: 655px; height: 80px; margin: 0 auto; text-align: left; color: #fff; box-sizing: border-box; font-size: 22px; padding: 21px 0 0 24px; margin-bottom: 0px; position: relative} #ecorating .home .desplegables .desplegable .tit .arrow{content: ""; width: 25px; height: 16px; position: absolute; top: 50%; right: 34px; margin-top: -13px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} #ecorating .home .desplegables .desplegable.active .tit{ background: url(../img/home/bg-desplegable-activo.png) center center no-repeat;} #ecorating .home .desplegables .desplegable.active .tit .arrow{transform: rotate(180deg);} #ecorating .home .desplegables .desplegable p{ display: none; padding-top: 0px; margin-top: 20px; padding-bottom: 30px; font-size: 16px;} #ecorating .home .desplegables .desplegable1{} #ecorating .home .desplegables .desplegable2{} #ecorating .home .desplegables .desplegable3{} #ecorating .home .desplegables .desplegable4{} /*** DE QUE ESTA HECHO ***/ #ecorating .deQueEstaHecho{ position: relative; padding-top: 50px;} #ecorating .deQueEstaHecho h1{ background: url(../img/home/bg-tittle-2.png) center center no-repeat; width: 687px; height: 80px; font-size: 30px; padding-top: 17px;} #ecorating .deQueEstaHecho p{font-size: 18px; width: 670px; line-height: 1.3em;} #ecorating .deQueEstaHecho .rayoX{ position: relative} #ecorating .deQueEstaHecho .rayoX .engraneL{ background: url(../img/home/pack-engranes-l.png) center center no-repeat; position: absolute; width: 591px; height: 363px; left: 50%; top: 57px; margin-left: -1065px;} #ecorating .deQueEstaHecho .rayoX .engraneR{ background: url(../img/home/pack-engranes-r.png) center center no-repeat; position: absolute; width: 531px; height: 337px; top: 122px; left: 50%; margin-left: 523px;} #ecorating .deQueEstaHecho .rayoX .eng{ position: absolute; top: 50%; left: 50%} #ecorating .deQueEstaHecho .rayoX .eng1{ margin-top: -156px; margin-left: -253px;} #ecorating .deQueEstaHecho .rayoX .eng2{ margin-top: -63px; margin-left: -161px;} #ecorating .deQueEstaHecho .rayoX .eng3{ margin-top: -138px; margin-left: 50px;} #ecorating .deQueEstaHecho .rayoX .eng4{ margin-top: -180px; margin-left: 141px;} #ecorating .deQueEstaHecho .rayoX .eng5{ margin-top: -88px; margin-left: 83px;} #ecorating .deQueEstaHecho .rayoX .personas{ position: absolute; top: 91px; left: 50%; margin-left: -528px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX{ background: url(../img/home/img-rayox.png) center center no-repeat; width: 421px; height: 555px; position: absolute; top: 33px; left: 50%; margin-left: -189px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .viewPort{ position: absolute; top: 62px; overflow: hidden; left: 53px; width: 65%; height: 69%;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .viewPort img{ position: absolute; top: -360px; left: 50%; margin-left: -90px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops{position: relative} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .btnPop{ width: 39px; height: 39px; cursor: pointer; position: absolute; top: 0; left: 50%; margin-left: 0px; z-index: 10; opacity: 0} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .btnPop.active{background: url(../img/transporte/btn-menos.png) center center no-repeat} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .btnPop1{ margin-left: -97px; top: 133px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .btnPop2{ margin-left: 24px; top: 186px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .btnPop3{ margin-left: -66px; top: 245px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .btnPop4{ margin-left: -27px; top: 348px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .contPop{background: #fff; width: 79px; height: 102px; position: absolute; left: 50%; box-sizing: border-box; text-align: center; padding-top: 15px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .contPop:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; background: #f8b435; height: 3px} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .contPop img, #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .contPop ._cssImageSprite{ display: block; margin: 0 auto} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .contPop span{font-family: TelefonicaWeb-Regular; padding-top: 11px; display: block;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .contPop1{ margin-left: -79px; top: 151px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .contPop2{ margin-left: 42px; top: 204px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .contPop3{ margin-left: -48px; top: 263px;} #ecorating .deQueEstaHecho .rayoX .maquinaRayoX .pops .contPop4{ margin-left: -8px; top: 366px;} /*** EXTRACCION ***/ #ecorating .extraccion{padding-top: 651px; height: 810px; box-sizing: content-box} #ecorating .extraccion h1{background: url(../img/extraccion/bg-title.png) center center no-repeat; width: 575px; height: 99px; font-size: 33px; padding-top: 24px;} #ecorating .extraccion p{ width: 680px; font-size: 18px; line-height: 1.2em;} #ecorating .extraccion .montanas{ position: relative;} #ecorating .extraccion .montanas .nube{ position: absolute; left: 50%; z-index: 10;} #ecorating .extraccion .montanas .nube1{ margin-left: -603px; top: 81px;} #ecorating .extraccion .montanas .nube2{ margin-left: -442px; top: 132px;} #ecorating .extraccion .montanas .nube3{ margin-left: -295px; top: 66px;} #ecorating .extraccion .montanas .nube4{ margin-left: -126px; top: 122px;} #ecorating .extraccion .montanas .nube5{ margin-left: 138px; top: 70px;} #ecorating .extraccion .montanas .nube6{ margin-left: 291px; top: 129px;} #ecorating .extraccion .montanas .nube7{ margin-left: 399px; top: 85px;} #ecorating .extraccion .montanas .montana{ position: absolute; top: 102px; left: 50%; margin-left: -451px;} #ecorating .extraccion .montanas .mundo{ position: absolute; left: 50%;} #ecorating .extraccion .montanas .mundo1{ margin-left: -830px; top: 508px;} #ecorating .extraccion .montanas .mundo2{ margin-left: -662px; top: 283px; z-index: 10} #ecorating .extraccion .montanas .mundo3{ margin-left: -198px; top: 370px;} #ecorating .extraccion .montanas .mundo4{ margin-left: -11px; top: 346px; z-index: 10} #ecorating .extraccion .montanas .mundo5{ margin-left: 539px; top: 507px;} #ecorating .extraccion .imgAgua{ position: absolute; top: 599px; left: 50%; margin-left: 251px; z-index: 10;} /*** EXTRACCION 2 ***/ #ecorating .extraccion2{ position: relative; top: -132px; z-index: 10; padding-top: 320px; height: auto; padding-bottom: 883px;} #ecorating .extraccion2 .imgExtraccion{ position: absolute; top: 33px; left: 50%; margin-left: -395px;} #ecorating .extraccion2 .refineria{ position: absolute; top: -39px; left: 50%; margin-left: -70px;z-index: 10;} #ecorating .extraccion2 .pops{ top: -320px;} #ecorating .extraccion2 .pops .btnPop{} #ecorating .extraccion2 .pops .btnPop1{ margin-left: -365px; top: 103px;} #ecorating .extraccion2 .pops .btnPop2{ margin-left: 67px; top: 134px;} #ecorating .extraccion2 .pops .btnPop3{ margin-left: 287px; top: 124px;} #ecorating .extraccion2 .pops .contPop{ padding: 15px;} #ecorating .extraccion2 .pops .contPop p{color: #333; text-align: left; font-size: 13px; line-height: 1.2em;} #ecorating .extraccion2 .pops .contPop1{ margin-left: -347px; top: 131px; width: 278px;} #ecorating .extraccion2 .pops .contPop2{ margin-left: 86px; top: 153px; width: 160px;} #ecorating .extraccion2 .pops .contPop3{ margin-left: 196px; top: 150px; width: 244px;} #ecorating .extraccion2 .carretera{ background: url(../img/extraccion/img-carretera.png) center top repeat-y; width: 90px; position: absolute; top: 130px; left: 50%; margin-left: -44px; height: 910px;} #ecorating .extraccion2 .camion{ position: absolute; top: 128px; left: 50%; margin-left: -32px; z-index: 20;} #ecorating .extraccion2 .puente{ background: url(../img/extraccion/img-corte-camino.png) center top; box-sizing: border-box; width: 543px; height: 261px; margin: 0 auto; position: relative; left: -12px; padding-top: 29px; top: 109px;z-index: 30;} #ecorating .extraccion2 .puente h1{background: url(../img/transporte/bg-title-1.png) center center no-repeat; width: 293px; height: 78px; font-size: 33px; padding-top: 14px;} #ecorating .extraccion2 .puente p{font-size: 18px; width: 640px; margin-left: -35px; margin-top: 7px; line-height: 1.2em; color: #1d3d77;} #ecorating .extraccion2 .granFabrica{ position: relative; top: -29px;} #ecorating .extraccion2 .granFabrica .imgFabrica{position: absolute; top: 111px; left: 50%; margin-left: -917px; z-index: 20;} #ecorating .extraccion2 .granFabrica .pops{ top: 270px;} #ecorating .extraccion2 .granFabrica .pops .btnPop{ z-index: 21;} #ecorating .extraccion2 .granFabrica .pops .btnPop1{ margin-left: -220px; top: -1px;} #ecorating .extraccion2 .granFabrica .pops .btnPop2{ margin-left: -359px; top: 238px;} #ecorating .extraccion2 .granFabrica .pops .btnPop3{ margin-left: -20px; top: 352px; z-index: 101} #ecorating .extraccion2 .granFabrica .pops .btnPop4{ margin-left: 347px; top: 159px;} #ecorating .extraccion2 .granFabrica .pops .btnPop5{ margin-left: 17px; top: 189px;} #ecorating .extraccion2 .granFabrica .pops .contPop{ z-index: 20;} #ecorating .extraccion2 .granFabrica .pops .contPop1{ margin-left: -202px; top: 18px; width: 251px;} #ecorating .extraccion2 .granFabrica .pops .contPop2{ margin-left: -340px; top: 258px;} #ecorating .extraccion2 .granFabrica .pops .contPop3{ margin-left: 1px; top: 368px; width: 269px; z-index: 100;} #ecorating .extraccion2 .granFabrica .pops .contPop4{ margin-left: 365px; top: 178px; width: 282px;} #ecorating .extraccion2 .granFabrica .pops .contPop5{margin-left: 35px; top: 208px; width: 282px;} #ecorating .extraccion2 .granFabrica .telefono{position: absolute; top: 607px; left: 50%; margin-left: -39px; z-index: 20} #ecorating .extraccion2 .granFabrica .carrito{ position: absolute; top: 540px; z-index: 20; left: 50%; margin-left: -280px;} #ecorating .extraccion2 .granFabrica .persona1{ position: absolute; top: 494px; z-index: 20; left: 50%; margin-left: 230px;} #ecorating .extraccion2 .granFabrica .persona2{ position: absolute; top: 494px; z-index: 20; left: 50%; margin-left: 360px;} #ecorating .extraccion2 .granFabrica .humo{ position: absolute; top: 150px; left: 50%; opacity: 0} #ecorating .extraccion2 .granFabrica .humo1{ margin-left: -360px; margin-top: 0px;} #ecorating .extraccion2 .granFabrica .humo2{ margin-left: -360px; margin-top: 0px;} #ecorating .extraccion2 .granFabrica .humo3{ margin-left: -360px; margin-top: 0px;} #ecorating .extraccion2 .granFabrica .humo4{ margin-left: -360px; margin-top: 0px;} #ecorating .extraccion2 .granFabrica .gota{ position: absolute; top: 422px; left: 50%; opacity: 0; margin-left: -355px; z-index: 100;} /*** TRANSPORTE ***/ #ecorating .transporte{position: relative; height: 760px;} #ecorating .transporte h1{ background: url(../img/transporte/bg-title-1.png) center center no-repeat; width: 293px; height: 78px; font-size: 31px; padding-top: 17px;} #ecorating .transporte p{font-size: 18px; width: 700px; margin-top: 10px; line-height: 1.2em;} #ecorating .transporte .telefono{ display: none} #ecorating .transporte .telefono2{ position: absolute; top: 100px; left: 50%; margin-left: -58px; opacity: 0;transform: rotate(30deg);z-index: 20;} #ecorating .transporte .nube{ position: absolute; left: 50%;} #ecorating .transporte .nube1{top: 376px; margin-left: -467px;} #ecorating .transporte .nube2{top: 398px; margin-left: -139px;} #ecorating .transporte .nube3{top: 356px; margin-left: 32px;} #ecorating .transporte .nube4{top: 390px; margin-left: 224px;} #ecorating .transporte .avion{position: absolute; top: 340px; left: 50%; margin-left: -240px;} #ecorating .transporte .mundo{ position: absolute; left: 50%;} #ecorating .transporte .mundo1{ top: 594px; margin-left: -737px;} #ecorating .transporte .mundo2{ top: 490px; margin-left: -562px; z-index: 10;} #ecorating .transporte .mundo3{ top: 512px; margin-left: -215px;} #ecorating .transporte .mundo4{ top: 524px; margin-left: 21px; z-index: 10;} #ecorating .transporte .mundo5{ top: 580px; margin-left: 368px;} #ecorating .transporte .pops{ z-index: 110; position: relative;} #ecorating .transporte .pops .btnPop{} #ecorating .transporte .pops .btnPop1{ top: 206px; margin-left: 254px;} #ecorating .transporte .pops .btnPop2{ top: 391px; margin-left: -318px;} #ecorating .transporte .pops .btnPop3{ top: 399px; margin-left: -11px;} #ecorating .transporte .pops .btnPop4{ top: 419px; margin-left: 246px;} #ecorating .transporte .pops .contPop{ padding: 10px 0 10px 19px;} #ecorating .transporte .pops .contPop p{color: #333; font-size: 13px; width: auto; text-align: left; padding: 0;} #ecorating .transporte .pops .contPop1{ top: 223px; margin-left: 272px; width: 245px;} #ecorating .transporte .pops .contPop2{ top: 410px; margin-left: -301px; width: 245px;} #ecorating .transporte .pops .contPop3{ top: 420px; margin-left: 7px; width: 245px;} #ecorating .transporte .pops .contPop4{ top: 437px; margin-left: 264px; width: 245px;} /*** DISTRIBUCION ***/ #ecorating .distribucion{} #ecorating .distribucion .imgParacaidaPack{ font-size: 10px; width: 10em; height: 20em; position: absolute; top: -450px; left: 50%; margin-left: -5em; z-index: 10; transition: transform 2.5s ease;transform: scale(0.3);} #ecorating .distribucion .imgParacaidaPack .img1{ width: 11em; position: absolute; top: 0; left: 0;} #ecorating .distribucion .imgParacaidaPack .img2{ width: 11em; position: absolute; top: 0; left: 0;} #ecorating .distribucion .carretera{ background: url(../img/extraccion/img-carretera.png) center top repeat-y; width: 90px; position: absolute; top: 130px; left: 50%; margin-left: -44px; height: 910px;} #ecorating .distribucion .cajaTelefono{ position: absolute; top: 108px; left: 50%; margin-left: -39px; opacity: 0} #ecorating .distribucion .puente{ background: url(../img/extraccion/img-corte-camino.png) center top; box-sizing: border-box; width: 543px; height: 261px; margin: 0 auto; position: relative; left: -12px; padding-top: 29px; top: 415px; z-index: 10;} #ecorating .distribucion .puente h1{background: url(../img/transporte/bg-title-2.png) center center no-repeat; width: 470px; height: 107px; font-size: 33px; padding-top: 32px;} #ecorating .distribucion .puente p{font-size: 17px; width: 640px; margin-left: -35px; margin-top: 1px; line-height: 1.2em; color: #1d3d77;} #ecorating .distribucion .plantaDistribucion{position: absolute; top: 736px; left: 50%; margin-left: -850px; z-index: 10;} #ecorating .distribucion .carreteraL{ background: url(../img/transporte/img-carretera-curva-left.png) center center no-repeat; position: absolute; top: 1043px; left: 50%; margin-left: -961px; width: 844px; height: 429px;} #ecorating .distribucion .carreteraL .ciudad{position: absolute; top: 47px; left: 146px;} #ecorating .distribucion .carreteraL .camion{ position: absolute; top: -19px; left: 775px;} #ecorating .distribucion .carreteraR{ background: url(../img/transporte/img-carretera-curva-right.png) center center no-repeat; position: absolute; top: 1044px; left: 50%; margin-left: 123px; width: 836px; height: 429px;} #ecorating .distribucion .carreteraR .ciudad{ position: absolute; top: 76px; left: 128px;} #ecorating .distribucion .carreteraR .camion{ position: absolute; top: -12px; left: 12px;} #ecorating .distribucion .carreteraC{background: url(../img/extraccion/img-carretera.png) center top repeat-y; position: absolute; top: 1044px; left: 50%; width: 100px; height: 590px; margin-left: -41px;} #ecorating .distribucion .carreteraC .camion{position: absolute; top: -20px; left: 50%; margin-left: -29px;} #ecorating .distribucion .ciudadCentro{position: absolute; top: 1560px; left: 50%; margin-left: -961px;} #ecorating .distribucion .carretera2{background: url(../img/extraccion/img-carretera.png) center top repeat-y; width: 90px; position: absolute; top: 2051px; left: 50%; margin-left: -37px; height: 153px;} #ecorating .distribucion .telefono{ position: absolute; top: 1981px; left: 50%; margin-left: -21px;} /*** USO ***/ #ecorating .uso{ position: relative; top: 0; height: auto; z-index: 10; padding-top: 86px; margin-top: -130px; padding-bottom: 10px;} #ecorating .uso h1{background: url(../img/uso/bg-title-3.png) center center no-repeat; width: 252px; height: 101px; font-size: 31px; padding-top: 24px;} #ecorating .uso p{ font-size: 18px; width: 660px; margin-bottom: 31px; line-height: 1.2em; margin-top: -7px;} #ecorating .uso p b{ font-family: TelefonicaWeb-Bold} /*** USO 2 ***/ #ecorating .uso2{ top: 0; position: relative; z-index: 10;} #ecorating .uso2 .franja{position: relative; overflow: hidden;} #ecorating .uso2 .franja p{ color: #333; font-size: 18px; text-align: right; position: absolute; top: 50px; left: 50%; margin-left: -430px; width: 300px; line-height: 1.2em;} #ecorating .uso2 .franja p b{ font-family: TelefonicaWeb-Bold} #ecorating .uso2 .franja p.p2{ text-align: left; width: 270px; margin-left: 128px;} #ecorating .uso2 .franja1{ height: 390px; background: url(../img/uso/bg-blanco.png) center center no-repeat} #ecorating .uso2 .franja2{height: 381px; background: url(../img/uso/bg-blanco.png) center 10px no-repeat; top: -7px;} #ecorating .uso2 .franja2:before{content: ""; background: url(../img/uso/img-sombra.png) center center no-repeat; width: 1920px; height: 22px; position: absolute; top: 5px; left: 50%; margin-left: -960px} #ecorating .uso2 .franja .elipse{position: absolute; left: 50%;} #ecorating .uso2 .franja .elipse1{ top: 248px; margin-left: -610px;} #ecorating .uso2 .franja .elipse2{ top: 99px; margin-left: 40px;} #ecorating .uso2 .franja .elipse3{ top: 62px; margin-left: -592px;} #ecorating .uso2 .franja .elipse4{ top: 222px; margin-left: 200px;} #ecorating .uso2 .franja .persona1{ position: absolute; top: 82px; left: 50%; margin-left: 132px;} #ecorating .uso2 .franja .persona2{ position: absolute; top: 63px; left: 50%; margin-left: -388px;} #ecorating .uso2 .telefonoCarga{ position: absolute; top: 31px; left: 50%; margin-left: -90px; background: url(../img/uso/img-telefono-1.png); width: 211px; height: 339px} #ecorating .uso2 .telefonoCarga .barra{ position: absolute; left: 50%; margin-left: -47px} #ecorating .uso2 .telefonoCarga .barra1{ top: 104px;} #ecorating .uso2 .telefonoCarga .barra2{ top: 124px;} #ecorating .uso2 .telefonoCarga .barra3{ top: 144px;} #ecorating .uso2 .telefonoCarga .barra4{ top: 164px;} /*** FIN VIDA UTIL ***/ #ecorating .finVidaUtil{ position: relative; padding-top: 43px;} #ecorating .finVidaUtil h1{background: url(../img/finvidautil/bg-title.png) center center no-repeat; width: 353px; height: 102px; font-size: 31px; padding-top: 24px} #ecorating .finVidaUtil p{ color: #214586; font-size: 18px; line-height: 1.2em; position: relative; top: -7px;} #ecorating .finVidaUtil .corte{ position: absolute; top: 207px; left: 50%; margin-left: -180px;} #ecorating .finVidaUtil .reciclaje{ position: absolute; top: 583px; left: 50%; margin-left: -559px;} #ecorating .finVidaUtil .ciudad{ position: absolute; top: 601px; left: 50%; margin-left: 0px;} #ecorating .finVidaUtil .pops{} #ecorating .finVidaUtil .pops .btnPop{} #ecorating .finVidaUtil .pops .btnPop1{top: 563px; margin-left: -301px;} #ecorating .finVidaUtil .pops .btnPop2{ top: 563px; margin-left: 288px;} #ecorating .finVidaUtil .pops .contPop{ padding: 18px 10px 10px 15px;} #ecorating .finVidaUtil .pops .contPop p{text-align: left; font-size: 13px; top: 0px; color: #333} #ecorating .finVidaUtil .pops .contPop1{ top: 581px; margin-left: -283px; width: 296px; } #ecorating .finVidaUtil .pops .contPop2{ top: 581px; margin-left: 305px; width: 384px;} #ecorating .finVidaUtil .contTelefonoDescargado{ position: absolute; top: 216px; left: 50%; width: 150px; height: 340px; margin-left: -80px; overflow: hidden;text-align: center;} #ecorating .finVidaUtil .contTelefonoDescargado img{ width: 90%; margin-top: -230px;} /*** IMPACTO POSITIVO ***/ #ecorating .impactoPositivo{ position: relative; top: 835px;} #ecorating .impactoPositivo h1{background: url(../img/impactopositivo/bg-title.png) center center no-repeat; width: 439px; height: 102px; font-size: 31px; padding-top: 24px} #ecorating .impactoPositivo p{ color: #214586; font-size: 18px; width: 570px; margin-top: 5px; line-height: 1.2em;} #ecorating .impactoPositivo .boxes{ width: 940px; text-align: center; margin-top: 106px; margin-left: auto; margin-right: auto;} #ecorating .impactoPositivo .boxes .box{ display: inline-block; text-align: left; width: 343px; height: 225px;} #ecorating .impactoPositivo .boxes .box h3{font-family: TelefonicaWeb-Bold;font-size: 22px; padding-bottom: 8px; color: #012643} #ecorating .impactoPositivo .boxes .box p{ text-align: left; width: 100%; color: #012643} #ecorating .impactoPositivo .boxes .box span{ font-family: TelefonicaWeb-Regular;color: #012643; display: inline-block; padding-top: 18px; line-height: 1.2em; font-size: 16px;} #ecorating .impactoPositivo .boxes .box a{ font-family: inherit; text-decoration: none; color: inherit} #ecorating .impactoPositivo .boxes .box1{} #ecorating .impactoPositivo .boxes .box2{ position: relative; right: -63px;} #ecorating .impactoPositivo .boxes .box3{} #ecorating .impactoPositivo .boxes .box4{ position: relative; right: -63px;} /*** COMPARTIR ***/ #ecorating .compartir{} #ecorating .compartir h1{background: url(../img/compartir/bg-title.png) center center no-repeat; width: 270px; height: 65px; font-size: 29px; padding-top: 16px; position: relative; top: -22px; right: -23px;} #ecorating .compartir .rrss{ text-align: center; padding-top: 9px;} #ecorating .compartir .rrss a{ margin-left: 20px; display: inline-block;} /*** FOOTER ***/ #ecorating .footer{position: relative; top: 0; background: #fff; height: 170px;} #ecorating .footer .cont{} #ecorating .footer .cont a.logo{} #ecorating .footer .cont a.logo img{ position: absolute; top: 65px; left: 60px;} #ecorating .footer .cont .links{ font-size: 22px; position: absolute; top: 74px; right: 30px; text-align: right; width: 600px;} #ecorating .footer .cont .links a{ color: #333; text-decoration: none} #ecorating .footer .cont .links span{ display: inline-block; padding: 0 20px;} /*** SPRITE ***/ ._cssImageSprite{} .bg-barra_carga { width: 68px; height: 21px; background: url('../img/sprite/css_sprites.png') -114px -101px; } .bg-btn_mas { width: 39px; height: 39px; background: url('../img/sprite/css_sprites.png') -71px -165px; } .bg-elemento_estano { width: 56px; height: 46px; background: url('../img/sprite/css_sprites.png') -212px -10px; } .bg-elemento_indio { width: 31px; height: 42px; background: url('../img/sprite/css_sprites.png') -288px -10px; } .bg-elemento_oro { width: 41px; height: 50px; background: url('../img/sprite/css_sprites.png') -10px -165px; } .bg-elemento_plata { width: 47px; height: 49px; background: url('../img/sprite/css_sprites.png') -212px -76px; } .bg-icon_sup_1 { width: 24px; height: 26px; background: url('../img/sprite/css_sprites.png') -288px -72px; } .bg-img_arrow { width: 25px; height: 16px; background: url('../img/sprite/css_sprites.png') -288px -118px; } .bg-rs_fb { width: 71px; height: 71px; background: url('../img/sprite/css_sprites.png') -10px -10px; } /*** NUBES ***/ .bg-nube_1 { width: 84px; height: 44px; background: url('../img/sprite/css_sprites_nubes.png') -10px -231px; } .bg-nube_2 { width: 86px; height: 49px; background: url('../img/sprite/css_sprites_nubes.png') -10px -162px; } .bg-nube_3 { width: 112px; height: 58px; background: url('../img/sprite/css_sprites_nubes.png') -178px -10px; } .bg-nube_4 { width: 148px; height: 56px; background: url('../img/sprite/css_sprites_nubes.png') -10px -10px; } .bg-nube_5 { width: 128px; height: 56px; background: url('../img/sprite/css_sprites_nubes.png') -10px -86px; } .bg-nube_6 { width: 100px; height: 47px; background: url('../img/sprite/css_sprites_nubes.png') -178px -88px; } .bg-nube_7 { width: 91px; height: 40px; background: url('../img/sprite/css_sprites_nubes.png') -116px -162px; }