#div_newsletter #formNewsletter { padding: 0px 40px 40px 40px !important; } #div_newsletter #formNewsletter .tooltip { font-size:16px; color:yellow; z-index: 999999; } #div_newsletter #formNewsletter .politica { width: calc(100% - 80px); margin-left: 20px; margin-top: 10px; } #div_newsletter #formNewsletter input#politica { width: 40px !important; height: 40px !important; float: left; } #div_newsletter h2.divBoxNews { text-align: left; margin-bottom: 0px !important; padding: 40px 40px 0 40px; } #div_newsletter em { font-size: 9em; float: left; color: #33333355; } #div_newsletter ul { padding: 7px 25px !important; float: left; margin: 10px 0 0 20px !important; } #div_newsletter #email { width: calc(100% - 88px); margin-top: 35px; padding: 3px 40px!important; font-size: 1.2em; max-width: calc(100% - 100px); } #div_newsletter .rgpd_1nivel { line-height: 120% !important; color: #c0c0c0 !important; } #div_newsletter #btn_enviar { margin-bottom: 50px; } #div_newsletter { padding: 0px; border: 1px solid #80808066; border-radius: 20px; overflow:hidden; background-color: #ffffff45; margin: 50px; } #div_newsletter { background-image: url(/images/stamp_mail.png); background-position: top -16px right -102px; background-repeat: no-repeat; background-size: 300px; } #div_newsletter em { padding: 20px; } #div_newsletter ul { width: calc(100% - 220px); padding: 40px 0 0 20px !important; margin: 0px !important; } #div_newsletter:after, #div_newsletter:before { content: ''; width: 100%; height: 10px; display: block; overflow:hidden; background-image: repeating-linear-gradient(135deg, #F29B91 0px, #F09290 15px, transparent 15px, transparent 25px, #83B3DB 25px, #84ADCB 40px, transparent 40px, transparent 50px); } @media only screen and (max-width: 700px) { #div_newsletter { margin: 2px; background-size: 200px; } #div_newsletter #formNewsletter { padding: 10px !important; } #div_newsletter em { padding: 5px; font-size: 50px; } #div_newsletter ul { padding: 0px !important; width: calc(100% - 0px); } } #div_newsletter .rgpd_1nivel { height: 40px; overflow: hidden; } #div_newsletter .rgpd_1nivel:hover { height: initial; overflow: unset; z-index: 9999; border: 1px solid gray; padding: 10px; } Te informaremos sobre nuestras ofertas, eventos y colaboraciones He leído y acepto la política de privacidad y el aviso legal de Peluquería Alba LaraPeluquería Alba Lara, como RESPONSABLE de este sitio web, te informa que los datos de carácter personal que nos proporcionas rellenando este formulario serán tratados por él mismo. La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es para enviarte nuestras publicaciones, promociones de productos y/o servicios y recursos exclusivos. La legitimación se realiza a través del consentimiento del interesado. Te informo que los datos que nos facilitas están ubicados en los servidores de OVH (nuestro proveedor de infraestructura web) ubicada en EUROPA y acogida al EU Privacy Shield. Puedes ver la política de privacidad de OVH. El hecho de no facilitarnos los datos de carácter personal que aparecen en el formulario como obligatorios hará que no podamos atender tu solicitud. Puedes ejercer tus derechos de acceso, rectificación, limitación, portabilidad o supresión en albi.20@hotmail.es. Puedes consultar la información detallada sobre Protección de Datos en nuestra Política de Privacidad. jQuery(document).ready(function () { jQuery(.clkNormas).colorbox({maxHeight:700px, height:90%, maxWidth:700px, width:90%, fixed: true}); jQuery(.clkAviso).colorbox({maxHeight:700px, height:90%, maxWidth:700px, width:90%, fixed: true}); //jQuery(.clkAviso).colorbox({maxWidth:700px, width:90%, fixed: true}); jQuery(.rgpd_1nivel).mouseover(function () { jQuery(this).css(height,initial); jQuery(this).css(overflow,unset); }); jQuery(.rgpd_1nivel).mouseout(function () { jQuery(this).css(height,80px); jQuery(this).css(overflow,hidden); }); }); .postLegal .art-postmetadataheader { position: relative; margin-top: 0px; } @media all and (min-width: 850px) { div#cboxLoadedContent .postLegal .art-postcontent { padding: 0 20px; } } a.clkNormas, a.clkAviso { color: #333333 !important; } a.clkNormas:hover, a.clkAviso:hover { color: red; } input#politica { margin-right: 10px; width: 20px; height: 20px; vertical-align: middle; } .rgpd_1nivel { height: 80px; overflow: hidden; font-size: 0.8em; color: #c0c0c0; margin-bottom: 20px; } Inscríbete function validar() { if (jQuery(#formNewsletter).valid()) { addUserNewsletter(); } } jQuery(document).ready(function(){ jQuery(#btn_enviar).click(function(){ validar(); }); jQuery(#formNewsletter).validate({ rules: { email: { required: true, email: true } ,politica: { required: true } } }); //jQuery('.help').tooltipster(); var rgpdHeight = jQuery(#div_newsletter .rgpd_1nivel).css(height); jQuery(#div_newsletter .rgpd_1nivel).mouseover(function () { jQuery(this).css(height,initial); jQuery(this).css(overflow,unset); }); jQuery(#div_newsletter .rgpd_1nivel).mouseout(function () { jQuery(this).css(height,rgpdHeight); jQuery(this).css(overflow,hidden); }); }); function addUserNewsletter() { jQuery.ajax({ contentType: application/x-www-form-urlencoded, type: POST, url: addUserNewsletter&clean=1, data: jQuery(#formNewsletter).serialize(), success: function(datos){ if (datos.status == 'success') { jQuery(#div_newsletter).html(datos.message); } else { if (datos.status == 'error') { jQuery(#div_newsletter).html(datos.error_msg); } } } }); }