/*MM_PASALAPAGINA - Hoja de Estilos del sitio*/ /*Magdalena Medio - Agosto 2012*/ /*--------- FUENTE NAVIDEÑA ---------*/ @import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light'); @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); /*--------------------------------------------RESETS STYLES---------------------------------------*/ html, body, div, img, a, p, h1, h2, h3, h4, h5, form, dl, dt, dd, code, * { margin:0px; padding:0px; border:none;} ul { list-style-type:none;} a { color:inherit; text-decoration:none;} /*--------- CLEARFIX ---------*/ .clearfix:after { font-size:0; display:block; clear:both; height:0; visibility:hidden; content:" ";} * html .clearfix { zoom: 1;} /* IE6 */ *:first-child+html .clearfix { zoom: 1;} /* IE7 */ /*--------- AUX STYLES ---------*/ .clear { clear:both;} .citems1 .clear { background:url(../../img/web-plp/content/bg-clear.png) center top no-repeat; width:970px; height:3px; margin-left:-37px;} .noborder { border: none!important;} .overflow-hidden { overflow:hidden;} .overflow-visible { overflow:visible;} .t_right { text-align:right;} .t_left { text-align:left;} .t_center { text-align:center;} .f_left { float:left;} .f_right { float:right;} .m_all_10 { margin:10px;} .m_all_30 { margin:30px;} .m_top_25 { margin-top:25px;} .m_bottom_10 { margin-bottom:10px;} .relativo { position:relative;} .absoluto { position:absolute;} .cell { display:table-cell; vertical-align:middle; *width:100%; *position:absolute; *top:50%; *left:0;} .valign { *width:100%; *max-height:none!important; *position:relative; *top:-50%;} /*--------- GENERAL HTML ---------*/ html { background-color:#000;} body { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:14px; } .wrapper { margin:0 auto; width:1000px;} /* Header */ .header { background:url(../../img/web-plp/header/header_bg.png) top repeat-x; border-bottom:5px solid #25ACD4; min-height:140px;} .header h1 { width:292px; height:56px; float:left; margin:41px 0 0 40px;} .header h1 a, .header2 h1 a, .header3 h1 a { font-size:1px; line-height:150px; background:url(../../img/web-plp/header/pasa-la-pagina-logo.png) 0 0 no-repeat; display:block; width:292px; height:56px; overflow:hidden;} .header h1 a:hover, .header2 h1 a:hover, .header3 h1 a:hover { background-position:0 -56px;} .header h1 img, .header2 h1 img, .header3 h1 img { display:none;} .header2 { background:url(../../img/web-plp/header/header_bg.png) top repeat-x; border-bottom:5px solid #25ACD4;} .header2 h1 { width:292px; height:56px; float:left; padding:25px 45px 20px;} .header3 { background:url(../../img/web-plp/header/header_bg.png) top repeat-x;} .header3 h1 { width:292px; height:56px; float:left; padding:12px 45px;} .pdf_factura { width:20px; height:25px; background:url(../../img/web-plp/content/pdf-icon.gif) 0 0 no-repeat; margin:0 auto; display:block; line-height:300px;} .logo-blaa{ width:265px; float:right; margin-bottom:15px; margin-right: 73px;} .logo-blaa img{ width:100%; height:auto;} .logo-une{ width:150px; margin:20px auto;} .logo-une img{ width:100%; height:auto;} .groupon{ width:217px; height:98px; background:url(../../img/web-plp/header/groupon.png) 0 0 no-repeat; float:right; margin-top:0px; margin-right:15px;} .imgs-header-bibliotecas {margin: auto;padding: 1.5em 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: flex-center;align-items: center;} /* Stage */ .stage { font-family:Poppins, Arial, Helvetica, sans-serif; height:319px; background-position: center 0; background-repeat:no-repeat; background-color:#000; font-size:0.85em; font-weight:400; color:#FFF; background-image:url(../../img/web-plp/stage/stage1.jpg);} .stage2 { font-family:Poppins, Arial, Helvetica, sans-serif; height:319px; background-position: center 0; background-repeat:no-repeat; background-color:#000; font-size:0.85em; font-weight:400; color:#FFF; background-image:url(../../img/web-plp/stage/stage2.jpg);} .stage3 { font-family:Poppins, Arial, Helvetica, sans-serif; height:319px; background-position: center 0; background-repeat:no-repeat; background-color:#000; font-size:0.85em; font-weight:400; color:#FFF; background-image:url(../../img/web-plp/stage/stage3.jpg);} .stage4 { font-family:Poppins, Arial, Helvetica, sans-serif; height:139px; background-position: center 0; background-repeat:no-repeat; background-color:#000; font-size:0.85em; font-weight:400; color:#FFF; background-image:url(../../img/web-plp/stage/stage4.png);} .stage-hombres { font-family:Poppins, Arial, Helvetica, sans-serif; height:319px; background-position: center 0; background-repeat:no-repeat; background-color:#000; font-size:0.85em; font-weight:400; color:#FFF; background-image:url(../../img/web-plp/stage/stage-hombres.jpg);} .stage-farandula { font-family:Poppins, Arial, Helvetica, sans-serif; height:319px; background-position: center 0; background-repeat:no-repeat; background-color:#000; font-size:0.85em; font-weight:400; color:#FFF; background-image:url(../../img/web-plp/stage/stage-farandula.jpg);} .stage-decoracion { font-family:Poppins, Arial, Helvetica, sans-serif; height:319px; background-position: center 0; background-repeat:no-repeat; background-color:#000; font-size:0.85em; font-weight:400; color:#FFF; background-image:url(../../img/web-plp/stage/stage-decoracion.jpg);} .stage-actualidad { font-family:Poppins, Arial, Helvetica, sans-serif; height:319px; background-position: center 0; background-repeat:no-repeat; background-color:#000; font-size:0.85em; font-weight:400; color:#FFF; background-image:url(../../img/web-plp/stage/stage-actualidad.jpg);} .stage-azul { font-family:Poppins, Arial, Helvetica, sans-serif; height:350px; background-position: center 0; background-repeat:no-repeat; background-color:#1badd6; font-size:0.85em; font-weight:400; color:#FFF; background-image:url(../../img/web-plp/stage/stage-azul.jpg); position:relative; text-align:center;} .stage-promogol{ font-family: Poppins, Arial, Helvetica, sans-serif; height: 389px; background-position: center top; background-repeat: no-repeat;background-color:#1badd6; font-size: 0.85em; font-weight: 400; color: #FFF; background-image: url(../../img/web-plp/stage/bg-stagegol.jpg); position: relative;} .stage-promogol .btn-prueba{ width:312px; height:55px; position:relative; float:right; background:url(../../img/web-plp/stage/btn_prueba.png) center top no-repeat; right: 63px; top: 174px; color:transparent; font-size:1px; } .stage-promogol .btn-prueba:hover{ background-position:center bottom;} .home-cyber { font-family: Poppins, Arial, Helvetica, sans-serif; height: 389px; background-position: center top; background-repeat: no-repeat; background-color: #065555; font-size: 0.85em; font-weight: 400; color: #FFF; background-image: url(../../img/web-plp/content/stage-cyber.jpg); position: relative;} .home-cyber .btn-prueba{ width:369px; height:73px; position:relative; float:right; background:url(../../img/web-plp/content/aprovecha.png) center top no-repeat; right: 32px; top: 174px; color:transparent; font-size:1px; } .home-cyber .btn-prueba:hover{ background-position: center -73px;} .stage .wrapper, .stage2 .wrapper, .stage3 .wrapper, .stage-hombres .wrapper, .stage-farandula .wrapper, .stage-decoracion .wrapper, .stage-actualidad .wrapper { text-align:center; padding:29px 0 20px; position:relative;} .stagetexto1 { float:left; margin-left:120px;} .stagetexto2 { float:left; margin-left:150px;} .stagetexto3 { float:left; margin-left:357px;} .stage-azul .stagetexto4{ color: #FFF; font-size: 13px; text-align: left; line-height: 11px; margin: 12px 53px 12px 0; position: relative; top: 260px; width: 290px; font-family: Arial,Helvetica,sans-serif; float: right; right: 0; margin-right: 273px;} .stage-azul .btn-clic { width:351px; height:44px; background:url(../../img/web-plp/stage/prueba_btn.png) 0 0 no-repeat; display:block; overflow:hidden; line-height:300px; position: relative; top: 185px; right: 0px; margin-right: 86px;float: right;} .stage-azul .btn-clic-toma { width:351px; height:44px; background:url(../../img/web-plp/stage/toma_btn.png) 0 0 no-repeat; display:block; overflow:hidden; line-height:300px; position: relative; top: 185px; right: 0px; margin-right: 86px;float: right;} .stage-azul .btn-clic:hover { background-position: 0 -44px;} .stage-azul .btn-prueba { width: 312px; height: 55px; background: url(../../img/web-plp/stage/btn_prueba.png) 0 0 no-repeat; position: relative; color: rgba(0, 0, 0, 0); padding: 20px 132px; top: 196px; right: -382px; _right: -381px; right: -381px\9;} .stage-azul .btn-prueba:hover { background-position: 0 -55px;} .stage-azul .btn-prueba2 { width: 312px; height: 55px; /*background: url(../../img/web-plp/stage/btn_prueba2.png) 0 0 no-repeat;*/ position: relative; color: rgba(0, 0, 0, 0); padding: 20px 132px; top: 203px; right: -287px; _right: -281px; right: -281px\9;} .stage-azul .btn-prueba2:hover { /*background-position: 0 -55px;*/} .stage-azul .ver-revista{ margin-left: -110px; padding: 44px; position: absolute; top: 160px; _position:inherit; *position:inherit; position:inherit\9; *margin-left:0px; _margin-left:0px; margin-left:0px\9; *top:197px; _top:197px; top:197px\9; *left:-308px; _left:-308px; left:-308px\9;} .stage-azul-toma { height:320px; background-position: center 0; background-repeat:no-repeat; background-color:#1badd6; font-size:0.85em; font-weight:400; color:#FFF; position:relative; padding: 20px 0;} .stage-azul-toma .wrapper{ width:950px; margin:0 auto; font-family: Poppins, 'Cabin Condensed', sans-serif;} .stage-azul-toma .wrapper .left_side{ width:460px; float:left; margin-top: 42px;} .stage-azul-toma .wrapper .left_side h3{ font-size:32px; color:#FFF; text-align:center;} .stage-azul-toma .wrapper .left_side h3 span{ color:#000; font-weight:700;} .stage-azul-toma .wrapper .right_side{ width:460px; float:right;} .stage-azul-toma .wrapper .right_side form{ width:440px; float:left;} .stage-azul-toma .wrapper .right_side .campo_form{ width:208px; float:left; margin-right:10px; margin-bottom: 10px;} .stage-azul-toma .wrapper .right_side .campo_form label{ width: 100%; float: left; margin-bottom: 0px; font-size: 18px;color: #FFF; padding-bottom: 5px} .stage-azul-toma .wrapper .right_side .campo_form input[type="text"] , .stage-azul-toma .wrapper .right_side .campo_form input[type="password"]{ width: 188px; height: 15px; font-family: Poppins, 'Cabin Condensed', sans-serif; padding: 8px 10px;; background-color: #FFF; box-shadow: inset 2px 2px 6px 0px rgba(0, 0, 0, 0.6);} .stage-azul-toma .wrapper .right_side input[type="submit"] { font-family: Poppins, 'Cabin Condensed', sans-serif; width: 205px; margin-top: 10px; border-radius: 10px; height: 35px; float: right; cursor: pointer; text-align: center; line-height: 35px; color: #FFF; font-size: 25px; background-color: #FF7700; margin-right: 33px; } .stage-azul-toma .wrapper .right_side input[type="submit"]:hover{ background-color:#454545;} @media all and (-ms-high-contrast: none) { .stage-azul .ver-revista{ margin-left: 410px; padding: 44px; position: absolute; top: 160px; _position:inherit; *position:inherit; position:inherit\9; *margin-left:0px; _margin-left:0px; margin-left:0px\9; *top:197px; _top:197px; top:197px\9; *left:-308px; _left:-308px; left:-308px\9;} } .btn-regala{ width: 0px; height: 16px; background: url(../../img/web-plp/content/btn-regala.png) 0 0 no-repeat; padding: 8px 64px; top: 243px; color: rgba(0, 0, 0, 0); right: -125px; position: relative;} .btn-regala:hover { background-position: 0 -32px; /*background-position: 0 -50px;*/} .btn-regala2{ width: 0px; height: 16px; background: url(../../img/web-plp/content/btn-regala.png) 0 0 no-repeat; padding: 8px 64px; top: 207px; color: rgba(0, 0, 0, 0); right: -459px; position: relative;} .btn-regala:hover { background-position: 0 -32px; /*background-position: 0 -50px;*/} .btn-regala1{ width: 0px; height: 16px; background: url(../../img/web-plp/content/btn-regala.png) 0 0 no-repeat; padding: 8px 97px; top: 65px; color: rgba(0, 0, 0, 0); left: 41px; position: relative;} .btn-regala:hover { background-position: 0 -32px; /*background-position: 0 -50px;*/} .stagetexto4 { color: #999; font-size: 12px; text-align: left; line-height: 11px; margin: 12px 53px 12px 0; position: absolute; top:275px; left: 621px; width:250px;} .stagetexto5 { color: #000; font-size: 15px; text-align: center; line-height: 11px; position: relative; top: 197px; font-family: Arial,Helvetica,sans-serif; font-weight: 700; width: 100%; margin-left: -13px; float:left;} .demo-blue { position: relative; z-index: 10; margin-top: -43px;} .demo-blue .wrapper { position:relative;} .demo-blue .aliados{ width: 158px; height: 43px; float: left; background-color: #FF7700; color: #FFF; font-family: Poppins, 'Cabin Condensed', sans-serif; font-size: 20px; text-align: center; line-height: 43px; margin-left: -97px; border-radius: 10px 10px 0px 0px; position: relative; left: 50%; text-transform: uppercase;} .demo-blue .aliados:hover{ background-color:#454545;} .regalo{ width: 100%; float: left; background-color: #EF821C; position: absolute; top: 144px; z-index: 2; height: 43px; line-height: 48px; box-shadow: inset 0px -4px 8px 0px rgba(0,0,0,0.3); } .regalo .wrapper{ position:relative;} .regalo h2{ font-size:24px; color:#FFF; font-family: Poppins, 'Cabin Condensed', sans-serif; font-weight:500; float:left;} .regalo a{ font-weight:500; color:#FFF; font-size:24px; float:right; font-family: Poppins, 'Cabin Condensed', sans-serif; width:100px;} .regalo a span{ background-color: #FFF; color: #EF821C; position: absolute; font-family: Poppins, 'Cabin Condensed', sans-serif; font-size: 36px; font-weight: 700; line-height: 19px; padding: 0 6px; height: 26px; border-radius: 50%; overflow: hidden; float: right; right: -7px; top: 10px;} .regalo a:hover{ text-shadow:1px 1px 2px rgba(0,0,0,0.5);} .stagetexto-landing { color: #999; font-size: 12px; text-align: left; line-height: 11px; margin: 12px 53px 12px 0; position: absolute; top:294px; left: 583px; width:250x;} .label-gold { font-size:1px; line-height:999px; background:url(../../img/web-plp/content/label-gold.png) 0 0 no-repeat; display:block; width:73px; height:71px; position:absolute; bottom:-3px; right:-5px; overflow:hidden; z-index:8; box-shadow:0 !important; } .label-gold2 { font-size:1px; line-height:999px; background:url(../../img/web-plp/content/label-gold2.png) 0 0 no-repeat; display:block; width:100px; height:103px; position:absolute; top:-6px; left:-6px; overflow:hidden; z-index:10; box-shadow:0 !important; } .label-gold3 { font-size:1px; line-height:999px; background:url(../../img/web-plp/content/label-gold3.png) 0 0 no-repeat; display:block; width:124px; height:128px; position:absolute; top:21px; left:5px; overflow:hidden; z-index:10; box-shadow:0 !important; } .label-platinum { font-size:1px; line-height:999px; background:url(../../img/web-plp/content/label-platinum.png) 0 0 no-repeat; display:block; width:73px; height:71px; position:absolute; bottom:-4px; right:-6px; overflow:hidden; z-index:7; box-shadow:0 !important; } .label-platinum2 { font-size:1px; line-height:999px; background:url(../../img/web-plp/content/label-platinum2.png) 0 0 no-repeat; display:block; width:100px; height:103px; position:absolute; top:-6px; left:-6px; overflow:hidden; z-index:11; box-shadow:0 !important;} .label-platinum2 { font-size:1px; line-height:999px; background:url(../../img/web-plp/content/label-platinum2.png) 0 0 no-repeat; display:block; width:100px; height:103px; position:absolute; top:-6px; left:-6px; overflow:hidden; z-index:11; box-shadow:0 !important;} .label-platinum3 { font-size:1px; line-height:999px; background:url(../../img/web-plp/content/label-platinum3.png) 0 0 no-repeat; display:block; width:124px; height:128px; position:absolute; top:21px; left:5px; overflow:hidden; z-index:11; box-shadow:0 !important;} .label-zafiro { font-size:1px; line-height:999px; background:url(../../img/web-plp/content/label-zafiro.png) 0 0 no-repeat; display:block; width:71px; height:70px; position:absolute; bottom:-5px; right:-9px; overflow:hidden; z-index:8; box-shadow:0 !important; } /* Content */ .content { background:#D1D1D1 url(../../img/web-plp/content/bg-content.jpg);} .c_bg2 { background-image:url(../../img/web-plp/content/bg-content2.jpg);} .wrap-content { background:url(../../img/web-plp/content/bg-wrap-content.png) left top repeat-x !important;} .content .wrapper { padding:16px 0 25px;} .precio1 { height:130px; position:relative;} .precio1 img { position:absolute; top:0; left:-48px;} .precio2 { height:100px; position:relative;} .precio2 img { position:absolute; top:0; left:-48px;} .destacado_plan { font-family:Poppins, 'Cabin Condensed', sans-serif; line-height:31px; font-size:2.14em; font-weight:400; color:#FFF; background:url(../../img/web-plp/content/destacado_plan.png) 0 0 no-repeat; text-align:center; width:313px; height:74px; padding:13px 15px 20px;} .destacado_plan span { font-weight:700; color:#F70;} .destacado_plan2 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.5em; font-weight:400; color:#666; text-align:center; padding:20px; margin:15px 15px 0; border:1px dotted #999;} .destacado_plan2 span { font-weight:700; color:#F70;} .destacado_plan3 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.7em; font-weight:400; color:#666; text-align:center; padding:20px; margin:15px 15px 0; border:1px dotted #999;} .destacado_plan3 span { font-weight:700; color:#F70;} .comprar_item3 { margin:15px 15px 0; border:1px dotted #999;} .comprar_item3 p { font-family:Poppins, 'Cabin Condensed', sans-serif; width:650px; float:left; font-size:1.5em; font-weight:400; color:#666; padding: 20px 0 20px 20px;} .btn-landing { width:193px; height:50px; line-height:400px; background:url(../../img/web-plp/content/btn-clic-aqui2.png) 0 0 no-repeat; display:block; float:right; overflow:hidden; margin: 23px 40px 0 0;} .btn-landing:hover { background-position: 0 -50px;} .btnLandingLeeYa { width:193px; height:50px; line-height:400px; background:url(../../img/web-plp/content/btn-clic-aqui-lee-ya.png) 0 0 no-repeat; display:block; float:right; overflow:hidden; margin: 23px 40px 0 0;} .btnLandingLeeYa:hover { background-position: 0 -50px;} .btn_clic_aqui { width:193px; height:50px; line-height:400px; background:url(../../img/web-plp/content/btn-clic-aqui2.png) 0 0 no-repeat; display:block; float:left; overflow:hidden; margin: 35px 0 0 16px;} .btn_clic_aqui:hover { background-position: 0 -50px;} .btn_clic_aqui_stage { width:254px; height:64px; line-height:400px; background:url(../../img/web-plp/stage/btn-clic-new.png) 0 0 no-repeat; display:block; overflow:hidden; position:absolute; right:63px; top:238px; } .btn_clic_aqui_stage:hover { background-position: 0 -67px;} .btn_aceptar { width:193px; height:50px; line-height:400px; background:url(../../img/web-plp/content/btn-aceptar.png) 0 0 no-repeat; display:block; float:right; overflow:hidden; margin: 23px 40px 0 0;} .btn_aceptar:hover { background-position: 0 -50px;} .btn_aceptar_terminos{ width:193px; height:50px; line-height:400px; background:url(../../img/web-plp/content/btn-aceptar-terminos.png) 0 0 no-repeat; display:block; float:right; overflow:hidden; margin: 23px 40px 0 0;} .btn_aceptar_terminos:hover { background-position: 0 -50px;} .content .promo-golcaracol{ width:100%; float:left; background:url(../../img/web-plp/content/bg-promogol.png) 52px top no-repeat; height:137px;} .content .promo-golcaracol .btn_leer{ width:368px; height:73px; background:url(../../img/web-plp/content/btn-promogol.png) center top no-repeat; position:relative; top: 48px; right: 114px; float: right; color:transparent;} .content .promo-golcaracol .btn_leer:hover{ background-position:center bottom;} .une{ width:250px; height:250px; float:left; margin-left:10%; background:url(../../img/web-plp/content/une.png) 0 0 no-repeat;} .logo_une{ width:100%; height:150px; float:left; position:relative; background:url(../../img/web-plp/content/une_sm.png) center no-repeat;} .plp{ width:250px; height:63px; float:right; margin-right:20%; background:url(../../img/web-plp/content/plp-logo-black.png) 0 0 no-repeat; margin-top:90px;} .content .texto{ width: 416px; position: relative; background-color: #EEE; padding: 15px; right: 0px; margin-top: 30px; float: right; border: 1px solid #DEDEDE;} .texto h2{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:28px; color:#d01906; text-transform:uppercase; text-align:center;} .texto p{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:25px; color:#888; margin-bottom:20px; text-transform:none; font-weight:normal; text-align:center;} .texto2{ width: 416px; position: relative; background-color: #EEE; padding: 15px; left: 50%; margin-top: 30px; float: left; border: 1px solid #DEDEDE; margin-left:-225px;} .texto2 h2{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:28px; color:#d01906; text-transform:uppercase; text-align:center;} .texto2 p{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:25px; color:#888; margin-bottom:20px; text-transform:none; font-weight:normal; text-align:center;} .btn-enviar{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:20px; background-color:#e95505; color:#FFF; font-weight:bold; text-shadow:1px 1px 1px #666; padding:10px 20px; border-radius:10px; text-transform:uppercase; float:left; position:relative; width:auto; left:50%; margin-left:-60px;} .btn-enviar:hover{ background-color:#d01906;} .texto .campo_form{ width:70%; height:30px; border:1px solid #666; box-shadow: inset 1px 1px 2px #999; float:none;} .texto2 .campo_form{ width:70%; height:30px; border:1px solid #666; box-shadow: inset 1px 1px 2px #999; float:none;} .citemsune { width:909px; margin:0 auto;} .citemsune .item2 { width:135px; float:left; margin:21px 46px;} .pagar { width:253px; height:53px; line-height:400px; background:url(../../img/web-plp/content/btn_pagar.png) 0 0 no-repeat; display:block; float:left; overflow:hidden; margin: 23px 40px 0 0; cursor:pointer; text-indent:-9999px; .text-indent:0px; } .pagar:hover { background-position: 0 -53px;} .info-footer { text-align:center; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1em; color:#505058; padding:30px 0 10px 0} .info-footer a { color:#25ACD4;} .info-footer a:hover { text-decoration:underline;} .vineta { background:url(../../img/web-plp/content/bullet2.gif) 0 5px no-repeat; padding-left:10px;} .planes_suscripcion { padding-bottom:50px;} .planes_suscripcion form { float:left;} .opcion-pago { width:100%; float:left; padding:20px 0;} .planes_suscripcion form input.opcion { margin-right:10px;} .planes_suscripcion form label {color:#25ACD2; font-size: 1.8em;!important} .col-left span { font-family: Poppins, 'Cabin Condensed', sans-serif; font-size:1.15em; line-height:16px; font-weight:400; color: #666;} .col-left { float:left; width:272px; padding:7px 0;} .col-right { float:right; width:184px;} .col-right span {font-family: Poppins, Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:600; color:#666; padding: 5px 0 15px;} .planes_suscripcion p {font-size: 0.90em; font-weight:400; color:#858585; padding-bottom:10px; float:left; margin-top:30px;} .planes_suscripcion a { color:#25ACD2;} .planes_suscripcion a:hover { text-decoration:underline;} .pago_gold { background:url(../../img/web-plp/content/bg_pago_gold2.png) 0 0 no-repeat; width:805px; height: 327px; padding: 61px 83px 109px 78px;} .pago_gold .clase_pago1 { background-image:url(../../img/web-plp/content/pago_clase1.jpg);} .pago_gold .clase_pago1 h2{ color:#FFF;} .pago_gold .clase_pago2 { background-image:url(../../img/web-plp/content/pago_clase2.jpg);} .pago_gold .clase_pago2 h6 { color:#FFF;} .pago_platinum { background:url(../../img/web-plp/content/bg_pago_platinum.png) 0 0 no-repeat; width:805px; height:327px; padding:61px 83px 109px 78px;} .pago_platinum .clase_pago1 { background-image:url(../../img/web-plp/content/pago_clase3.png);} .pago_platinum .clase_pago2 { background-image:url(../../img/web-plp/content/pago_clase4.png);} .pago_platinum .clase_pago2 h6 { color:#DBDBDB;} .pago_platinum p{ font-family:Poppins, Arial, Helvetica, sans-serif; font-size:0.95em; font-weight:400; color:#FFF; text-align:center; width:805px; float:left; padding-top:15px;} .pago_gold p{ font-family:Poppins, Arial, Helvetica, sans-serif; font-size:0.95em; font-weight:400; color:#630; text-align:center; width:805px; float:left; padding-top:15px;} .pago_gold p a { font-weight:700; color:#630;} .pago_platinum p a .pago_zafiro p a { font-weight:700; color:#FFF;} .pago_gold p a:hover, .pago_platinum p a:hover .pago_zafiro p a:hover { text-decoration:underline;} .pago_zafiro { background:url(../../img/web-plp/content/bg_pago_zafiro2.png) 0 0 no-repeat; width:966px; height:327px; padding:61px 83px 109px 78px;} .pago_zafiro .clase_pago1 { background-image:url(../../img/web-plp/content/pago_clase5.jpg);} .pago_zafiro .clase_pago2 { background-image:url(../../img/web-plp/content/pago_clase6.jpg);} .pago_zafiro .clase_pago1 h2{ color:#FFF; } .pago_zafiro .clase_pago2 h6{ color:#FFF; } .pago_zafiro p{ text-align:center; width:805px; padding-top:15px; color:#FFF; } .botones{ width:951px; height:auto; float:left; margin:0 auto; padding-bottom:60px; padding-top:0px;} .botones .item{ width:237px; margin-left:40px; margin-right:40px; display:inline; position:relative; float:left;} .botones .text{ padding-top:8px; padding-bottom:8px; border-top: 1px solid #959595; border-bottom: 1px solid #959595; width:237px; height:auto; display:inline; font-weight:normal; margin-top:15px; float:left;} .botones .text p{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:16px; color:#454545; text-align:center;} .btn-zafiro{ width:134px; height:134px; background:url(../../img/web-plp/content/planes_zafiro_bg.png) center top no-repeat; display:inline; margin-left:50px; float:left; margin-right:50px;} .btn-zafiro p{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:16px; color:#FFF; border-top:none; padding:0px; border-bottom:none; margin-left:19px; margin-top:32px; text-align:center;} .btn-zafiro span{ font-size:32px; text-shadow: 2px 2px 4px #000; color:#FFF;} .btn-platinum{ width:134px; height:134px; background:url(../../img/web-plp/content/planes_platinum_bg.png) center top no-repeat; display:inline; margin-left:50px; float:left; margin-right:50px;} .btn-platinum p{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:16px; color:#FFF; border-top:none; padding:0px; border-bottom:none; margin-left:19px; margin-top:32px; text-align:center;} .btn-platinum span{ font-size:32px; text-shadow: 2px 2px 4px #000; color:#FFF;} .btn-gold{ width:134px; height:134px; background:url(../../img/web-plp/content/planes_gold_bg.png) center top no-repeat; display:inline; margin-left:50px; float:left; margin-right:50px;} .btn-gold p{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:16px; color:#FFF; border-top:none; padding:0px; border-bottom:none; margin-left:19px; margin-top:32px; text-align:center;} .btn-gold span{ font-size:32px; text-shadow: 2px 2px 4px #000; color:#FFF;} .clase_pago1, .clase_pago2 { background-color:transparent; background-position:0 0; background-repeat:no-repeat; text-align:center; width:226px; height:330px; float:left; padding:16px 8px 0 9px; margin:0 12px;} .clase_pago1 h2 { color:#F70;} .clase_pago2 h2 { color:#FFF;} .clase_pago1 h2, .clase_pago2 h2 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:2.14em; line-height:28px; font-weight:700; margin-top:70px;} .clase_pago1 h6 { color:#FFF;} .clase_pago1 h6, .clase_pago2 h6 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.14em; font-weight:400;} .clase_pago1 > img { display:inline-block; margin:18px 6px 0;} .clase_pago2 > img { display:inline-block; margin:6px 8px 0;} .btn_hfacebook { font-size:1px; line-height:999px; color:transparent; background:url(../../img/web-plp/header/facebook.png) 0 0 no-repeat; display:block; width:20px; height:20px; float:right; margin-right:5px; overflow:hidden;} .btn_hfacebook:hover { background-position:0 -20px;} .btn_htwitter { font-size:1px; line-height:999px; color:transparent; background:url(../../img/web-plp/header/twitter.png) 0 0 no-repeat; display:block; width:20px; height:20px; float:right; margin-right:5px; overflow:hidden;} .btn_htwitter:hover { background-position:0 -20px;} .btn_facebook_like { float:right; padding-right:10px;} .hcompartir { float:right; padding-top:6px; padding-right:10px; margin-right: 20px;} .hcompartir p { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:400; color:#FFF; line-height:20px; float:right; margin-right:5px;} .titulo_editores { background:url(../../img/web-plp/content/titulo_editores.png) 0 0 repeat-x; height:50px;} .titulo_editores .wrapper { padding:0;} .titulo_editores h1, .titulo_editores h2, .titulo_editores h3, .titulo_editores h4, .titulo_editores h5, .titulo_editores h6 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.85em; line-height:50px; font-weight:600; color:#FFF; text-transform:uppercase; text-shadow:1px 1px 1px #1E87A6; padding-left:45px;} .destacado_editores { background:url(../../img/web-plp/content/destacado_editores.png); margin-top:2px; padding:10px 0;} .destacado_editores .wrapper { width:900px; padding:0;} .itemtop_editores { text-align:center; width:299px; float:left; padding:15px 0;} .itemtop_editores h1, .itemtop_editores h2, .itemtop_editores h3, .itemtop_editores h4, .itemtop_editores h5, .itemtop_editores h6 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.65em; font-weight:700; color:#25ACD4; background:url(../../img/web-plp/content/destacado_editores_h.png) center bottom no-repeat; padding-bottom:5px;} .itemtop_editores p { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:2.2em; font-weight:700; color:#333; padding-top:5px;} .info_editores {} .info_editores .wrapper { padding:0;} h3.progreso_corte { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.65em; font-weight:700; color:#333; text-align:center; padding-top:15px;} .barra_progreso { background:url(../../img/web-plp/content/barra_progreso.png) 0 0 no-repeat; width:698px; height:28px; padding:7px; margin:45px auto 0;} .barra_progreso2 { background:url(../../img/web-plp/content/barra_progreso2.png) 0 0 repeat-x; max-width:698px !important; height:28px; position:relative;} .barra_progreso2 p { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.65em; line-height:38px; font-weight:700; color:#FFF; text-shadow:1px 1px 1px #1E87A6; background:url(../../img/web-plp/content/fecha_prcorte.png) 0 0 no-repeat; text-align:center; width:150px; height:38px; padding-bottom:6px; margin-right:-75px; position:absolute; top:-47px; right:0;} .editores_publicacion { background:#FFF url(../../img/web-plp/content/editores_publicacion.png) center 63px no-repeat; width:650px; margin:10px auto 0; padding:25px 25px 65px; position:relative; box-shadow:2px 2px 2px #AAA, -2px -2px 2px #AAA; -moz-box-shadow:2px 2px 2px #AAA, -2px -2px 2px #AAA; -webkit-box-shadow:2px 2px 2px #AAA, -2px -2px 2px #AAA; filter:progid:DXImageTransform.Microsoft.Glow(color='#AAAAAA',strength='3');} .editores_publicacion .left { font-size:1px; color:transparent; line-height:999px; background:url(../../img/web-plp/content/left1.png) 0 0 no-repeat; display:block; width:32px; height:97px; position:absolute; top:50%; left:-50px;} .editores_publicacion .right { font-size:1px; color:transparent; line-height:999px; background:url(../../img/web-plp/content/right1.png) 0 0 no-repeat; display:block; width:32px; height:97px; position:absolute; top:50%; right:-50px;} .editores_publicacion .left, .editores_publicacion .right { font-size:1px; color:transparent; line-height:999px; background-color:transparent; background-position:0 0; background-repeat:no-repeat; display:block; width:32px; height:97px; position:absolute; top:50%; margin-top:-48px; overflow:hidden;} .editores_publicacion .left { background-image:url(../../img/web-plp/content/left1.png); left:-50px;} .editores_publicacion .right { background-image:url(../../img/web-plp/content/right1.png); right:-50px;} .editores_publicacion .left:hover, .editores_publicacion .right:hover { background-position:-32px 0;} .editores_publicacion > h3 { float:left; padding-left:20px;} .editores_publicacion > h4 { text-align:center; width:175px; float:right; padding-right:15px;} .editores_publicacion > h3, .editores_publicacion > h4 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.71em; font-weight:400; color:#333; padding-bottom:10px;} .itemcenter_editores { background:url(../../img/web-plp/content/lv8.png) 445px 25px no-repeat; width:620px; min-height:166px; float:left; padding:30px 15px 25px; border-bottom:1px dotted #999;} .img_editores { width:135px; float:left; position:relative;} .img_editores > img { box-shadow: 2px 2px 1px #BBB; -moz-box-shadow: 2px 2px 1px #BBB; -webkit-box-shadow: 2px 2px 1px #BBB; filter:progid:DXImageTransform.Microsoft.Shadow(color='#BBBBBB',direction='120',strength='3');} .datos_publicacion { width:255px; float:left; padding:30px 0 0 33px;} .datos_publicacion h3 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.57em; line-height:29px; font-weight:400; color:#25ACD4;} .datos_publicacion p { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.07em; line-height:19px; font-weight:400; color:#333;} .datos_publicacion span { padding-left:3px; font-size:1.15em; color:#25ADD5;} .porcentaje_editores { text-align:right; width:145px; float:right; padding:40px 30px 0 0;} .porcentaje_editores p { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:4.28em; font-weight:400; color:#333;} .porcentaje_editores span { font-size:0.5em; color:#25ADD5;} .editores_total { background:url(../../img/web-plp/content/editores_total.png) 0 0 no-repeat; width:283px; height:50px; padding:0 35px 0 395px; position:absolute; bottom:0; left:0;} .editores_total p { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:2.5em; line-height:50px; font-weight:700; color:#FFF; text-align:right; text-shadow:2px 2px 1px #135B71;} .editores_total span { float:right;} .itembottom_editores { background:url(../../img/web-plp/content/editores_bottom.png) center 0 repeat-x; height:104px; position:relative; z-index:300;} .itembottom_editores .wrapper { background:url(../../img/web-plp/content/editores_clientes.png) 0 20px no-repeat; width:670px; height:70px; padding:20px 0 0; margin:0 auto;} .itembottom_editores h3 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.65em; line-height:20px; font-weight:700; color:#25ACD4; text-align:center; width:232px; float:left; padding:15px 0 0 20px;} .itembottom_editores p { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:3em; line-height:70px; font-weight:400; color:#333; text-align:center; width:358px; float:right; padding-right:20px;} .itembottom_editores span { font-size:0.66em; color:#25ADD5;} .demo { background-color:#000; background-image:url(../../img/web-plp/content/bg-demo.gif); background-position: left 0; background-repeat:repeat;} .demo .wrapper { position:relative;} .demo-revista {width:227px; height:43px; display:block; overflow:hidden; line-height:300px; background:url(../../img/web-plp/content/btn-ver-demo.png) 0 0 no-repeat; position:absolute; left:120px; bottom:0px;} .demo-revista:hover { background-position: 0 -43px;} .ver-video { float:right; width:227px; height:43px; display:block; overflow:hidden; line-height:300px; background:url(../../img/web-plp/content/btn-ver-video.png) 0 0 no-repeat; margin: 0px 160px 0px 0;} .ver-video:hover { background-position: 0 -43px;} .video2 {width:222px; height:52px; display:block; overflow:hidden; line-height:300px; background:url(../../img/web-plp/content/btn-ver-video-interno.png) 0 0 no-repeat; position:absolute; bottom:3px; left:104px;} .video2:hover { background-position: 0 -52px;} .btn_registro { float:left; width:104px; height:17px; display:block; overflow:hidden; text-align:center; background:url(../../img/web-plp/content/btn-ingreso.png) 0 0 no-repeat; color:#FFA928; font-size:12px; padding-top:2px;} .btn_registro:hover { background-position: 0 -19px; color:#FFF;} .btn_ingresa { float:right; width:106px; height:17px; display:block; overflow:hidden; text-align:center; background:url(../../img/web-plp/content/btn-ingreso.png) 0 0 no-repeat; color:#FFA928; font-size:12px; padding-top:2px;} .btn_ingresa:hover { background-position: 0 -19px; color:#FFF;} .status { height:60px; width:791px; margin:30px auto 20px; background:url(../../img/web-plp/content/bg-status.png) left 0 no-repeat;} .status ul { float:right; height:60px; width:714px; overflow:hidden; background-image:url(../../img/web-plp/content/bg-pasos.png); background-repeat:no-repeat;} .status ul li { float:left; height:60px; display:none;} .paso1 { background-position: 0 0;} .paso2 { background-position: 0 -60px;} .paso3 { background-position: 0 -120px;} .paso4 { background-position: 0 -180px;} .paso5 { background-position: 0 -240px;} .paso6 { background-position: 0 -300px;} .paso7 { background-position: 0 -360px;} .paso8 { background-position: 0 -420px;} .paso9 { background-position: 0 -480px;} .paso10 { background-position: 0 -540px;} .info-invitacion {font-family: Poppins, 'Cabin Condensed', sans-serif; text-align:center; font-size:2em; font-weight:400; color:#878787; padding-top:43px;} /* Footer */ .footer { border-top:8px solid #25ACD4; padding:45px 0 50px; float: left; width: 100%;} .footer2 { border-top:8px solid #25ACD4; padding:0 0 10px;} .footer .wrapper, .footer2 .wrapper { position:relative;} .footer .logo-ccce{ height:71px; float:left; position:absolute; left:40px; top:0px; width:auto;} .footer .logo_iab{ width:93px; height:42px; float:right; position:absolute; right:40px; top:50%; margin-top:-21px;} /*--------- STYLES ---------*/ .lbh1 { background:url(../../img/web-plp/footer/lh1.png) center bottom no-repeat;} .lbh2 { background:url(../../img/web-plp/content/lh2.png) 0 bottom no-repeat;} .lbh3 { border-bottom:1px solid #CCC;} .lbh4 { background:url(../../img/web-plp/content/lh4.png) center bottom no-repeat;} .llv1 { background:url(../../img/web-plp/content/lv1.png) left top no-repeat;} .llv2 { background:url(../../img/web-plp/content/lv2.png) no-repeat;} .llv3 { background:url(../../img/web-plp/content/lv3.png) no-repeat;} .llv4 { background:url(../../img/web-plp/content/lv4.png) no-repeat;} .llv5 { background:url(../../img/web-plp/content/i9_lbg.png) no-repeat;} .llv6 { background:url(../../img/web-plp/content/lv6.png) no-repeat;} .llv7 { background:url(../../img/web-plp/content/lv7.png) no-repeat;} .llv8 { background:url(../../img/web-plp/content/i9_lbg.png) center bottom no-repeat;} .lpv1 { background:url(../../img/web-plp/content/lpv1.gif) repeat-y;} .lpv2 { background:url(../../img/web-plp/content/lpv2.gif) repeat-y;} .lpv3 { border-right:1px dotted #999;} .pbg1 { min-height:433px; background-position:500px center;} .pbg2 { min-height:891px; background-position:500px center;} .pbg3 { min-height:541px; background-position:500px center;} .pbg4 { background-position:right 185px;} .pbg5 { background-position:483px top;} .pbg6 { min-height:104px; background-position:483px center; padding-top:20px;} .pbg7 { background-position:456px top;} .pbg8 { background-position:475px top;} /* Secciones */ .colmain { padding:20px 0 0 0; width: 100%; float: left;} .colmain p{ font-family: Poppins, 'Cabin Condensed', sans-serif; font-size: 14px; color: #424242; padding-bottom: 15px; width: 100%; float: left; margin-top: 25px;} .colside1 { width:456px; float:left;} .colside2 { width:470px; float:right;} .colside3 { width:441px; float:left;} .colside4 { width:446px; float:right;} .colside5 { width:470px; float:left;} .colside6 { width:350px; float:left;} .colside7 { width:580px; float:right;} .seccion1 { height:28px; float:right; clear:right;} .seccion2 { min-width:265px; float:right; clear:right; margin-right:3px; padding:15px 0 0 0;} .seccion2 p { line-height:50px; min-width:80px; float:left;} .seccion3 { padding-bottom:11px;} .seccion4 { text-align:center; padding:11px 0; position:relative;} .seccion5 { background:url(../../img/web-plp/content/lh5.png) 11px 0 no-repeat; padding-top:25px;} .seccion5 .txt9 { line-height:21px; text-align:center; padding-top:10px;} .seccion5 .txt9 strong { color:#25ADD5;} .facebook_c { width:100px; height:30px; float:right;} .citems1 { width:909px; margin:0 auto;} .citems2 { float: left; width: 100%;} .citems3 { padding:28px 0 0 7px;} .item1 { float:right; padding:5px 5px 0 0;} .item1-gold { float:right; padding:5px 5px 0 16px; background:url(../../img/web-plp/content/user-gold.png) left 7px no-repeat;} .item1-platinum { float:right; padding:5px 5px 0 16px; background:url(../../img/web-plp/content/user-platinum.png) left 7px no-repeat;} .item1-zafiro { float:right; padding:5px 5px 0 16px; background:url(../../img/web-plp/content/user-zafiro.png) left 7px no-repeat;} .item2 { width:135px; float:left; margin:21px 6px;} .item2 h6 {font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1em; font-weight:400; color:#878787;} .item3 { width:275px; float:left; margin:7px 0 0 70px;} .item4 { width:533px; float:right; margin-right:90px;} .item4 > div { height:42px; padding-left:18px;} .item4 p, .item4 div { line-height:42px;} .i2_img { /*width:135px; */height:auto; vertical-align:bottom; position:relative;} /*.i2_img a { display:block; width:135px; position:absolute; bottom:0; left:0;} .i2_img a > img { box-shadow: 2px 2px 1px #BBB; -moz-box-shadow: 2px 2px 1px #BBB; -webkit-box-shadow: 2px 2px 1px #BBB; filter:progid:DXImageTransform.Microsoft.Shadow(color='#BBBBBB',direction='120',strength='3');}*/ .i2_img .content-portada > img { box-shadow: 2px 2px 1px #BBB; -moz-box-shadow: 2px 2px 1px #BBB; -webkit-box-shadow: 2px 2px 1px #BBB; filter:progid:DXImageTransform.Microsoft.Shadow(color='#BBBBBB',direction='120',strength='3');} .i2_img img, .i5c_img img {} .i3_img { width:248px; height:auto; vertical-align:bottom; position:relative; float:left; margin: 8px 28px 8px 16px;} .i3_img .content-portada > img { box-shadow: 2px 2px 1px #BBB; -moz-box-shadow: 2px 2px 1px #BBB; -webkit-box-shadow: 2px 2px 1px #BBB; filter:progid:DXImageTransform.Microsoft.Shadow(color='#BBBBBB',direction='120',strength='3');} .i3_img img{ width:auto; height:464px;} .i2_img .content-portada:hover .tooltip { display:block;!important} .tooltip { position:absolute; z-index:9; min-height:100%; .height:176px; top:0px; left:0px; width:135px; display:none;} .i3_img .content-portada:hover .tooltip { display:block;!important; height:465px;} .i3_img .content-portada { height: 464px;} .i3_img .tooltip { position:absolute; z-index:9; min-height:100%; height:465px; top:0px; left:0px; width:295px; display:none;} .i3_img h6 {font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1em; font-weight:400; color:#878787;} .content-portada {background-size: contain;width: 139px;height: 183px;overflow: hidden;margin: auto;} .edicion { width:100%; margin:122px auto 0; width:90px; background:url(../../img/web-plp/content/bg-edicion.png) 38px center no-repeat;} .i3_img .ed-actual { color:#FFF; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:34px; top:0; left:0; width:256px; height:50%; display:block; position:absolute; text-align:center; line-height:270px; background-color:#25ADD5;/* -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); */opacity: 0.93;} .i3_img .ed-anterior { color:#FFF; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:34px; position:absolute; top:50%; left:0; width:256px; height:50%; display:block; background-color:#000; text-align:center; line-height:210px; /*-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); */opacity: 0.9; z-index:12;} /* --------- PLANES -------- */ .text_int{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:32px; color:#666666; text-align:center; font-weight:700; height:100px; margin-top:10px;} .planes_zafiro{ width:967px; height:auto; margin-bottom:32px; float:left;} .head_zafiro{ width:966px; height:32px; background:url(../../img/web-plp/content/head_zafiro.png) no-repeat;} .middle_zafiro{ width:966px; height:auto; background:url(../../img/web-plp/content/bg_planes.png) repeat-y; min-height:380px; z-index:1;} .footer_zafiro{ width:966px; height:61px; background:url(../../img/web-plp/content/foot_zafiro.png) no-repeat;} .left_zafiro{ width:271px; height:auto; float:left; left:0; margin-left:67px; margin-bottom:24px; z-index:10; margin-top:47px; display:inline-block; margin-right:27px; } .left_zafiro .image{ width:241px; height:184px; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:32px; color:#004D7B; background:url(../../img/web-plp/content/left_zafiro.png) no-repeat; float:left; margin-left:0; margin-bottom:23px;} .button_select{ height:30px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; background:#FF7700; color:#FFF; text-align:center; padding:8px; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:23px; } .center_zafiro{ width:295px; height:auto; float:left; display:inline-block; z-index:10; margin-top:38px;} .center_zafiro li{ line-height: 25px; width: 90px; float: left; padding: 0 15px 0 5px; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:22px; color:#3F3F3F; list-style-image: url(../../img/web-plp/content/bullet_s1.jpg); margin-left:35px;} .right_zafiro{ width:222px; height:auto; background:#E0EDF5; margin-bottom:14px; z-index:10; float:right; right:0; display:inline-block; margin-right:32px; margin-top:44px; padding-bottom:30px; padding-top:10px; padding-left:5px; padding-right:5px;} .right_zafiro h3{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:20px; color:#454545; text-align:center; font-weight:400; margin:10px;} .right_zafiro p{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:22px; color:#004D7B; text-align:center; font-weight:700; margin:0px;} .right_zafiro h2{font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:41px; color:#004D7B; text-align:center; font-weight:700;} .label-zafiro3{ width:124px; height:124px; background:url(../../img/web-plp/content/label-zafiro3.png) no-repeat; z-index:50; float:left; margin-left:3px; margin-top:-6px; position:absolute;} .vertical_div{ margin-left:10px; margin-right:10px; width:5px; height:302px; display:inline-block; z-index:12;} .planes_platinum{ width:967px; height:auto; margin-bottom:32px;} .head_platinum{ width:966px; height:32px; background:url(../../img/web-plp/content/head_platinum.png) no-repeat;} .middle_platinum{ width:966px; height:auto; background:url(../../img/web-plp/content/bg_planes.png) repeat-y; min-height:380px; z-index:1;} .footer_platinum{ width:966px; height:61px; background:url(../../img/web-plp/content/foot_platinum.png) no-repeat;} .left_platinum{ width:271px; height:auto; float:left; left:0; margin-left:47px; margin-bottom:24px; z-index:10; margin-top:90px; display:inline-block; margin-right:47px; } .left_platinum .image{ width:271px; height:112px; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:32px; color:#4C4C4C; background:url(../../img/web-plp/content/medios_pago_platinum.png); float:left; margin-left:0; margin-bottom:23px;} .center_platinum{ width:295px; height:auto; float:left; display:inline-block; z-index:10; margin-top:38px;} .center_platinum li{ line-height: 25px; width: 90px; float: left; padding: 0 15px 0 5px; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:22px; color:#3F3F3F; list-style-image: url(../../img/web-plp/content/dot4.png); margin-left:35px;} .right_platinum{ width:222px; height:auto; background:#F7F7F7; margin-bottom:14px; z-index:10; float:right; right:0; display:inline-block; margin-right:32px; margin-top:44px; padding-bottom:30px; padding-top:10px; padding-left:5px; padding-right:5px;} .right_platinum h3{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:20px; color:#4C4C4C; text-align:center; font-weight:400; margin:10px;} .right_platinum p{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:22px; color:#53535E; text-align:center; font-weight:700; margin:0px;} .right_platinum h2{font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:41px; color:#53535E; text-align:center; font-weight:700;} .label-platinum31{ width:124px; height:124px; background:url(../../img/web-plp/content/label-platinum3.png) no-repeat; z-index:50; float:left; margin-left:3px; margin-top:-6px; position:absolute;} .planes_gold{ width:967px; height:auto; margin-bottom:32px;} .head_gold{ width:966px; height:32px; background:url(../../img/web-plp/content/head_gold.png) no-repeat;} .middle_gold{ width:966px; height:auto; background:url(../../img/web-plp/content/bg_planes.png) repeat-y; min-height:380px; z-index:1;} .footer_gold{ width:966px; height:61px; background:url(../../img/web-plp/content/foot_gold.png) no-repeat;} .left_gold{ width:271px; height:auto; float:left; left:0; margin-left:47px; margin-bottom:24px; z-index:10; margin-top:90px; display:inline-block; margin-right:47px; } .left_gold .image{ width:271px; height:112px; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:32px; color:#4C4C4C; background:url(../../img/web-plp/content/medios_pago_gold.png); float:left; margin-left:0; margin-bottom:23px;} .center_gold{ width:295px; height:auto; float:left; display:inline-block; z-index:10; margin-top:38px;} .center_gold li{ width: 110px; float: left; padding: 0 10px 0 5px; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:15px; color:#787878; margin-left:05px;} .right_gold{ width:222px; height:auto; background:#F7F7F7; margin-bottom:14px; z-index:10; float:right; right:0; display:inline-block; margin-right:32px; margin-top:44px; padding-bottom:30px; padding-top:10px; padding-left:5px; padding-right:5px;} .right_gold h3{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:20px; color:#787878; text-align:center; font-weight:400; margin:10px;} .right_gold p{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:22px; color:#C17121; text-align:center; font-weight:700; margin:0px;} .right_gold h2{font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:41px; color:#C17121; text-align:center; font-weight:700;} .label-gold31{ width:124px; height:124px; background:url(../../img/web-plp/content/label-gold3.png) no-repeat; z-index:50; float:left; margin-left:3px; margin-top:-6px; position:absolute;} .ed-actual { color:#FFF; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:16px; top:0; left:0; width:135px; height:50%; display:block; position:absolute; text-align:center; line-height:90px; background-color:#25ADD5;/* -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); */opacity: 0.93;} .ed-actual:hover { background-image:url(../../img/web-plp/content/bg-actual.png); background-position: center bottom; background-repeat:no-repeat;} .ed-anterior { color:#FFF; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:16px; position:absolute; top:50%; left:0; width:135px; height:50%; display:block; background-color:#000; text-align:center; line-height:90px; /*-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); */opacity: 0.9; z-index:12;} .ed-anterior:hover {background-image:url(../../img/web-plp/content/bg-anterior.png); background-position: center top; background-repeat:no-repeat;} .item5 { width:956px; padding-top:28px; margin:0 auto;} .i5_titulo { width:896px; clear:both; padding:0 26px 0 34px;} .i5_content { width:577px; float:left; padding:28px 0 0 36px;} .i5c_img { width:215px; float:left; position:relative;} .i5c_txt { width:340px; float:right;} .i5_link { width:253px; min-height:183px; padding:40px 0 0 30px; margin:36px 26px 0 0; float:right;} .i5_link .txt9 strong { color:#25ADD5;} .i5_link .link2 { text-align:center;} .i5_link .titulo2a { margin-top:-36px;} .i5_btn1 { background:url(../../img/web-plp/content/i5_btn1.png) center bottom no-repeat; padding-top:12px;} .i5_btn2 { background:url(../../img/web-plp/content/i5_btn2.png) center bottom no-repeat; padding-bottom:4px; width:193px; margin:30px 14px 0 46px;} .item6 { width:365px; float:left; padding:37px 50px 100px 41px; position:relative;} .i12_naranja .item6 { background-position:right top; padding-bottom:20px;} .item7 { font-family:Poppins, Arial, Helvetica, sans-serif; color:#858585; width:420px; float:left; padding:20px 50px 0 0;} .item8 { background:url(../../img/web-plp/content/item8_bg.png) center bottom no-repeat; width:434px; padding-top:25px; padding-bottom:29px; position:relative; z-index:6;} .i8_azul {} .i8_gris {} .i8_titulo { line-height:34px; background-color:transparent; background-position:0 0; background-repeat:no-repeat; min-width:292px; padding:14px 47px; position:absolute; top:14px; left:-7px; z-index:999;} .i8_azul .i8_titulo { background-image:url(../../img/web-plp/content/i8t_azul2.png);} .i8_gris .i8_titulo { background-image:url(../../img/web-plp/content/i8t_gris.png);} .i8_subtitulo { line-height:34px; background-color:transparent; background-position:0 0; background-repeat:no-repeat; width:247px; padding:40px 25px 37px 162px; position:absolute; bottom:-28px; left:0px; z-index:999;} .i8_azul .i8_subtitulo { background-image:url(../../img/web-plp/content/i8t2_azul.png);} .i8_gris .i8_subtitulo { background-image:url(../../img/web-plp/content/i8t2_gris.png);} ._top2 .i8_subtitulo { line-height:13px; background:url(../../img/web-plp/content/i8t2_gris2.png) 0 0 no-repeat !important; text-align:center; width:424px; height:34px; padding:30px 10px 5px; position:absolute; bottom:-42px; left:0px; z-index:999; overflow:hidden;} .i8_top { background:url(../../img/web-plp/content/item8_top.png) center top no-repeat; padding-top:35px; position:relative; z-index:7;} .i8_azul .i8_top { background-image:url(../../img/web-plp/content/item8_top3.png);} .i8_gris .i8_top { background-image:url(../../img/web-plp/content/item8_top4.png);} ._top2 { background-image:url(../../img/web-plp/content/item8_top2.png) !important; padding-top:25px !important;} .i8_top_c { font-family:Poppins, Arial, Helvetica, sans-serif; background:url(../../img/web-plp/content/item8_top_c.png) center repeat-y; padding:20px 42px 0 49px;} .i8_azul .i8_top_c { min-height:433px;} ._top2 .i8_top_c { background-image:url(../../img/web-plp/content/item8_top_c2.png); padding:40px 42px 25px 49px;} .i8_top_c h3 { font-family:Poppins, 'Cabin Condensed', sans-serif; line-height:51px; font-size:3.57em; font-weight:700; color:#25ADD5; background:url(../../img/web-plp/content/icon_revistas2.png) 0 0 no-repeat; text-align:center; width:100px; padding:36px 155px 46px 16px; margin:0 auto;} .i8_top_c h3 span { display:none;} .i8_gris .i8_top_c h3 { color:#DA6C0C; background-image:url(../../img/web-plp/content/icon_revistas3.png);} .i8_top_c p { padding-bottom:10px;} .i8_top_c p.txt34 { font-weight:700; padding-top:10px; text-align:center;} .i8_top_btn { background:url(../../img/web-plp/content/i5_btn1.png) center 43px no-repeat; text-align:center; padding:5px 0;} ._top2 .i8_top_btn { background-position:center 43px; padding:5px 0 32px;} .i8_bottom { background-repeat:repeat; text-align:center;} .i8_bottom .txt10 { color:#FFF; padding-bottom:10px; padding-top:15px;} .i8b_txt { background-position:158px top;} .i8_azul .i8_bottom { background-image:url(../../img/web-plp/content/i8b_azul.png); padding:40px 45px 25px 44px;} .i8_gris .i8_bottom { background-image:url(../../img/web-plp/content/i8b_gris.png); min-height:185px; padding:40px 45px 25px 44px;} .i8b_txt .col1 { width:130px; float:left; padding-right:30px;} .i8b_txt .col2 { width:123px; float:left; padding-left:52px;} .i8_gris .i8b_txt ul { width:343px; margin-top:10px;} .titulo_planes {padding: 25px 0 35px 0;} .titulo_planes h2 {font-family: Poppins, 'Cabin Condensed', sans-serif; font-size:2.05em; font-weight:400; color:#666; text-align:center;} .i8_gris .i8b_txt li { width:150px; float:left; padding:0px 15px 0px 5px;} .i8_azul .i8b_txt li { line-height:17px; width:150px; float:left; padding:0 15px 0 5px;} .colside1 .item8 { margin-left:7px;} .colside2 .item8 { margin-left:35px;} .item9 { width:50%; float:left; padding:13px 0 0;} .flex-items-ayuda{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} .i9_l { font-family: Poppins, 'Lato', sans-serif;font-size: 1.1em;font-weight: normal;color: #25ADD5;background: url(../../img/web-plp/content/item9_bg.png) 0 0 no-repeat;display: block;line-height: normal;padding: 1em 1em 1em 2.2em;} .i9_l:hover { opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8; -o-opacity:0.8; -ms-opacity:0.8; filter:alpha(opacity=80);} .i9_r { margin:0 20px 0 40px; overflow:hidden;} .item10 { background:url(../../img/web-plp/content/icon_1.png) 15px 50px no-repeat; width:298px; min-height:85px; padding:72px 0 38px 143px;} .item10b { background:url(../../img/web-plp/content/icon_4.png) 15px 50px no-repeat; width:298px; min-height:85px; padding:72px 0 38px 143px;} .item11 { width:371px; padding:38px 35px 0;} .item12 { padding-top:17px;} .colside2 .item12 { padding-left:18px;} .i12_azul {} .i12_naranja {} .i12_titulo { line-height:34px; background-color:transparent; background-position:0 0; background-repeat:no-repeat; min-width:292px; padding:14px 47px;} .i12_azul .i12_titulo { background-image:url(../../img/web-plp/content/i12t_naranja.png);} .i12_naranja .i12_titulo { background-image:url(../../img/web-plp/content/i8t_azul.png);} .i12_info { background-position:right bottom; padding:9px 0 28px 8px; margin-left:7px;} .i12_icon { width:108px; float:left;} .i12a_icon { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:3.15em; line-height:115px; font-weight:700; color:#F70; background:url(../../img/web-plp/content/icon_9.png) 0 0 no-repeat; text-align:center; text-shadow:1px 1px 2px #333; width:108px; height:108px; float:left;} .i12b_icon { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:3.15em; line-height:115px; font-weight:700; color:#F70; background:url(../../img/web-plp/content/icon_10.png) 0 0 no-repeat; text-align:center; text-shadow:1px 1px 2px #333; width:108px; height:108px; float:left;} .i12_txt { display:table; width:270px; height:108px!important; float:right; padding-right:28px; *position:relative;} .i12_txt .valign { max-height:108px;} .item13 { width:405px; padding:40px 0 40px 35px;} .item13 p { padding-bottom:10px;} .item14a { background-position:right bottom; padding:50px 7px;} .item14 { width:345px; padding:23px 40px 15px 49px; border:1px dashed #878787; position:relative;} .i14_icon { width:108px; height:108px; position:absolute; top:-38px; left:49px;} .i14_titulo { float:right; clear:both; padding-bottom:32px;} .i14_dato { clear:both;} .i14_dt1 { line-height:18px; text-align:right; width:117px; float:left;} .i14_dt2 { line-height:18px; width:210px; float:right;} .item15 { background:url(../../img/web-plp/content/item15_bg.gif) 0 0 repeat-y; width:434px; margin:33px 0 0 7px; border:1px dashed #878787;} .i15_dt1 { width:210px; padding:15px 0 15px 180px;} .item16 { width:434px; float:right; margin:50px 0 39px; border:1px dashed #878787; position:relative;} .item16 p.dest { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.15em; font-weight:400; color:#FFF; text-align:center; background:url(../../img/web-plp/content/tabal2_destacado.png) 0 0 no-repeat; width:61px; height:37px; padding:9px 37px 9px 12px; position:absolute; top:75px; left:-90px;} .item17 { float:right; background-position:center top; padding-top:20px;} .item18 { margin:15px 0;} .i18_titulo { background-color:#25ACD4; text-align:center;} .i18_txt { padding:12px 280px; border-right:1px dashed #878787; border-bottom:1px dashed #878787; border-left:1px dashed #878787;} .item19 { background:url(../../img/web-plp/content/icon_5.png) 15px 50px no-repeat; width:298px; min-height:85px; padding:72px 0 38px 143px;} .item20 { float:left; padding:37px 25px 45px;} /* Textos */ .titulo2, .titulo2a { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.30em; line-height:36px; font-weight:600; color:#FFF; background:url(../../img/web-plp/content/titulo2.png) 0 0 no-repeat; text-shadow:1px 1px 1px #1E87A6; width:203px; height:36px; padding:4px 25px 0;} .ctitulo1 { background-position:center 54px;} .titulo-referido { background-position:center 54px; background: url(../../img/web-plp/content/lh2.png) 0 bottom no-repeat;} .titulo-referido h2 {line-height:36px; min-width:334px; padding: 12px 30px 14px 47px; background-image: url(../../img/web-plp/content/i12t_naranja.png); background-repeat:no-repeat; font-family: Poppins, 'Cabin Condensed', sans-serif; font-size:1.70em; font-weight:600; display:inline; width:311px; float:left; color:#FFF; text-shadow: 1px 1px 1px #924400;} .titulo-referido span {font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:2.14em; color:#FF8E00; float:right; margin-top:15px;} .info-referidos { margin-top:40px; font-family:Poppins, 'Cabin Condensed', sans-serif; background:url(../../img/web-plp/content/bg-info-referidos.jpg) 0px bottom no-repeat;} .como-funciona { float:left; width:420px; margin-left:48px;} .como-funciona h3 { color:#25ABD2; font-size:1.71em; } .como-funciona p {color:#656565; font-size:1.50em;} .como-funciona p strong {color:#FF8F00;} .como-funciona span {color:#656565; font-size:1.14em; padding-top:30px; float:left;} .como-funciona span a { color:#25ABD2;} .como-funciona span a:hover { text-decoration:underline;} .premio { float:right; width:466px; margin-right:36px; background:url(../../img/web-plp/content/morral.jpg) 0 center no-repeat; min-height:308px;} .premio p {color:#656565; font-size:1.28em; width:224px; float:right; margin-top:70px;} .premio p strong { color:#25ABD2; font-weight:normal;} .h2-referidos {font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.71em; font-weight:normal; color:#FF8E00; margin-top:15px; padding-left: 48px; padding-bottom:30px;} .titulos-form {font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.28em; font-weight:normal; color:#656565; margin-top:15px; padding:20px 0 20px 48px; display:block;} .form-referidos {} .form-referidos form {} .form-referidos form label { color:#25ADD5; font-size:1.40em;} .separador { float:left; width:1000px;} .col-media { float:left; width:444px;} .referido {} .campo-referido { float:left; width:240px; margin-right:13px; padding-bottom: 20px;} .campo-referido span{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.20em; color:#656565; margin-right: 4px;} .numero { float:left; color:#FF8F00; font-size:1.50em; font-family:Poppins, 'Cabin Condensed', sans-serif; padding: 0px 10px 0;} .ctext1 { padding:5px 0 10px;} .ctext2 { padding:15px 0;} .txt1 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:0.78em; font-weight:500; color:#ffffff;} .item1 .txt1 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:0.78em; font-weight:500; color:#fff;} .item1-gold .txt1 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:0.78em; font-weight:500; color:#EDC672;} .item1-platinum .txt1 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:0.78em; font-weight:500; color:#E8E8E8;} .txt1 strong { font-weight:500; color:#00B6D6;} .txt1 a { font-weight:500; color:#00B6D6; border-left:1px solid #FFF; padding-left:7px; margin-left:5px;} .txt1 a:hover { text-decoration:underline;} .txt2 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:400; color:#737373;} .txt3 { font-family:Verdana, Geneva, sans-serif; font-size:0.71em; font-weight:400; color:#ABABAB;} .item3 .txt3 { text-align:right; width:131px; float:left;} .item4 .txt3 { float:left;} .txt3 code { font-family:Verdana, Geneva, sans-serif; font-size:inherit; font-weight:400; color:#ABABAB;} .txt4 { font-family:Verdana, Geneva, sans-serif; font-size:0.78em; font-weight:400; color:#FFF;} .txt4 span { font-weight:400; color:#25ADD5;} .txt4 a { color:#FFF;} .txt4 a:hover { text-decoration:underline;} .seccion4 .txt4 { padding-top:10px;} .txt5 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:2.57em; font-weight:400; color:#333; text-shadow:1px 1px 1px #FFF, -1px -1px 1px #CCC;} .i5_titulo .txt5 { float:left; padding-bottom:10px;} .txt6 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.15em; font-weight:400; color:#878787;} .txt6 strong { font-weight:400; color:#333;} .txt6 span { font-weight:400; color:#25ADD5;} .txt_adv .txt7 { font-weight:700;} .txt7 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1em; font-weight:400; color:#25ADD5;} .i5c_txt .txt7 { padding:18px 0 3px;} .txt8 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1em; line-height:15px; font-weight:400; color:#666;} .txt9 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.42em; font-weight:400; color:#000;} .i5_link .txt9 { line-height:19px; text-align:center;} .txt10 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:0.85em; font-weight:400; color:#666;} .txt10 a { color:#333; text-decoration:underline;} .i5_btn1 .txt10 { text-align:center;} .txt11 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.70em; font-weight:600; color:#FFF; text-shadow:1px 1px 1px #1E87A6;} .ctitulo1 .txt11 { line-height:36px; background:url(../../img/web-plp/content/ctitulo1.png) 0 0 no-repeat; min-width:334px; padding:12px 30px 14px 47px;} .i8_gris .txt11 { text-shadow:1px 1px 1px #333;} .i12_naranja .txt11 { text-shadow:1px 1px 1px #C15B00} .txt12 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.71em; line-height:28px; font-weight:400; color:#666;} .txt12 span { color:#25ACD3;} .txt13 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.57em; font-weight:600; color:#333; padding:5px 0 15px;} .txt14 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:400; color:#666;} .txt15 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.71em; font-weight:400; color:#000;} .i8_top_btn .txt15 { padding:15px 0 0;} .txt16 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.57em; font-weight:400; color:#FFF; text-shadow:0px 2px 1px #104D5F;} .i8_gris .txt16 { text-shadow:1px 1px 1px #333;} .txt17 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.1em; font-weight:400; color:#FFF;} .txt18 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:2.15em; font-weight:400; color:#FFF; text-shadow:0px 2px 1px #333;} .i8b_txt .txt18 { color:#666; text-align:center; padding-bottom:10px; text-shadow:0px 2px 1px #DDD;} .i8b_txt .txt18 span { color:#F70;} .txt18 span { font-weight:600; color:#2CCDFF;} .txt19 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.42em; line-height:23px; font-weight:400; color:#25ADD5;} .txt20 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.35em; line-height:20px; font-weight:400; color:#878787;} .i12_naranja .txt20 { color:#F70;} .form2 .txt20 { padding-left:7px;} .txt20 span, .txt20 a { color:#25ACD4;} .txt20 a:hover { text-decoration:underline;} .txt21 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.15em; line-height:16px; font-weight:400; color:#666;} .item11 .txt21 { width:185px; float:left;} .txt22 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:2.15em; font-weight:400; color:#666;} .item11 .txt22 { width:170px; float:right;} .txt22 code { font-family:Poppins, 'Cabin Condensed', sans-serif; font-weight:400; color:#25ACD3; padding-right:5px;} .txt23 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.1em; line-height:15px; font-weight:400; color:#878787;} .txt23 code { font-family:Poppins, 'Cabin Condensed', sans-serif;} .txt23 span, .txt23 a { color:#25ACD4;} .txt23 a:hover { text-decoration:underline;} .i12_naranja .txt23 span, .i12_naranja .txt23 a { color:#25ACD4;} .txt24 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.85em; font-weight:400; color:#333;} .txt25 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.14em; font-weight:400; color:#25ACD4;} .txt26 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:0.92em; font-weight:400; color:#878787;} .txt27 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.35em; line-height:20px; font-weight:400; color:#F70;} .form2 .txt27 { padding-bottom:8px;} .txt28 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.42em; line-height:20px; font-weight:400; color:#666;} .txt28 span { color:#25ACD3;} .txt29 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:0.85em; font-weight:400; color:#FFF;} .txt30 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.85em; line-height:42px; font-weight:400; color:#333; text-shadow:1px 1px 1px #FFF, -1px -1px 1px #CCC;} .txt31 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.42em; font-weight:400; color:#FFF;} .txt32 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.15em; line-height:17px; font-weight:400; color:#878787;} .txt32 p, { padding-bottom:5px;} .txt32 a { color:#25ACD4;} .txt32 a:hover { text-decoration:underline;} .txt32 ol { padding:5px 0 10px 20px;} .txt32 ol li { padding-bottom:4px;} .txt32 ol li p { padding-bottom:0;} .txt32 ul { padding:5px 0 10px;} .txt32 ul li { background:url(../../img/web-plp/content/dot1.png) 3px 7px no-repeat; padding-left:20px; padding-bottom:4px;} .txt32 li li { background-image:url(../../img/web-plp/content/dot2.png);} .txt32 ul ul, .txt32 ol ul { padding:5px 0 0;} .txt33 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1em; line-height:18px; font-weight:400; color:#878787;} .txt33 h3 { font-size:1.71em; line-height:25px; font-weight:400; text-align:center; padding-bottom:15px;} .txt33 p { padding-bottom:5px;} .txt33 a { color:#25ACD4;} .txt33 a:hover { text-decoration:underline;} .txt34 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.1em; font-weight:400; color:#666;} .i8_bottom .txt35 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:400; color:#FFF; min-height:60px; padding-bottom:10px;} .txt35 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:0.85em; font-weight:400; color:#666;} .txt_adv p.txt35 { line-height:16px; padding-top:5px;} .txt36 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:2em; line-height:55px; font-weight:700; color:#25ADD5;} .info-afiliacion { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:400; color:#FFF; padding: 20px 0 0px 0;} .alerta_1 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1em; line-height:15px; font-weight:400; color:#878787;} .alerta_1 h3 { font-size:1.30em; line-height:25px; font-weight:400; padding-bottom:23px;} .alerta_1 h3.exitosa { font-size:3.2em; padding-bottom:30px; color:#25ACD4; font-weight:bold;} .alerta_1 h3.rechazada { font-size:2.1em; padding-bottom:30px; color:#FF7700; font-weight:bold; line-height:35px;!important} .alerta_1 p { padding-bottom:15px;} .alerta_1 a { color:#25ACD4;} .alerta_1 a:hover { text-decoration:underline;} /* Tablas */ .tabla1 { width:434px;} .tabla1 thead td { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.35em; font-weight:400; color:#333; padding:4px 5px 4px 184px;} .tabla1 tbody th { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.15em; font-weight:400; color:#FFF; text-align:right; width:150px; padding:4px 15px 4px 5px; border-top:1px dotted #32F3FF; border-right:1px dotted #32F3FF;} .tabla1 tbody td { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:0.92em; font-weight:400; color:#878787; padding:4px 15px; border-top:1px dotted #878787;} .tabla2 { width:434px;} .tabla2 thead {} .tabla2 thead th { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.35em; font-weight:400; color:#333; text-align:center; padding:8px 5px; border-bottom:1px dotted #878787;} .tabla2 thead td { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.15em; font-weight:400; color:#FFF; background:#25ACD4; border-right:1px dotted #878787; text-align:center; padding:8px 5px;} .tabla2 tbody {} .tabla2 tbody tr.esp { background:#FFF;} .tabla2 tbody td { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:0.92em; font-weight:400; color:#878787; padding:8px 15px; border-top:1px dotted #878787; border-right:1px dotted #878787;} .tabla2 tbody th { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.15em; font-weight:600; color:#333; padding:8px 15px; border-top:1px dotted #878787;} .tabla3 { width:100%; margin-bottom:40px; border-top:1px dashed #878787; border-right:1px dashed #878787; border-left:1px dashed #878787;} .tabla3 th { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.15em; line-height:16px; font-weight:600; color:#333; background-color:#CCC; text-align:right; padding:5px 15px; border-right:1px dashed #878787; border-bottom:1px dashed #878787;} .tabla3 td { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:0.92em; line-height:16px; font-weight:400; color:#666; padding:5px 15px; border-bottom:1px dashed #878787;} .tabla3 td.dest { font-size:16px; font-weight:600; color:#333;} /* Menús */ .nav_main { width:630px; float:right; clear:both;} .nav_main ul {} .nav_main li { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1em; font-weight:500; color:#FFF; width:100px; height:47px; float:right; padding-left:4px;} .nav_main li a { color:#FFF; line-height:37px; background:url(../../img/web-plp/header/menu_a.png) 0 0 no-repeat; text-align:center; display:block; width:100px; height:36px; padding-top:11px;} .nav_main li a.selected { background-position:0 -94px;} .nav_main li a:hover { color:#00B6D6; background-position:0 -47px;} .nav_main li a:hover.selected { color:#FFF; background-position:0 -94px; cursor:default;} /* Links y botones */ a.mgmd { font-size:1px; line-height:999px; background:url('../../img/web-plp/footer/magdalenamedio.gif') no-repeat scroll 0 0 transparent; display:block; width:9px; height:11px; position:absolute; top:170px; right:15px; overflow:hidden;} .footer2 a.mgmd { top:22px;} .btn_stage1 { background-image:url(../../img/web-plp/stage/btn_stage1.png);} .btn_stage2 { background-image:url(../../img/web-plp/stage/btn_stage2.png);} .btn_stage1, .btn_stage2 { font-size:1px; line-height:500px; background-color:transparent; background-position:0 0; background-repeat:no-repeat; display:block; width:226px; height:46px; overflow:hidden; position:absolute; top:220px; right:35px;} .btn_stage1:hover, .btn_stage2:hover { background-position:0 -46px;} .btn-comprar { width:105px; height:58px; background:url(../../img/web-plp/stage/btn-comprar.png) 0 -58px no-repeat; display:block; overflow:hidden; line-height:300px; position:absolute; top:190px; right:95px;} .btn-comprar:hover { background-position: 0 0;} .btn-clic { width:105px; height:58px; background:url(../../img/web-plp/stage/btn-clic.png) 0 -58px no-repeat; display:block; overflow:hidden; line-height:300px; position:absolute; top:190px; right:95px;} .btn-clic:hover { background-position: 0 0;} .btn_1 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.2em; line-height:37px; font-weight:400; color:#FFF; background:url(../../img/web-plp/header/btn_1.png) 0 0 no-repeat; text-align:center; display:block; width:136px; height:37px; float:right; overflow:hidden;} .btn_1:hover { background-position: 0 -37px;} .btn_2 { font-size:1px; line-height:150px; background:url(../../img/web-plp/header/revistero-virtual-logo.png) 0 0 no-repeat; display:block; width:176px; height:47px; float:left; margin-left:8px; overflow:hidden;} .btn_2:hover { background-position: 0 -47px;} .btn_3 { font-size:1px; line-height:500px; background:url(../../img/web-plp/stage/btn_3.png) 0 0 no-repeat; display:block; width:226px; height:64px; overflow:hidden; position:absolute; top:202px; right:283px;} .btn_3:hover { background-position: 0 -64px;} .btn_3b { font-size:1px; line-height:500px; background:url(../../img/web-plp/stage/btn_3b.png) 0 0 no-repeat; display:block; width:226px; height:64px; overflow:hidden; position:absolute; top:202px; right:283px;} .btn_3b:hover { background-position: 0 -64px;} .btn_4 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:0.92em; line-height:25px; font-weight:400; color:#FFF; background:url(../../img/web-plp/footer/btn_4.png) 0 0 no-repeat; text-align:center; display:block; width:56px; height:25px; padding-right:15px; margin-left:-15px; overflow:hidden; position:absolute; top:-53px; left:48%;} .btn_4:hover { background-position: 0 -25px;} .btn_5 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.05em; font-weight:400; color:#666; background:url(../../img/web-plp/content/btn_5.png) 2px center no-repeat; float:right; padding-left:14px;} .btn_5:hover { color:#333; background-position:0 center;} .i5_titulo .btn_5 { margin-top:21px;} .btn_6 { font-size:1px; line-height:150px; background:url(../../img/web-plp/content/btn_6.png) 0 0 no-repeat; display:block; width:226px; height:46px; float:left; margin:0 12px 0 13px; overflow:hidden;} .btn_6:hover { background-position: 0 -46px;} .btn_comprar { font-size:1px; line-height:150px; background:url(../../img/web-plp/content/btn_comprar.png) 0 0 no-repeat; display:block; width:226px; height:46px; float:left; margin:0 12px 0 13px; overflow:hidden; margin: 0 auto; float:none;} .btn_comprar:hover { background-position: 0 -46px;} .btn_comprar2 { font-size:1px; line-height:150px; background:url(../../img/web-plp/content/btn_comprar2.png) 0 0 no-repeat; display:block; width:253px; height:50px; float:left; margin:0 12px 0 13px; overflow:hidden; margin: 0 auto; float:none; cursor:pointer; text-indent:-9999px; -text-indent:0px;} .btn_comprar2:hover { background-position: 0 -50px;} .btn_registrar { font-size:1px; line-height:150px; background:url(../../img/web-plp/content/btn_registrar.png) 0 0 no-repeat; display:block; width:253px; height:50px; float:left; margin:0 12px 0 13px; overflow:hidden; margin: 0 auto; float:none; cursor:pointer; text-indent:-9999px; -text-indent:0px;} .btn_registrar:hover { background-position: 0 -50px;} .i5_btn1 .btn_6, .i5_btn1 .btn_registrarse, .i5_btn1 .btn_comprar { margin-bottom:17px;} .i8_top_btn .btn_6, .i8_top_btn .btn_9 { margin:0 auto; float:none;} .btn_7 { font-size:1px; line-height:150px; background:url(../../img/web-plp/content/btn_7.png) 0 0 no-repeat; display:block; width:161px; height:46px; float:left; margin:0 16px; overflow:hidden;} .btn_7:hover { background-position: 0 -46px;} .btn_8 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:0.85em; font-weight:400; color:#F70; float:right; padding:25px 5px 0 0;} .btn_8:hover { text-decoration:underline;} .btn_9 { font-size:1px; line-height:150px; color:transparent; background:url(../../img/web-plp/content/btn_9.png) 0 0 no-repeat; display:block; width:226px; height:46px; float:left; margin:0 12px 0 13px; overflow:hidden; cursor:pointer;} .btn_9:hover { background-position: 0 -46px;} .btn_visa { background-image:url(../../img/web-plp/footer/visa.png); background-position:0 3px; width:53px;} .btn_master { background-image:url(../../img/web-plp/footer/master-card.png); background-position:0 1px; width:66px;} .btn_diners { background-image:url(../../img/web-plp/footer/diners-club.png); background-position:0 3px; width:55px;} .btn_american { background-image:url(../../img/web-plp/footer/american.png); background-position:0 0; width:41px;} .btn_visa, .btn_master, .btn_diners, .btn_american { font-size:1px; line-height:150px; color:transparent; background-repeat:no-repeat; display:block; height:41px; float:left; margin:0 22px; overflow:hidden;} .btn_continuar { font-size:1px; line-height:150px; background:url(../../img/web-plp/content/btn_continuar.png) 0 0 no-repeat; display:block; width:161px; height:46px; margin:0 auto; overflow:hidden; clear:both; cursor:pointer;} .alerta .btn_continuar { position:relative; z-index:9999;} .btn_continuar:hover { background-position: 0 -46px;} .btn_pagotarjeta { background-image:url(../../img/web-plp/content/btn_pagotarjeta.png); width:226px; height:73px; /*margin-top:48px;*/ margin-top:55px;} .btn_pagotarjeta:hover { background-position:0 -73px;} .btn_pagotarjeta2 { background-image:url(../../img/web-plp/content/btn_pagotarjeta.png); width:226px; height:73px; /*margin-top:48px;*/ margin-top:52px;} .btn_pagotarjeta2:hover { background-position:0 -73px;} .btn_pagodebito { background-image:url(../../img/web-plp/content/btn_pagodebito.png); width:226px; height:43px; /*margin-top:42px;*/ margin-top:55px;} .btn_pagodebito:hover { background-position:0 -43px;} .btn_pagodebito2 { background-image:url(../../img/web-plp/content/btn_pagodebito.png); width:226px; height:43px; /*margin-top:42px;*/ margin-top:52px;} .btn_pagodebito2:hover { background-position:0 -43px;} .btn_pagobaloto { background-image:url(../../img/web-plp/content/btn_pagobaloto.png); width:226px; height:44px;} .btn_pagobaloto:hover { background-position:0 -44px;} .btn_pagobogota { background-image:url(../../img/web-plp/content/btn-pagobogota.png); width:215px; height:63px; margin-top:32px; float: left; margin-top: 14px; color:transparent; position: relative; left: 50%; margin-left: -117px;} .btn_pagobogota:hover { background-position:0 -63px;} .btn_pago6meses{ width: 99%; height: 66px; background: url(../../img/web-plp/content/pago_6meses.png); float: left; position: relative; color:transparent;} .btn_pago6meses:hover{ background-position:0 -66px;} .btn_pago12meses{ width: 98%; height: 66px; background:url(../../img/web-plp/content/pago_12meses.png); float: left; position: relative; color:transparent;} .btn_pago12meses:hover{ background-position:0 -66px;} .btn_pago4mesesplat{ width: 99%; height: 66px; background: url(../../img/web-plp/content/btn-4meses-plat.png); float: left; position: relative; color:transparent;} .btn_pago4mesesplat:hover{ background-position:0 -66px;} .btn_pago4mesesgold{ width: 98%; height: 66px; background:url(../../img/web-plp/content/btn-4meses-gol.png); float: left; position: relative; color:transparent;} .btn_pago4mesesgold:hover{ background-position:0 -66px;} .btn_pagotarjeta, .btn_pagotarjeta2, .btn_pagodebito, .btn_pagodebito2, .btn_pagobaloto { font-size:1px; line-height:999px; color:transparent; background-color:transparent; background-position:0 0; background-repeat:no-repeat; display:block; overflow:hidden;} .btn_registrarse { font-size: 1px; line-height: 150px;background: url(../../img/web-plp/content/btn_registrarse.png) 0 0 no-repeat;display: block; width: 226px; height: 46px; overflow: hidden; margin: 0 auto;float: none;} .btn_registrarse:hover { background-position: 0 -46px;} .btn_seleccionar_plan { font-size: 1px; line-height: 150px;background: url(../../img/web-plp/content/btn_selec_plan.png) 0 0 no-repeat;display: block; width: 240px; height: 55px; overflow: hidden; margin: 0 auto;float: none;} .btn_seleccionar_plan:hover { background-position: 0 -55px;} /* .btn_registrarse { font-size:1px; line-height:150px; background:url(../../img/web-plp/content/btn_registrarse.png) 0 0 no-repeat; display:block; width:226px; height:46px; float:left; margin:0 12px 0 13px; overflow:hidden;} .btn_registrarse:hover { background-position: 0 -46px;}*/ .link1 { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.15em; font-weight:600; color:#278183; display:block; margin-top:5px;} .link1:hover { color:#000;} .link2 { font-size:0.85em; font-weight:400; color:#25ADD5; text-decoration:underline; display:block;} .link2:hover, .i12_naranja .link2:hover { color:#1A7E8C;} .item12 .form1 .link2 { text-align:center;} .i12_naranja .link2 { color:#25ACD4;} .link3 { color:#25ACD4;} .link3:hover { color:#278183;} .link4 { font-size:12px; color:#F70;} .link4:hover { text-decoration:underline;} /*---------- FORMULARIOS -----------*/ form legend { display:none;} label { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1.15em; font-weight:400; color:#F70; display:block; padding:0 0 8px 3px;} label strong { color:#25ADD5;} .info_campos {font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1em;} .info_campos strong { color:#25ADD5;} .form1 { padding-top:25px; width:500px; margin:0 auto; padding-bottom:35px;} .form1 h3 {font-family: Poppins, 'Cabin Condensed', sans-serif; font-size:1.5em; line-height: 24px; font-weight: 400; color:#666; padding-bottom:24px;} .form2 { width:434px; padding-top:25px;} .form3 { width:342px;} .form2 p { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:0.92em; font-weight:400; color:#868686; padding-bottom:10px;} .form_editores { width:444px; padding:50px 0; margin:0 auto;} .form_editores label { color:#25ADD5;} .i5_link form { padding:15px 0 20px;} .i5_link label { color:#25ADD5; padding:0 0 3px 3px;} ._checkard { text-align:center; width:90px; float:left; padding:10px 10px 0;} ._chk_img { min-height:41px;} .i12_naranja .form1 { padding-bottom:24px; padding-left:7px;} .form2 label { color:#878787;} .item12 label { padding-bottom:4px;} .i12_naranja label {color:#25ACD4; } .f_element { padding-bottom:10px; position:relative;} .f_element2 { min-width:217px; float:left; padding-left:9px; padding-bottom:20px; position:relative;} .f_element3 { width:434px; padding-bottom:20px;} .f_element4 { min-width:226px; float:left; padding-bottom:20px; position:relative;} .f_element4 label { padding-left:11px;} .f_element5 { padding-bottom:10px; position:relative;} .f_element5.sombra_btn { padding-top:5px;} .sombra_btn { background:url(../../img/web-plp/content/f_btn1_bg.png) center bottom no-repeat; padding:20px 0 4px; width:223px; margin:0 auto;} .form2 .sombra_btn { padding-top:10px;} .i12_naranja .sombra_btn { padding:13px 0 4px;} .form_txt_field { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:33px; font-weight:normal; color:#777; background:url(../../img/web-plp/content/form_txt_field.png) right 0 no-repeat; width:424px; height:33px; padding:5px 10px; outline:none;} .form_txt_field2 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:33px; font-weight:normal; color:#777; background:url(../../img/web-plp/content/form_txt_field.png) right 0 no-repeat; width:424px; height:33px; padding:5px 10px; outline:none;} .form_txt_field2:focus { color:#333; background-position:right -43px;} .i12_azul .form_txt_field { background-image:url(../../img/web-plp/content/form_txt_field2.png); width:197px; height:33px; padding:5px 10px; outline:none;} .form2 .form_txt_field { background-image:url(../../img/web-plp/content/form_txt_field3.png); width:414px;} .form3 .form_txt_field { background-image:url(../../img/web-plp/content/form_txt_field4.png); width:322px;} .form_txt_area { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:33px; font-weight:normal; color:#777; background:url(../../img/web-plp/content/form_txt_area.png) left bottom no-repeat; width:434px; height:130px; padding:5px 0 5px 10px; outline:none; resize:none;} .form2 .form_txt_area { background-image:url(../../img/web-plp/content/form_txt_area2.png); width:424px; height:79px;} .form_txt_field:focus { color:#333; background-position:right -43px;} .form_txt_area:focus { color:#333; background-image:url(../../img/web-plp/content/form_txt_area1.png);} .form2 .form_txt_area:focus { background-image:url(../../img/web-plp/content/form_txt_area3.png);} .form_txt2 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:26px; font-weight:normal; color:#777; background:url(../../img/web-plp/content/form_txt6.png) right 0 no-repeat; width:233px; height:26px; padding:2px 10px; outline:none;} .form_txt2:focus { background-position:0 -30px;} .form_referido { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:26px; font-weight:normal; color:#777; background:url(../../img/web-plp/content/form_referido.png) right 0 no-repeat; width:220px; height:26px; padding:2px 10px; outline:none;} .form_referido:focus { background-position:0 -30px;} .select_cont1 { width:444px; height:43px; position:relative; overflow:hidden;} .select_cont1 .form_select { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:43px; font-weight:normal; color:#777; background:#FFF; width:444px!important; height:43px!important; position:relative; z-index:10;} .select_cont1 .select_bg { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:43px; font-weight:normal; color:#777; background:url(../../img/web-plp/content/select_1.png) 0 0 no-repeat; width:424px; height:43px; float:left; padding:0 10px; position:absolute; top:0; left:0; z-index:1; cursor:default;} .select_cont2 { width:217px; height:43px; position:relative; overflow:hidden;} .select_cont2 .form_select { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:43px; font-weight:normal; color:#777; background:#FFF; width:200px!important; height:43px!important; position:relative; z-index:10;} .select_cont2 .select_bg { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:43px; font-weight:normal; color:#777; background:url(../../img/web-plp/content/select_2.png) 0 0 no-repeat; width:180px; height:43px; float:left; padding:0 10px; position:absolute; top:0; left:0; z-index:1; cursor:default;} .select_cont3 { width:217px; height:43px; position:relative; overflow:hidden;} .select_cont3 .form_select { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:43px; font-weight:normal; color:#777; background:#FFF; width:217px!important; height:43px!important; position:relative; z-index:10;} .select_cont3 .select_bg { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:43px; font-weight:normal; color:#777; background:url(../../img/web-plp/content/select_3.png) 0 0 no-repeat; width:197px; height:43px; float:left; padding:0 10px; position:absolute; top:0; left:0; z-index:1; cursor:default;} .f_element2 > .form_select { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:43px; font-weight:normal; color:#777; background:#FFF; width:217px!important; height:43px!important; position:relative; z-index:10;} .f_element2 > .select_bg { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:43px; font-weight:normal; color:#777; background:url(../../img/web-plp/content/select_3.png) 0 0 no-repeat; width:197px; height:43px; float:left; padding:0 10px; position:absolute; top:24px; left:9px; z-index:1; cursor:default;} .f_element4 .f_left { padding-left:9px; position:relative;} .f_element4 .f_left > .form_select { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:43px; font-weight:normal; color:#777; background:#FFF; width:141px !important; height:43px !important; position:relative; z-index:10;} .f_element4 .f_left > .select_bg { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:43px; font-weight:normal; color:#777; background:url(../../img/web-plp/content/select_4.png) 0 0 no-repeat; width:121px; height:43px; float:left; padding:0 10px; position:absolute; top:0; left:9px; z-index:1; cursor:default;} .f_element > .form_select { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:43px; font-weight:normal; color:#777; background:#FFF; width:444px!important; height:43px!important; position:relative; z-index:10;} .f_element > .select_bg { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:43px; font-weight:normal; color:#777; background:url(../../img/web-plp/content/select_1.png) 0 0 no-repeat; width:424px; height:43px; float:left; padding:0 10px; position:absolute; top:24px; left:9px; z-index:1; cursor:default;} .f_btn1 { background-image:url(../../img/web-plp/content/f_btn1.png); width:188px; margin:0 18px 0 17px;} .f_btn1b { background-image:url(../../img/web-plp/content/f_btn1b.png); width:188px; margin:0 18px 0 17px;} .f_btn2 { background-image:url(../../img/web-plp/content/f_btn2.png); width:161px; margin:0 31px;} .f_btn3 { background-image:url(../../img/web-plp/content/f_btn3.png); width:188px; margin:0 18px 0 17px;} .f_btn4 { background-image:url(../../img/web-plp/content/f_btn4.png); width:161px; margin:0 31px;} .f_btn5 { background-image:url(../../img/web-plp/content/f_btn5.png); width:161px; margin:0 31px;} .f_btn6 { background-image:url(../../img/web-plp/content/f_btn6.png); width:188px; margin:0 18px 0 17px;} .f_btn7 { background-image:url(../../img/web-plp/content/f_btn7.png); width:161px; margin:0 31px;} .f_btn8 { background-image:url(../../img/web-plp/content/f_btn8.png); width:161px; margin:0 31px;} .f_btn9 { background-image:url(../../img/web-plp/content/f_btn9.png); width:188px; margin:0 18px 0 17px;} .f_btn10 { background-image:url(../../img/web-plp/content/f_btn10.png); width:161px; margin: 20px 31px 0;} .btn_ingresar { background-image:url(../../img/web-plp/content/f_btn22.png); width:161px; margin: 20px 31px 0;} .btn_contactanos { background-image:url(../../img/web-plp/content/btn_contactanos.png); width:161px; margin:0 31px;} .f_btn1, .f_btn2, .f_btn3, .f_btn4, .f_btn5, .f_btn6, .f_btn1b, .f_btn7, .f_btn8, .f_btn9, .f_btn10, .btn_contactanos, .btn_ingresar { color:transparent; font-size:1px; line-height:300px; background-color:transparent; background-position:0 0; background-repeat:no-repeat; display:block; height:46px; cursor:pointer;} .btn-enviar-r { color: rgba(0, 0, 0, 0); font-size:1px; line-height:300px; background-color: rgba(0, 0, 0, 0); background-position: 0 -50px; background-repeat: no-repeat; display:block; height:50px; cursor:pointer; background-image:url(../../img/web-plp/content/btn-enviar-r.png); width:188px;} .btn-enviar-r:hover { background-position: 0 0;} .f_btn1:hover, .f_btn2:hover, .f_btn3:hover, .f_btn4:hover, .f_btn5:hover, .f_btn6:hover, .f_btn1b:hover, .f_btn7:hover, .f_btn8:hover, .f_btn9:hover, .f_btn10:hover, .btn_ingresar:hover, .btn_contactanos:hover { background-position:0 -46px;} .f_txt1 { line-height:26px;} .cont_check { padding:5px 10px 0 10px; float:left;} .cont_check2 { padding:5px 38px 0;} #track {width:233px; height:41px; position:relative; background:url(../../img/web-plp/content/bg-track.png) 0 0 no-repeat; margin: 15px 0 0 100px; padding:0 2px;} .handle {} .handle:active { background-position: 0 -36px;} .bloqueado { text-align:right;} .desbloquedo { background:url(../../img/web-plp/content/bg-desbloqueado.png) 0 0 no-repeat; text-align:center;!important} #locked-span {position:absolute; width:220px; font-size:1em; color: #ffffff; right:0px; top:0px; padding-top:11px; height:26px; padding-right:15px; z-index:7;} /*---FORMULARIO BANCO DE BOGOTA---*/ h2.orange span{ color:#8D9092; font-size:18px;} .fecha{ float:right; font-family:Poppins, 'Cabin Condensed', sans-serif; color:#454545; font-size:16px; margin-top: 15px; padding-top: 15px; padding-bottom: 15px; width: 100%; text-align: right;} .fecha span{} .info-left{ width: 335px; border: 1pt solid #25AED6; padding: 20px; float: left;} .info-left .bg-blue{background: #25AED6; color: #FFF; font-size: 16px; text-align: center; width: 370px; position: absolute; margin-top: -20px; padding: 3px; margin-left: -20px; font-family:Poppins, 'Cabin Condensed', sans-serif;} .info-left .bigger{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:20px; color:#939598;} .info-left p{ font-size: 15px; line-height: 40px; color:#58585A; font-family:Poppins, 'Cabin Condensed', sans-serif;} .info-left p span{ color:#939598;} .info-left .planes{ width:100%; height:auto;} .info-left .planes div{ float: left; margin-right: 30px;} .info-left .planes div label{ float:left; color:#939598;} .info-left .planes div input{ float: left; vertical-align: middle; margin-left: 15px; margin-top: 4px;} .info-left .check-box1 { width: auto; margin: 0px auto; position: relative; border:none; float:left;} .info-left .check-box1 input#check-box1{ filter: alpha(opacity=0); zoom: 1; opacity: 0; -webkit-appearance: none; width: 21px; height: 21px; z-index: 10; position: absolute; top: 0px; left: 0px;} .info-left .check-box1 span{ display:inline; color:#58585A; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:16px; margin-left:30px; margin-right:10px;} .info-left .check-box1 span a{ } .info-left .check-box1 span strong{ color:#feda45;} .info-left .check-box1 label { z-index:1; cursor: pointer; position: absolute; width: 18px; height: 12px; top: 0px; left: 0; background-color:#fff; border-radius:6px; border: 1pt solid #25AED6; } .info-left .check-box1 label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 9px; height: 5px; background: transparent; top: 4px; left: 4px; border: 3px solid #25AED6; border-top: none; border-right: none;-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);} .info-left .check-box1 label:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.5;} .info-left .check-box1 input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;} .info-right{ width: 335px; border: 1pt solid #25AED6; padding: 20px; float: right;} .info-right .bg-blue{background: #25AED6; color: #FFF; font-size: 16px; text-align: center; width: 370px; position: absolute; margin-top: -20px; padding: 3px; margin-left: -20px; font-family:Poppins, 'Cabin Condensed', sans-serif;} .info-right p{ font-size: 15px; line-height: 21px; color:#58585A; font-family:Poppins, 'Cabin Condensed', sans-serif;} .info-right p span{ color:#939598;} .info-bottom{ width: 96%; float: left; margin-top: 30px; height: auto; padding: 20px; border: 1pt solid #25AED6; position:relative;} .info-bottom .bg-blue{background: #25AED6; color: #FFF; font-size: 16px; text-align: center; width: 99.5%; position: absolute; margin-top: -20px; padding: 3px; margin-left: -20px; font-family:Poppins, 'Cabin Condensed', sans-serif;} .info-bottom .f_left{ width:47%; padding:10px;} .info-bottom .f_right{ width:47%; padding:10px;} .info-bottom .campo_text{ width:65%; height:6px; border: 1pt solid #25AED6; float:right; padding:10px; position:relative;} .info-bottom label{ float:left; color:#58585A; font-family:Poppins, 'Cabin Condensed', sans-serif;} .info-bottom .select1{ width:65%; height:22px; border: 1pt solid #25AED6; float:right; padding:0px; position:relative; background-color:#FFF; color:#58585A; font-family:Poppins, 'Cabin Condensed', sans-serif; z-index: 10;} .info-bottom .select1-fondo{ width: 98%; height: 17px; background:url(../../img/web-plp/content/select-bogota.png) 97% center no-repeat; color:#58585A; font-family:Poppins, 'Cabin Condensed', sans-serif; position: absolute; padding: 3px; z-index: 1;} .info-bottom .check-box1 { width: auto; margin: 0px auto; position: relative; border:none; float:left;} .info-bottom .check-box1 input#check-box1{ filter: alpha(opacity=0); zoom: 1; opacity: 0; -webkit-appearance: none; width: 21px; height: 21px; z-index: 10; position: absolute; top: 0px; left: 0px;} .info-bottom .check-box1 span{ display:inline; color:#58585A; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:16px; margin-left:30px; margin-right:30px;} .info-bottom .check-box1 span a{ } .info-bottom .check-box1 span strong{ color:#feda45;} .info-bottom .check-box1 label { z-index:1; cursor: pointer; position: absolute; width: 18px; height: 12px; top: 0px; left: 0; background-color:#fff; border-radius:6px; border: 1pt solid #25AED6; } .info-bottom .check-box1 label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 9px; height: 5px; background: transparent; top: 4px; left: 4px; border: 3px solid #25AED6; border-top: none; border-right: none;-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);} .info-bottom .check-box1 label:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.5;} .info-bottom .check-box1 input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;} .nota-form{ width:96%; float:left; color:#58585A; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:12px; margin-top: 15px; margin-bottom: 15px;} .orange-btn{ width:220px; height:25px; margin:10px auto; background:#EB6E08; color:#FFF; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:17px; text-align:center; cursor:pointer; position: relative; float: left; left: 50%; margin-left: -110px;} .orange-btn:hover{ background: #25AED6;} .reglamento{ width: 96%; float: left; margin-top: 30px; height: auto; padding: 20px; border: 1pt solid #25AED6; position:relative; color:#58585A; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:14px;} .reglamento .bg-blue{background: #25AED6; color: #FFF; font-size: 16px; text-align: center; width: 99.5%; position: absolute; margin-top: -20px; padding: 3px; margin-left: -20px; font-family:Poppins, 'Cabin Condensed', sans-serif;} .reglamento p{ color:#58585A; font-family:Poppins, 'Cabin Condensed', sans-serif; margin-top: 15px; margin-bottom: 15px;} .reglamento a{ color:#58585A} .reglamento a:hover{ color:#EB6E08;} .reglamento ol{ margin-left:30px;} .reglamento ol li ol{ margin-left:30px;} /*----- NUEVO PROCESO ------*/ #validable{ float:left; width: 100%;} .titulo{ font-family:Poppins, 'Cabin Condensed', sans-serif; color:#454545; text-align:center; margin-bottom:25px; font-size:24px; font-weight:normal;} .clase_pago1 { float:left; height:auto; position:relative; left:21%;} .clase_pago1 .pago1{ background:url(../../img/web-plp/content/bg_pago_1.jpg) 0 0 no-repeat; width:243px; height:auto; padding:10px; margin-bottom:15px;} .clase_pago1 .pago1 .btn_pagotarjeta{ margin-top:15px;} .clase_pago1 .pago1 img{ margin:8px;} .clase_pago1 .pago2{ background:url(../../img/web-plp/content/bg_pago_2.jpg) 0 0 no-repeat; width:243px; height:95px;} .clase_pago1 .pago2-movi{ background:url(../../img/web-plp/content/bg_pago_2-movi.jpg) 0 0 no-repeat; width:243px; height:95px;} .clase_pago1 .pago2-occi{ background:url(../../img/web-plp/content/bg_pago_2-occi.jpg) 0 0 no-repeat; width:243px; height:95px;} .clase_pago1 .pago30{ background:url(../../img/web-plp/content/tarjeta-30.jpg) 0 0 no-repeat; width:243px; height:95px;} .clase_pago1 .pago45{ background:url(../../img/web-plp/content/tarjeta-45.jpg) 0 0 no-repeat; width:243px; height:95px;} .clase_pago1 .pago60{ background:url(../../img/web-plp/content/tarjeta-60.jpg) 0 0 no-repeat; width:243px; height:95px;} .clase_pago1 .pago2bta{ background:url(../../img/web-plp/content/pago_bbogota21.jpg) 0 0 no-repeat; width:242px; height:93px;} .clase_pago2 { float:right; height:auto; position:relative; right:21%;} .clase_pago2 .pago1{ background:url(../../img/web-plp/content/bg_pago_1.jpg) 0 0 no-repeat;width:243px; height:auto; padding:10px; margin-bottom:15px;} .clase_pago2 .pago1 .btn_pagodebito{ margin-top:8px;} .clase_pago2 .pago2{ background:url(../../img/web-plp/content/bg_pago2_2.jpg) 0 0 no-repeat; width:243px; height:95px;} .clase_pago2 .pago2-movi{ background:url(../../img/web-plp/content/bg_pago2_2-movi.jpg) 0 0 no-repeat; width:243px; height:95px;} .clase_pago2 .pago2bta{ background:url(../../img/web-plp/content/pago_bbogota22.jpg) 0 0 no-repeat; width:242px; height:93px;} .clase_pago2 .pago30{ background:url(../../img/web-plp/content/pago_30dias.jpg) 0 0 no-repeat; width:243px; height:95px;} .clase_pago2 .pago45{ background:url(../../img/web-plp/content/pago_45dias.jpg) 0 0 no-repeat; width:243px; height:95px;} .clase_pago2 .pago60{ background:url(../../img/web-plp/content/pago_60dias.jpg) 0 0 no-repeat; width:243px; height:95px;} .clase_pago1 h2{color:#FFF;} .clase_pago3 { float:left; height:auto; position:relative; left:23%;} .clase_pago3 .pago1{ background:url(../../img/web-plp/content/bg_pago_1.jpg) 0 0 no-repeat; width:223px; height:auto; padding:10px; margin-bottom:15px; text-align:center;} .clase_pago3 .pago1 .btn_pagotarjeta{ margin-top:15px;} .clase_pago3 .pago1 img{ margin:8px;} .clase_pago4 { float:right; height:auto; position:relative; right:21%;} .clase_pago4 .pago1{ background:url(../../img/web-plp/content/bg_pago_1.jpg) 0 0 no-repeat;width:223px; height:auto; padding:10px; margin-bottom:15px; text-align:center;} .clase_pago4 .pago1 img{ margin:8px;} .clase_pago_unico { float:left; height:auto; position:relative; width:223px; left:50%; margin-left:-111px;} .clase_pago_unico .pago1{ background:url(../../img/web-plp/content/bg_pago_1.jpg) 0 0 no-repeat; width:223px; height:auto; padding:10px; margin-bottom:15px; text-align:center;} .clase_pago_unico .pago1 .btn_pagotarjeta{ margin-top:15px;} .clase_pago_unico .pago1 img{ margin:8px;} #validable h3{ width:100%; float:left; margin:15px 0px; font-size:28px; color:black; text-align:center; font-family:Poppins, 'Cabin Condensed', sans-serif;} .sincard{ width:165px; height:85px; background:url(../../img/web-plp/content/bg_sincard.png) center top no-repeat; float:right; position:relative; right:-250px; top:15px; padding:10px 10px 10px 30px;} .sincard h3{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:21px; color:#ff991e; text-align:center; float:none;} .sincard p{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:15px; color:#454545; text-align:center; float:none;} .sincard2{ width: 162px; height: 246px; background: url(../../img/web-plp/content/bg_sincard2.png) center top no-repeat; float: left; position: relative; left: -231px; top: 15px; padding: 10px 30px 10px 10px;} .sincard2 h3{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:21px; color:#ff991e; text-align:center; float:none;} .sincard2 p{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:15px; color:#454545; text-align:center; float:none; line-height:18px;} .pago_zafiro .clase_pago2 h6{color:#FFF;} .botones2{ width:100%; height:auto; float:left; margin:0 auto; padding-bottom:60px; padding-top:0px;} .botones2 .item{ width:243px; margin-left:25px; margin-right:20px; display:inline; position:relative; float:left; background:rgba(255,255,255,0.1); padding:20px;} .botones2 .item:hover{ background:rgba(255,255,255,0.5);-webkit-transition: background 0.6s ease; -moz-transition: background 0.6s ease; transition: background 0.6s ease;} .botones2 .item.selected{ background:rgba(255,255,255,0.5);} .botones2 .text{ padding-top:8px; padding-bottom:8px; border-top: 1px solid #959595; border-bottom: 1px solid #959595; width:98%; height:auto; display:inline; font-weight:normal; margin-top:15px; float:left;} .botones2 .text p{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:16px; color:#454545; text-align:center; float:none;} .botones2 .subtext{ padding-top:8px; padding-bottom:8px; width:98%; height:auto; font-weight:normal; margin-top:15px; float:left; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:16px; color:#454545; text-align:center; float:left;} .botones2 .check{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:18px; color:#444; text-align:center; padding:10px; width:150px; height:auto; float:left; border-radius:10px; background:rgba(255,255,255,0.1); margin-top:10px; position:relative; left:50%; margin-left:-85px;} .botones2 .check:hover{ background:rgba(255,153,30,0.9); color:#FFF;-webkit-transition: background 0.6s ease; -moz-transition: background 0.6s ease; transition: background 0.6s ease;} .botones2 .check.selected{ background:rgba(255,153,30,0.9); color:#FFF;} .botones2 .ver-btn{ width:140px; height:auto; border-radius:12px; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:16px; color:#FFF; padding:8px 13px 8px 13px; box-shadow: 0px 0px 3px #666; text-align:center; background-color:#EE881E; float:left; margin-top:15px; position:relative; left:53%; margin-left:-88px; font-weight:bold; text-shadow:inset 2px 2px #ccc;} .registrate-btn{ width:auto; height:auto; border-radius:12px; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:16px; color:#FFF; padding:10px 15px; box-shadow: 0px 0px 3px #666; text-align:center; background-color:#EE881E; float:left; margin-top:15px; position:relative; left:62%; margin-left:-86px; font-weight:bold; text-shadow:inset 2px 2px #ccc; text-transform:uppercase; } .botones2 .ver-btn:hover{ background:#ff991e;} .botones2 .center_gold { margin-left:-8px; width:106%;} .botones2 .center_gold li{ width: 117px; float: left; padding: 0 0px 0 3px; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:15px; color:#787878; margin-left:5px;} .botones2 .center_gold strong{ color:#555;} .botones2 .center_gold .zafiro{ color:#016EAF; font-weight:bold;} .btn-zafiro2{ width:100%; height:134px; background:url(../../img/web-plp/content/planes_zafiro_bg2.png) center no-repeat; display:inline; float:left; margin-right:50px;} .btn-zafiro2 p{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:16px; color:#FFF; border-top:none; padding:0px; border-bottom:none; margin-top:55px; text-align:center; line-height:16px; *margin-top:65px; _margin-top:65px; #margin-top:65px;} .btn-zafiro2 span{ font-size:32px; text-shadow: 2px 2px 4px #000; color:#FFF;-webkit-text-shadow: 2px 2px 4px #000; -o-text-shadow: 2px 2px 4px #000; -moz-text-shadow: 2px 2px 4px #000; *margin-bottom:8px; _margin-bottom:8px; #margin-bottom:8px;} .btn-platinum2{ width:100%; height:134px; background:url(../../img/web-plp/content/planes_platinum_bg2.png) center no-repeat; display:inline; float:left; margin-right:50px;} .btn-platinum2 p{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:16px; color:#FFF; border-top:none; padding:0px; border-bottom:none; margin-left:19px; margin-top:55px; text-align:center; line-height:16px; *margin-top:60px; _margin-top:65px; #margin-top:65px; *line-height:20px;} .btn-platinum2 span{ font-size:32px; text-shadow: 2px 2px 4px #000; color:#FFF; *margin-bottom:8px; _margin-bottom:8px; #margin-bottom:8px;} .btn-gold2{ width:100%; height:134px; background:url(../../img/web-plp/content/planes_gold_bg2.png) center no-repeat; display:inline; float:left; margin-right:50px;} .btn-gold2 p{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:16px; color:#FFF; border-top:none; padding:0px; border-bottom:none; margin-left:19px; margin-top:55px; text-align:center; line-height:16px; *margin-top:60px; _margin-top:65px; #margin-top:65px; *line-height:20px;} .btn-gold2 span{ font-size:32px; text-shadow: 2px 2px 4px #000; color:#FFF; *padding-bottom:8px; _padding-bottom:8px; #padding-bottom:8px;} .nota{ width:97%; height:auto; background-color:#eee; border:1px solid #ff991e; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:18px; color:#333; position:relative; float:left; padding:15px; margin-bottom:15px; font-weight:700;} .nota strong{ color:#EE881E; font-size:20px;} .form4 { padding:10px 25px 25px 25px; width:700px; padding-bottom:35px; float:left; position:relative; left:50%; margin-left:-355px; background:rgba(255,255,255,0.1); margin-bottom:20px;} .form4 .item{ margin-top:10px;} .form4 .item strong{color:#1CACD2} .form4 .select_cont2 { width:217px; height:43px; position:relative; overflow:hidden; _display:inline; *display:inline; #display:inline; vertical-align:top; zoom: 1; float:left; left:0px;} .form4 .select_cont2 .form_select { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:43px; font-weight:normal; color:#777; background:#FFF; width:200px!important; height:43px!important; position:relative; z-index:10; *display:inline; #display:inline; vertical-align:top; zoom: 1;} .form4 .select_cont2 .select_bg { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:43px; font-weight:normal; color:#777; background:url(../../img/web-plp/content/select_2.png) 0 0 no-repeat; width:180px; height:43px; float:left; padding:0 10px; position:absolute; top:0; left:0; z-index:1; cursor:default; *display:inline; #display:inline; vertical-align:top; zoom: 1;} .form4 .select_cont3 { width:417px; height:43px; position:relative; overflow:hidden; *display:inline; #display:inline; vertical-align:top; zoom: 1;} .form4 .select_cont3 .form_select { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:43px; font-weight:normal; color:#777; background:#FFF; width:200px!important; height:43px!important; position:relative; z-index:10; *display:inline; #display:inline; vertical-align:top; zoom: 1;} .form4 .select_cont3 .select_bg { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:43px; font-weight:normal; color:#777; background:url(../../img/web-plp/content/select_2.png) 0 0 no-repeat; width:180px; height:43px; float:left; padding:0 10px; position:absolute; top:0; left:0; z-index:1; cursor:default; *display:inline; #display:inline; vertical-align:top; zoom: 1;} .form4 .form_txt_field { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:33px; font-weight:normal; color:#777; width:424px; height:33px; padding:5px 10px; outline:none; background:white; box-shadow: inset 2px 2px 3px #CCC;} .form4 .form_txt_field2 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:33px; font-weight:normal; color:#777; background:url(../../img/web-plp/content/form_txt_field.png) right 0 no-repeat; width:180px; height:33px; padding:5px 10px; outline:none;} .form4 .form_txt_field3 { font-family:Poppins, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:33px; font-weight:normal; color:#777; width:690px; height:33px; padding:5px 10px; outline:none; background:white; box-shadow: inset 2px 2px 3px #CCC;} .botones3{ width: 850px; height: auto; float: left; padding-bottom: 60px; padding-top: 0px; left: 50%; position: relative; margin-left: -425px;} .botones3 .item{ width: 311px; margin-left: 25px; margin-right: 25px; display: inline; position: relative; float: left; background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.1); padding: 20px;} .botones3 .item:hover{ background:rgba(255,255,255,0.5);-webkit-transition: background 0.6s ease; -moz-transition: background 0.6s ease; transition: background 0.6s ease;} .botones3 .item.selected{ background:rgba(255,255,255,0.5);} .botones3 .text{ padding-top:8px; padding-bottom:8px; border-top: 1px solid #959595; border-bottom: 1px solid #959595; width:98%; height:auto; display:inline; font-weight:normal; margin-top:15px; float:left;} .botones3 .text p{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:16px; color:#454545; text-align:center; float:none;} .botones3 .check{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:18px; color:#444; text-align:center; padding:10px; width:150px; height:auto; float:left; border-radius:10px; background:rgba(255,255,255,0.1); margin-top:10px; position:relative; left:50%; margin-left:-85px;} .botones3 .check:hover{ background:rgba(255,153,30,0.9); color:#FFF;-webkit-transition: background 0.6s ease; -moz-transition: background 0.6s ease; transition: background 0.6s ease;} .botones3 .check.selected{ background:rgba(255,153,30,0.9); color:#FFF;} .botones3 .ver-btn{ width:140px; height:auto; border-radius:12px; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:16px; color:#FFF; padding:8px 13px 8px 13px; box-shadow: 0px 0px 3px #666; text-align:center; background-color:#EE881E; float:left; margin-top:15px; position:relative; left:54%; margin-left:-88px; font-weight:bold; text-shadow:inset 2px 2px #ccc;} .botones3 .ver-btn:hover{ background:#ff991e;} .botones3 .center_gold { margin-left:-8px; width:106%;} .botones3 .center_gold li{ width: 140px; float: left; padding: 0px 0px 0px 14px; font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 16px; color: rgb(120, 120, 120); margin-left: 5px;} .botones3 .center_gold strong{ color:#555;} .botones3 .center_gold .zafiro{ color:#016EAF; font-weight:bold;} /*--------- LANDING MOVISTAR -------*/ .movistar{ width:278px; height:58px; float:left; color:transparent; background:url(../../img/web-plp/header/logo-movistar.png) center no-repeat; position:relative; margin-bottom:20px; } .landing-movistar{ width:100%; height:auto; padding-top:20px; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .landing-movistar .content{ background:none;} .landing-movistar .wrap-content{ background:none;} .landing-movistar .wrap-content .colmain{ position:relative;} .landing-movistar .pasa-logo{ font-size:1px; line-height:150px; background:url(../../img/web-plp/header/pasa-la-pagina-logo.png) 0 0 no-repeat; display:block; width:292px; height:56px; overflow:hidden;} .landing-movistar .seccion2{ position: relative; top: -54px; right: 0px; padding:0px;} .landing-movistar .movistar{ margin-bottom:0px;} .landing-movistar .imagen{ width:743px; height:562px; float:left; left:-132px; position:relative; top:0px; z-index:1; background:url(../../img/web-plp/content/img_landing_mov.png) 0 0 no-repeat;} .landing-movistar .texto{ width:456px; height:auto; float:right; position:absolute; z-index:1; right:0px; top:0px; background: none; border: none; *width:473px;} .landing-movistar .texto p{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 24px; color:#FFF; text-align:center;} .landing-movistar .texto h2{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 49px; color:#ffc000; text-align:center; text-transform:none; text-shadow:11px 11px 7px rgba(0,0,0,0.45);} .landing-movistar .texto .campo_promo{ width:140px; height:30px; background:#FFF; box-shadow: inset 2px 2px 2px #CCC; border-radius:15px; float: left; position: relative; margin: 0px; left: 16px; left:65px; padding:6px; text-align:center; behavior: url(ie-css3.htc)} .landing-movistar .texto label{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color:#000; text-align:left; float:left; position:relative; left:52px;} .landing-movistar .texto .btn-regis{ width: 100%; height: 157px; float: left; position: relative; left: 0px; background:url(../../img/web-plp/content/btn-regis-mov.png) center 0 no-repeat; cursor:pointer; margin-top:15px;} .landing-movistar .texto .btn-regis:hover{ background-position:center -157px;} .landing-movistar .app-store{ width:609px; height:50px; float:left; position:relative; z-index:2; left:0px; top:-134px; background:url(../../img/web-plp/content/orange-div.png) center right no-repeat;} .landing-movistar .text-mov{ width:100%; height:auto; float:left; position:relative; z-index:2; left:0px; top:10px;} .landing-movistar .text-mov ul{} .landing-movistar .text-mov ul li{ float:left; margin-right:75px; list-style-image:url(../../img/web-plp/content/blue-check.png); font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; color:#393939; position: relative; z-index: 2; top: -80px; } .portadas{ width:100%; height:70px; background:url(../../img/web-plp/content/portadas.png) center 0 repeat; } /*--------- LANDING QBC -------*/ .qbc{ width:385px; height:100px; float:left; color:transparent; background:url(../../img/web-plp/header/logo_qbc.png) center no-repeat; position:relative; margin-bottom:20px;} .landing-qbc{ width:100%; height:auto; padding-top:20px; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .landing-qbc .content{ background:none;} .landing-qbc .wrap-content{ background:none !important;} .landing-qbc .wrap-content .colmain{ position:relative;} .landing-qbc .pasa-logo{ font-size:1px; line-height:150px; background:url(../../img/web-plp/header/pasa-la-pagina-logo.png) 0 0 no-repeat; display:block; width:292px; height:56px; overflow:hidden;} .landing-qbc .seccion2{ position: relative; top: -54px; right: 0px; padding:0px;} .landing-qbc .movistar{ margin-bottom:0px;} .landing-qbc .imagen{ width:499px; height:641px; float:left; left:-35px; position:relative; top:0px; z-index:1;} .landing-qbc .texto{ width:410px; height:auto; float:right; position:absolute; z-index:1; right:0px; top:0px; background: none; border: none; *width:473px;} .landing-qbc .texto p { font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 24px; color: #FFF; text-align: center; width: 448px;} .landing-qbc .texto h2{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 49px; color:#ffc000; text-align:center; text-transform:none; text-shadow:11px 11px 7px rgba(0,0,0,0.45);} .landing-qbc .texto h5{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color: #FFF; width: 100%; float: left; text-align: center; font-weight: normal; margin-top: 20px; text-decoration: underline;} .landing-qbc .texto h4{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color: #FFF; width: 100%; float: left; text-align: center; font-weight: normal; margin-top: 20px;} .landing-qbc .texto .campo_promo{ width:140px; height:30px; background:#FFF; box-shadow: inset 2px 2px 2px #CCC; border-radius:15px; float: left; position: relative; margin: 0px; left: 16px; left:65px; padding:6px; text-align:center; behavior: url(ie-css3.htc)} .landing-qbc .texto label{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color:#FFF; text-align:left; float:left; position:relative; left:52px; text-transform:uppercase;} .landing-qbc .texto .btn-regis{ width: 100%; height: 100px; float: left; position: relative; left: 0px; background:url(../../img/web-plp/content/btn-cont-qbc.png) center 0 no-repeat; cursor:pointer; margin-top:15px;} .landing-qbc .texto .btn-regis:hover{ background-position:center -157px;} .landing-qbc .texto .texto-prueba{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color: #FFF; background: #25AED6; border-radius: 30px; padding: 8px 15px; width: auto; text-align: center; float: left; margin: 5px 0px; border: 2px solid #FFF;} .landing-qbc .app-store{ width:609px; height:50px; float:left; position:relative; z-index:2; left:0px; top:-134px; background:url(../../img/web-plp/content/orange-div.png) center right no-repeat;} .landing-qbc .text-mov{ width:100%; height:auto; float:left; position:relative; z-index:2; left:0px; top:10px;} .landing-qbc .text-mov ul{} .landing-qbc .text-mov ul li{ float:left; margin-right:75px; list-style-image:url(../../img/web-plp/content/blue-check.png); font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; color:#393939; position: relative; z-index: 2; top: -80px; } .landing-qbc .condiciones{ width:100%; float:left; height:auto;} .landing-qbc .condiciones p{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; color: #444; width:100%;} .landing-qbc .condiciones ul li{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; color: #444; width:100%; list-style-type:circle;} .landing-qbc .condiciones h2{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 16px; color: #F60; width:100%;} .landing-qbc .condiciones .descripcion{ width:45%; float:left; height:auto;} .landing-qbc .condiciones .proceso{ width:45%; float:right; height:auto;} /*--------- LANDING GROUPON -------*/ .groupon{ width:217px; height:98px; background:url(../../img/web-plp/header/groupon.png) 0 0 no-repeat; float:right; margin-top:0px; margin-right:15px;} .landing-groupon{ width:100%; height:auto; padding-top:20px; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .landing-groupon .pasa-logo{ width:428px; height:83px; background:url(../../img/web-plp/header/logo-plp-big.png) 0 0 no-repeat;} .landing-groupon .content{ background:none;} .landing-groupon .wrap-content{ background:none;} .landing-groupon .wrap-content .colmain{ position:relative;} .landing-groupon .seccion2{ position: relative; top: -54px; right: 0px; padding:0px;} .landing-groupon .movistar{ margin-bottom:0px;} .landing-groupon .imagen{ width:499px; height:641px; float:left; left:-35px; position:relative; top:0px; z-index:1; background:url(../../img/web-plp/content/portada.png) 0 0 no-repeat;} .landing-groupon .texto{ width:auto; height:auto; float:right; position:absolute; z-index:1; right:0px; top:0px; background: none; border: none; *width:473px;} .landing-groupon .texto p { font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 24px; color: #FFF; text-align: center; width: 448px;}.landing-qbc .texto h2{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 49px; color:#ffc000; text-align:center; text-transform:none; text-shadow:11px 11px 7px rgba(0,0,0,0.45);} .landing-groupon .texto .campo_promo{ width:140px; height:30px; background:#FFF; box-shadow: inset 2px 2px 2px #CCC; border-radius:15px; float: left; position: relative; margin: 0px; left: 16px; left:65px; padding:6px; text-align:center; behavior: url(ie-css3.htc)} .landing-groupon .texto label{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color:#FFF; text-align:left; float:left; position:relative; left:52px; text-transform:uppercase;} .landing-groupon .texto .btn-regis{ width: 100%; height: 157px; float: left; position: relative; left: 0px; background:url(../../img/web-plp/content/btn-cont-qbc.png) center 0 no-repeat; cursor:pointer; margin-top:15px;} .landing-groupon .texto .btn-regis:hover{ background-position:center -157px;} .landing-groupon .app-store{ width:499px; height:auto; float:left; position:relative; z-index:2; left:0px; top:-134px; text-align:center;} .landing-groupon .text-mov{ width:100%; height:auto; float:left; position:relative; z-index:2; left:0px; top:10px;} .landing-groupon .text-mov ul{} .landing-groupon .text-mov ul li{ float:left; margin-right:75px; list-style-image:url(../../img/web-plp/content/blue-check.png); font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; color:#393939; position: relative; z-index: 2; top: -80px; } .landing-groupon .condiciones{ width:100%; float:left; height:auto;} .landing-groupon .condiciones p{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; color: #444; width:100%;} .landing-groupon .condiciones ul li{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; color: #444; width:100%; list-style-type:circle;} .landing-groupon .condiciones h2{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 16px; color: #F60; width:100%;} .landing-groupon .condiciones .descripcion{ width:45%; float:left; height:auto;} .landing-groupon .condiciones .proceso{ width:45%; float:right; height:auto;} .campo_promo{ width:300px; height:28px; background-color: #FFF; box-shadow: inset 2px 2px 2px #888; font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1em; color:#555; padding: 10px; left: 50%; position: relative; margin-left: -188px; margin-top: 20px; margin-bottom: 20px;} .nota-movi{ width: 97%; height: auto; font-family: Poppins, 'Cabin Condensed', sans-serif; font-size: 24px; color: #01567F; position: relative; float: left; padding: 15px; margin-bottom: 15px; font-weight: 700; text-transform: uppercase; text-align: center;} .nota-mov{ font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:14px; color:#424242; width:97%; height:auto; position:relative; float:left; padding:15px; margin-bottom:15px;} .nota-mov p{ margin-left: 15px;} .nota-mov strong{ background: #00C0DC; border-radius: 50%; font-family: Poppins, 'Cabin Condensed', sans-serif; font-size: 30px; color: #FFF; margin-right: 4px; padding: 3px 9px 5px 14px; text-align: center; margin-left: -53px; margin-top: -13px; float: left; behavior: url(ie-css3.htc)} .b-bogota{ width:308px; height:59px; float:left; color:transparent; background:url(../../img/web-plp/header/logo_bbogota.png) center no-repeat; position:relative; margin-bottom:20px; } .pago-bbogota{ float: left; left: 50%; margin-left: -113px;} /*--------- LANDING EXITO -------*/ .exito{ width:203px; height:90px; background:url(../../img/web-plp/header/logo-exito.jpg) 0 0 no-repeat; float:right; margin-top:0px; margin-right:15px;} .landing-exito{ width:100%; height:auto; padding-top:20px; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .landing-exito .pasa-logo{ width:428px; height:83px; background:url(../../img/web-plp/header/logo-plp-big.png) 0 0 no-repeat;} .landing-exito .content{ background:none;} .landing-exito .wrap-content{ background:none;} .landing-exito .wrap-content .colmain{ position:relative;} .landing-exito .seccion2{ position: relative; top: -103px; right: 0px; padding:0px;} .landing-exito .movistar{ margin-bottom:0px;} .landing-exito .imagen{ width:513px; height:606px; float:left; left:-35px; position:relative; top:0px; z-index:1; background:url(../../img/web-plp/content/portadas-exito.png) 0 0 no-repeat;} .landing-exito .texto{ width:420px; height:auto; float:right; position:absolute; z-index:1; right:0px; top:0px; background: none; border: none; *width:473px;} .landing-exito .texto p { font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 26px; color: #FFF; text-align: center; width: 448px;}.landing-qbc .texto h2{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 49px; color:#ffc000; text-align:center; text-transform:none; text-shadow:11px 11px 7px rgba(0,0,0,0.45);} .landing-exito .texto p span{ color:#ffe800;} .landing-exito .texto .campo_promo{ width:140px; height:30px; background:#FFF; box-shadow: inset 2px 2px 2px #CCC; border-radius:15px; float: left; position: relative; margin: 0px; left: 31px; top: -6px; padding:6px; text-align:center; behavior: url(ie-css3.htc)} .landing-exito .texto label{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; color:#FFF; text-align:left; float:left; position:relative; left: 16px; text-transform:uppercase;} .landing-exito .texto .btn-regis{ width: 410px; height: 213px; float: left; position: relative; left: 0px; background:url(../../img/web-plp/content/prueba-exito.png) center 0 no-repeat; cursor:pointer; margin-top:15px;} .landing-exito .texto .btn-regis:hover{ background-position:center -213px;} .landing-exito .app-store{ width:499px; height:auto; float:left; position:relative; z-index:2; left:0px; top:-134px; text-align:center;} .landing-exito .text-mov{ width:100%; height:auto; float:left; position:relative; z-index:2; left:0px; top:10px;} .landing-exito .text-mov ul{} .landing-exito .text-mov ul li{ float:left; margin-right:75px; list-style-image:url(../../img/web-plp/content/blue-check.png); font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; color:#393939; position: relative; z-index: 2; top: -80px; } .landing-exito .condiciones{ width:100%; float:left; height:auto;} .landing-exito .condiciones p{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; color: #444; width:100%;} .landing-exito .condiciones ul li{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; color: #444; width:100%; list-style-type:circle;} .landing-exito .condiciones h2{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 16px; color: #F60; width:100%;} .landing-exito .condiciones .descripcion{ width:45%; float:left; height:auto;} .landing-exito .condiciones .proceso{ width:45%; float:right; height:auto;} /*--------- LANDING CEMEX -------*/ .cemex{ width:270px; height:88px; background:url(../../img/web-plp/header/logo-cemex.png) 0 0 no-repeat; float:right; margin-top:0px; margin-right:15px;} .terpel{ width:278px; height:88px; background:url(../../img/web-plp/header/logo-fenalter.png) 0 0 no-repeat; float:right; margin-top:0px; margin-right:7px;} .landing-cemex{ width:100%; height:auto; background: #000000; /* Old browsers */ .vivamos{ width:270px; height:88px; background:url(../../img/web-plp/header/logo-vivamos.jpg) 0 0 no-repeat; float:right; margin-top:0px; margin-right:15px;} background: -moz-linear-gradient(top, #000000 15%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#000000), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 15%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 15%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 15%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 15%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .landing-cemex .header4{ width:100%; background:url(../../img/web-plp/header/bg-header.jpg) center top no-repeat; height:144px; float:left;} .landing-cemex .pasa-logo{ width:303px; height:58px; background:url(../../img/web-plp/header/plp.png) 0 0 no-repeat; color:transparent; font-size:1px; margin-top: 44px; float: left;} .landing-cemex .content{ background:none;} .landing-cemex .wrap-content{ background:none;} .landing-cemex .wrap-content .colmain{ position:relative; padding-top:50px;} .landing-cemex .seccion2{ position: relative; top: 25px; right: 0px; padding:0px;} .landing-cemex .movistar{ margin-bottom:0px;} .landing-cemex .imagen{ width:499px; height:557px; float:left; left:-35px; position:relative; top:0px; z-index:1; background:url(../../img/web-plp/content/portadas-cemex.png) 0 0 no-repeat;} .landing-cemex .texto{ width: 410px; height: auto; float: right; position: relative; z-index: 1; right: 0px; top: 0px; background: none; border: none; *width:473px;} .landing-cemex .texto p { font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 24px; color: #FFF; text-align: center; width: 100%; padding: 0px; margin: 0px; float: left;} .landing-cemex .texto p span{ color:#393939; font-size:18px; font-family: Poppins, 'Cabin Condensed',sans-serif;} .landing-cemex .texto h2{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 49px; color:#ffc000; text-align:center; text-transform:none; text-shadow:11px 11px 7px rgba(0,0,0,0.45); float: left; width: 100%; font-weight: 400;} .landing-cemex .texto .campo_promo{ width: 140px; height: 30px; background: #FFF; box-shadow: inset 2px 2px 2px #CCC; border-radius: 15px; float: left; position: relative; margin: 0px; left: 50%; margin-left: -75px; padding: 6px; text-align: center; behavior: url(ie-css3.htc);} .landing-cemex .texto label{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color:#FFF; text-align:left; float:left; position:relative; left:52px; text-transform:uppercase;} .landing-cemex .texto .btn-regis{ width: 100%; height: 157px; float: left; position: relative; left: 0px; background:url(../../img/web-plp/content/btn-cont-qbc.png) center 0 no-repeat; cursor:pointer; margin-top:15px;} .landing-cemex .texto .btn-regis:hover{ background-position:center -157px;} .landing-cemex .app-store{ width:499px; height:auto; float:left; position:relative; z-index:2; left:0px; top:-134px; text-align:center;} .landing-cemex .text-mov{ width:100%; height:auto; float:left; position:relative; z-index:2; left:0px; top:10px;} .landing-cemex .text-mov ul{} .landing-cemex .text-mov ul li{ float:left; margin-right:75px; list-style-image:url(../../img/web-plp/content/blue-check.png); font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; color:#393939; position: relative; z-index: 2; top: -80px; } .landing-cemex .condiciones{ width:100%; float:left; height:auto;} .landing-cemex .condiciones p{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; color: #444; width:100%;} .landing-cemex .condiciones ul li{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; color: #444; width:100%; list-style-type:circle;} .landing-cemex .condiciones h2{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 16px; color: #F60; width:100%;} .landing-cemex .condiciones .descripcion{ width:45%; float:left; height:auto;} .landing-cemex .condiciones .proceso{ width:45%; float:right; height:auto;} .landing-cemex .salvedad{ font-family: Poppins, 'Cabin Condensed',sans-serif; color: #393939; text-align: center; width: 100%; margin: 30px 0px; font-size: 18px; float: left;} .acepto{ width: 180px; height: 29px; padding: 15px 20px; background-color: #EE881E; font-family: Poppins, 'Cabin Condensed',sans-serif; font-weight: bold; color: #FFF; text-align: center; float: left; font-size: 24px; border-radius: 20px; left: 50%; position: relative; margin-left: -110px;} .landing-cemex .acepto:hover{ background-color:#00c1dc;} .landing-cemex .colmain h5{ font-family: Poppins, 'Cabin Condensed',sans-serif; color:#00c1dc; font-weight:bold; font-size:36px; text-align:left; width:402px; float:left;} .landing-cemex .colmain .fecha{ width:402px; float:right; font-family: Poppins, 'Cabin Condensed',sans-serif; font-size:16px; color:#fc7700; font-weight:400; margin-top:0px; padding:0px;} .landing-cemex .colmain .fecha p{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size:16px; color:#fc7700; font-weight:400; float:left; width:100%; text-align:left;} .landing-cemex .colmain .fecha p span{ color:#008093;} .landing-cemex .colmain .fecha .select1{ float:left; margin:6px; position:relative; color:#848484; font-family: Poppins, 'Cabin Condensed',sans-serif; font-size:25px; width:93px; height:45px;} .landing-cemex .colmain .fecha .select1 select{ opacity:0; width:100%; height:100%; position:relative; z-index:2;} .landing-cemex .colmain .fecha .select1 .select1-fondo{ background: url(../../img/web-plp/content/select.png) #FFF right center no-repeat; padding: 10px; width: 73px; height: 25px; position: absolute; float: left; left: 0px; top: 0px; text-align: left; box-shadow: inset 0px 4px 5px rgba(0, 0, 0, 0.3); border: 1px solid #E9E9E9; z-index:1;} .landing-cemex .colmain .intro{ width:100%; float:left; margin:40px 0px; height:auto; color:#424242; font-size:14px; font-family: Poppins, 'Cabin Condensed',sans-serif;} .landing-cemex .colmain .intro a{ color:#00c0dc;} .landing-cemex .colmain .info-plan{ width:740px; float:left; height:auto; left:50%; margin-left:-370px; font-family: Poppins, 'Cabin Condensed',sans-serif; position:relative;} .landing-cemex .colmain .info-plan .plan{ width:360px; float:left; position:relative;} .landing-cemex .colmain .info-plan .plan label{ font-size:16px; color:#fc7700;} .landing-cemex .colmain .info-plan .plan input{ width:325px; height:23px; padding:10px; background-color:white; border:1px solid #eaeaea; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); color:#848484; font-size:25px;} .landing-cemex .colmain .info-plan .precio{ width:360px; float:right; position:relative;} .landing-cemex .colmain .info-plan .precio label{ font-size:16px; color:#fc7700;} .landing-cemex .colmain .info-plan .precio input{ width:325px; height:23px; padding:10px; background-color:white; border:1px solid #eaeaea; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); color:#848484; font-size:25px;} .landing-cemex .colmain .info-funcionario{ width:100%; float:left; margin:35px 0px; font-family: Poppins, 'Cabin Condensed',sans-serif;} .landing-cemex .colmain .info-funcionario h3{ font-size:21px; color:#424242; margin-bottom:25px; font-weight:400;} .landing-cemex .colmain .info-funcionario form{ width: 740px; float:left; height:auto; left:50%; margin-left:-370px; padding:20px 0px; position:relative;} .landing-cemex .colmain .info-funcionario fieldset{ background-color:#ebebeb; float:left; padding:15px;} .landing-cemex .colmain .info-funcionario .campo_form{ width:345px; float:left; margin:5px;} .landing-cemex .colmain .info-funcionario .campo_form label{ font-size:16px; color:#fc7700;} .landing-cemex .colmain .info-funcionario .campo_form input{ width:325px; height:23px; padding:10px; background-color:white; border:1px solid #eaeaea; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); color:#848484; font-size:25px;} .landing-cemex .colmain .info-funcionario p{ width:100%; float:left; color:#424242; font-size:14px; margin:15px 0px;} .landing-cemex .colmain .info-funcionario input[type=button]{ width: 210px; height: auto; padding: 8px 15px; position: relative; cursor: pointer; float: left; left: 50%; margin-left: -105px;} .landing-cemex .colmain .info-funcionario input[type=submit]{ width: 210px; height: auto; padding: 8px 15px; position: relative; cursor: pointer; float: left; left: 50%; margin-left: -105px;} .landing-cemex .colmain .botones3 .item{ background:#D1D1D1 url(../../img/web-plp/content/bg-content.jpg);} .landing-cemex .colmain .clase_pago1{ display:none;} .landing-cemex .colmain .clase_pago2{ display:none;} .landing-cemex .colmain .nota-movi{ color:#424242; font-size:30px; padding: 15px 0px; width:100%; font-weight:400; text-transform:none;} .landing-cemex .colmain .nota-mov{ font-family: Poppins, 'Cabin Condensed', sans-serif; font-size: 14px; color: #424242; width: 100%; height: auto; position: relative; float: left; padding: 15px; margin-bottom: 15px;} .landing-cemex .colmain .nota-mov strong{background: #00C0DC; border-radius: 50%; font-family: Poppins, 'Cabin Condensed', sans-serif; font-size: 30px; color: #FFF; margin-right: 14px; padding: 3px 9px 5px 14px; text-align: center; margin-left: 0px; margin-top: -13px; float: left; behavior: url(ie-css3.htc);} .landing-cemex .content2{ background-color:#f7f7f7; width:100%; float:left;} /* ----------- LANDING BANCO DE OCCIDENTE--------*/ .landing-occidente{ width:100%; height:auto; padding-top:20px; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .landing-occidente .content{ background:none;} .landing-occidente .wrap-content{ background:none;} .landing-occidente .wrap-content .colmain{ position:relative;} .landing-occidente .pasa-logo{ font-size:1px; line-height:150px; background:url(../../img/web-plp/header/pasa-la-pagina-logo.png) 0 0 no-repeat; display:block; width:292px; height:56px; overflow:hidden; float:right; right:0px;} .landing-occidente .seccion2{ position: relative; top: -54px; left: 0px; padding:0px; float:left; *padding-top:52px;} .landing-occidente .movistar{ margin-bottom:0px;} .landing-occidente .imagen{ width:743px; height:562px; float:left; left:-132px; position:relative; top:0px; z-index:1; background:url(../../img/web-plp/content/img_landing_mov.png) 0 0 no-repeat;} .landing-occidente .texto{ width:465px; height:auto; float:right; position:absolute; z-index:1; right:0px; top:0px; background: none; border: none; *width:473px;} .landing-occidente .texto p{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 24px; color:#FFF; text-align:center;} .landing-occidente .texto h2{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 49px; color:#ffc000; text-align:center; text-transform:none; text-shadow:11px 11px 7px rgba(0,0,0,0.45);} .landing-occidente .texto .campo_promo{ width:140px; height:30px; background:#FFF; box-shadow: inset 2px 2px 2px #CCC; border-radius:15px; float: left; position: relative; margin: 0px; left: 16px; left:65px; padding:6px; text-align:center; behavior: url(ie-css3.htc)} .landing-occidente .texto label{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color:#000; text-align:left; float:left; position:relative; left:52px;} .landing-occidente .texto .btn-regis{ width: 100%; height: 157px; float: left; position: relative; left: 0px; background:url(../../img/web-plp/content/btn-regis-mov.png) center 0 no-repeat; cursor:pointer; margin-top:15px;} .landing-occidente .texto .btn-regis:hover{ background-position:center -157px;} .landing-occidente .app-store{ width:609px; height:50px; float:left; position:relative; z-index:2; left:0px; top:-134px; background:url(../../img/web-plp/content/orange-div.png) center right no-repeat;} .landing-occidente .text-mov{ width: 751px; height: auto; float: left; position: relative; z-index: 2; left: 0px; top: -84px;} .landing-occidente .text-mov ul{} .landing-occidente .text-mov ul li{ float:left; margin-right:75px; list-style-image:url(../../img/web-plp/content/blue-check.png); font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; color:#393939; position: relative; z-index: 2; } .landing-occidente .text-mov p{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; color:#0074ba; text-align:center; padding-top:34px;} .notica{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; color:#0074ba; text-align:center; width: 100%; float: left;} .occidente{ width:388px; height:61px; float:left; color:transparent; background:url(../../img/web-plp/header/logo_boccidente.png) center no-repeat; position:relative; margin-bottom:20px;} .seccion2-occidente{ min-width:265px; float:left; margin-right:3px; position: relative; top: 17px; left: 0px; padding:0px;} .pasa-logo-occidente{ font-size:1px; line-height:150px; background:url(../../img/web-plp/header/pasa-la-pagina-logo.png) 0 0 no-repeat; display:block; width:292px; height:56px; overflow:hidden; float:right; right:0px;} /*--------- LANDING BANCO DE BOGOTÁ -------*/ .movistar{ width:278px; height:58px; float:left; color:transparent; background:url(../../img/web-plp/header/logo-movistar.png) center no-repeat; position:relative; margin-bottom:20px; } .landing-bbogota{ width:100%; height:auto; padding-top:20px; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .landing-bbogota .content{ background:none;} .landing-bbogota .wrap-content{ background:none;} .landing-bbogota .wrap-content .colmain{ position:relative;} .landing-bbogota .pasa-logo{ font-size:1px; line-height:150px; background:url(../../img/web-plp/header/pasa-la-pagina-logo.png) 0 0 no-repeat; display:block; width:292px; height:56px; overflow:hidden;} .landing-bbogota .seccion2{ position: relative; top: -54px; right: 0px; padding:0px;} .landing-bbogota .movistar{ margin-bottom:0px;} .landing-bbogota .imagen{ width:499px; height:641px; float:left; left:-35px; position:relative; top:0px; z-index:1;} .landing-bbogota .texto{ width:410px; height:auto; float:right; position:absolute; z-index:1; right:0px; top:0px; background: none; border: none; *width:473px;} .landing-bbogota .texto p{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 24px; color:#FFF; text-align:center;} .landing-bbogota .texto p span{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 26px; color:#fab700; text-align:center; text-transform:none;} .landing-bbogota .texto .campo_promo{ width: 146px; height: 30px; background: #FFF; box-shadow: inset 2px 2px 2px #CCC; border-radius: 15px; float: left; position: relative; margin: 0px; left: 9px; top: -10px; padding: 6px; text-align: center; behavior: url(ie-css3.htc)} .landing-bbogota .texto label{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 16px; color:#FFF; text-align:left; float:left; position:relative; left:0px;} .landing-bbogota .texto .btn-regis{ width: 410px; height: 238px; float: left; position: relative; left: 50%; background:url(../../img/web-plp/content/pruebalo.png) center 0 no-repeat; cursor:pointer; margin-top:15px; margin-left:-205px;} .landing-bbogota .texto .btn-regis:hover{ background-position:center -238px;} .landing-bbogota .app-store{ width:609px; height:50px; float:left; position:relative; z-index:2; left:0px; top:-134px; background:url(../../img/web-plp/content/orange-div.png) center right no-repeat;} .landing-bbogota .text-mov{ width:100%; height:auto; float:left; position:relative; z-index:2; left:0px; top:10px;} .landing-bbogota .text-mov ul{} .landing-bbogota .text-mov ul li{ float:left; margin-right:75px; list-style-image:url(../../img/web-plp/content/blue-check.png); font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; color:#393939; position: relative; z-index: 2; top: -80px; } .landing-bbogota .condiciones{ width:100%; float:left; height:auto;} .landing-bbogota .condiciones p{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; color: #444; width:100%;} .landing-bbogota .condiciones ul li{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; color: #444; width:100%; list-style-type:circle;} .landing-bbogota .condiciones h2{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 16px; color: #F60; width:100%;} .landing-bbogota .condiciones .descripcion{ width:45%; float:left; height:auto;} .landing-bbogota .condiciones .proceso{ width:45%; float:right; height:auto;} .bta-pop-ok{ width:859px; height:201px; position: fixed; top: 50%; left: 50%; z-index: 3000; margin-top: -100px; margin-left: -427px; height: auto; float: left;} .bta-pop-ok .cerrar_lb{ top: -5px; right: -5px;} .bta-pop-error{ width:859px; height:200px; position: fixed; top: 50%; left: 50%; z-index: 3000; margin-top: -100px; margin-left: -427px; height: auto; float: left;} .bta-pop-error .cerrar_lb{ top: -5px; right: -5px;} /*------------LANDING NAVIDAD-----------*/ .landing-navidad{ width:100%; height:auto; float:left; background:url(../../img/web-plp/content/bg-landing-navidad.jpg) #FFF center no-repeat;} .landing-navidad .navidad{ width:518px !important; float:right !important; position:relative; right:0px; top:15px; text-align:right;} .landing-navidad .navidad h2{ font-size:28px; font-weight:600; font-family: Poppins, 'Cabin Condensed',sans-serif; padding-bottom:20px;} .landing-navidad .navidad p{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size:20px; color:#6f6f6f; padding-bottom:15px;} .landing-navidad .navidad p strong{ color:#000; font-weight:normal;} .landing-navidad .navidad .checkbox{ width:100%; float:right;} .landing-navidad .navidad .checkbox label{ font-family: Poppins, 'Cabin Condensed',sans-serif; color:#000; font-size:16px; float:right;} .landing-navidad .navidad .checkbox input[type="radio"]{ float:right; position: relative; top: 3px; margin-left: 9px;} .landing-navidad .navidad .checkbox label span{ font-family: Poppins, 'Cabin Condensed',sans-serif; color:#008ba4; font-size:16px;} .landing-navidad .navidad .campo{ width:247px; height:auto; float:right; margin:2px 6px;} .landing-navidad .navidad .campo label{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size:16px; color:#fc7700;} .landing-navidad .navidad .campo label span{ color:#008ba4;} .landing-navidad .navidad .campo input[type="text"]{ border:1px solid #dadada; width:227px; height:10px; padding:10px;} .landing-navidad .navidad .regalar{ width:auto; background-color:#fc7700; font-family: Poppins, 'Cabin Condensed',sans-serif; font-size:16px; color:#FFF; border-radius:8px; float:right; padding: 10px;} .landing-navidad .navidad .regalar:hover{ background-color:#008ba4;} /*--------LANDING PROMOCION---------*/ .landing-promo{ width:100%; height:auto; padding-top:20px; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .landing-promo .content{ background:none;} .landing-promo .wrap-content{ background:none;} .landing-promo .wrap-content .colmain{ position:relative;} .landing-promo .pasa-logo{ font-size:1px; line-height:150px; background:url(../../img/web-plp/header/pasa-la-pagina-logo.png) 0 0 no-repeat; display:block; width:292px; height:56px; overflow:hidden;} .landing-promo .seccion2{ position: relative; top: -54px; right: 0px; padding:0px;} .landing-promo .movistar{ margin-bottom:0px;} .landing-promo .imagen{ width:743px; height:562px; float:left; left:-132px; position:relative; top:0px; z-index:1; background:url(../../img/web-plp/content/img_landing_mov.png) 0 0 no-repeat;} .landing-promo .texto{ width:496px; height:auto; float:right; position:absolute; z-index:1; right:0px; top:0px; background: none; border: none; *width:473px;} .landing-promo .texto2{ width:422px; height:auto; float:right; position:absolute; z-index:1; right:0px; top:38px; background: none; border: none; *width:423px; margin:0px;} .landing-promo .texto2 p{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; color:#FFF; text-align:center; padding-bottom:15px;} .landing-promo .texto2 p strong{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color:#FFF; text-align:center;} .landing-promo .texto p{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; color:#FFF; text-align:right;} .landing-promo .texto h2{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 26px; color:#00b8d2; text-align:right; text-transform:none; text-shadow:3px 3px 7px rgba(0,0,0,0.45); padding-bottom:20px; font-weight:500;} .landing-promo .texto2 .campo_promo{ width:140px; height:30px; background:#FFF; box-shadow: inset 2px 2px 2px #CCC; border-radius:15px; float: left; position: relative; margin: 0px; left: 125px; padding:6px; text-align:center; behavior: url(ie-css3.htc)} .landing-promo .texto2 label{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color:#FFF; text-align:left; width:auto; float: left; position: relative; left: 104px;} .landing-promo .texto h2 span{ font-size:34px;} .landing-promo .texto .campo{ width: 200px; height: auto; float: right; margin: 5px;} .landing-promo .texto .campo_promo{ width: 182px; height: 20px; background: #FFF; box-shadow: inset 2px 2px 2px #CCC; float: right; position: relative; margin: 0px; right: 0px; left: inherit; padding: 6px; text-align: left; behavior: url(ie-css3.htc)} .landing-promo .texto .campo label{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 16px; color: #FFF; text-align: right; float: right; position: relative; right: 0px;} .landing-promo .texto .btn-regis{ width: 100%; height: 143px; float: right; position: relative; left: 0px; background: url(../../img/web-plp/content/btn-comprar.png) right 0 no-repeat; cursor: pointer; margin-top: 15px;} .landing-promo .texto .btn-regis:hover{ background-position:right -143px;} .landing-promo .texto2 .btn-regis{ width: 100%; height: 157px; float: left; position: relative; left: 0px; background:url(../../img/web-plp/content/btn-cont-qbc.png) center 0 no-repeat; cursor:pointer; margin-top:15px;} .landing-promo .texto2 .btn-regis:hover{ background-position:center -157px;} .landing-promo .app-store{ width:609px; height:50px; float:left; position:relative; z-index:2; left:0px; top:-134px; background:url(../../img/web-plp/content/orange-div.png) center right no-repeat;} .landing-promo .text-mov{ width:100%; height:auto; float:left; position:relative; z-index:2; left:0px; top:10px;} .landing-promo .text-mov p{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color:#393939; float: left; position: relative; top: -54px;} .landing-promo .text-mov p a{ color:#393939;} .landing-promo .text-mov ul{} .landing-promo .text-mov ul li{ float:left; margin-right:75px; list-style-image:url(../../img/web-plp/content/blue-check.png); font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; color:#393939; position: relative; z-index: 2; top: -80px; } .landing-promo .condiciones{ width:100%; float:left; height:auto;} .landing-promo .condiciones p{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; color: #444; width:100%;} .landing-promo .condiciones ul li{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; color: #444; width:100%; list-style-type:circle;} .landing-promo .condiciones h2{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 16px; color: #F60; width:100%;} .landing-promo .condiciones .descripcion{ width:45%; float:left; height:auto;} .landing-promo .condiciones .proceso{ width:45%; float:right; height:auto;} /* --------- LANDING HOMESENTRY -------- */ .factor{ width:138px; height:105px; float:right; background:url(../../img/web-plp/header/factor-sorpresa.png) center no-repeat; position: relative; right: 160px; } .landing-homesentry{ width:100%; height:auto; padding-top:20px; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .landing-homesentry .content{ background:none;} .landing-homesentry .wrap-content{ background:none;} .landing-homesentry .wrap-content .colmain{ position:relative;} .landing-homesentry .pasa-logo{ font-size:1px; line-height:150px; background:url(../../img/web-plp/header/pasa-la-pagina-logo.png) 0 0 no-repeat; display:block; width:292px; height:56px; overflow:hidden;} .landing-homesentry .seccion2{ position: relative; top: -54px; right: 0px; padding:0px;} .landing-homesentry .movistar{ margin-bottom:0px;} .landing-homesentry .imagen{ width:743px; height:562px; float:left; left:-132px; position:relative; top:0px; z-index:1; background:url(../../img/web-plp/content/img_landing_mov.png) 0 0 no-repeat;} .landing-homesentry .texto{ width:auto; height:auto; float:right; position:absolute; z-index:1; right:0px; top:0px; background: none; border: none; *width:473px;} .landing-homesentry .texto p{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 24px; color:#FFF; text-align:center;} .landing-homesentry .texto h2{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 49px; color:#ffc000; text-align:center; text-transform:none; text-shadow:8px 8px 7px rgba(0,0,0,0.45); font-weight:normal;} .landing-homesentry .texto .campo_promo{ width:140px; height:30px; background:#FFF; box-shadow: inset 2px 2px 2px #CCC; border-radius:15px; float: left; position: relative; margin: 0px; left: 16px; left:65px; padding:6px; text-align:center; behavior: url(ie-css3.htc)} .landing-homesentry .texto label{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color:#000; text-align:left; float:left; position:relative; left:52px;} .landing-homesentry .texto .btn-regis{ width: 100%; height: 157px; float: left; position: relative; left: 0px; background:url(../../img/web-plp/content/btn-regis-mov.png) center 0 no-repeat; cursor:pointer; margin-top:15px;} .landing-homesentry .texto .btn-regis:hover{ background-position:center -157px;} .landing-homesentry .app-store{ width:609px; height:50px; float:left; position:relative; z-index:2; left:0px; top:-134px; background:url(../../img/web-plp/content/orange-div.png) center right no-repeat;} .landing-homesentry .text-mov{ width:100%; height:auto; float:left; position:relative; z-index:2; left:0px; top:10px;} .landing-homesentry .text-mov ul{} .landing-homesentry .text-mov ul li{ float:left; margin-right:75px; list-style-image:url(../../img/web-plp/content/blue-check.png); font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; color:#393939; position: relative; z-index: 2; top: -80px; } /*--------- LANDING LA W ----------*/ .landing-la-w{ width:100%; height:auto; padding-top:20px; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .landing-la-w .header4{ width:100%; background:url(../../img/web-plp/header/bg-header.jpg) center top no-repeat; height:144px; float:left;} .landing-la-w .header4 .pasa-logo{ float: left; left: 54px;} .landing-la-w .header4 .seccion2{ top: 25px;} .landing-la-w .content{ background:none;} .landing-la-w .wrap-content{ background:none !important;} .landing-la-w .wrap-content .colmain{ position:relative;} .landing-la-w .pasa-logo{ font-size:1px; line-height:150px; background:url(../../img/web-plp/header/pasa-la-pagina-logo.png) 0 0 no-repeat; display:block; width:292px; height:56px; overflow:hidden; float: right; right: 54px; position: relative; top: 37px;} .landing-la-w .seccion2{ position: relative; top: -54px; right: 0px; padding:0px;} .landing-la-w .movistar{ margin-bottom:0px;} .landing-la-w .imagen{ width:499px; height:auto; float:left; left:-35px; position:relative; top:0px; z-index:1;} .landing-la-w .texto{ width:410px; height:auto; float:right; position:absolute; z-index:1; right:0px; top:0px; background: none; border: none; *width:473px;} .landing-la-w .texto p { font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 24px; color: #FFF; text-align: center; width: 448px;} .landing-la-w .texto li { font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; list-style: url(../../img/web-plp/content/dot3.png); color: #D7D8D9; float: left; text-align: center; margin-left: 27px; width: 100%;} .landing-la-w .texto h2{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 49px; color:#ffc000; text-align:center; text-transform:none; text-shadow:11px 11px 7px rgba(0,0,0,0.45);} .landing-la-w .texto h5{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color: #FFF; width: 100%; float: left; text-align: center; font-weight: normal; margin-top: 20px; text-decoration: underline;} .landing-la-w .texto h4{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color: #FFF; width: 100%; float: left; text-align: center; font-weight: normal; margin-top: 20px;} .landing-la-w .texto .campo_promo{ width: 158px; height: 30px; background: #FFF; box-shadow: inset 4px 4px 4px 0px rgba(80, 85, 90, 0.5); border-radius: 15px; float: left; position: relative; margin: 0px; left: 50%; padding: 6px; text-align: center; behavior: url(ie-css3.htc); margin-left: -85px;} .landing-la-w .texto label{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 21px; float: left; position: relative; color: #202020; width: 100%; text-align: center; margin-top: 20px;} .landing-la-w .texto .btn-regis{ width: 100%; height: 100px; float: left; position: relative; left: 0px; background:url(../../img/web-plp/content/btn-cont-qbc.png) center 0 no-repeat; cursor:pointer; margin-top:15px;} .landing-la-w .texto .btn-regis:hover{ background-position:center -157px;} .landing-la-w .texto .texto-prueba{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color: #FFF; background: #25AED6; border-radius: 30px; padding: 8px 15px; width: auto; text-align: center; float: left; margin: 5px 0px; border: 2px solid #FFF;} .landing-la-w .app-store{ width:609px; height:50px; float:left; position:relative; z-index:2; left:0px; top:-134px; background:url(../../img/web-plp/content/orange-div.png) center right no-repeat;} .landing-la-w .text-mov{ width:100%; height:auto; float:left; position:relative; z-index:2; left:0px; top:10px;} .landing-la-w .text-mov ul{} .landing-la-w .text-mov ul li{ float:left; margin-right:75px; list-style-image:url(../../img/web-plp/content/blue-check.png); font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; color:#393939; position: relative; z-index: 2; top: -80px; } .landing-la-w .condiciones{ width:100%; float:left; height:auto;} .landing-la-w .condiciones p{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; color: #444; width:100%;} .landing-la-w .condiciones ul li{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; color: #444; width:100%; list-style-type:circle;} .landing-la-w .condiciones h2{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 16px; color: #F60; width:100%;} .landing-la-w .condiciones .descripcion{ width:45%; float:left; height:auto;} .landing-la-w .condiciones .proceso{ width:45%; float:right; height:auto;} .la-w{ width:411px; height:99px; float:right; color:transparent; background:url(../../img/web-plp/content/la-w.png) center no-repeat; position:relative; margin:0px; right:-49px;} /*--------- LANDING CORPBANCA ----------*/ .landing-corpbanca{ width:100%; height:auto; padding-top:20px; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .landing-corpbanca .content{ background:none;} .landing-corpbanca .wrap-content{ background:none !important;} .landing-corpbanca .wrap-content .colmain{ position:relative;} .landing-corpbanca .pasa-logo{ font-size:1px; line-height:150px; background:url(../../img/web-plp/header/pasa-la-pagina-logo.png) 0 0 no-repeat; display:block; width:292px; height:56px; overflow:hidden; } .landing-corpbanca .qbc{ width:408px; height:94px; float:right; color:transparent; background:url(../../img/web-plp/header/logo-corpbanca.png) center no-repeat; position:relative; margin:0px; right:0px;} .landing-corpbanca .seccion2{ position: relative; top: -54px; right: 0px; padding:0px;} .landing-corpbanca .movistar{ margin-bottom:0px;} .landing-corpbanca .imagen{ width:499px; height:auto; float:left; left:-35px; position:relative; top:-75px; z-index:1;} .landing-corpbanca .texto{ width: 410px; height: auto; float: right; position: absolute; z-index: 1; right: 0px; top: -43px; background: none; border: none; padding: 0px; margin-top: 0px;} .landing-corpbanca .texto p { font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 24px; color: #FFF; text-align: center; width: 448px;} .landing-corpbanca .texto li { font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; list-style: url(../../img/web-plp/content/dot3.png); color: #D7D8D9; float: left; text-align: center; margin-left: 27px; width: 100%;} .landing-corpbanca .texto h2{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 49px; color:#ffc000; text-align:center; text-transform:none; text-shadow:11px 11px 7px rgba(0,0,0,0.45);} .landing-corpbanca .texto h5{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color: #FFF; width: 100%; float: left; text-align: center; font-weight: normal; margin-top: 20px; text-decoration: underline;} .landing-corpbanca .texto h4{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color: #FFF; width: 100%; float: left; text-align: center; font-weight: normal; margin-top: 20px;} .landing-corpbanca .texto .campo_promo{ width: 158px; height: 30px; background: #FFF; box-shadow: inset 4px 4px 4px 0px rgba(80, 85, 90, 0.5); border-radius: 15px; float: left; position: relative; margin: 0px; left: 50%; padding: 6px; text-align: center; behavior: url(ie-css3.htc); margin-left: -85px;} .landing-corpbanca .texto label{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 21px; float: left; position: relative; color: #202020; width: 100%; text-align: center; margin-top: 20px;} .landing-corpbanca .texto .btn-regis{ width: 100%; height: 100px; float: left; position: relative; left: 0px; background:url(../../img/web-plp/content/btn-cont-qbc.png) center 0 no-repeat; cursor:pointer; margin-top:15px;} .landing-corpbanca .texto .btn-regis:hover{ background-position:center -157px;} .landing-corpbanca .texto .texto-prueba{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color: #FFF; background: #25AED6; border-radius: 30px; padding: 8px 15px; width: auto; text-align: center; float: left; margin: 5px 0px; border: 2px solid #FFF;} .landing-corpbanca .app-store{ width:609px; height:50px; float:left; position:relative; z-index:2; left:0px; top:-134px; background:url(../../img/web-plp/content/orange-div.png) center right no-repeat;} .landing-corpbanca .text-mov{ width:100%; height:auto; float:left; position:relative; z-index:2; left:0px; top:10px;} .landing-corpbanca .text-mov ul{} .landing-corpbanca .text-mov ul li{ float:left; margin-right:75px; list-style-image:url(../../img/web-plp/content/blue-check.png); font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; color:#393939; position: relative; z-index: 2; top: -80px; } .landing-corpbanca .condiciones{ width:100%; float:left; height:auto;} .landing-corpbanca .condiciones p{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; color: #444; width:100%;} .landing-corpbanca .condiciones ul li{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; color: #444; width:100%; list-style-type:circle;} .landing-corpbanca .condiciones h2{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 16px; color: #F60; width:100%;} .landing-corpbanca .condiciones .descripcion{ width:45%; float:left; height:auto;} .landing-corpbanca .condiciones .proceso{ width:45%; float:right; height:auto;} .helm{ width:464px; height:94px; float:right; color:transparent; background:url(../../img/web-plp/header/logo-corpbanca2.png) center no-repeat; position:relative; margin:0px; right:-60px;} .bbva{ width:450px; height:69px; float:right; color:transparent; background:url(../../img/web-plp/header/logo-bbva-w.png) center no-repeat; position:relative; margin:0px; right:-60px;} /*--------- LANDING TG ----------*/ .landing-tg{ width:100%; height:auto; padding-top:20px; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} .landing-tg .content{ background:none;} .landing-tg .wrap-content{ background:none !important;} .landing-tg .wrap-content .colmain{ position:relative;} .landing-tg .pasa-logo{ font-size:1px; line-height:150px; background:url(../../img/web-plp/header/pasa-la-pagina-logo.png) 0 0 no-repeat; display:block; width:292px; height:56px; overflow:hidden; } .landing-tg .qbc{ width:408px; height:94px; float:right; color:transparent; background:url(../../img/web-plp/header/logo-tg.png) center no-repeat; position:relative; margin:0px; right:0px;} .landing-tg .seccion2{ position: relative; top: -54px; right: 0px; padding:0px;} .landing-tg .movistar{ margin-bottom:0px;} .landing-tg .imagen{ width:499px; height:auto; float:left; left:-35px; position:relative; top:-75px; z-index:1;} .landing-tg .texto{ width: 410px; height: auto; float: right; position: absolute; z-index: 1; right: 0px; top: -43px; background: none; border: none; padding: 0px; margin-top: 0px;} .landing-tg .texto p { font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 24px; color: #FFF; text-align: center; width: 448px;} .landing-tg .texto li { font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; list-style: url(../../img/web-plp/content/dot3.png); color: #D7D8D9; float: left; text-align: center; margin-left: 27px; width: 100%;} .landing-tg .texto h2{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 49px; color:#ffc000; text-align:center; text-transform:none; text-shadow:11px 11px 7px rgba(0,0,0,0.45);} .landing-tg .texto h5{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color: #FFF; width: 100%; float: left; text-align: center; font-weight: normal; margin-top: 20px; text-decoration: underline;} .landing-tg .texto h4{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color: #FFF; width: 100%; float: left; text-align: center; font-weight: normal; margin-top: 20px;} .landing-tg .texto .campo_promo{ width: 158px; height: 30px; background: #FFF; box-shadow: inset 4px 4px 4px 0px rgba(80, 85, 90, 0.5); border-radius: 15px; float: left; position: relative; margin: 0px; left: 50%; padding: 6px; text-align: center; behavior: url(ie-css3.htc); margin-left: -85px;} .landing-tg .texto label{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 21px; float: left; position: relative; color: #202020; width: 100%; text-align: center; margin-top: 20px;} .landing-tg .texto .btn-regis{ width: 100%; height: 100px; float: left; position: relative; left: 0px; background:url(../../img/web-plp/content/btn-cont-qbc.png) center 0 no-repeat; cursor:pointer; margin-top:15px;} .landing-tg .texto .btn-regis:hover{ background-position:center -157px;} .landing-tg .texto .texto-prueba{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 22px; color: #FFF; background: #25AED6; border-radius: 30px; padding: 8px 15px; width: auto; text-align: center; float: left; margin: 5px 0px; border: 2px solid #FFF;} .landing-tg .app-store{ width:609px; height:50px; float:left; position:relative; z-index:2; left:0px; top:-134px; background:url(../../img/web-plp/content/orange-div.png) center right no-repeat;} .landing-tg .text-mov{ width:100%; height:auto; float:left; position:relative; z-index:2; left:0px; top:10px;} .landing-tg .text-mov ul{} .landing-tg .text-mov ul li{ float:left; margin-right:75px; list-style-image:url(../../img/web-plp/content/blue-check.png); font-family: Poppins, 'Cabin Condensed',sans-serif; font-size: 18px; color:#393939; position: relative; z-index: 2; top: -80px; } .landing-tg .condiciones{ width:100%; float:left; height:auto;} .landing-tg .condiciones p{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; color: #444; width:100%;} .landing-tg .condiciones ul li{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; color: #444; width:100%; list-style-type:circle;} .landing-tg .condiciones h2{ font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 16px; color: #F60; width:100%;} .landing-tg .condiciones .descripcion{ width:45%; float:left; height:auto;} .landing-tg .condiciones .proceso{ width:45%; float:right; height:auto;} /*---------- LIGHTBOX -----------*/ #TB_overlay { background-color:#000; width:100%; height:100%; position:fixed; top:0; left:0; z-index:2000; opacity:0.75; filter:alpha(opacity=75); -moz-opacity:.75;} .overlay-latino{ background-color:#08192b!important; width:100%!important; height:100%!important; position:fixed!important; top:0!important; left:0!important; z-index:2000!important; opacity:0.75!important; filter:alpha(opacity=75)!important; -moz-opacity:.75!important;} #lightbox { background:#FFF; width:500px; min-height:230px; padding:55px 45px 55px 55px; position:fixed; top:50%; left:50%; z-index:3000; margin-top:-150px; margin-left:-300px;} #lightbox-navidad { width:676px; position:fixed; top:50%; left:50%; z-index:3000; margin-top:-178px; margin-left:-338px; height:356px;} #lightbox-navidad .btn-cerrar{ width:auto; height:18px; background:url(../../img/web-plp/content/cerrar.png) right 0 no-repeat; font-family:Poppins, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; padding-right:27px; position:absolute; float:right; right:2px;color: #FFF;} #lightbox-navidad .btn-cerrar;hover{ background-position: right -18px;} #lightbox3 { background:#FFF; width:500px; min-height:230px; padding:55px 45px 55px 55px; position:fixed; top:50%; left:50%; z-index:3000; margin-top:-150px; margin-left:-300px; height:auto; float:left;} #lightbox-coomeva { background:#FFF; width:600px; min-height:230px; padding:25px; position:fixed; top:50%; left:50%; z-index:3000; margin-top:-150px; margin-left:-300px; text-align:center; height:auto; float:left;} #lightbox-coomeva .cerrar_lb{ top: -12px; right: -12px;} #lightbox-coomeva h2{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size:24px; color:#22aadc;} #lightbox-coomeva p{ font-family: Poppins, 'Cabin Condensed',sans-serif; font-size:18px; color:#515151; width: 400px; margin: 14px auto;} #lightbox-coomeva .logos{ width:100%; padding-bottom:15px; height:auto; float:left; margin-bottom:10px; border-bottom:1px dashed #ababab;} @media only screen and (max-width: 768px) { /* For mobile phones: */ .flex-items-ayuda { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .item9{ width: 100%; } } @media only screen and (max-width: 768px) { /* For mobile phones: */ #lightbox{ width: 96% !important; left: 27% !important; margin-left: -25% !important; } #lightbox .alerta .txt_adv{ width: 72% !important; } .txt_adv{ height: 245px !important; } #lightbox .alerta{ background-position: 25% top !important; } .txt20{ font-size: 1em !important;; } } /*#lightbox_ipad { background:#FFF; width:413px; height:530px; padding:35px 45px 35px 55px; position:fixed; top:50%; left:50%; z-index:3000; margin-top:-300px; margin-left:-250px;}*/ @media screen and (orientation: landscape) { #lightbox_ipad { background:#FFF; width:413px; height:auto; padding:35px 45px 35px 55px; position:fixed; top:50%; left:50%; z-index:3000; margin-top:-300px; margin-left:-250px;} #lightbox_ipad .alerta_ipad .cerrar_ipad { top:-46px; right:-51px;} } @media screen and (orientation: portrait) { #lightbox_ipad { background:#FFF; width:613px; height:auto; padding:50px 45px 35px 55px; position:fixed; top:50%; left:50%; z-index:3000; margin-top:-380px; margin-left:-360px;} #lightbox_ipad .alerta_ipad { width:613px;!important} #lightbox_ipad .alerta_ipad h3 { font-size:1.90em; padding-bottom:15px;} #lightbox_ipad .alerta_ipad ul { margin-bottom:20px;} #lightbox_ipad .alerta_ipad ul li { font-size:1.35em;} #lightbox_ipad .revista_actual { margin-right:80px; margin-top:15px; !important} #lightbox_ipad .revista_anterior { margin-left:80px; margin-top:15px;!important} #lightbox_ipad .revista_anterior, #lightbox_ipad .revista_actual { font-size:1.35em;!important} #lightbox_ipad .alerta_ipad p { font-size:1.05em; margin-top:40px;} #lightbox_ipad .alerta_ipad .cerrar_ipad { top:-55px; right:-51px;} #lightbox_ipad .alerta_ipad .btn-off-line, #lightbox_ipad .alerta_ipad .btn-on-line { margin-top:20px;!important} } .btn-off-line { width:119px; height:42px; display:block; line-height:3000px; overflow:hidden; background:url(../../img/web-plp/content/btn-off-line.png) 0 0 no-repeat; margin:10px auto 0;} .btn-off-line:hover { background-position: 0 -42px;} .btn-on-line { width:119px; height:42px; display:block; line-height:3000px; overflow:hidden; background:url(../../img/web-plp/content/btn-on-line.png) 0 0 no-repeat; margin:10px auto 0;} .btn-on-line:hover { background-position: 0 -42px;} #lightbox2 { background:#FFF; width:600px; height:360px; position:fixed; top:50%; left:50%; z-index:3000; margin-top:-180px; margin-left:-300px;} #form-factura { background:#FFF; width:500px; height:auto; padding: 55px 45px 35px 55px; position:absolute; top:30px; left:50%; z-index:3000; margin-left:-300px;} #form-factura h3 {font-family: Poppins, 'Cabin Condensed', sans-serif; font-size:1.5em; line-height: 24px; font-weight: 400; color:#666; padding-bottom:24px;} .alerta_2 { background:#FFF; width:702x; height:326px; position:fixed; top:50%; left:50%; z-index:3000; margin-top:-200px; margin-left:-400px; background:url(../../img/web-plp/content/bg_alerta_2.jpg) 0 0 no-repeat; padding: 55px 43px 20px 55px;} .alerta_2 h2 { font-family: Poppins, 'Cabin Condensed', sans-serif; font-size:2em; font-weight:600; color:#25ACD3; text-align:center; margin-top:20px;} .alerta_2 p { font-family: Poppins, 'Cabin Condensed', sans-serif; font-size:18px; line-height:1.4; font-weight:300; color:#666; text-align:center; margin-top:1em;} .btn-clic-aqui { width:108px; height:108px; overflow:hidden; line-height:400px; display:block; background:url(../../img/web-plp/content/btn-clic-aqui.png) 0 0 no-repeat; margin:36px auto 0;} .btn-clic-aqui:hover { background-position: 0 -108px;} .cerrar_lc { font-size:1px; line-height:100px; background:url(../../img/web-plp/content/cerrar_lb.png) 0 0 no-repeat; display:block; width:25px; height:25px; position:absolute; top:-11px; right:-7px; overflow:hidden;} .cerrar_lc:hover { background-position:0 -25px;} .alerta { background-position:150px top; width:500px; min-height:230px; position:relative;} .alerta-navidad { width:676px; height:356px; position:relative;} .alerta_ipad { background-position:150px top; width:413px; height:auto; position:relative; font-family: Poppins, 'Cabin Condensed', sans-serif;} .alerta_ipad h3 {font-size:1.40em; line-height:23px; font-weight:400; color:#25ADD5; padding-bottom:5px;} .alerta_ipad .orange{ color:#FF7700;} .alerta_ipad ul {padding: 5px 0 10px;} .alerta_ipad ul li { background: url(../../img/web-plp/content/dot1.png) 3px 7px no-repeat; padding-left:20px; padding-bottom:2px; color:#878787;} .alerta_ipad ul li a {} .alerta_ipad ul li a:hover {} .alerta_ipad p { font-size:0.85em; line-height:17px; font-weight:400; color:#878787; margin-top:45px; text-align:center;} .alerta_ipad p code {font-family: Poppins, 'Cabin Condensed', sans-serif;} .alerta_ipad p a { color:#25ACD4;} .alerta_ipad p a:hover { text-decoration:underline;} .btns_revista_ipad {} #alerta-regalo{ width:738px; height:624px; float:left; background:url(../../img/web-plp/content/alerta-regalo.png) center top no-repeat; position:absolute; left:50%; top:50%; margin-left:-369px; margin-top:-312px; z-index:1000;} #alerta-regalo p{ width: 590px; float: left; position: absolute; bottom: 44px; text-align: center; font-size: 11px; color: #FFF; left: 50%; margin-left: -295px;} #alerta-regalo .cerrar{ width:30px; height:30px; background-color:#333; color:#FFF; text-align:center; line-height:30px; border-radius:50%; float:right; position:absolute; right:12px; top:12px;} #alerta-regalo .cerrar:hover{ background-color:#FF7700;} #alerta-vivamos{ width:601px; height:257px; float:left; position:absolute; z-index:2000; background:url(../../img/web-plp/footer/bg-overlay-vivamos.jpg) center top no-repeat; left:50%; top:50%; margin-left:-300px; margin-top:-123.5px;} #alerta-vivamos h3{ font-size:28px; width:100%; float:left; margin-top:30px; text-align:center; margin-bottom:20px; font-weight:700;color:#FF7700; font-family: Poppins, 'Cabin Condensed', sans-serif;} #alerta-vivamos p{ font-family: Poppins, 'Cabin Condensed', sans-serif; font-size:22px; color:#878787; width:422px; margin:0 auto; font-weight:400;} #alerta-vivamos p a{ font-size:26px; color:#22a4ca;} #alerta-vivamos .continuar{ font-family: Poppins, 'Cabin Condensed', sans-serif; width:150px; height:53px; background: #d88622; /* Old browsers */ background: -moz-linear-gradient(top, #d88622 0%, #b46e1c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d88622), color-stop(100%,#b46e1c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d88622 0%,#b46e1c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d88622 0%,#b46e1c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d88622 0%,#b46e1c 100%); /* IE10+ */ background: linear-gradient(to bottom, #d88622 0%,#b46e1c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d88622', endColorstr='#b46e1c',GradientType=0 ); /* IE6-9 */ border-radius:10px; border:1px solid #b9690c; position:relative; left:50%; margin-left:-75px; margin-top:25px; color:#FFF; text-align:center; font-size:24px; font-weight:400; float: left; line-height: 51px;} #alerta-vivamos .cerrar{ width:26px; height:26px; border-radius:50%; background-color:#25add5; color:#FFF; text-align:center; line-height:26px; position:absolute; right:-10px; top:-10px; float:right; font-size: 15px; font-weight: 700;} #alerta-vivamos .cerrar:hover{ background-color:#FF7700;} .revista_anterior { width:135px; float:left; margin-left:15px;} .revista_anterior h5, .revista_actual h5 { font-family: Poppins, 'Cabin Condensed', sans-serif; font-size:1.15em; font-weight:bold; color: #333; text-shadow: 1px 1px 1px white, -1px -1px 1px #CCC; text-align:center; padding-bottom:8px;} .revista_actual { width:135px; float:right; margin-right:15px;} .content-video { width:500px; height:285px; margin: -22px auto 0; position:relative;} .cerrar_lb { font-size:1px; line-height:100px; background:url(../../img/web-plp/content/cerrar_lb.png) 0 0 no-repeat; display:block; width:25px; height:25px; position:absolute; top:-63px; right:-56px; overflow:hidden;} .cerrar_lb:hover { background-position:0 -25px;} .cerrar_ipad { font-size:1px; line-height:100px; background:url(../../img/web-plp/content/cerrar_lb.png) 0 0 no-repeat; display:block; width:25px; height:25px; position:absolute; overflow:hidden;} .cerrar_ipaf:hover { background-position:0 -25px;} .cerrar_video { font-size:1px; line-height:100px; background:url(../../img/web-plp/content/cerrar_lb.png) 0 0 no-repeat; display:block; width:25px; height:25px; position:absolute; top:-45px; right:-56px; overflow:hidden;} .cerrar_video:hover { background-position:0 -25px;} .cerrar_4 { font-size:1px; line-height:100px; background:url(../../img/web-plp/content/cerrar_lb.png) 0 0 no-repeat; display:block; width:25px; height:25px; position:absolute; top:-10px; right:-10px; overflow:hidden; z-index:300;} .cerrar_4:hover { background-position:0 -25px;} .icon_adv { width:110px; float:left; padding-top:42px;} .txt_adv { display:table; width:325px; height:245px !important; float:right; padding-bottom:10px; *position:relative;} .txt_adv .valign { max-height:230px;} .quienes-somos { width:960px; font-family: Poppins, 'Cabin Condensed', sans-serif; margin-top:55px;} .info-pasalapagina { float:left; width:383px; margin-left:35px; padding-bottom:300px; background:url(../../img/web-plp/content/bg-info-pasalapagina.png) center bottom no-repeat; margin-bottom:40px;} .info-pasalapagina p { color:#666666; font-size:1.42em; padding-bottom:10px; word-spacing: -1px;} .info-pasalapagina p code {font-family: Poppins, 'Cabin Condensed', sans-serif; color:#666666;} .info-pasalapagina p strong { color:#25ACD3; font-weight:normal;} .equipo { float:right; width:445px; margin-bottom:40px;} .equipo h3 { width:445px; height:109px; background:url(../../img/web-plp/content/bg-titulo-equipo.png) center 0 no-repeat; overflow:hidden; line-height:1000px;} .integrante { float:left; width:118px; margin-top:20px; margin-right:43px;} .integrante h5 { color:#25ACD4; border-bottom:1px solid #CCCCCC; padding-bottom:3px; font-size:1.07em; text-align:center;} .integrante img { padding-bottom:5px; margin-top:12px;} .integrante span { display:block; text-align:center; color:#666666; font-size:1em;} .testimonios { width:960px; float:left; padding-top:48px; background:url(../../img/web-plp/content/bg-testimonios.png) center top no-repeat; margin-bottom:40px;} .afiliados { font-family: Poppins, 'Cabin Condensed', sans-serif; float:left; width:380px;} .afiliados h4 {font-size:1.68em; color:#FFF; line-height:36px; background: url(../../img/web-plp/content/ctitulo1.png) 0 0 no-repeat; width:335px; height:26px; padding: 12px 30px 14px 47px; text-shadow: 1px 1px 1px #1E87A6; font-weight:lighter; font-family: Poppins, 'Cabin Condensed', sans-serif;} .afiliados ul { margin-left:40px; margin-top:40px;} .afiliados ul li { color:#858585; font-weight:normal; background:url(../../img/web-plp/content/dot2.png) left 7px no-repeat; padding-left:10px;} .afiliados ul li strong {color:#25ACD3; font-weight:normal; margin-right:5px;} .afiliados ul li a {} .afiliados ul li a:hover { text-decoration:underline;} .notas {font-family: Poppins, 'Cabin Condensed', sans-serif; float:right; width:380px;} .notas h4 { font-size:1.68em; color:#FFF;line-height:36px; background: url(../../img/web-plp/content/i8t_gris.png) 0 0 no-repeat; width:335px; height:26px; padding: 12px 30px 14px 47px; text-shadow: 1px 1px 1px #414141; font-weight:lighter; font-family: Poppins, 'Cabin Condensed', sans-serif;} .notas ul { margin-left:40px; margin-top:40px;} .notas ul li { color:#858585; font-size:1em; background:url(../../img/web-plp/content/dot2.png) left 7px no-repeat; padding-left:10px;} .notas ul li strong {color:#25ACD3; font-weight:normal; margin-right:5px;} .notas ul li a {} .notas ul li a:hover { text-decoration:underline;} .popup-aliados{ width: 600px; background: #FFF; float: left; left: 50%; padding: 25px; margin-left: -325px; position: fixed; z-index: 2001; top: 15%;} .popup-aliados .cerrar{ width:35px; height:35px; float:right; position:absolute; background-color:#FF7700; color:#FFF; font-size:20px; text-align:center; line-height:35px; right:-10px; top:-10px; } .popup-aliados .cerrar:hover{ background-color:#484848;} .popup-aliados h3{ width:100%; float:left; text-align:center; color:#FF7700; font-size:24px; margin-bottom:20px;} .popup-aliados .logos{ width:100%; float:left; text-align:center;} .popup-aliados .logos img{ margin:10px; width:150px;} /*--------- NUEVO PAGO ------*/ .nuevo-pago{ width:100%; float:left; padding:10px 0; font-family: Poppins, 'Cabin Condensed', sans-serif; display:none;} .nuevo-pago .promocional{ width:100%; float:left; padding:10px 0; background:rgba(255,255,255,0.15); font-family: Poppins, 'Cabin Condensed', sans-serif; margin-bottom:10px;} .nuevo-pago .promocional p{ float: left; padding-left: 15px; color: #454545; width: 500px; font-size: 19px; font-family: Poppins, 'Cabin Condensed', sans-serif; margin: 0px; padding-bottom: 0; line-height: 36px;} .nuevo-pago .promocional input[type=text]{ width: 238px; background-color: #FFF; border: 1px solid #898989; padding: 8px; height: 20px; border-radius: 8px; box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.15); margin-right: 15px; font-family: Poppins, 'Cabin Condensed', sans-serif; float: left;} .nuevo-pago .promocional .aplicar{ width: 187px; padding: 8px; text-align: center; background-color: #F70; color: #FFF; box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.25), 2px 2px 2px 0px rgba(0, 0, 0, 0.25); font-size: 18px; font-family: Poppins, 'Cabin Condensed', sans-serif;float: right; margin-right: 21px; border-radius: 10px; cursor: pointer;} .nuevo-pago .promocional .aplicar:hover{ background-color:#545454;} .nuevo-pago .programar{ width:100%; float:left; padding:10px 0; background-color:#0dbae0; color:#FFF; font-size:15px;} .nuevo-pago .programar p{ width: 584px; float: left; margin-right: 10px; padding: 8px; margin-top: 0; margin-left: 25px; font-size: 22px; color: #FFF;} .nuevo-pago .programar .btn-programar{ width: 250px; padding: 8px; text-align: center; background-color: #F70; color: #FFF; box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.25), 2px 2px 2px 0px rgba(0, 0, 0, 0.25); font-size: 18px; font-family: Poppins, 'Cabin Condensed', sans-serif; float: right; margin-right: 25px; margin-bottom: 8px; border-radius: 10px;} .nuevo-pago .programar .btn-programar:hover{ background-color:#545454;} .nuevo-pago .programar .logos{ width: 250px; float: right; text-align: center; margin-right: 25px;} .nuevo-pago .programar .logos img{ margin:0 8px;} .nuevo-pago .advertencia{ margin-top: 20px; width: 980px; float: left; background-color: #FFF; border: 1px solid #F70; text-align: center; font-size: 18px; font-family: Poppins, 'Cabin Condensed', sans-serif; padding: 10px; color: #F70;} .nuevo-pago h3{ width: 100%; float: left; margin: 20px 0; color: #212121; font-size: 21px; font-weight: 700;} .nuevo-pago .pago6-12meses{ width:100%; float:left; padding:8px 0; background-color:#0dbae0; color:#FFF; font-size:15px;} .nuevo-pago .pago6-12meses .campo{ padding:20px;} .nuevo-pago .pago6-12meses .campo input{ float: left; margin-right: 10px; margin-top: 6px;} .nuevo-pago .pago6-12meses .campo label{ float: left; color: #FFF; font-size: 21px; padding: 0;} .nuevo-pago .pago6-12meses .botones{ width: 100%; float: left; margin-top: 29px; text-align: center; padding-bottom: 25px;} .nuevo-pago .pago6-12meses .botones a{ width:auto; padding:8px; text-align:center; background-color:#FF7700; color:#FFF; box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,0.25), 2px 2px 2px 0px rgba(0,0,0,0.25); font-size:18px; font-family: Poppins, 'Cabin Condensed', sans-serif; border-radius:10px; margin: 0 12px;} .nuevo-pago .pago6-12meses .botones a:hover{ background-color:#545454;} /*---------- FCK ---------*/ .txt8 .fck p { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1em; line-height:15px; font-weight:400; color:#666;} .txt12 .fck p { font-family:Poppins, 'Cabin Condensed', sans-serif; font-size:1em; line-height:24px; font-weight:400; color:#666;} .txt12 .fck span { color:#25ACD3;} .item7 .fck strong { color:#25ACD2;} .item7 .fck ol { font-weight:600; color:#25ACD2;} /* Hay varios fck con diferentes características, no cambiar nada directamente en este fck */ .fck p, .fck div { font-size:1em; font-weight:400; color:#858585; padding-bottom:10px;} .fck a { color:#25ACD2;} .fck a:hover { text-decoration:underline;} .fck h6 { font-size:0.85em; font-weight:400; color:#A4A4A4; padding-bottom:10px;} .fck ol { padding:0 0 10px 25px;} .fck ol li { font-size:1em; font-weight:400; color:#858585; padding-bottom:4px;} .fck ol li p { font-weight:400; color:#858585; padding-bottom:0;} .fck ul { padding-bottom:10px;} .fck ul li { font-size:1em; font-weight:400; color:#777; background:url(../../img/web-plp/content/dot1.png) left 6px no-repeat; padding-left:15px; padding-bottom:4px;} .fck ul li { background-image:url(../../img/web-plp/content/dot2.png);} .fck ul ul, .fck ol ul { padding:5px 0 0;} .alianzas { border-bottom:1px solid #505050; font-family:Verdana, Geneva, sans-serif; padding:23px 0 10px 0; background:url(../../img/web-plp/footer/bg-alianzas.png) center top no-repeat; margin-bottom:30px;} .alianzas p { color:#25AED0; text-align:center; font-size:0.70em; padding:0 76px;} .orange{ color:#FF7700;} .blue{ color:#0dbae0;} .alerta_ipad ul .off-line{ background: url(../../img/web-plp/content/dot5.png) no-repeat scroll 3px 7px transparent; float:left;} #track{ margin-bottom: 1.3rem;} #track{ margin: 0 auto; margin-bottom: 1.5rem;} #track .track{ width: 237px !important;} #track .track-left { width: 10px; height: 41px; float: left; background: url(../../img/web-plp/content/bg-track.png) left top no-repeat;} #track .track-right { width: 10px; height: 41px; float: right; background: url(../../img/web-plp/content/bg-track.png) right top no-repeat;} #track .track-center { background: url(../../img/web-plp/content/bg-track.png) center top no-repeat; height: 41px; margin: 0px 10px;} #track .track-message { color: white; font-size: 1em; padding: 9px 4px; text-align: right; font-family: Poppins, 'Cabin Condensed', sans-serif;} #track.active .track-left{ background-image: url(../../img/web-plp/content/bg-track-go.png);} #track.active .track-right{ background-image: url(../../img/web-plp/content/bg-track-go.png);} #track.active .track-center{ background-image: url(../../img/web-plp/content/bg-track-go.png);} #track .handle { background: url(../../img/web-plp/content/bg-handle.png) left top no-repeat; bottom: 45px; cursor: pointer; height: 36px; margin: 3px 4px; position: relative; width: 60px; top: -41px;} #track.active .handle { background-position: left bottom;} #track #locked-span{ height: 41px; text-align: right; padding-right: 1rem; line-height: 41px;}