<style type="text/css"> select { width:320px; padding: 5px; height: 35px; margin: 5px 5 5px 5; font: 300 16px "Open Sans", Arial, sans-serif; border-radius: 6px; } input{ width:320px; border-radius: 6px; padding: 5px; height: 27px; font: 300 16px "Open Sans", Arial, sans-serif; margin: 5px 5 5px 5; } .boton_personalizado{ text-decoration: none; padding: 5px; font-width:500px; font-size: 20px; color: #ffffff; background-color: #207984; border-radius: 6px; border: 0px solid #0016b0; cursor:pointer; } /*Formulario*/ .inf_field_label{ display:none; } .infusion-field-input-container{ margin: 0; width:320px; height: 40px; line-height: 40px; font-size: 17px; border: 1px solid #bbb; } .infusion-field-input-container::-webkit-input-placeholder { /* WebKit browsers */ color: #666666; } .infusion-field-input-container:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666666 opacity: 1; } .infusion-field-input-container::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666666; opacity: 1; } .infusion-field-input-container:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666666; } .infusion-field-select-container{ margin: 0; width: 100%; height: 40px; padding-top: 5px; line-height: 1 !important; -moz-box-sizing: content-box; -webkit-box-sizing:content-box; box-sizing:content-box; line-height: 1px; font-size: 16px; } /*checkbox*/ label.tag { font-family: Arial, sans-serif; //width: 200px; position: relative; top: -5px; font-weight: bold; text-transform: uppercase; display: inline-block; //float: left; } label.check { display: inline; } .regular-checkbox { display: none; } .regular-checkbox + label.check { background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 3px; display: inline-block; position: relative; } .regular-checkbox + label.check:active, .regular-checkbox:checked + label.check:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .regular-checkbox:checked + label.check { background-color: #e9ecee; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #99a1a7; } .regular-checkbox:checked + label.check:after { content: '\2714'; font-size: 20px; position: absolute; top: -3px; left: 0px; color: #99a1a7; } .infusion-submit{ text-align:center; margin: 5px; } .infusion-submit input{ display: inline-block; height: 50px; } /*FIN Formulario*/ .contenedor { float: left; width:260px; } .infusion-field { text-align: center; width:260px; margin: 0; margin-bottom: 5px; padding: 10; } .side-a { float: left; width:400px; } .side-b { float: right; background-color: #bfc1c0; width:340px; } .box-aviso{ float: left; width:360px; height:100px; padding-top:10px; display: inline-block; padding-right:5px; padding-left:5px; font-size:25px; color: #FFFFFF; background:#FFCC99; line-height:70%; } </style> <form accept-charset="UTF-8" action="https://sc253.infusionsoft.com/app/form/process/4ce4701a1cb998e8777ddf2b490db1f7" class="infusion-form" id="inf_form_4ce4701a1cb998e8777ddf2b490db1f7" method="POST"> <input name="inf_form_xid" type="hidden" value="4ce4701a1cb998e8777ddf2b490db1f7" /> <input name="inf_form_name" type="hidden" value="Formulario Buen Fin" /> <input name="infusionsoft_version" type="hidden" value="1.70.0.407641" /> <div class="infusion-field"><input class="infusion-field-input-container" id="inf_field_FirstName" name="inf_field_FirstName" placeholder="Nombre *" type="text" /></div> <div class="infusion-field"><input class="infusion-field-input-container" id="inf_field_LastName" name="inf_field_LastName" placeholder="Apellido *" type="text" /></div> <div class="infusion-field"><input class="infusion-field-input-container" id="inf_field_Email" name="inf_field_Email" placeholder="Correo electrónico *" type="text" /></div> <div class="infusion-field"><input class="infusion-field-input-container" id="inf_field_Phone1" name="inf_field_Phone1" placeholder="Celular *" type="text" /></div> <div> <font size="2">(10 dígitos, sin guiones)</font> </div> <div class="infusion-field"><input id="inf_custom_gclid" name="inf_custom_gclid" placeholder="gclid" type="hidden" /> </div> <div class="infusion-submit"><button class="boton_personalizado" id="recaptcha_4ce4701a1cb998e8777ddf2b490db1f7" type="submit">Quiero Promoción Prepa</button></div> </form> <script type="text/javascript" src="https://sc253.infusionsoft.app/app/webTracking/getTrackingCode"></script> <script type="text/javascript" src="https://sc253.infusionsoft.com/resources/external/recaptcha/production/recaptcha.js?b=1.70.0.407641"></script> <script src="https://www.google.com/recaptcha/api.js?onload=onloadInfusionRecaptchaCallback&render=explicit" async="async" defer="defer"></script> <script type="text/javascript" src="https://sc253.infusionsoft.com/app/timezone/timezoneInputJs?xid=4ce4701a1cb998e8777ddf2b490db1f7"></script> <script type="text/javascript" src="https://sc253.infusionsoft.com/js/jquery/jquery-3.3.1.js"></script> <script type="text/javascript" src="https://sc253.infusionsoft.app/app/webform/overwriteRefererJs"></script>