@font-face { font-family: 'open sans'; src: url(opensans-regular-webfont.ttf); } @font-face { font-family: 'open sans light'; src: url(opensans-light-webfont.ttf); } /* ESTILOS GENERALES ANTES DE RESPONSIVE M*/ .producto-listado .span6 a.link_vinculacion, .responsive_entradilla_listado, .responsive_img, .responsive_h4p, .responsive_descripcion, .responsive_total, .suscripcion div.responsive_registro_login, .responsive_eleccion_botones, .form_popup_responsive {display:none; } .spriteresponsive{background:url('/comun/img/2014/responsive/responsivesprite.png');} .spriteresponsive.checked{background:url('/comun/img/2014/responsive/responsivesprite-click.png');} .trial-page .container.subwrapper { margin:0px; } .cms-suscripcion-contacto-apps-html .std {display:none} #txtCouponValidation_RES{float:left; position: static; width: 100%;} #btnValidateCoupon_RES{ color: #fff; float: right; width: 23%; border-radius: 5px; background: #ca0023; text-transform: uppercase; padding: 0 1% 3px 4%; } /* TABLET 320 < WIDTH < 1024 */ @media only screen and (max-width : 1024px) and (min-width : 0) and (orientation:portrait),only screen and (max-width : 1024px) and (min-width : 0) and (orientation:landscape){ /* ESTILOS GENERALES */ html { height:100%; background-color:#fff; } body { height:100%; background-color:#fff; } header { background:#fff; position:relative; } footer { display:none; } a{color:white;} .wrapper { width:100%; height:100%; overflow:visible; margin:0; padding:0; position:relative; } .subwrapper { width:auto; height:auto; padding:0; margin:0px; overflow:visible; position:relative; top:81px; } .clasificados,.cabeceraSup .footer { display:none; } nav.cab { display:none; } .form_popup_responsive { display:block; } #checkoutForm { display:block; } #divBtnCheckout { display:block; } #checkoutFormResponsive { display:none; } .responsive_registro_login a{color:black!important;} #medioHeader { position:absolute; height:80px; width:100%; z-index:100000; } #medioHeader .cabeceraSup.container { height:80px; min-height:80px; padding:0px; width:100%; border-bottom:1px solid #000; } #medioHeader .cabeceraSup .bloque, #medioHeader .cabeceraSup .bloque2 { width:100%; min-height:auto; margin:0px; padding:0; } #medioHeader .cabeceraSup .bloque h1, #medioHeader .cabeceraSup .bloque2 h1, #medioHeader .cabeceraSup .bloque2>a span, #medioHeader .cabeceraSup .bloque>a span { height:46px; margin:15px 25px 0px 15px; padding:0px; } #medioHeader .cabeceraSup .dia { display:none; } #medioHeader .cabeceraSup .mancheta { display:none; } #medioHeader .cabeceraSup .newsletter-cabecera { display:none; } #medioHeader .cabeceraSup .responsive_app_info { background:#ca0023; color:#fff; font:24px nova; padding:0px 5px; position:relative; display:inline-block; margin:25px 0px 0px 0px; text-transform:uppercase; } #medioHeader .cabeceraSup .responsive_user_info { display:none;background-position:0px 0px; content:''; background-image:url('/comun/img/2014/responsive/logo_user.png'); height:45px; width:34px; position:absolute; top:20px; right:25px; } .subwrapper .std { width:100%; margin:0; padding:35px 0px; overflow:hidden; } .onPlus .cabeceraSup .edicion, .onPlus .cabeceraSup .redS, .onPlus ul.unstyled.pull-left.bloque, .onPlus .bloque2 .destacado { display: none; } /*.contenedorModal .formularioModal { color:#333; left:25%; width:50% !important; } .pop_up_container .pop_up { color:#333; left:25%; width:50% !important; } .pop_up_container .pop_up article { padding:0px; } .pop_up_container .pop_up header { display:block; } .pop_up_container .pop_up .button-row { padding:0px; }*/ /* END ESTILOS GENERALES */ /* PROCESO DE COMPRA */ p.texto { width:auto; } .suscripcion { font-size:14px; margin:0px 4% !important; padding:0; width:92%; } .suscripcion header { display:none; } .suscripcion header h1 { font:30px nova; } .suscripcion article { margin:0 auto; width:100%; } .suscripcion article header { display:block; } .suscripcion article p { font-size:20px; line-height:normal; margin:0px 0px; } .suscripcion section { } .suscripcion section header { display:block; } .suscripcion h3 { float:none; margin:0px; font-size:30px; } .suscripcion .esc-resumen { margin:40px 0px 0px; width:100%; } .suscripcion .esc-resumen h3 { float:left; font-size:24px; margin:0px; width:28%; } .suscripcion .esc-resumen .precios { margin:6px 0px 0px 0px; padding:0px; } .suscripcion .esc-resumen .precios p { margin:0px 0px 10px; } .suscripcion .registrado h3 { float:left; font-size:24px; width:28%; } #checkoutLogin.registrado h3 { width:100%; } #checkoutLogin .registrado-servicios-exp { margin-left: 0; width: 180px; } .suscripcion article.datos { margin:0 auto; padding:0px; width:100%; } .suscripcion .datos section { margin:0px; padding:25px 0px 15px 0px; } .suscripcion .datos a { color:#000; cursor:pointer; font-size:14px; text-decoration:underline; } .suscripcion .datos .blq-izqda { float:left; margin:0 3% 0 0; width:25%; } .suscripcion .datos .blq-izqda h3 { font-size:24px; margin:0px; } .suscripcion .datos .blq-izqda p.rellena { display:none; } .suscripcion .datos .blq-izqda p.oblig { margin:20px 0px 0px 0px; padding:0px; } .suscripcion .span6 { width:72%; } .suscripcion .texto { width:100%; } .suscripcion .esc-form .full-size input { margin:0px !important; width:97% !important; } .suscripcion .esc-form .half-size { margin:0px; padding:0 2% 0 0; } .suscripcion .esc-form .half-size + .half-size { margin:0px; padding:0px; } .suscripcion .esc-form .half-size input { margin:0px !important; width:96% !important; } .suscripcion .esc-form select { padding:5px 20px 5px 10px; width:100%; } .suscripcion .esc-form .form-footer .form-links a { font:16px 'open sans'; color:#000; text-decoration:underline; text-align:right; display:block; margin:0px; } .suscripcion .esc-form .form-row { margin:20px 0px 0px 0px; } .suscripcion .form-row .form-field label { font-size:14px; } .suscripcion .esc-form .field-error { font-size:11px; } .suscripcion .select-container p.label { margin:10px 0px 0px 0px; } .suscripcion .select-date .select-container { margin:0 2% 0 0; width:30%; } .suscripcion .resumen-compra p { color:#596560 !important; margin:0px; text-transform:none; } .suscripcion .resumen-compra .descripcion { font-size:14px; } .suscripcion .resumen-compra p.label { text-transform:uppercase; } .suscripcion .resumen-compra li.checks { margin:0px 0px 10px; } .suscripcion .resumen-compra li.checks label { margin:0 0 0 3%; } .suscripcion .resumen-compra li.checks p.label { font-size:14px !important; text-transform:none; } .suscripcion .resumen-compra li.subitem { margin:0px 0px 5px 0px; } .suscripcion .resumen-compra li.subitem .img { float:left; padding-right:20px; } .suscripcion .resumen-compra li.subitem .info { float:left; margin:10px 0px 0px 0px; } .suscripcion .resumen-compra li.subitem .info h4 { margin:0px 0px 0px 0px; } .suscripcion .resumen-compra .checks div.checker { margin:0px 10px 0px 0px; } .suscripcion .resumen-compra .select-container select { font-size:13px; padding-right:30px; min-width:70px!important; } .suscripcion .resumen-compra .select-container .label { } .suscripcion .resumen-compra .select-container:after { background-position:-49px 0px; content:''; background-image:url('/comun/img/2014/responsive/responsivesprite.png'); right:7px; bottom:12px; top:auto; padding:0 0 2px; position:absolute; height:11px; width:20px; pointer-events:none; } .suscripcion .esc-form .form-row.select-date { margin:0px; } .suscripcion .esc-form .form-checks { margin-top:40px; } .suscripcion #layerLogin { width:100%; } .suscripcion #layerLogin #layerLoginWithCredentials p { font-size:16px; } .suscripcion .txt_aviso_papel .texto { font-size:16px; margin:10px 0px 15px 0px;} #checkoutForm .datos-pago #divDatosPago ul { border:none !important; padding:0px; } #checkoutForm .datos-pago #divDatosPago li { font-size:14px; } #checkoutForm .datos-pago #divDatosPago li.importe { color:black; font-size:16px; } #shippingForm .preview_shipping ul, #billingForm .preview_billing ul { margin:0px; } .profile_form.subform .span6, .billing_form.subform .span6, .shipping_form.subform .span6 { margin-top:0px !important; } .suscripcion .privacy_policy_desktop { width:100%; } .suscripcion .privacy_policy_desktop .texto { font-size:13px; margin:5px 0 5px 25%; width:72%; } .suscripcion #divLogin #layerLogin .redes { font-size:16px; width:44%; height:84px; } .suscripcion #divLogin #layerLogin .login { font-size:16px; padding:20px 0 0 5%;width:50%; } .suscripcion #divCoupon #btnToogleCoupon { font-size:12px; } .redBUttonSus { font:18px 'open sans' !important; text-transform:uppercase; padding:1% 3%;} #divBtnCheckout .redBUttonSus { width:230px; } .packs.regalo .span3 p { font: 24px/27px open sansb; } #layerLoading { height:100%; } .suscripcion .img-loading { position:fixed; left:33%; top:50%; margin:-20px 0 0 0; z-index:1000; } .suscripcion .img-loading span { color:#fff; } .suscripcion .img-loading#imgReloadCart { } .suscripcion .img-loading#imgReloadCart span { color:#ff5500; } a.rbe { color:#fff; font-size:24px; display:inline-block; padding:2% 4%; width:auto; border-radius:5px; } a.rbe.siguiente_resp_elbot { margin:0 0 0 2%; float:right;} a.rbe.volver_resp_elbot { background:#9da6ab; float:left; width:100px;} a.rbe.redrbe { background:#ca0023; width:100px; } a.rbe.greyrbe { background:#eeeff1; color:#5b6566; } a.rbe.textolargo { padding: 13px 20px; } .button-row.right { text-align:right; } .button-row input.redBUttonSus { font-size:18px!important; font-family:Open Sans!important; text-transform:uppercase; padding:13px 66px; font-weight:bold!important; margin:0; float:none; display:inline-block; vertical-align:middle; text-decoration:none!important; border-radius:5px; line-height:normal!important; border:none; width:auto; } .button-row input.redBUttonSus:hover { background:#b90021; } .suscripcion .datos div:first-child p:last-child{ color:#ca0023; font:14px arial!important;} /* END PROCESO DE COMPRA */ /* POPUPs DE COMPRA */ .pop_up_container { top:0px; background:rgba(0, 0, 0, 0.8); width:100% !important; overflow:scroll; height:100%; position:fixed; } .pop_up_container .pop_up { background:#9da7a7; text-align:center; padding:0px; margin:5%; width:90% !important; position:relative; left:0px !important; top:60px !important; } .pop_up_container .pop_up header { border:none; background:none; padding:50px 6% 0px 6%; width:88%; } .pop_up_container .pop_up header h2 { text-align:center; width:100%; } .pop_up_container .pop_up.pop_up_helplogin header h2 { width:90%; } .pop_up_container .pop_up header a { position: absolute; top:10px; right:10px; } .pop_up_container .pop_up article { font:24px Open Sans light; color:#fff; margin:0px; padding:20px 6% 20px 6%; width:88%; } .pop_up_container .pop_up article .redBUttonSus { padding:13px 66px; font-size:24px !important; font-family:Open Sans light !important; border-radius:5px; text-decoration:none; margin:50px auto 20px; width: auto;} .pop_up_container .pop_up h2 { color:#fff; font:36px nova; padding:0; width:100%; text-transform:uppercase; font-weight:normal; line-height:normal; margin:0px 0px 20px 0px; } .pop_up_container .pop_up p { font-size:24px; } .pop_up_container .pop_up .esc-form .field-msg { left:16px; bottom:-49px; } .pop_up_container .pop_up .esc-form .button-row { margin:55px 0px 0px 0px; } #popUpUserVerifyEmail_RES.pop_up_container { position: absolute !important; } #popUpUserVerifyEmail_RES.pop_up_container .pop_up{ max-height: 500px !important; } #popUpUserVerifyEmail_RES.pop_up_container .pop_up .esc-form .button-row { margin:0px; } #popUpUserVerifyEmail_RES.pop_up_container .pop_up .esc-form .button-row .redBUttonSus{ margin-top:10px; } .pop_up_container#popUpForgot header a { display:block; } .pop_up_container#popUpForgot article .form-row { margin:20px 0px 0px 0px; } .pop_up_container .pop_up.suscripcion-papel article { padding:0px 6% 20px 6%; } .pop_up_container .pop_up.suscripcion-papel header { } .pop_up_container .pop_up.suscripcion-papel header h2 { display:none; } .pop_up_container .pop_up.suscripcion-papel header a { display:block; } .pop_up_container .pop_up.suscripcion-papel h2 { font-size:36px; } .pop_up_container .pop_up.suscripcion-papel p { font-size:24px; } .pop_up_container .pop_up.suscripcion-papel p.mensaje { font-size:30px; padding:0px !important; } .pop_up_container .pop_up.suscripcion-papel p span { font-size:30px; } .pop_up_container .pop_up.suscripcion-papel a.redBUttonSus { font-size:18px; } /*.pop_up_container#infoPopUp .pop_up header { display:none; }*/ .form_popup_responsive { position:absolute; top:81px; left:0; z-index:1000; background:#9da6ab; height:auto; width:100%; overflow-y:visible; } .form_popup_responsive .form_resp { display:none; } .form_popup_responsive .form_resp.paso_activo { display:block!important; } .form_popup_responsive .cerrar_popup { position:absolute; top:34px; right:42px; color:#fff; font:32px nova; border-bottom:2px solid #fff; line-height:30px; cursor:pointer; z-index:10000000000000; } .form_popup_responsive .cerrar_popup a { color:#fff; text-decoration:none; } .form_popup_responsive .form_body { width: 87%; margin:30px auto 30px; } .form_popup_responsive .form_body header { margin:0px 0 55px; background:none; } .form_popup_responsive .form_body header h4 { color:#fff; font:32px nova; line-height:normal; margin:0; } .form_popup_responsive .form_body .form_title_responsive { margin:0 0 42px 0px; } .form_popup_responsive .form_body .form_title_responsive.borbot { padding-bottom:47px; border-bottom:1px solid #fff; } .form_popup_responsive .form_body .form_title_responsive h5 { font:32px nova; color:#fff; margin:0; } .form_popup_responsive .form_body .form_title_responsive p { font:32px Open Sans; color:#fff; margin:48px 0 0 0; line-height:36px; } .form_popup_responsive .form_body .campos_obligatorios { color:#fff; font:25px nova; margin:0 0 8px 0; } .form_popup_responsive .form_body #fieldsetEnvio_RES .campos_obligatorios { display:none; } .form_popup_responsive .form_body .campos_obligatorios span { color:#ca0023; } .form_popup_responsive .form_body .responsive_form_field { position:relative; margin:0 0 40px 0; } .form_popup_responsive .form_body .responsive_form_field label { font:32px nova; line-height:normal; color:#9da6ab; position:absolute; top:50%; left:3%; margin:-15px 0 0 0; pointer-events:none; } .form_popup_responsive .form_body .responsive_form_field label span { color:#ca0023; } .form_popup_responsive .form_body .responsive_form_field .responsive_field { border-radius:5px; outline:0; padding:21px 3%; border:none; font:32px nova; line-height:normal; color:#9da6ab; } .form_popup_responsive .form_body .responsive_form_field select.responsive_field { -webkit-appearance:none; -moz-appearance:none; appearance:none; } .form_popup_responsive .form_body .responsive_form_field.rfs::after { content:''; background:url('/comun/img/2014/responsive/responsivesprite.png'); right:15px; top:38px; padding:0 0 2px; position:absolute; height:11px; width:20px; pointer-events:none; background-position:-49px 0px; } .form_popup_responsive .form_body .responsive_form_field .responsive_field.err { border:3px solid #ca0023; } .form_popup_responsive .form_body .responsive_form_field .responsive_field.full_width { width:94%; } .form_popup_responsive .form_body .responsive_form_field select.responsive_field.full_width { width:100%; } .form_popup_responsive .form_body .responsive_form_field .responsive_field.full_width.err { width:92.5%; } .form_popup_responsive .form_body .responsive_form_field select.responsive_field.full_width.err { width:100%; } .form_popup_responsive .form_body .responsive_form_field .res_field_error { display:none; font:24px nova; line-height:normal; color:#fff; background:#ca0023; border-radius:0px 0px 5px 5px; padding:2px 10px; position:absolute; bottom:-30px; left:0px; min-width:110px; } .form_popup_responsive .form_body .responsive_form_field .responsive_field.disabled { background:none; color:#fff; border:3px solid #fff; width:92.5%; } .form_popup_responsive .form_body .res_field_aclarativo { font:24px nova; line-height:normal; color:#fff; position:absolute; bottom:-33px; right:0px; } .form_popup_responsive .form_body .responsive_form_field .res_field_aclarativo, .form_popup_responsive .form_body .responsive_form_field.conacla .res_field_aclarativo { position:relative; top:0; left:5px; } .form_popup_responsive .form_body .responsive_form_field.conacla label { top:72%; } .form_popup_responsive .form_body .responsive_form_field.rfs.birthdate_res { width:30%; display:inline-block; } .form_popup_responsive .form_body .responsive_form_field.rfs.birthdate_res.brrc { margin:0 4.2%; } .form_popup_responsive .form_body .responsive_form_field.rfc { margin:0 0 16px 0; } .form_popup_responsive .form_body .responsive_form_field.rfc .check { width:41px; height:41px; float:left; margin:0 14px 0 0; cursor:pointer; } .form_popup_responsive .form_body .responsive_form_field.rfc .check.checked { background-position:0px 0px; } .form_popup_responsive .form_body .responsive_form_field.rfc .check { background-position:0px -42px; } .form_popup_responsive .form_body .responsive_form_field.rfc .rfc_texto { font:24px Open Sans light; color:#fff; line-height:normal; margin:0 0 0 66px; } .form_popup_responsive .form_body .responsive_form_text { margin:35px 0 40px 0; font:24px Open Sans light; color:#fff; line-height:30px; } .form_popup_responsive .form_body .responsive_form_text.right { color:#d8dbdd; text-align:right; } .form_popup_responsive .form_body .responsive_form_text.right a { text-decoration:underline; color:#fff; } .form_popup_responsive .form_body .responsive_form_text p { font:24px Open Sans light; color:#fff; line-height:30px; } .form_popup_responsive .form_body .responsive_form_text p a { font-family:nova; text-decoration:underline; color:#fff; } .form_popup_responsive .form_body .resp_fecha_nac { position:relative; } .form_popup_responsive .form_body .log_cab_responsive { padding:0 0 16px 0; height:28px; border-bottom:5px solid #fff; margin:0; position:relative; } .form_popup_responsive .form_body .log_cab_responsive h5 { display:inline-block; color:#fff; font:22px nova; line-height:normal; margin:0; padding:0; vertical-align:middle; } .form_popup_responsive .form_body .log_cab_responsive .personaje { width:37px; height:44px; display:inline-block; vertical-align:middle; background-position:-49px -21px; margin:0 0 0 8px; position:absolute; top:-10px; } .form_popup_responsive .responsive_eleccion_botones { display:block; text-align:center; } .form_popup_responsive #formLogin { margin:0px 0px 30px 0px; } .form_popup_responsive #formLogin .field-error { float:right; } .form_popup_responsive.iphone_pop { position:static; min-height:100%; overflow:hidden; display:block; width:100%; } .form_popup_responsive.iphone_pop header { display:none; margin:0px 0 110px; } .form_popup_responsive.iphone_pop .form_body { margin:60px auto 30px; } .form_popup_responsive.iphone_pop .form_body p { font:36px Open Sans light; line-height:normal; color:#fff; text-align:center; margin:0 0 42px; } .form_popup_responsive.iphone_pop .form_body p:last-child { margin:125px 0 42px; } .form_popup_responsive.iphone_pop .form_body p strong { font-family:nova; } .form_popup_responsive.iphone_pop .form_body p a { color:#fff; font-family:nova; text-decoration:underline; } .form_popup_responsive .form_body #resumenCompra {} .form_popup_responsive .form_body #resumenCompra p.select-container:after { content:''; background:none!important; } .form_popup_responsive .form_body #resumenCompra p { font:32px Open Sans light; line-height:36px; color:#fff; margin:0 0 37px 0; } .form_popup_responsive .form_body #resumenCompra p span { font:32px Open Sans light; line-height:36px; color:#fff; } .form_popup_responsive .form_body #resumenCompra p.subproducto_resumen { padding:20px 0 0 0; border-top:1px solid #bbc1c4; } .form_popup_responsive .form_body #resumenCompra p.subproducto_resumen span { text-transform:uppercase; font:24px Open Sans light; line-height:36px; color:#fff; } .form_popup_responsive.pop_up_confirmacion { display:block; top:0px; } .form_popup_responsive.pop_up_confirmacion .form_body .block_confirmacion_content .responsive_eleccion_botones { display:block; } .form_popup_responsive.pop_up_confirmacion .form_body .block_confirmacion_content p { color:#fff; font:32px Open Sans light; text-align:center; line-height:40px; margin:52px 0 8px 0; } .form_popup_responsive.pop_up_confirmacion .form_body .block_confirmacion_content p.title_p { font:36px nova; line-height:45px; } .form_popup_responsive.pop_up_confirmacion .form_body .responsive_form_text.center { text-align:center; margin:64px 0 0 0; font:24px Open Sans; color:#586560; line-height:30px; } .form_popup_responsive.pop_up_confirmacion .form_body .responsive_form_text.center a { text-decoration:underline; font:24px Open Sans light; color:#586560; } .form_popup_responsive.pop_up_confirmacion .responsive_eleccion_botones { border:none; text-align:center; margin:40px 0px 0px 0px; } .enlaces_login_responsive .enlace_login_responsive { display:block; color:#fff; font:24px nova; padding:26px 0 26px 21px; border-bottom:1px solid #fff; text-decoration:none; } .enlaces_login_responsive .enlace_login_responsive:hover, .enlaces_login_responsive .enlace_login_responsive:active { background:#bf0417; } .enlaces_login_responsive .enlace_login_responsive span.spriteresponsive { display:inline-block; vertical-align:middle; float:right; -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); transform:scale(0.7); } .enlaces_login_responsive .enlace_login_responsive span.spriteresponsive.personaje { background-position:-49px -21px; width:40px; height:44px; margin:-10px 30px 0 0; } .enlaces_login_responsive .enlace_login_responsive span.spriteresponsive.libro { background-position:-93px -1px; width:52px; height:39px; margin:-10px 18px 0 0; } .enlaces_login_responsive .enlace_login_responsive span.spriteresponsive.senal { background-position:-94px -46px; width:44px; height:40px; margin:-10px 20px 0 0; } #esc_profile_countries, #esc_billing_countries { background:none; background-color:#fff; } form.topmar { margin:17px 0 0 0; } .suscripcion.pago-Ok { display:none; } /* END POPUPs DE COMPRA */ /* REGALO A TERCEROS */ .suscripcion.regalo_terceros {} .suscripcion.regalo_terceros header { display:block; border:none; margin:20px 0px 15px 0px; } .suscripcion.regalo_terceros header p { display:none; } .suscripcion.regalo_terceros article.esc-resumen { margin:0px; padding:2% !important; width:96%; } .suscripcion.regalo_terceros article.esc-resumen h3 { display:none; } .suscripcion.regalo_terceros article.esc-resumen .esc-regalo { padding:0px 1%; } .suscripcion.regalo_terceros article.esc-resumen .esc-regalo input { width:90% !important; } .suscripcion.regalo_terceros article.esc-resumen .esc-regalo .datos_receptor h3 { display:block; background:none; } .suscripcion.regalo_terceros article.esc-resumen .esc-regalo .datos_receptor span.field-msg { margin:0px; } .suscripcion.regalo_terceros article.esc-resumen .esc-regalo .datos_receptor .calendario { bottom:0px; top:auto; } .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all { top:690px !important; left:31% !important; } /* FIN REGALO A TERCEROS */ /* LISTADO DE PRODUCTOS */ .portada { margin:0; padding:0; } .portada header { display:none } .portada article { margin:0 auto; width:100%; border:none; } .portada article p { font-size:20px; line-height:29px; margin:0px 0px; } .portada h3 { float:none; margin:10px 0 10px 0; font-size:30px; } .portada h2 { font-size:25px; width:auto; margin:0 24px; color:#000; line-height:40px; } .producto-listado.span10 { margin:0px 4% !important; padding:50px 0px 30px 0px; border-top:1px solid #9da6ab; position:relative; width:92%; overflow:hidden; } .producto-listado .body { float:left; position:relative; width:100%; } .producto-listado .span4 { width:50%; display:inline-block; vertical-align:top; margin:0; padding:0;f loat:left; } .producto-listado .span4 h3.offers { font-size:24px; line-height:22px; } .producto-listado .span4 p.substitulo { font-size:18px; margin:15px 0px 0px 0px; } .producto-listado .span4 img { display:inline-block; margin:15px auto 0px; padding-bottom:50px; } .producto-listado .span4 a { display:block; float:none; text-align:left; color:#2a4388; font-size:16px; line-height:18px; font-family:Open Sans; font-weight:bold; position:absolute; margin:0px 0px 0px 20px; bottom:0px; padding:0px; } .producto-listado .span4 a.link_vinculacion { display:none; } .producto-listado .span4 p { font-size:18px; line-height:24px; font-family:Open Sans; } .producto-listado .span6 { width:48%; display:inline-block; vertical-align:top; margin:25px 0px 0px; padding:0px 0px 60px 0px; float:right; text-align:right; } .producto-listado .span6 .entradilla_responsive { display:none; } .producto-listado .span6 .destac { float:left; width:45%; margin:0 0 0 5%; text-align:center; padding:0; display:inline-block; vertical-align:bottom; } .producto-listado .span6 .destac p { font-size:14px!important; line-height:normal; text-transform:uppercase; margin:0; } .producto-listado .span6 .destac p span { padding:2% 10%; width:80%; margin-top:0px; text-transform:none; } .producto-listado .span6 .destac.secOftr p { color:#9da7a7; } .producto-listado .span6 a.link_vinculacion { text-align:right; font-size:16px; line-height:normal; text-transform:none; padding:0; margin:35px 0 65px 0; color:#596560; font-family:Open sans; background:none; display:block; height:auto; width:auto; position:static; } .producto-listado .span6 a.link_vinculacion strong { color:#000; text-decoration:underline; font-family:Open sans; } .producto-listado .span6 a.btn { font-size:24px; font-family:Open Sans; text-transform:uppercase; padding:2% 5%; margin:0; float:none; display:block; position:absolute; /*float:right;*/ display:block; right:0; bottom:0px; width:36%; } .cms-suscripcion-index-html .producto-listado .span6 a.btn { font-size:21px!important; line-height:49px; font-family:Open Sans; text-transform:none; padding:2% 5%; /*font-weight:bold;*/ margin:0; float:none; display:block; position:absolute; display:block; right:0; bottom:0px; width:35.6%; height:50px; } .producto-listado .span6 a.btn_compra { font-size:24px; font-family:Open Sans; text-transform:none; padding:2% 5%; font-weight:bold; margin:0; float:none; display:block; position:absolute; display:block; right:0; bottom:0px; width:35%; } .producto-listado ul li:before { top:7px; } .producto-listado .responsive_entradilla_listado { display:none; margin:20px 0px 0px 0px; } .producto-listado .responsive_entradilla_listado.active { float:left; } .producto-listado .responsive_entradilla_listado p { font-size:21px; line-height:normal; margin:0px; } .producto-listado .responsive_entradilla_listado ul { margin:10px 0px 15px; } .producto-listado .responsive_entradilla_listado ul li { display:inline-block; margin:10px 0 10px 0; width:100%; } .producto-listado .responsive_entradilla_listado ul li p { font-size:21px; line-height:20px; margin:0; padding:0; } .producto-listado .short_descrip { margin:0px 0px 20px 0px; } .producto-listado .short_descrip p { font-size:16px; } .packs.regalo .span3 { width:100%; margin:0; background:url(/comun/img/2014/regalo_verde_grande.png) no-repeat center bottom; border-right:none; } .packs.regalo .span6,.packs.regalo .span5 { width:100%; margin:10px 0 0 0; border:none; padding:0; } .packs.regalo .span6 p,.packs.regalo .span5 p { font-size:18px; text-align:center; line-height:normal; padding: 0 35px 0 35px; } .packs.regalo .span6 a.redBUttonSus,.packs.regalo .span5 a.redBUttonSus { font-size:24px!important; padding:12px 40px; font-family:Open Sans!important; text-transform:uppercase; } .ventajas_Suscripcion { margin:20px 0px 0px 0px !important; } .ventajas_Suscripcion .listado_Ventajas { margin:0px 3% 0px 0px !important; height:auto !important; width:30% !important; } .ventajas_Suscripcion .listado_Ventajas h3 { font-size:14px; } .ventajas_Suscripcion .listado_Ventajas img { display:block; margin:15px auto !important; } .ventajas_Suscripcion .listado_Ventajas.peque { margin:0px 3% 10px 0px !important; } /* END LISTADO DE PRODUCTOS */ /* YA SUSCRITO */ .suscripcion.yaSuscrito {} .suscripcion.yaSuscrito header { display:none; } .suscripcion.yaSuscrito article { } .suscripcion.yaSuscrito article h2 { font-size:28px; line-height:normal; } .suscripcion.yaSuscrito article p { font-size:21px; line-height:normal; } .suscripcion.yaSuscrito article a { font-size:21px; line-height:normal; } .suscripcion.yaSuscrito article.ventajas_Suscripcion.tienesAcceso { margin:40px 0px 0px 0px !important; padding:0; } .suscripcion.yaSuscrito .tienesAcceso .listado_Ventajas { } .suscripcion.yaSuscrito .tienesAcceso .listado_Ventajas p { font-size:20px!important; } .suscripcion.yaSuscrito .tienesAcceso .listado_Ventajas .redBUttonSus { font-size:20px; font-family:Open Sans light; text-transform:none; padding:12px 35px; float:none; display:inline-block; vertical-align:middle; border-radius:5px; line-height:normal; border:none; width:auto; } /* END YA SUSCRITO */ /* CONTACTO Y PREGUNTAS FRECUENTES */ .miCuenta.span10 { width:90%; margin:-50px 5% 0; } .miCuenta header { width:100%; margin:0px; display:block; border:none; } .miCuenta header h1 { font-size:34px; } .miCuenta header p { display:none; } .miCuenta header p a { font-size:18px; } .miCuenta.faqs .contacto { padding:20px 0px 30px 0px; width:100%; } .miCuenta.faqs.contactApp .contacto { padding: 0px 0px 30px 0px;margin-top: 0px;} .miCuenta.faqs .contacto p { font-size:18px !important; } .miCuenta.faqs .contacto > p { font-size:16px!important; line-height:normal!important; width:100%!important; } .miCuenta.faqs .contacto h3 { font-size:22px!important; margin-left:0; } .miCuenta.faqs .contacto h2 { font-size: 34px; } .miCuenta.faqs .contacto.form p { font-size:18px!important; margin:0 0 20px 0; line-height:normal; width:100%!important; } .miCuenta.faqs .contacto.form p span { font-size: 20px; } .miCuenta.faqs .contacto.form span { font-size: 18px; } .miCuenta.faqs .contacto.form .infoLeft { float:none; width:100%; } .miCuenta.faqs .contacto.form .infoLeft ul { width:100%; } .miCuenta.faqs .contacto.form .infoLeft p { margin: 0 0 10px 0; } .miCuenta.faqs .contacto.form .infoLeft ul li, .contacto.form .infoLeft ul li span { font-size:18px; margin-bottom:5px; } .miCuenta.faqs .contacto.form form#contactForm { width:100%; float:none; margin:30px 0 0 0; } .miCuenta.faqs .contacto.form form#contactForm label { font-size:18px; } .miCuenta.faqs .contacto.form form#contactForm input[type="text"] { font-size:16px !important; margin:5px 0 15px; padding:8px 2% !important; width:95% !important;} .miCuenta.faqs .contacto.form form#contactForm select { font-size:16px !important; padding:8px 2% !important; width:100% !important;} .miCuenta.faqs .contacto.form form#contactForm textarea { font-size:16px !important; margin:5px 0 15px; padding:8px 2%; width:95%; } .miCuenta.faqs .contacto.form form#contactForm .styled-select { background-position:98% 13px; margin:5px 0 0px 0; padding:0; width:99%; } .miCuenta.faqs .contacto.form label[for="copia-correo"] { margin:20px 0px 20px 0px; width:100%; } .miCuenta.faqs .contacto.form label[for="copia-correo"] input { display:inline-block; margin:5px 15px 0 10px; width:auto; -webkit-transform:scale(1.8); -moz-transform:scale(1.8); -ms-transform:scale(1.8); -o-transform:scale(1.8); transform:scale(1.8); } .miCuenta.faqs .contacto.form input[type="submit"] { font-size:24px !important; display:block; float:none; margin:0 auto; font-family:Open Sans light; width:200px; padding:10px 0; } .miCuenta.faqs .contacto.form ul { font-size: 20px; width:100%; } .miCuenta.faqs .contacto.form ul li { margin:0 0 10px 0; } .miCuenta.faqs .contacto.form #recaptcha_area .recaptchatable { display:block; text-align:center; width:99% } .miCuenta.faqs .contacto.form #recaptcha_area .recaptchatable tbody { display:inline-block; width:100% !important; } .miCuenta.faqs .contacto.form #recaptcha_area .recaptchatable .recaptcha_image_cell { width:50% !important; } .miCuenta.faqs .contacto.form #recaptcha_area .recaptchatable .recaptcha_image_cell #recaptcha_image { width:100% !important; } .miCuenta.faqs .contacto.form #recaptcha_area .recaptchatable .recaptcha_input_area { width:100% !important; } .miCuenta.faqs .contacto.form #recaptcha_area .recaptchatable .recaptcha_input_area #recaptcha_response_field { width:190% !important; } .miCuenta.faqs .contacto p:nth-child(3) { margin:0px; } .miCuenta.faqs .faqs-tabs { text-align:center; } .miCuenta.faqs .faqs-tabs li { display:block; margin:10px auto; width:100%; } .miCuenta.faqs .faqs-tabs li a { font-size:20px; width:95%; padding:1% 2%; line-height:normal; display:inline-block; height:auto; } .miCuenta.faqs .faqs1, .miCuenta.faqs .faqs2 { width: 100%; } .miCuenta.faqs .faqs1 p a, .miCuenta.faqs .faqs2 p a { font-size:20px; line-height:normal; } .miCuenta.faqs .faqs2 li { position:relative; padding-bottom:40px; } .miCuenta.faqs .faqs2 li p:first-child a { font-size:14px; padding-right:8px; line-height:20px; background-position: right 7px; text-decoration:none; position:absolute; bottom:10px; right:0; /*background: url("../../img/2014/faqs-subir.png") no-repeat 61px 7px;*/} .miCuenta.faqs.condiciones header { display:block; } .miCuenta.faqs.condiciones h3 { margin:15px 0px 20px 0px; font-weight:bold; width:100%; } /* FIN CONTACTO Y PREGUNTAS FRECUENTES */ .suscripcion-papel h2 { color:#fff; } .suscripcion-papel p { color:#fff; } .suscripcion-papel p a { color:#fff; } .producto-listado ul li {padding-bottom:7px;} .catalog-product-view .producto-listado .span6 { margin: 0px 0px 0px;} /*FICHA FUERA PRODUCTO*/ .regala_sus .precios span {margin-right:10px;} .regala_sus .datos_receptor h3 {color:#006b2d!important;} .ventajas_Suscripcion .listado_Ventajas ul li{line-height:20px;} .pack1 header + article:first-of-type { padding-top: 32px !important;} } /* MOVIL 320 < WIDTH < 767px */ @media only screen and (max-width : 767px) and (min-width : 0){ /* ESTILOS GENERALES */ .suscripcion .resumen-compra li#divCoupon { display:none; } .suscripcion div.responsive_registro_login, .responsive_eleccion_botones, .form_popup_responsive {display:none; } #checkoutForm { display:none; } #divBtnCheckout { display:none; } #checkoutLogin { display:none; } #checkoutFormResponsive { display:block; } .subwrapper { top:51px; } #medioHeader { height:50px; } #medioHeader .cabeceraSup.container { height:50px; min-height:50px; } #medioHeader header { top:0px; margin-top:0px; z-index:500; display:block; left:0px; width:100%; } #medioHeader .cabeceraSup .bloque, #medioHeader .cabeceraSup .bloque2 { height:100%; } #medioHeader .cabeceraSup .bloque h1, #medioHeader .cabeceraSup .bloque2 h1, #medioHeader .cabeceraSup .bloque2>a span, #medioHeader .cabeceraSup .bloque>a span { background-size:contain !important; width:225px; margin:3px 10px 5px 10px; display:inline-block; } #medioHeader .cabeceraSup .responsive_app_info { font-size:18px; margin-top:18px; } #medioHeader .cabeceraSup .responsive_user_info { top:5px; right:10px; -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); transform:scale(0.7); } /* END ESTILOS GENERALES */ /* PROCESO DE COMPRA */ .suscripcion { font-size:14px; margin:0px 4% !important; padding:0; width:92%; } .suscripcion header { display:none; } .suscripcion header h1 { font:24px nova; } .suscripcion article { margin:0 auto; width:100%; } .suscripcion article header { display:block; } .suscripcion article p { font-size:16px; line-height:29px; margin:0px 0px; } .suscripcion section { } .suscripcion section header { display:block; } .suscripcion h3 { float:none; margin:0px; font-size:24px; } .suscripcion .datos, .suscripcion .registrado, .suscripcion article.privacy_policy_desktop, .suscripcion article.button-row { display:none; } .suscripcion .esc-resumen { margin:0px; } .suscripcion .esc-resumen h3 { float:left; margin:5px 0px 0px 0px; font-size:18px; } .suscripcion .registrado h3 { float:left; font-size:18px; width:28%; } .suscripcion .datos .blq-izqda h3 { font-size:18px; margin:0px; } .suscripcion .txt_aviso_papel .texto { font-size:13px; margin:10px 0px 15px 0px; } .suscripcion .form-row .form-field label { font-size:12px; } .suscripcion .precios.span6 { width:100%; padding:0; margin:0; border:none; } .suscripcion .suElecion h3 { font-family:nova; font-size:20px; color:#000; text-transform:uppercase; margin:20px 0px 10px; text-align:left; width:100%; } .suscripcion .suElecion .h4p_tueleccion { display:none; } .suscripcion .suElecion .responsive_img { display:inline-block; float:left; margin:0 5% 0 0; vertical-align:top; width:40%; } .suscripcion .suElecion .responsive_h4p { display:inline-block; text-align:justify; vertical-align:top; margin:10px 0px 0px 0px; width:55%; } .suscripcion .suElecion .responsive_h4p h4.h4p_tueleccion { font-family:nova; font-size:20px; color:#5b6566; line-height:normal; margin:0; display:block; } .suscripcion .suElecion .responsive_h4p p.h4p_tueleccion { font-family:Open Sans; font-size:16px !important; color:#000; line-height:normal; margin:0; display:block; text-align:justify; } .suscripcion .suElecion .info h4 { font-size:14px; font-family:nova; line-height:normal; color:#5b6566; margin:0 0 7px 0; } .suscripcion .suElecion .info div { font-size:14px; font-family:Open Sans light; line-height:normal; color:#000; } .suscripcion .suElecion .recuerda { display:none; } .suscripcion div.responsive_registro_login { display:block; margin:25px 0 25px; } .suscripcion div.responsive_registro_login p { font-family:Open Sans; color:#586560; font-size:18px; margin:0 0 28px 0; line-height:22px; } .suscripcion div.responsive_registro_login a { color:#586560; text-decoration:underline; font-family:Open Sans; } .suscripcion div.responsive_registro_login.regalo p { color:#006b2d; } .suscripcion div.responsive_registro_login.regalo a { color:#006b2d; } .suscripcion .suElecion #formCheckout { margin-top:10px; } #formCheckout li p { font-family:Open Sans light; font-size:14px; color:#000; line-height:30px; display:block; } #formCheckout li p span { font:16px/16px open sans; font-weight:bold; } #formCheckout .resumen-compra { display:inline-block; width:100%; } #formCheckout .resumen-compra li { display:inline-block; margin:0px 0px 5px 0px; width:100%; } #formCheckout .resumen-compra li p { font:14px/16px open sans !important; margin-top:5px; } #formCheckout .resumen-compra li p span { margin-top:-5px; } #formCheckout .resumen-compra li.modelos select { margin-top:0px; } #formCheckout .resumen-compra li.subitem .img { height:50px; width:50px; } #formCheckout .resumen-compra li.subitem .info { width:75%; } #formCheckout .resumen-compra li.subitem .info h4 { font-size:18px; } #formCheckout .resumen-compra .checks p { text-transform:none; display:block; font-size:14px!important; color:#000!important; float:none!important; display:block!important; line-height:normal!important; margin:0px; font-family:Open Sans light; } #formCheckout .resumen-compra .checks span { margin-top: 5px; } #formCheckout .resumen-compra .checks p.label { text-transform:none; width:100%; } #formCheckout .resumen-compra .checks label { font-size:15px; color:#000; font-family:Open Sans; width:auto; line-height:18px; height:22px; float:none; margin:0 2px 0 0; overflow:visible; } #formCheckout .resumen-compra .checks div.checker { margin:0 5px 0 0px; padding:0; float:none; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8); } #formCheckout .resumen-compra .select-container select { font:12px open sans; margin:0px; padding:2px 7px 2px 2px; line-height:normal !important; } #formCheckout .resumen-compra .select-container:after { right:4px; bottom:4px; -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); transform:scale(0.7); } #formCheckout .resumen-compra .opcionEntrega select#tipoEnvio { width:60% !important; } #formCheckout .resumen-compra .grand_total { display:none !important; text-transform:uppercase; } #formCheckout .responsive_total .grand_total { display:block !important; } #formCheckout li.descripcion.responsive { display:block!important; margin:18px 0 40px 0; } #formCheckout li.descripcion.responsive p { font-family:Open Sans light; font-size:28px!important; color:#000 !important; line-height:normal!important; text-transform:none; margin:38px 0 0; } #formCheckout li.descripcion.responsive p span { font-family:Open Sans light; font-size:32px!important; color:#d10019 !important; line-height:normal!important; text-transform:none; float:none; } #formCheckout li.subproducto_li { line-height:normal; margin-bottom:33px; text-align:center; } #formCheckout li.subproducto_li .subproducto_image { float:none!important; padding-right:0px; text-align:center; margin:0px 0 15px; } .subproducto_image { padding:0px!important; margin:0 28px 0 0; } #divCoupon #txtCouponValidation { font-size:15px; } #divCoupon.divCoupon { display:block!important; overflow:visible; position:relative; } .responsive_total { display:block; border: 1px solid #9da6ab; padding: 13px; } .responsive_total .gtotal_responsive .grand_total { margin:0px !important; } .responsive_total .gtotal_responsive p { margin:0; font-family:nova; font-size:18px; display:inline-block!important; } .responsive_total .gtotal_responsive p span { color:#ca0023; font-size:18px; font-family:nova; margin:0 0 0 13px; float:right; } .responsive_total .divCoupon { display:block; margin:0px 0 10px 0!important; } .responsive_total .divCoupon label { float:none!important; max-width:100%!important; } .responsive_total .divCoupon label a.btnToogleCoupon { font-family:Open Sans; font-size:14px; color:#000; line-height:31px; text-decoration:none; display:inline-block; vertical-align:middle; width:100%; } .responsive_total .divCoupon label .divHiddenCoupon { display:inline-block!important; vertical-align:middle; height:auto; width:288px; } /*.responsive_total .divCoupon label .divHiddenCoupon { display:inline-block!important; vertical-align:middle; height:auto; width:250px; }*/ .responsive_total .divCoupon label .divHiddenCoupon .form-field { display:inline-block; vertical-align:middle; width:auto; padding:0!important; } .responsive_total .divCoupon label .divHiddenCoupon .form-field input { width:150px; padding:5px 2px 7px 2px; font-size:16px; color:#586560; font-family:Open Sans light; } .responsive_total .divCoupon label .divHiddenCoupon .form-field input::-webkit-input-placeholder, .responsive_total .divCoupon label .divHiddenCoupon .form-field input:-ms-input-placeholder, .responsive_total .divCoupon label .divHiddenCoupon .form-field input::-moz-placeholder { color:#586560; font-family:Open Sans light; font-size:18px; font-style:normal; } .responsive_total .divCoupon label .divHiddenCoupon #btnValidateCoupon { display:inline-block; vertical-align:middle; font-size:16px; color:#000; font-family:nova; text-decoration:underline; width:auto; line-height:normal; margin:0 0 0 3px; text-transform:none !important; } .responsive_eleccion_botones { display:block; text-align: center; margin-bottom:20px; } .responsive_eleccion_botones.toppad { border-top:1px solid #9da6ab; padding:42px 0 0 0; text-transform:uppercase; font-family: Open Sans;} .responsive_eleccion_botones.toppad.white { border-top:1px solid #fff; } .responsive_eleccion_botones.right { text-align:right; } .iphone_pop .responsive_eleccion_botones { border-top:1px solid #fff; padding:50px 0 0 0; } .suscripcion .suElecion a.rbe { color:#fff; font-size:18px; display:block; padding:2% 2%; float:left; width:44%; border-radius:5px; } .cms-suscripcion-index-html .producto-listado .span6 a.btn { font-size:15px!important; font-family:Open Sans; text-transform:uppercase; padding:2% 5%; /*font-weight:bold;*/ margin:0; float:none; display:block; position:absolute; display:block; right:0; bottom:0px; width:36%; height:25px; line-height:25px;} a.rbe { font-size:18px; padding:2% 5%; } a.rbe.textolargo { padding:2% 5%; } .precio_por_defecto{display:none;} .form_popup_responsive.inicio_responsive.activePop{min-height:1000px!important;} .form_popup_responsive.proceso_compra.activePop{min-height:760px!important;} .esc-form .form-footer .form-links a{text-decoration: underline; text-align: right; display: block; color:#000; font: 14px nova; margin-bottom:15px;} /* END PROCESO DE COMPRA */ /* POPUPs DE COMPRA */ /*.pop_up_container { top:51px; }*/ .pop_up_container .pop_up { margin:10% !important; padding:0px 3% 0px 3% !important; height:100% !important; width:75% !important; top:19px !important; } .pop_up_container .pop_up header h2 { font:28px nova; } .pop_up_container .pop_up header a { -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); transform:scale(0.7); } .pop_up_container .pop_up h2 { font:28px nova; margin:0px 0px 40px 0px; } .pop_up_container .pop_up article { font:21px Open Sans light; padding:0px 6% 0px 6%; } .pop_up_container .pop_up article .redBUttonSus { font-size:24px !important; margin:50px auto 30px; padding:3% 5%; width: auto; } .pop_up_container .pop_up p { font-size:21px; } .pop_up_container .pop_up.suscripcion-papel h2 { font-size:28px; } .pop_up_container .pop_up.suscripcion-papel p { font-size:21px; padding:0px !important; } .pop_up_container .pop_up.suscripcion-papel p span { font-size:18px; } .pop_up_container .pop_up.suscripcion-papel p.mensaje { font-size:21px; padding:0px !important; } .pop_up_container .pop_up.suscripcion-papel a.redBUttonSus { font-size:21px; } .pop_up_container#infoPopUp { background:#9da7a7; } .pop_up_container .pop_up.suscripcion-papel article {padding: 0px 0% 0px 1%;} /*.pop_up_container#infoPopUp .pop_up { background:#9da7a7; width:100% !important; }.*/ .pop_up_container#infoPopUp .pop_up { background:#9da7a7; width:100% !important; margin: 0 !important; } .pop_up_container#infoPopUp .pop_up header a { right:20px; } .form_popup_responsive { top:0px; } .form_popup_responsive .cerrar_popup { top:20px; right:20px; border:none; } .form_popup_responsive .cerrar_popup a { font-size:18px; text-decoration:underline; } .form_popup_responsive .form_body header { margin:0px 0px 20px 0px; } .form_popup_responsive .form_body header h4 { font-size:20px; } .form_popup_responsive .form_body .responsive_form_text.right { font-size:14px; line-height:normal; } .form_popup_responsive .form_body .responsive_form_text.right a { display:inline-block; } .form_popup_responsive .form_body .responsive_form_text p { font-size:14px; line-height:normal; } .form_popup_responsive .form_body .responsive_form_field { margin:0px 0px 25px 0px; } .form_popup_responsive .form_body .responsive_form_field .responsive_field { font-size:16px; padding:10px 3%; } .form_popup_responsive .form_body .responsive_form_field label { font-size:16px; top:62%; } .form_popup_responsive .form_body .responsive_form_field.rfs.birthdate_res { width:32.5%; } .form_popup_responsive .form_body .responsive_form_field.rfs.birthdate_res.brrc { margin:0 0 20px 0; } .form_popup_responsive .form_body .responsive_form_field.rfs::after { font-size:14px; top:15px; } .form_popup_responsive .form_body .responsive_form_field.rfc .check { -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); transform:scale(0.7); } .form_popup_responsive .form_body .responsive_form_field.rfc .rfc_texto { font-size:14px; margin:0px 0px 0px 55px; } .form_popup_responsive .form_body .form_title_responsive.borbot { padding-bottom:20px; } .form_popup_responsive .form_body .form_title_responsive { margin:0px 0px 20px 0px; } .form_popup_responsive .form_body .form_title_responsive p { font-size:21px; line-height:normal; margin:30px 0 0 0; } .form_popup_responsive .form_body .form_title_responsive h5 { font-size:24px; line-height:normal; } .form_popup_responsive .form_body ul.r_datos_bancarios { list-style:none; width:100%; padding:0px; border-bottom:1px solid #fff; margin:0px 0px 30px 0px; } .form_popup_responsive .form_body ul.r_datos_bancarios li { font:32px Open Sans light; color:#fff; margin:0px 0 33px 0; } .form_popup_responsive .form_body ul.r_datos_bancarios li { font:21px Open Sans light; } .form_popup_responsive .form_body ul.r_datos_bancarios li.importe { font:24px Open Sans light; } .form_popup_responsive .form_body .campos_obligatorios { font-size:14px; line-height:normal; } .form_popup_responsive .form_body .responsive_form_field .res_field_error { font-size:14px; bottom:-18px; } .form_popup_responsive .form_body .responsive_form_field .res_field_aclarativo, .form_popup_responsive .form_body .resp_fecha_nac .res_field_aclarativo { color:#fff; font-size:14px; position:absolute; right:5px; top:-20px; height:11px;} .form_popup_responsive .form_body .responsive_form_field.conacla label { top:81%; } .form_popup_responsive .form_body #formLogin + .log_cab_responsive { margin:0px !important; } .form_popup_responsive .form_body .log_cab_responsive { padding:0px; margin:0px 0px 15px 0px !important; } .form_popup_responsive .form_body .log_cab_responsive h5 { font-size:20px; letter-spacing:0.5px; } .form_popup_responsive .form_body .log_cab_responsive .personaje { background-position:-49px -26px; -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); transform:scale(0.7); } .form_popup_responsive .form_body #resumenCompra p { font-size:21px; line-height:normal; margin:0 0 20px 0; } .form_popup_responsive .form_body #resumenCompra p span { font-size:24px; line-height:normal; font-weight:bold; } .form_popup_responsive.pop_up_confirmacion .form_body .block_confirmacion_content p { font:18px Open Sans light; line-height:normal; } .form_popup_responsive.pop_up_confirmacion .form_body .block_confirmacion_content p.title_p { font:24px nova; line-height:normal; } .form_popup_responsive.pop_up_confirmacion .form_body .responsive_form_text.center { font:16px Open Sans; line-height:normal; } .form_popup_responsive.pop_up_confirmacion .form_body .responsive_form_text.center a { font:16px Open Sans light; font-weight:bold; } .form_popup_responsive.iphone_pop header { margin:0px 0 110px; } .form_popup_responsive.iphone_pop .form_body p { font:28px Open Sans light; } .enlaces_login_responsive .enlace_login_responsive { padding:26px 0 26px 0px; font-size:20px; } /* END POPUPs DE COMPRA */ /* LISTADO DE PRODUCTOS */ .subwrapper .std { padding:25px 0px 25px; } .portada h2 { font-size:25px; } .producto-listado.span10 { padding:25px 0px 15px 0px; } .producto-listado .span4 h3.offers { font-size:18px; line-height:normal; margin-top:4px; } .producto-listado .span4 p.substitulo { font-size:16px; line-height:normal; margin:0px 0px 0px 0px; } .producto-listado .span4 a.moreinfo { font-size:16px; margin:0px; padding:0px; } .producto-listado .span4 img { margin:15px auto 0px; padding-bottom:40px; } .producto-listado .span6 { margin:0px; } .producto-listado .span6 a.btn { font-size:18px; } .producto-listado .span6 .destac p { font-size:12px !important; } .producto-listado .span6 .destac p span { font-size:21px; line-height:normal; height:auto; } .producto-listado .span6 a.link_vinculacion { font-size:14px; } .producto-listado .span6 a.btn_compra { font-size:21px; } .producto-listado .responsive_entradilla_listado { font-size:18px; } .producto-listado .responsive_entradilla_listado p { font-size:18px; } .producto-listado .responsive_entradilla_listado ul { margin:5px 0px 5px; } .producto-listado .responsive_entradilla_listado ul li:before { top:2px; } .producto-listado .responsive_entradilla_listado ul li p { font-size:18px; } .producto-listado .short_descrip p { font-size:14px; } .ventajas_Suscripcion .listado_Ventajas h3 { font-size:14px; } /* END LISTADO DE PRODUCTOS */ /* YA SUSCRITO */ .suscripcion.yaSuscrito { } .suscripcion.yaSuscrito article { padding:0px; } .suscripcion.yaSuscrito article h2 { font-size:21px; line-height:normal; } .suscripcion.yaSuscrito article p { font-size:16px; line-height:normal; } .suscripcion.yaSuscrito article a { font-size:16px; line-height:normal; } .suscripcion.yaSuscrito article.tienesAcceso { margin:20px 0px 0px 0px; padding:0; } .suscripcion.yaSuscrito article.tienesAcceso h3 { padding:0px; margin:10px 0px; font-size:16px; } .suscripcion.yaSuscrito article.tienesAcceso .listado_Ventajas h3 {font:bold 24px nova; } .suscripcion.yaSuscrito article.tienesAcceso .listado_Ventajas p { font-size:16px!important; text-align:center; margin:0px; padding:0 12px 20px 12px; } .suscripcion.yaSuscrito article.tienesAcceso .listado_Ventajas .redBUttonSus { font-size:18px !important; margin:10px 0px 0px 0px; } /* END YA SUSCRITO */ /* CONTACTO Y PREGUNTAS FRECUENTES */ .miCuenta header h1 { font-size:28px; } .miCuenta header p a { font-size:16px; } .miCuenta.faqs .contacto p { font-size:16px !important; } .miCuenta.faqs .contacto > p { font-size:16px!important; } .miCuenta.faqs .contacto h2 { font-size: 28px; } .miCuenta.faqs .contacto h3 { font-size:22px!important; } .miCuenta.faqs .contacto.form p { font-size:18px!important; } .miCuenta.faqs .contacto.form p span { font-size: 18px; } .miCuenta.faqs .contacto.form span { font-size: 18px; } .miCuenta.faqs .contacto.form .infoLeft ul li, .miCuenta.faqs .contacto.form .infoLeft ul li span { font-size:18px; } .miCuenta.faqs .contacto.form form#contactForm label { font-size:18px; } .miCuenta.faqs .contacto.form form#contactForm input[type="text"] { font-size:16px !important; } .miCuenta.faqs .contacto.form form#contactForm select { font-size:16px !important; } .miCuenta.faqs .contacto.form form#contactForm textarea { font-size:16px !important; } .miCuenta.faqs .contacto.form form#contactForm .styled-select { } .miCuenta.faqs .contacto.form label[for="copia-correo"] input { -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); transform:scale(1.5); } .miCuenta.faqs .contacto.form input[type="submit"] { font-size:18px !important; } .miCuenta.faqs .contacto.form ul { font-size: 18px; } .miCuenta.faqs .faqs-tabs li a { font-size: 16px; } .miCuenta.faqs .faqs1 p a, .miCuenta.faqs .faqs2 p a { font-size: 16px; } .miCuenta.faqs .faqs2 li p a { font-size: 16px; } /* FIN CONTACTO Y PREGUNTAS FRECUENTES */ /*DETALLE FUERA*/ .tambien div:last-child{ margin:20px 0px 0 0; } .tambien ul{width:100%;} /*FIN DETALLE FUERA*/ } /* MOVIL 320 < WIDTH < 610px */ @media only screen and (max-width : 610px) and (min-width : 0){ /* PROCESO DE COMPRA */ .suscripcion .suElecion h3 { font-size:18px; } .suscripcion .suElecion .responsive_h4p h4.h4p_tueleccion { font-size:18px; } .suscripcion .suElecion .responsive_h4p p.h4p_tueleccion {font-size:14px !important; } /* END PROCESO DE COMPRA */ /* LISTADO DE PRODUCTOS */ .subwrapper .std { padding:15px 0px 15px; } .portada h2 { font-size:20px; line-height:normal; } .producto-listado .span4 h3.offers { font-size:16px; } .producto-listado .span4 p.substitulo { font-size:16px; } .producto-listado .span4 a.moreinfo { font-size:16px; } .producto-listado .span4 img { display:inline-block; } .producto-listado .span6 a.btn { font-size:16px; } .producto-listado .span6 a.link_vinculacion { font-size:12px; } .producto-listado .span6 a.btn_compra { font-size:16px; } .producto-listado .responsive_entradilla_listado { font-size:14px; } .producto-listado .responsive_entradilla_listado p { font-size:14px; } .producto-listado .responsive_entradilla_listado ul li p { font-size:14px; } .producto-listado .short_descrip { margin:0px 0px 20px 0px; } .producto-listado .short_descrip p { font-size:14px; } .ventajas_Suscripcion .listado_Ventajas { margin:0px 0px 10px 0px !important; height:auto !important; width:100% !important; } .ventajas_Suscripcion .listado_Ventajas h3 { font-size:14px; } .ventajas_Suscripcion .listado_Ventajas.peque { margin:0px 3% 10px 0px !important; } /* END LISTADO DE PRODUCTOS */ /* CONTACTO Y PREGUNTAS FRECUENTES */ .miCuenta.span10 { margin:-30px 5% 0; } .miCuenta header h1 { font-size:24px; } .miCuenta header p a { font-size:14px; } .miCuenta.faqs .contacto p { font-size:14px !important; } .miCuenta.faqs .contacto > p { font-size:16px!important; } .miCuenta.faqs .contacto h2 { font-size: 24px; } .miCuenta.faqs .contacto h3 { font-size:22px!important; } .miCuenta.faqs .contacto.form p { font-size:18px!important; } .miCuenta.faqs .contacto.form p span { font-size:16px; } .miCuenta.faqs .contacto.form span { font-size:18px; } .miCuenta.faqs .contacto.form .infoLeft ul li, .miCuenta.faqs .contacto.form .infoLeft ul li span { font-size:18px; } .miCuenta.faqs .contacto.form form#contactForm label { font-size:16px; } .miCuenta.faqs .contacto.form form#contactForm input[type="text"] { font-size:16px !important; } .miCuenta.faqs .contacto.form form#contactForm select { font-size:16px !important; } .miCuenta.faqs .contacto.form form#contactForm textarea { font-size:16px !important; } .miCuenta.faqs .contacto.form form#contactForm .styled-select { } .miCuenta.faqs .contacto.form label[for="copia-correo"] input { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); } .miCuenta.faqs .contacto.form input[type="submit"] { font-size:18px !important; } .miCuenta.faqs .contacto.form ul { font-size: 16px; } .miCuenta.faqs .faqs-tabs li a { font-size: 16px; } .miCuenta.faqs .faqs1 p a, .miCuenta.faqs .faqs2 p a { font-size: 16px; } .miCuenta.faqs .faqs2 li p a { font-size: 16px; } /* FIN CONTACTO Y PREGUNTAS FRECUENTES */ } /* MOVIL 320 < WIDTH < 480 */ @media only screen and (max-width : 480px) and (min-width : 0px){ /* ESTILOS GENERALES */ #medioHeader .cabeceraSup.container { } #medioHeader .cabeceraSup .bloque { } #medioHeader .cabeceraSup .bloque h1, #medioHeader .cabeceraSup .bloque2 h1, #medioHeader .cabeceraSup .bloque2>a span, #medioHeader .cabeceraSup .bloque>a span { width:215px; height:28px; margin:12px 10px 5px 10px; background-size:contain !important; } #medioHeader .cabeceraSup .responsive_app_info { font-size:14px; margin-top:24px; } #medioHeader .cabeceraSup .responsive_user_info { top:5px; right:10px; } .subwrapper .std { } /* END ESTILOS GENERALES */ /* PROCESO DE COMPRA */ .suscripcion { font-size:12px; } .suscripcion article p { font-size:12px; } .suscripcion header h1 { font:18px nova; } .suscripcion h3 { font-size:16px; } .suscripcion .esc-resumen h3 { font-size:16px; } .suscripcion .registrado h3 { font-size:16px; } .suscripcion .datos a { font-size:14px; } .suscripcion .datos .blq-izqda h3 { font-size:16px; } .suscripcion .suElecion h3 { font-family:nova; font-size:16px; color:#000; text-transform:uppercase; margin:20px 0px 10px; text-align:left; width:100%; } .suscripcion .precios.span6 { width:100%; padding:0; margin:0; border:none; } .suscripcion .suElecion .h4p_tueleccion { display:none; } .suscripcion .suElecion .responsive_img { display:inline-block; float:left; margin:0 5% 10px 0; vertical-align:top; width:40%; } .suscripcion .suElecion .responsive_h4p { display:inline-block; text-align:left; vertical-align:top; margin:10px 0px 0px 0px; width:55%; } .suscripcion .suElecion .responsive_h4p h4.h4p_tueleccion { font-family:nova; /*font-size:14px;*/ color:#5b6566; line-height:normal; margin:0; display:block; } .suscripcion .suElecion .responsive_h4p p.h4p_tueleccion { font-family:Open Sans; font-size:14px !important; color:#000; line-height:normal; margin:0; display:block; text-align:left; } .suscripcion .suElecion .info h4 { font-size:14px; font-family:nova; line-height:normal; color:#5b6566; margin:0 0 7px 0; } .suscripcion .suElecion .info div { font-size:12px; font-family:Open Sans light; line-height:normal; color:#000; } .suscripcion .suElecion #formCheckout { margin-top:10px; } #formCheckout li p { font-family:Open Sans light; font-size:14px; color:#000; line-height:30px; display:block; } #formCheckout li p span { font:17px/16px open sans; font-weight:bold; } #formCheckout .resumen-compra { display:inline-block; width:100%; } #formCheckout .resumen-compra li { display:inline-block; margin:0px 0px 5px 0px; width:100%; } #formCheckout .resumen-compra li p { font:14px/16px open sans !important; margin-top:5px; } #formCheckout .resumen-compra li p span { margin-top:-5px; } #formCheckout .resumen-compra li.modelos select { margin-top:0px; } #formCheckout .resumen-compra li.subitem { margin:0px 0px 5px 0px; } #formCheckout .resumen-compra li.subitem .img { float:left; padding-right:20px; height:50px; width:50px; } #formCheckout .resumen-compra li.subitem .info { float:left; margin:10px 0px 0px 0px; width:75%; } #formCheckout .resumen-compra li.subitem .info h4 { font-size:12px; margin:0px 0px 0px 0px; } #formCheckout .resumen-compra .checks p { text-transform:none; display:block; font-size:14px!important; color:#000!important; float:none!important; display:block!important; line-height:normal!important; margin:0px; font-family:Open Sans light; } #formCheckout .resumen-compra .checks span { margin-top: 5px; } #formCheckout .resumen-compra .checks label { font-size:11px; color:#000; font-family:Open Sans; width:auto; line-height:18px; height:22px; float:none; margin:0 2px 0 0; overflow:visible; } #formCheckout .resumen-compra .checks div.checker { margin:0 5px 0 0px; padding:0; float:none; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8); } #formCheckout .resumen-compra .select-container select { font:14px open sans; margin:0px; min-width:110px!important; padding:2px 19px 2px 2px; line-height:normal !important; height:30px;} #formCheckout .resumen-compra .select-container:after { background-position:-49px 0px; content:''; background-image:url('/comun/img/2014/responsive/responsivesprite.png'); right:4px; bottom:7px; top:auto; padding:0 0 2px; position:absolute; height:11px; width:20px; pointer-events:none; -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); transform:scale(0.7); } #formCheckout .resumen-compra .opcionEntrega select#tipoEnvio { width:50% !important; } #formCheckout .resumen-compra .grand_total { display:none; } #formCheckout li.descripcion.responsive { display:block!important; margin:18px 0 40px 0; } #formCheckout li.descripcion.responsive p { font-family:Open Sans light; font-size:28px!important; color:#000 !important; line-height:normal!important; text-transform:none; margin:38px 0 0; } #formCheckout li.descripcion.responsive p span { font-family:Open Sans light; font-size:32px!important; color:#d10019 !important; line-height:normal!important; text-transform:none; float:none; } #formCheckout li.subproducto_li { line-height:normal; margin-bottom:33px; text-align:center; } #formCheckout li.subproducto_li .subproducto_image { float:none!important; padding-right:0px; text-align:center; margin:0px 0 15px; } .subproducto_image { padding:0px!important; margin:0 28px 0 0; } #divCoupon #txtCouponValidation { font-size:15px; } #divCoupon.divCoupon { display:block!important; overflow:visible; position:relative; } .responsive_total { } .responsive_total .gtotal_responsive p { font-size:14px;} .responsive_total .divCoupon { display:block; margin:0px 0 10px 0!important; } .responsive_total .divCoupon label { float:none!important; max-width:100%!important; } .responsive_total .divCoupon label a.btnToogleCoupon { font-family:Open Sans; font-size:11px; color:#000; line-height:31px; text-decoration:none; display:inline-block; vertical-align:middle; width:100%; } .responsive_total .divCoupon label .divHiddenCoupon { display:inline-block!important; vertical-align:middle; height:auto; width:236px; } /*.responsive_total .divCoupon label .divHiddenCoupon { display:inline-block!important; vertical-align:middle; height:auto; width:250px; }*/ .responsive_total .divCoupon label .divHiddenCoupon .form-field { display:inline-block; vertical-align:middle; width:auto; padding:0!important; } .responsive_total .divCoupon label .divHiddenCoupon .form-field input { width:100px; padding:5px 2px 7px 2px; font-size:11px; color:#586560; font-family:Open Sans light; } .responsive_total .divCoupon label .divHiddenCoupon .form-field input::-webkit-input-placeholder, .responsive_total .divCoupon label .divHiddenCoupon .form-field input:-ms-input-placeholder, .responsive_total .divCoupon label .divHiddenCoupon .form-field input::-moz-placeholder { color:#586560; font-family:Open Sans light; font-size:18px; font-style:normal; } .responsive_total .divCoupon label .divHiddenCoupon #btnValidateCoupon { display:inline-block; vertical-align:middle; font-size:11px; color:#000; font-family:nova; text-decoration:underline; width:auto; line-height:normal; margin:0 0 0 3px; text-transform:none !important; } .suscripcion div.responsive_registro_login { margin:20px 0px; } .suscripcion div.responsive_registro_login p { font-family:Open Sans; color:#586560; font-size:16px; margin:0 0 28px 0; line-height:normal; } .suscripcion div.responsive_registro_login a { font-size:14px; } .responsive_eleccion_botones { display:block; text-align: center; } .iphone_pop .responsive_eleccion_botones { border-top:1px solid #fff; padding:50px 0 0 0; } .responsive_eleccion_botones.toppad { border-top:1px solid #9da6ab; padding:25px 0 0 0; } .responsive_eleccion_botones.toppad.white { border-top:1px solid #fff; } .responsive_eleccion_botones.right { text-align:right; } .suscripcion .suElecion a.rbe { font-size:13px; display:block; padding:2% 2%; float:left; width:44%; border-radius:5px; } a.rbe { color:#fff; font-size:14px; display:inline-block; padding:3% 12%; margin-bottom:27px;} a.siguiente_resp_elbot.rbe{float:right; width:65px;} a.volver_resp_elbot.rbe{float:left; width:65px;} a.rbe.textolargo { padding:2% 5%; } .esc-resumen .img-loading { position:fixed; left:50%; top:50%; margin:-20px 0 0 -97.5px; } /* END PROCESO DE COMPRA */ /* POPUPs DE COMPRA */ .pop_up_container .pop_up header h2 { font-size:18px !important; } .pop_up_container .pop_up h2 { font:18px nova; } .pop_up_container .pop_up p { font-size:14px; } .pop_up_container .pop_up article { font-size:14px !important; } .pop_up_container .pop_up article .redBUttonSus { font-size:15px !important; } .pop_up_container .pop_up.suscripcion-papel h2 { font-size:20px; } .pop_up_container .pop_up.suscripcion-papel p { font-size:12px; } .pop_up_container .pop_up.suscripcion-papel p span { font-size:12px; } .pop_up_container .pop_up.suscripcion-papel p.mensaje { font-size:16px; } .pop_up_container .pop_up.suscripcion-papel a.redBUttonSus { font-size:14px; } .pop_up_container .pop_up { height:110% !important;} .form_popup_responsive .cerrar_popup a { font-size:16px; } .form_popup_responsive .form_body { margin:60px auto 30px; } .form_popup_responsive .form_body header h4 { font-size:16px; text-align:center; } .form_popup_responsive .form_body .responsive_form_text.right { font-size:16px; } .form_popup_responsive .form_body .responsive_form_text p { font-size:16px; } .form_popup_responsive .form_body .responsive_form_field .responsive_field { font-size:16px; } .form_popup_responsive .form_body .responsive_form_field label { font-size:16px; } .form_popup_responsive .form_body .responsive_form_field.rfs::after { font-size:16px; } .form_popup_responsive .form_body .responsive_form_field.rfc .rfc_texto { font-size:16px; } .form_popup_responsive .form_body .form_title_responsive p { font-size:14px; } .form_popup_responsive .form_body .form_title_responsive h5 { font-size:18px; text-align:center; } .form_popup_responsive .form_body ul.r_datos_bancarios li { font-size:14px; } .form_popup_responsive .form_body ul.r_datos_bancarios li.importe { font-size:16px; } .form_popup_responsive .form_body .campos_obligatorios { font-size:12px; } .form_popup_responsive .form_body .responsive_form_field .res_field_error { font-size:12px; bottom:-16px; } .form_popup_responsive .form_body .responsive_form_field .res_field_aclarativo, .form_popup_responsive .form_body .resp_fecha_nac .res_field_aclarativo { font-size:12px; top:-16px; height:11px;} .form_popup_responsive .form_body .log_cab_responsive { height:28px; } .form_popup_responsive .form_body .log_cab_responsive h5 { font-size:16px; letter-spacing:0.5px; } .form_popup_responsive .form_body .log_cab_responsive .personaje { -webkit-transform:scale(0.6); -moz-transform:scale(0.6); -ms-transform:scale(0.6); -o-transform:scale(0.6); transform:scale(0.6); } .form_popup_responsive .form_body .esc-form + .log_cab_responsive { margin:30px 0px 0px 0px !important; } .form_popup_responsive .form_body #resumenCompra p { font-size:14px; } .form_popup_responsive .form_body #resumenCompra p span { font-size:14px; } .form_popup_responsive .form_body #resumenCompra p.subproducto_resumen span { font-size:14px; line-height:normal; } .form_popup_responsive.pop_up_confirmacion .form_body .block_confirmacion_content p { font:16px Open Sans light; } .form_popup_responsive.pop_up_confirmacion .form_body .block_confirmacion_content p.title_p { font:21px nova; } .form_popup_responsive.pop_up_confirmacion .form_body .responsive_form_text.center { font:12px Open Sans; } .form_popup_responsive.pop_up_confirmacion .form_body .responsive_form_text.center a { font:12px Open Sans light; } .form_popup_responsive.iphone_pop header { margin:0px 0 110px; }ยบ .form_popup_responsive.iphone_pop .form_body p { font:28px Open Sans light; } .enlaces_login_responsive .enlace_login_responsive { padding:26px 0 26px 0px; font-size:14px; } .enlaces_login_responsive .enlace_login_responsive { font:16px nova; padding:18px 0 18px 10px; } ul.r_datos_bancarios li { font:14px Open Sans light; } .button-row input.redBUttonSus { font-size:15px !important; font-family:Open Sans light !important; text-transform:uppercase; padding:13px 66px; font-weight:bold!important; margin:0; float:none; display:inline-block; vertical-align:middle; text-decoration:none!important; border-radius:5px; line-height:normal!important; border:none; width:auto; } .esc-form .form-footer .form-links a { font:14px nova; color:#000; text-decoration:underline; text-align:right; display:block; } #checkoutFormResponsive .esc-form .field-error {display:block!important;} /* END POPUPs DE COMPRA */ /* LISTADO DE PRODUCTOS */ .subwrapper .std { width:100%; margin:0; padding:15px 0px 15px; overflow:hidden; } .portada h2 { font-size:16px; margin: 0 0px;} .producto-listado.span10 { padding:25px 0px 15px 0px; border-top:1px solid #9da6ab; position:relative; } .producto-listado .span4 {} .producto-listado .span4 h3.offers { font-size:16px; line-height:14px; margin-top:4px; } .producto-listado .span4 p.substitulo { font-size:9px; line-height:normal; margin:0px 0px 0px 0px; } .producto-listado .span4 a.moreinfo { font-size:12px; margin:0px 0px 0px 10px; padding:0px; } .producto-listado .span4 img { display:inline-block; margin:15px auto 0px; padding-bottom:40px; } .producto-listado .span6 { margin:0px; } .producto-listado .span6 a.btn { font-size:15px; width:36.6%;} .catalog-product-view .producto-listado .span6 a.btn { width:85.5%} .producto-listado .span6 .destac p { font-size:9px !important; } .packs.regalo .span6 p,.packs.regalo .span5 p { padding: 0 17px 0 17px; font-size: 15px;} .packs.regalo .span5 a.redBUttonSus { font-size: 16px!important;padding: 12px 14px;} .producto-listado .span6 .destac p span { font-size:14px; line-height:normal; height:auto; } .producto-listado .span6 a.link_vinculacion { text-align:right; font-size:13px; line-height:normal; text-transform:none; padding:0; margin:35px 0 40px 0; color:#596560; font-family:Open sans; background:none; display:block; height:auto; width:auto; position:static; } .producto-listado .span6 a.link_vinculacion strong { color:#000; text-decoration:underline; font-family:Open sans; } .producto-listado .responsive_entradilla_listado { font-size:12px; } .producto-listado .responsive_entradilla_listado p { font-size:12px; } .producto-listado .responsive_entradilla_listado ul { margin:5px 0px 5px; } .producto-listado .responsive_entradilla_listado ul li { } .producto-listado .responsive_entradilla_listado ul li:before { top:2px; } .producto-listado .responsive_entradilla_listado ul li p { font-size:13px; } .cms-suscripcion-index-html .producto-listado .span6 a.btn{width:35%;} .packs.regalo {padding: 30px 9px;} /* END LISTADO DE PRODUCTOS */ /* YA SUSCRITO */ .suscripcion.yaSuscrito { } .suscripcion.yaSuscrito article { padding:0px; } .suscripcion.yaSuscrito article h2 { font-size:21px; line-height:normal; } .suscripcion.yaSuscrito article p { font-size:16px; line-height:normal; } .suscripcion.yaSuscrito article a { font-size:16px; line-height:normal; } .suscripcion.yaSuscrito article.tienesAcceso { margin:20px 0px 0px 0px; padding:0; } .suscripcion.yaSuscrito article.tienesAcceso h3 { padding:0px; margin:10px 0px; font-size:16px; } .suscripcion.yaSuscrito article.tienesAcceso .listado_Ventajas { width:auto; margin:0 0 15px 0; padding:0 0 20px 0; float:none; display:block; height:auto; } .suscripcion.yaSuscrito article.tienesAcceso .listado_Ventajas h3 {font:bold 24px nova; } .suscripcion.yaSuscrito article.tienesAcceso .listado_Ventajas p { font-size:16px!important; text-align:justify; margin:0px; padding:0 12px 20px 12px; } .suscripcion.yaSuscrito article.tienesAcceso .listado_Ventajas .redBUttonSus { font-size:18px !important; font-family:Open Sans light; margin:10px 0px 0px 0px; text-transform:none; padding:13px 66px; float:none; display:inline-block; vertical-align:middle; border-radius:5px; line-height:normal; border:none; width:auto; } /* END YA SUSCRITO */ /* CONTACTO Y PREGUNTAS FRECUENTES */ .miCuenta.span10 { margin:-30px 5% 0; } .miCuenta.span10.contactApp { margin: -15px 5% 0;} .miCuenta header h1 { font-size:23px; } .miCuenta header p a { font-size:12px; } .miCuenta.faqs .contacto p { font-size:12px !important; } .miCuenta.faqs .contacto > p { font-size:16px!important; } .miCuenta.faqs .contacto h2 { font-size: 21px; } .miCuenta.faqs .contacto h3 { font-size:22px!important; } .miCuenta.faqs .contacto.form p { font-size:16px!important; } .miCuenta.faqs .contacto.form p span { font-size:14px; } .miCuenta.faqs .contacto.form span { font-size:12px; } .miCuenta.faqs .contacto.form .infoLeft ul li, .miCuenta.faqs .contacto.form .infoLeft ul li span { font-size:14px; } .miCuenta.faqs .contacto.form form#contactForm label { font-size:16px; } .miCuenta.faqs .contacto.form form#contactForm input[type="text"] { font-size:13px !important; } .miCuenta.faqs .contacto.form form#contactForm select { font-size:13px !important; } .miCuenta.faqs .contacto.form form#contactForm textarea { font-size:13px !important; } .miCuenta.faqs .contacto.form form#contactForm .styled-select { } .miCuenta.faqs .contacto.form label[for="copia-correo"] input { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); } .miCuenta.faqs .contacto.form input[type="submit"] { font-size:15px !important; } .miCuenta.faqs .contacto.form ul { font-size: 14px; } .miCuenta.faqs .faqs-tabs li a { font-size: 12px; } .miCuenta.faqs .faqs1 p a, .miCuenta.faqs .faqs2 p a { font-size: 14px; } .miCuenta.faqs .faqs2 li p a { font-size: 13px; } /* FIN CONTACTO Y PREGUNTAS FRECUENTES */ /*FICHA DEL PRODUCTO EXTERNA*/ .catalog-product-view .producto-listado .span4 {width:100%;} .catalog-product-view .producto-listado .span6 {width:100%;} .esc-form .half-size.send-date-gift{width:89%;} /*FIN DE LA FICHA DE PRODUCTO EXTERA*/ .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all { top: 690px !important; left: 20% !important; } .portada article.tambien img {padding-left:11px;} .portada article.tambien span { margin: 0 3px 0 7px!important;} .esc-form section {height:1000px;} .esc-form section.paso_activo {height:1400px;} /*si el body tiene esta clase*/ .esc-checkout-compra-select .esc-form section.paso_activo {height: auto;} } /*POPUP AYUDA LOGIN PAGINA PRUEBA TRIAL*/ @media only screen and (max-width: 1024px) and (min-width: 320px) and (orientation: portrait), only screen and (max-width: 1024px) and (min-width: 320px) and (orientation: landscape) { .pop_up_container .pop_up.pop_up_helplogin header { width: auto; margin: 0 40px; padding: 0; border-bottom: 1px solid #000; } .pop_up_container .pop_up.pop_up_helplogin header a { top: 0; } .pop_up_container .pop_up_helplogin { width: 570px !important; padding-top: 20px !important; background: #fff !important; left: 50% !important; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); transform: translate(-50%,0); margin: 0 !important; } .pop_up_container .pop_up_helplogin .titulo { padding-bottom: 5px !important; text-align: left; } .pop_up_helplogin-subtitulo { font-size: 14px !important; } .pop_up_helplogin-body { width: 500px !important; margin: 15px auto !important; padding-bottom: 10px; } .pop_up_helplogin_body-txt { font-size: 14px !important; line-height: 18px !important;} .pop_up_helplogin-td p { font-size: 12px!important; } .pop_up_container .pop_up.pop_up_helplogin .redBUttonSus { font-family: open sans !important; font-size: 18px !important; line-height: 35px !important; margin: 0 auto; padding: 0 !important; width: 80px; } } @media only screen and (max-width: 767px) { .pop_up_container .pop_up.pop_up_helplogin { -webkit-box-sizing: -moz-border-box; box-sizing: border-box; box-sizing: border-box;padding: 18px !important; overflow: auto; width: 100% !important; height: 100% !important; position:fixed; top: 0 !important; bottom: 0 !important; left: 0 !important; -webkit-transform: translate(0,0); -moz-transform: translate(0,0);transform: translate(0,0); } .pop_up_container .pop_up.pop_up_helplogin header { margin: 0; } .pop_up_container .pop_up.pop_up_helplogin header a { top: -4px; } .pop_up_container .pop_up_helplogin header .titulo { font-size: 16px !important; font-family: 'open sans' !important; line-height: 18px !important; width: 85%; font-weight: normal !important;color:#000 !important; } .pop_up_container .pop_up.pop_up_helplogin article { padding: 0 0 20px !important; width: 100%; } .pop_up_container .pop_up_helplogin .pop_up_helplogin-subtitulo { display: inline; text-transform:uppercase; font-size: 16px !important; color:#000 !important; } .pop_up_helplogin-body { width: 100% !important; } .pop_up_helplogin-body .pop_up_helplogin_body-txt { font-size: 12px !important; text-align: left; } .pop_up_helplogin-td { display: block !important; text-align: left; padding: 15px 15px 1px; margin-bottom: 10px; border: none !important; width: auto; } } /*ERROR 404*/ @media(max-width: 1024px) { .estaticas{margin-top:80px} .error{width:100%;border:0} .error .span8{min-height:initial;padding-bottom:30px;width:100%} .error h2{padding:20px 0; margin-bottom: 0;} .error p{text-align:center;margin-left:0;padding-right:0} .error form{margin-top:35%} .error .span8 article{background-position:center 70px;background-size:50% auto;min-height:initial} .error .span4{background-color:#fff;margin:0!important;padding:15px 4%;width:92%} } @media(max-width: 768px) { .estaticas{margin-top:50px !important;} .error h2{font-size:21px; margin: 0;} .error .span8 article{background-position:center 110px} .error form{margin-left:15px;margin-top:41%} .error .volver{margin-left:15px} .error input[type="text"]{width:70%} } @media(max-width: 480px) { #fieldsetFactura a.volver_resp_elbot.rbe { padding: 3% 12%; } } /*AJUSTAR ESPACIO PARA MODAL "OLVIDO PASSWORD" TRAS CAMBIAR LITERALES*/ @media(max-width: 1024px) { #popUpForgot_RES .esc-form .button-row, #popUpForgot .esc-form .button-row { margin-top: 0; } #popUpForgot_RES #btnSubmitForgot_RES, #popUpForgot #btnSubmitForgot { margin-top: 0; } #popUpForgot_RES .form-field.half-size, #popUpForgot .form-field.half-size { width:100%; } } @media(max-width: 768px) { .suscripcion header, .miCuenta header { border: none; } .suscripcion header h4, .miCuenta header h4 { text-transform: none; } } /*CHECKBOX OBLIGATORIO*/ @media(max-width: 768px) { .responsive_checkbox_err { border: 2px solid #b90021; border-radius: 8px; padding: 6px 12px 12px; } .responsive_checkbox_err .res_field_error.field-error { bottom: -20px !important; } }