berel.com Open in urlscan Pro
35.164.110.131 Public Scan

Back to summary

Submitted URL:
http://berel.com/
Effective URL:
https://berel.com/
Submission: On September 05 via manual (September 5th 2023, 3:21:45 pm UTC) from US — Scanned from DE

Form analysis
4 forms found in the DOM

/busqueda

<form id="form-buscar-header" class="navbar-form navbar-right" role="search" action="/busqueda">
  <div class="input-group">
    <input type="text" class="form-control" placeholder="Buscar..." name="search_api_views_fulltext" maxlength="128" value="">
    <span class="input-group-btn">
      <button type="reset" class="btn btn-default">
        <div class="normal-icn-25 icn-82">
          <span class="sr-only">Close</span>
        </div>
      </button>
      <button type="submit" class="btn btn-default">
        <div class="normal-icn-25 icn-11">
          <span class="sr-only">Search</span>
        </div>
      </button>
    </span>
  </div>
</form>

Name: fileinfo — POST

<form enctype="multipart/form-data" id="form-bolsa" method="post" name="fileinfo">
  <!--*Columna 1*-->
  <div class="col-xs-12 no-padding columna" id="columna-1-bolsa">
    <div class="col-xs-12 no-padding seccion" id="nombre">
      <label class="titulo" for="usr">NOMBRE<i class="hs-form-required">*</i></label>
      <input type="text" name="nombre-bolsa" class="form-control linea-input margin-bottom-15" id="nombre-bolsa" placeholder="Ej. Leopoldo Camargo...">
    </div>
    <div class="col-xs-12 no-padding seccion item" id="fecha">
      <label class="titulo" for="usr">FECHA DE NACIMIENTO<i class="hs-form-required">*</i></label>
      <div class="input-group">
        <input id="bolsa_fecha" class="date margin-bottom-15 hasDatepicker" type="text" name="bolsa_fecha" placeholder="DD   /   MM   / AAAA">
      </div>
    </div>
    <div class="col-xs-12 no-padding seccion" id="direccion">
      <label class="titulo" for="usr">DIRECCIÓN<i class="hs-form-required">*</i></label>
      <input type="text" name="direccion-bolsa" class="form-control linea-input margin-bottom-15" id="direccion-bolsa" placeholder="Ej. Calle y número, colonia, ciudad, estado, código postal">
    </div>
    <div class="col-xs-12 col-sm-6 seccion telefono no-padding">
      <div class="col-xs-12 no-padding seccion">
        <label class="titulo" for="usr">TELÉFONO<i class="hs-form-required">*</i></label>
        <input type="text" class="form-control linea-input margin-bottom-15" id="telefono1-bolsa" name="telefono1-bolsa" placeholder="+52 (12) 3456-7891">
      </div>
    </div>
    <div class="col-xs-12 col-sm-6 seccion telefono-op no-padding">
      <div class="col-xs-12 no-padding">
        <label class="titulo" for="usr">TELÉFONO CELULAR (opcional)</label>
        <input type="text" class="form-control linea-input margin-bottom-15" id="telefono2-bolsa" name="telefono2-bolsa" placeholder="+52 (12) 3456-7891">
      </div>
    </div>
  </div>
  <!--*Columna 2*-->
  <div class="col-xs-12 no-padding columna" id="columna-2-bolsa">
    <div class="col-xs-12 no-padding seccion" id="correo">
      <label class="titulo" for="usr">CORREO ELECTRÓNICO<i class="hs-form-required">*</i></label>
      <input type="text" class="form-control linea-input margin-bottom-15" id="correo-bolsa" name="correo-bolsa" placeholder="Ej. correo@midominio.com">
    </div>
    <!--*Sección Checkboxes*-->
    <div class="col-xs-12 no-padding seccion" id="seccion-checkboxes">
      <label for="usr" id="area_interes">ÁREAS DE INTERÉS<i class="hs-form-required">*</i></label>
      <div class="col-xs-12 checkbox_custom" id="checks">
        <div class="col-xs-6 col-sm-4 checkbox-item">
          <div class="checkbox">
            <!--* Checkbox custom *-->
            <div class="checkbox-img-bolsa check-inactivo" id="bolsa-checkbox-img-1" estado="check-inactivo" onclick="click_checkbox_bolsa(1);"></div>
            <!--**-->
            <input name="number[]" type="checkbox" value="Producción" id="checkbox_bolsa_1">
            <label for="usr" class="margin-top-7">Producción</label>
          </div>
        </div>
        <div class="col-xs-6 col-sm-4 checkbox-item">
          <div class="checkbox">
            <!--* Checkbox custom *-->
            <div class="checkbox-img-bolsa check-inactivo" id="bolsa-checkbox-img-2" estado="check-inactivo" onclick="click_checkbox_bolsa(2);"></div>
            <!--**-->
            <input name="number[]" type="checkbox" value="Ventas" id="checkbox_bolsa_2">
            <label for="usr" class="margin-top-7">Ventas</label>
          </div>
        </div>
        <div class="col-xs-6 col-sm-4 checkbox-item">
          <div class="checkbox">
            <!--* Checkbox custom *-->
            <div class="checkbox-img-bolsa check-inactivo" id="bolsa-checkbox-img-3" estado="check-inactivo" onclick="click_checkbox_bolsa(3);"></div>
            <!--**-->
            <input name="number[]" type="checkbox" value="Administración" id="checkbox_bolsa_3">
            <label for="usr" class="margin-top-7">Administración</label>
          </div>
        </div>
        <div class="col-xs-6 col-sm-4 checkbox-item">
          <div class="checkbox">
            <!--* Checkbox custom *-->
            <div class="checkbox-img-bolsa check-inactivo" id="bolsa-checkbox-img-4" estado="check-inactivo" onclick="click_checkbox_bolsa(4);"></div>
            <!--**-->
            <input name="number[]" type="checkbox" value="RH" id="checkbox_bolsa_4">
            <label for="usr" class="margin-top-7">RH</label>
          </div>
        </div>
        <div class="col-xs-6 col-sm-4 checkbox-item">
          <div class="checkbox">
            <!--* Checkbox custom *-->
            <div class="checkbox-img-bolsa check-inactivo" id="bolsa-checkbox-img-5" estado="check-inactivo" onclick="click_checkbox_bolsa(5);"></div>
            <!--**-->
            <input name="number[]" type="checkbox" value="TI" id="checkbox_bolsa_5">
            <label for="usr" class="margin-top-7">TI</label>
          </div>
        </div>
        <div class="col-xs-6 col-sm-4 checkbox-item">
          <div class="checkbox">
            <!--* Checkbox custom *-->
            <div class="checkbox-img-bolsa check-inactivo" id="bolsa-checkbox-img-6" estado="check-inactivo" onclick="click_checkbox_bolsa(6);"></div>
            <!--**-->
            <input name="number[]" type="checkbox" value="Mercadotecnia" id="checkbox_bolsa_6">
            <label for="usr" class="margin-top-7">Mercadotecnia</label>
          </div>
        </div>
        <div class="col-xs-6 col-sm-4 checkbox-item">
          <div class="checkbox">
            <!--* Checkbox custom *-->
            <div class="checkbox-img-bolsa check-inactivo" id="bolsa-checkbox-img-7" estado="check-inactivo" onclick="click_checkbox_bolsa(7);"></div>
            <!--**-->
            <input name="number[]" type="checkbox" value="Lógistica" id="checkbox_bolsa_7">
            <label for="usr" class="margin-top-7">Lógistica</label>
          </div>
        </div>
        <div class="col-xs-6 col-sm-4 checkbox-item">
          <div class="checkbox">
            <!--* Checkbox custom *-->
            <div class="checkbox-img-bolsa check-inactivo" id="bolsa-checkbox-img-8" estado="check-inactivo" onclick="click_checkbox_bolsa(8);"></div>
            <!--**-->
            <input name="number[]" type="checkbox" value="Compras" id="checkbox_bolsa_8">
            <label for="usr" class="margin-top-7">Compras</label>
          </div>
        </div>
        <div class="col-xs-6 col-sm-4 checkbox-item">
          <div class="checkbox">
            <!--* Checkbox custom *-->
            <div class="checkbox-img-bolsa check-inactivo" id="bolsa-checkbox-img-9" estado="check-inactivo" onclick="click_checkbox_bolsa(9);"></div>
            <!--**-->
            <input name="number[]" type="checkbox" value="Ingeniería" id="checkbox_bolsa_9">
            <label for="usr" class="margin-top-7">Ingeniería</label>
          </div>
        </div>
        <div class="col-xs-6 col-sm-4 checkbox-item">
          <div class="checkbox">
            <!--* Checkbox custom *-->
            <div class="checkbox-img-bolsa check-inactivo" id="bolsa-checkbox-img-10" estado="check-inactivo" onclick="click_checkbox_bolsa(10);"></div>
            <!--**-->
            <input name="number[]" type="checkbox" value="Otros" id="checkbox_bolsa_10">
            <label for="usr" class="margin-top-7">Otros</label>
          </div>
        </div>
      </div>
    </div>
    <div class="col-xs-12 no-padding" id="grado-academico">
      <label class="titulo" for="usr">GRADO ACADÉMICO<i class="hs-form-required">*</i></label>
    </div>
    <div class="col-xs-12 col-sm-6 no-padding margin-bottom-15 select-over seccion" id="select_1">
      <div class="btn-group bootstrap-select form-control form-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" data-id="sel1" title="Último grado de estudios.."><span class="filter-option pull-left">Último
            grado de estudios..</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span></button>
        <div class="dropdown-menu open">
          <ul class="dropdown-menu inner" role="menu">
            <li class="opcion selected" data-original-index="0" onclick="click_select_custom(tipo_form)">
              <a tabindex="0" class="" style="" data-tokens="null"><span class="text">Último grado de estudios..</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
            <li class="opcion" data-original-index="1" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Primaria</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
            <li class="opcion" data-original-index="2" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Secundaria</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
            <li class="opcion" data-original-index="3" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Preparatoria</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
            </li>
            <li class="opcion" data-original-index="4" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Universidad</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
            <li class="opcion" data-original-index="5" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Posgrado</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
          </ul>
        </div><select class="form-control form-select selectpicker" id="sel1" name="Grado Academico" tabindex="-98">
          <option value="" selected="" hidden="">Último grado de estudios..</option>
          <option>Primaria</option>
          <option>Secundaria</option>
          <option>Preparatoria</option>
          <option>Universidad</option>
          <option>Posgrado</option>
        </select>
      </div>
    </div>
    <div class="col-xs-12 col-sm-6 no-padding margin-bottom-15 select-over seccion" id="select_2">
      <div class="btn-group bootstrap-select form-control form-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" data-id="sel2" title="Situación académica"><span class="filter-option pull-left">Situación
            académica</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span></button>
        <div class="dropdown-menu open">
          <ul class="dropdown-menu inner" role="menu">
            <li class="opcion selected" data-original-index="0" onclick="click_select_custom(tipo_form)">
              <a tabindex="0" class="" style="" data-tokens="null"><span class="text">Situación académica</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
            <li class="opcion" data-original-index="1" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Titulado</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
            <li class="opcion" data-original-index="2" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Estudiante</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
            <li class="opcion" data-original-index="3" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Trunco</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
          </ul>
        </div><select class="form-control form-select selectpicker" id="sel2" name="Situacion academica" tabindex="-98">
          <option value="" selected="" hidden="">Situación académica</option>
          <option>Titulado</option>
          <option>Estudiante</option>
          <option>Trunco</option>
        </select>
      </div>
    </div>
  </div>
  <div class="col-xs-12 no-padding columna" id="columna-3-bolsa">
    <div class="col-xs-12 col-sm-6 no-padding file-bolsa margin-bottom-15 seccion">
      <div class="input-file adjuntar">
        <label class="titulo" for="usr">CURRICULUM VITAE<i class="hs-form-required">*</i></label>
        <input name="archivo-up" id="archivo-up" type="file" class="filestyle" data-buttontext="Adjuntar" data-placeholder="Sin Archivo" data-iconname="normal-icn-25 icn-81" accept=".PDF,.doc,.docx" required="" tabindex="-1"
          style="position: absolute; clip: rect(0px, 0px, 0px, 0px);">
        <div class="bootstrap-filestyle input-group"><input type="text" class="form-control " placeholder="Sin Archivo" disabled=""> <span class="group-span-filestyle input-group-btn" tabindex="0"><label for="archivo-up"
              class="btn btn-default "><span class="icon-span-filestyle normal-icn-25 icn-81"></span> <span class="buttonText">Adjuntar</span></label></span></div>
        <div class="leyenda">El archivo deberá estar en formato .PDF o .DOCX y pesar menos de 2MB</div>
      </div>
    </div>
    <div class="col-xs-12 col-sm-6 no-padding money margin-bottom-15 seccion">
      <label class="titulo" for="usr">SUELDO REQUERIDO<i class="hs-form-required">*</i></label>
      <div class="input-group">
        <span class="input-group-addon">$</span>
        <input type="text" class="form-control number" maxlength="5" maxplaceholder="" id="sueldo_bolsa" name="sueldo_bolsa">
      </div>
    </div>
    <div class="col-xs-12 textarea no-padding seccion" id="mensaje">
      <label class="titulo" for="comment">MENSAJE<i class="hs-form-required">*</i></label>
      <textarea maxlength="3000" class="form-control" rows="5" name="comment" id="comment"></textarea>
    </div>
  </div>
  <div class="col-xs-12 no-padding pad-top-13" id="columna-4-bolsa">
    <div class="col-xs-12 no-padding" id="btn-enviar">
      <!--*Boton Enviar*-->
      <div class="progress-button" id="contenedor-btn" onclick="validar_formulario_bolsa();">
        <div class="button" style="opacity: 1;">
          <div class="texto">
            <div id="boton-enviar-bolsatrabajo">ENVIAR</div>
          </div>
        </div>
        <svg class="progress-circle" width="70" height="70">
          <path d="m35,2.5c17.955803,0 32.5,14.544199 32.5,32.5c0,17.955803 -14.544197,32.5 -32.5,32.5c-17.955803,0 -32.5,-14.544197 -32.5,-32.5c0,-17.955801 14.544197,-32.5 32.5,-32.5z" style="stroke-dasharray: 204.244; stroke-dashoffset: 204.244;">
          </path>
        </svg>
        <!-- checkmark to show on success -->
        <svg class="checkmark" width="70" height="70">
          <path d="m31.5,46.5l15.3,-23.2" style="stroke-dasharray: 27.7908; stroke-dashoffset: 27.7908;"></path>
          <path d="m31.5,46.5l-8.5,-7.1" style="stroke-dasharray: 11.0752; stroke-dashoffset: 11.0752;"></path>
        </svg>
        <!-- cross to show on error -->
        <svg class="cross" width="70" height="70">
          <path d="m35,35l-9.3,-9.3" style="stroke-dasharray: 13.1522; stroke-dashoffset: 13.1522;"></path>
          <path d="m35,35l9.3,9.3" style="stroke-dasharray: 13.1522; stroke-dashoffset: 13.1522;"></path>
          <path d="m35,35l-9.3,9.3" style="stroke-dasharray: 13.1522; stroke-dashoffset: 13.1522;"></path>
          <path d="m35,35l9.3,-9.3" style="stroke-dasharray: 13.1522; stroke-dashoffset: 13.1522;"></path>
        </svg>
      </div>
    </div>
  </div>
</form>

POST /

<form id="distribuidores-form" accept-charset="UTF-8" method="post" action="/" enctype="">
  <!--* Columna 1 *-->
  <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 no-padding columna1">
    <div class="col-xs-12 no-padding item campo-nombre">
      <div class="col-xs-12 no-padding titulo">
        <label class="nombre">NOMBRE<i class="hs-form-required">*</i></label>
      </div>
      <div class="col-xs-12 no-padding campo">
        <div class="form-item form-item-campo-nombre form-type-textfield form-group"><input placeholder="Ej. Leopoldo Camargo..." class="form-control form-text" type="text" id="input-nombre-footer" name="campo-nombre" value="" size="60"
            maxlength="50"></div>
      </div>
    </div>
    <div class="col-xs-12 no-padding item campo-telefono">
      <div class="col-xs-12 no-padding titulo">
        <label class="telefono">TELÉFONO<i class="hs-form-required">*</i></label>
      </div>
      <div class="col-xs-12 no-padding campo">
        <div class="form-item form-item-campo-telefono form-type-textfield form-group"><input placeholder="+52 (12) 3456-7891" class="form-control form-text" type="text" id="input-telefono-footer" name="campo-telefono" value="" size="60"
            maxlength="10"></div>
      </div>
    </div>
    <div class="col-xs-12 no-padding item campo-estado" id="campo-estado-footer">
      <div class="col-xs-12 no-padding titulo">
        <label class="estado">ESTADO<i class="hs-form-required">*</i></label>
      </div>
      <div class="col-xs-12 no-padding campo">
        <!--*Select*-->
        <div class="form-item form-item-campo-estado form-type-select form-group" onclick="select_change_custom_footer();">
          <div class="btn-group bootstrap-select form-control form-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" data-id="select-estado-footer" title="Estado..."><span
                class="filter-option pull-left">Estado...</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span></button>
            <div class="dropdown-menu open">
              <ul class="dropdown-menu inner" role="menu">
                <li class="opcion selected" data-original-index="0" onclick="click_select_custom(tipo_form)">
                  <a tabindex="0" class="" style="" data-tokens="null"><span class="text">Estado...</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="1" onclick="click_select_custom(tipo_form)">
                  <a tabindex="0" class="" style="" data-tokens="null"><span class="text">Aguascalientes</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="2" onclick="click_select_custom(tipo_form)">
                  <a tabindex="0" class="" style="" data-tokens="null"><span class="text">Baja California</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="3" onclick="click_select_custom(tipo_form)">
                  <a tabindex="0" class="" style="" data-tokens="null"><span class="text">Baja California Sur</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="4" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Campeche</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="5" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Chiapas</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="6" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Chihuahua</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="7" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Coahuila</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="8" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Colima</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="9" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Durango</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="10" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Guanajuato</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="11" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Guerrero</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="12" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Hidalgo</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="13" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Jalisco</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="14" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">México</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="15" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Michoacán</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="16" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Morelos</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="17" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Nayarit</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="18" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Nuevo León</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="19" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Oaxaca</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="20" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Puebla</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="21" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Querétaro</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="22" onclick="click_select_custom(tipo_form)">
                  <a tabindex="0" class="" style="" data-tokens="null"><span class="text">Quintana Roo</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="23" onclick="click_select_custom(tipo_form)">
                  <a tabindex="0" class="" style="" data-tokens="null"><span class="text">San Luis Potosí</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="24" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Sinaloa</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="25" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Sonora</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="26" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Tabasco</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="27" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Tamaulipas</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="28" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Tlaxcala</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="29" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Veracruz</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="30" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Yucatán</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="31" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Zacatecas</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="32" onclick="click_select_custom(tipo_form)">
                  <a tabindex="0" class="" style="" data-tokens="null"><span class="text">Distrito Federal</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
              </ul>
            </div><select class="form-control form-select selectpicker" id="select-estado-footer" name="campo-estado" tabindex="-98">
              <option value="none">Estado...</option>
              <option value="AGU">Aguascalientes</option>
              <option value="BCN">Baja California</option>
              <option value="BCS">Baja California Sur</option>
              <option value="CAM">Campeche</option>
              <option value="CHP">Chiapas</option>
              <option value="CHH">Chihuahua</option>
              <option value="COA">Coahuila</option>
              <option value="COL">Colima</option>
              <option value="DUR">Durango</option>
              <option value="GUA">Guanajuato</option>
              <option value="GRO">Guerrero</option>
              <option value="HID">Hidalgo</option>
              <option value="JAL">Jalisco</option>
              <option value="MEX">México</option>
              <option value="MIC">Michoacán</option>
              <option value="MOR">Morelos</option>
              <option value="NAY">Nayarit</option>
              <option value="NLE">Nuevo León</option>
              <option value="OAX">Oaxaca</option>
              <option value="PUE">Puebla</option>
              <option value="QUE">Querétaro</option>
              <option value="ROO">Quintana Roo</option>
              <option value="SLP">San Luis Potosí</option>
              <option value="SIN">Sinaloa</option>
              <option value="SON">Sonora</option>
              <option value="TAB">Tabasco</option>
              <option value="TAM">Tamaulipas</option>
              <option value="TLA">Tlaxcala</option>
              <option value="VER">Veracruz</option>
              <option value="YUC">Yucatán</option>
              <option value="ZAC">Zacatecas</option>
              <option value="DIF">Distrito Federal</option>
            </select>
          </div>
        </div> <!--********-->
      </div>
    </div>
  </div>
  <!--* Columna 2 *-->
  <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 no-padding columna2">
    <div class="col-xs-12 no-padding item campo-correo">
      <div class="col-xs-12 no-padding titulo">
        <label class="correo">CORREO ELECTRÓNICO<i class="hs-form-required">*</i></label>
      </div>
      <div class="col-xs-12 no-padding campo">
        <div class="form-item form-item-campo-correo form-type-textfield form-group"><input placeholder="Ej. correo@midominio.com" class="form-control form-text" type="text" id="input-correo-footer" name="campo-correo" value="" size="60"
            maxlength="50"></div>
      </div>
    </div>
    <div class="col-xs-12 no-padding item campo-profesion">
      <div class="col-xs-12 no-padding titulo">
        <label class="profesion">PROFESIÓN</label>
      </div>
      <div class="col-xs-12 no-padding campo">
        <div class="form-item form-item-campo-profesion form-type-textfield form-group"><input placeholder="Ej. Ingeniero..." class="form-control form-text" type="text" id="input-profesion-footer" name="campo-profesion" value="" size="60"
            maxlength="50"></div>
      </div>
    </div>
    <div class="col-xs-12 no-padding item campo-ciudad">
      <div class="col-xs-12 no-padding titulo">
        <label class="ciudad">CIUDAD<i class="hs-form-required">*</i></label>
      </div>
      <div class="col-xs-12 no-padding campo">
        <div class="form-item form-item-campo-ciudad form-type-textfield form-group"><input placeholder="Ej. Monterrey..." class="form-control form-text" type="text" id="input-ciudad-footer" name="campo-ciudad" value="" size="60" maxlength="30">
        </div>
      </div>
    </div>
  </div>
  <!--* Columna 3 *-->
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 no-padding columna3">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 no-padding item campo-pregunta">
      <div class="no-padding checkbox_custom campo">
        <!--* Checkbox custom *-->
        <div class="checkbox-img check-inactivo pregunta-checkbox-img" estado="check-inactivo" onclick="click_checkbox_distr_footer();"></div>
        <!--**-->
        <div id="pregunta-checkbox-footer" class="form-checkboxes">
          <div class="form-item form-item-pregunta-checkbox-1 form-type-checkbox checkbox"> <label class="control-label" for="edit-pregunta-checkbox-1"><input type="checkbox" id="edit-pregunta-checkbox-1" name="pregunta-checkbox[1]" value="1"
                class="form-checkbox"> </label>
          </div>
        </div>
      </div>
      <div class="no-padding titulo">
        <label class="pregunta">TIENES NEGOCIO PROPIO?</label>
      </div>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 no-padding item campo-giro">
      <div class="col-xs-12 no-padding titulo">
        <label class="giro-negocio color-grey-1">GIRO DEL NEGOCIO</label>
      </div>
      <div class="col-xs-12 no-padding campo">
        <div class="form-item form-item-campo-giro form-type-textfield form-group"><input placeholder="Ej. Supermercado..." class="form-control form-text" type="text" id="input-giro-footer" name="campo-giro" value="" size="60" maxlength="30"
            disabled=""></div>
      </div>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 no-padding item campo-anios">
      <div class="col-xs-12 no-padding titulo">
        <label class="anios-negocio color-grey-1">AÑOS CON EL NEGOCIO</label>
      </div>
      <div class="col-xs-12 no-padding campo">
        <div class="form-item form-item-campo-anios form-type-textfield form-group"><input placeholder="Ej. 3 Años..." class="form-control form-text" type="text" id="input-anios-footer" name="campo-anios" value="" size="60" maxlength="30"
            disabled=""></div>
      </div>
    </div>
  </div>
  <!--* Columna 4 *-->
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 no-padding columna4">
    <div class="col-xs-12 no-padding item campo-mensaje">
      <div class="col-xs-12 no-padding titulo">
        <label class="mensajet">MENSAJE</label>
      </div>
      <div class="col-xs-12 no-padding campo">
        <div class="form-item form-item-campo-mensaje form-type-textarea form-group">
          <div class="form-textarea-wrapper"><textarea maxlength="3000" class="form-control form-textarea" id="input-mensaje-footer" name="campo-mensaje" cols="30" rows="5"></textarea></div>
        </div>
      </div>
    </div>
    <div class="col-xs-12 no-padding item-btn campo-enviar">
      <div class="progress-button" id="contenedor-btn-distr-footer" onclick="validar_formulario_footer();">
        <div class="button" style="opacity: 1;">
          <div class="texto">
            <div id="boton-enviar">ENVIAR</div>
          </div>
        </div>
        <!-- svg circle for progress indication -->
        <svg class="progress-circle" width="70" height="70">
          <path d="m35,2.5c17.955803,0 32.5,14.544199 32.5,32.5c0,17.955803 -14.544197,32.5 -32.5,32.5c-17.955803,0 -32.5,-14.544197 -32.5,-32.5c0,-17.955801 14.544197,-32.5 32.5,-32.5z" style="stroke-dasharray: 204.244; stroke-dashoffset: 204.244;">
          </path>
        </svg>
        <!-- checkmark to show on success -->
        <svg class="checkmark" width="70" height="70">
          <path d="m31.5,46.5l15.3,-23.2" style="stroke-dasharray: 27.7908; stroke-dashoffset: 27.7908;"></path>
          <path d="m31.5,46.5l-8.5,-7.1" style="stroke-dasharray: 11.0752; stroke-dashoffset: 11.0752;"></path>
        </svg>
        <!-- cross to show on error -->
        <svg class="cross" width="70" height="70">
          <path d="m35,35l-9.3,-9.3" style="stroke-dasharray: 13.1522; stroke-dashoffset: 13.1522;"></path>
          <path d="m35,35l9.3,9.3" style="stroke-dasharray: 13.1522; stroke-dashoffset: 13.1522;"></path>
          <path d="m35,35l-9.3,9.3" style="stroke-dasharray: 13.1522; stroke-dashoffset: 13.1522;"></path>
          <path d="m35,35l9.3,-9.3" style="stroke-dasharray: 13.1522; stroke-dashoffset: 13.1522;"></path>
        </svg>
      </div>
    </div>
    <!--?//= drupal_render($distribuidores_form['distribuidores_form']['boton-enviar']); ?-->
  </div>
  <input type="hidden" name="form_build_id" value="form-J-vbhiuS2bnVbMuGYKSbMhWd8TQXj6frKIGgaruQYLs">
  <input type="hidden" name="form_id" value="distribuidores_form">
</form>

POST /

<form id="contacto-form" accept-charset="UTF-8" method="post" action="/" enctype="">
  <!--* Columna 1 *-->
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 no-padding" id="columna1">
    <div class="col-xs-12 no-padding item" id="campo-nombre">
      <div class="col-xs-12 no-padding" id="titulo">
        <label id="nombre">NOMBRE<i class="hs-form-required">*</i></label>
      </div>
      <div class="col-xs-12 no-padding" id="campo">
        <div class="form-item form-item-campo-nombre form-type-textfield form-group"><input placeholder="Ej. Leopoldo Camargo..." class="form-control form-text" type="text" id="input-nombre-contacto" name="campo-nombre" value="" size="60"
            maxlength="50"></div>
      </div>
    </div>
    <div class="col-xs-12 no-padding item" id="campo-correo">
      <div class="col-xs-12 no-padding" id="titulo">
        <label id="correo">CORREO ELECTRÓNICO<i class="hs-form-required">*</i></label>
      </div>
      <div class="col-xs-12 no-padding" id="campo">
        <div class="form-item form-item-campo-correo form-type-textfield form-group"><input placeholder="Ej. correo@midominio.com" class="form-control form-text" type="text" id="input-correo-contacto" name="campo-correo" value="" size="60"
            maxlength="50"></div>
      </div>
    </div>
    <div class="col-xs-12 no-padding item" id="campo-telefono">
      <div class="col-xs-12 no-padding" id="titulo">
        <label id="telefono">TELÉFONO</label>
      </div>
      <div class="col-xs-12 no-padding" id="campo">
        <div class="form-item form-item-campo-telefono form-type-textfield form-group"><input placeholder="+52 (12) 3456-7891" class="form-control form-text" type="text" id="input-telefono-contacto" name="campo-telefono" value="" size="60"
            maxlength="10"></div>
      </div>
    </div>
  </div>
  <!--* Columna 2 *-->
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 no-padding" id="columna2">
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 no-padding item" id="campo-estado-contacto">
      <div class="col-xs-12 no-padding" id="titulo">
        <label id="estado">ESTADO<i class="hs-form-required">*</i></label>
      </div>
      <div class="col-xs-12 no-padding" id="campo">
        <!--*Select*-->
        <div class="form-item form-item-campo-estado form-type-select form-group" onclick="select_change_custom_2();">
          <div class="btn-group bootstrap-select form-control form-select"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" data-id="select-estado-contacto" title="Estado..."><span
                class="filter-option pull-left">Estado...</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span></button>
            <div class="dropdown-menu open">
              <ul class="dropdown-menu inner" role="menu">
                <li class="opcion selected" data-original-index="0" onclick="click_select_custom(tipo_form)">
                  <a tabindex="0" class="" style="" data-tokens="null"><span class="text">Estado...</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="1" onclick="click_select_custom(tipo_form)">
                  <a tabindex="0" class="" style="" data-tokens="null"><span class="text">Aguascalientes</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="2" onclick="click_select_custom(tipo_form)">
                  <a tabindex="0" class="" style="" data-tokens="null"><span class="text">Baja California</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="3" onclick="click_select_custom(tipo_form)">
                  <a tabindex="0" class="" style="" data-tokens="null"><span class="text">Baja California Sur</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="4" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Campeche</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="5" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Chiapas</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="6" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Chihuahua</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="7" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Coahuila</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="8" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Colima</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="9" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Durango</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="10" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Guanajuato</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="11" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Guerrero</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="12" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Hidalgo</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="13" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Jalisco</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="14" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">México</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="15" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Michoacán</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="16" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Morelos</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="17" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Nayarit</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="18" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Nuevo León</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="19" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Oaxaca</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="20" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Puebla</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="21" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Querétaro</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="22" onclick="click_select_custom(tipo_form)">
                  <a tabindex="0" class="" style="" data-tokens="null"><span class="text">Quintana Roo</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="23" onclick="click_select_custom(tipo_form)">
                  <a tabindex="0" class="" style="" data-tokens="null"><span class="text">San Luis Potosí</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="24" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Sinaloa</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="25" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Sonora</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                <li class="opcion" data-original-index="26" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Tabasco</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="27" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Tamaulipas</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="28" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Tlaxcala</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="29" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Veracruz</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="30" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Yucatán</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="31" onclick="click_select_custom(tipo_form)"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Zacatecas</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                </li>
                <li class="opcion" data-original-index="32" onclick="click_select_custom(tipo_form)">
                  <a tabindex="0" class="" style="" data-tokens="null"><span class="text">Distrito Federal</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
              </ul>
            </div><select class="form-control form-select selectpicker" id="select-estado-contacto" name="campo-estado" tabindex="-98">
              <option value="none">Estado...</option>
              <option value="AGU">Aguascalientes</option>
              <option value="BCN">Baja California</option>
              <option value="BCS">Baja California Sur</option>
              <option value="CAM">Campeche</option>
              <option value="CHP">Chiapas</option>
              <option value="CHH">Chihuahua</option>
              <option value="COA">Coahuila</option>
              <option value="COL">Colima</option>
              <option value="DUR">Durango</option>
              <option value="GUA">Guanajuato</option>
              <option value="GRO">Guerrero</option>
              <option value="HID">Hidalgo</option>
              <option value="JAL">Jalisco</option>
              <option value="MEX">México</option>
              <option value="MIC">Michoacán</option>
              <option value="MOR">Morelos</option>
              <option value="NAY">Nayarit</option>
              <option value="NLE">Nuevo León</option>
              <option value="OAX">Oaxaca</option>
              <option value="PUE">Puebla</option>
              <option value="QUE">Querétaro</option>
              <option value="ROO">Quintana Roo</option>
              <option value="SLP">San Luis Potosí</option>
              <option value="SIN">Sinaloa</option>
              <option value="SON">Sonora</option>
              <option value="TAB">Tabasco</option>
              <option value="TAM">Tamaulipas</option>
              <option value="TLA">Tlaxcala</option>
              <option value="VER">Veracruz</option>
              <option value="YUC">Yucatán</option>
              <option value="ZAC">Zacatecas</option>
              <option value="DIF">Distrito Federal</option>
            </select>
          </div>
        </div> <!--********-->
      </div>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 no-padding item" id="campo-ciudad">
      <div class="col-xs-12 no-padding" id="titulo">
        <label id="ciudad">CIUDAD<i class="hs-form-required">*</i></label>
      </div>
      <div class="col-xs-12 no-padding" id="campo">
        <div class="form-item form-item-campo-ciudad form-type-textfield form-group"><input placeholder="Ej. Monterrey..." class="form-control form-text" type="text" id="input-ciudad-contacto" name="campo-ciudad" value="" size="60" maxlength="30">
        </div>
      </div>
    </div>
  </div>
  <!--* Columna 3 *-->
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 no-padding" id="columna3">
    <div class="col-xs-12 no-padding item" id="campo-mensaje">
      <div class="col-xs-12 no-padding" id="titulo">
        <label id="mensaje">MENSAJE<i class="hs-form-required">*</i></label>
      </div>
      <div class="col-xs-12 no-padding" id="campo">
        <div class="form-item form-item-campo-mensaje form-type-textarea form-group">
          <div class="form-textarea-wrapper"><textarea maxlength="3000" class="form-control form-textarea" id="input-mensaje-contacto" name="campo-mensaje" cols="30" rows="5"></textarea></div>
        </div>
      </div>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 no-padding item" id="campo-suscribete">
      <div class="col-xs-1 no-padding checkbox_custom" id="campo">
        <!--* Checkbox custom *-->
        <div class="checkbox-img check-activo" id="suscribete-checkbox-img" estado="check-activo" onclick="click_checkbox_cont();"></div>
        <!--**-->
        <div id="suscribete-checkbox" class="form-checkboxes">
          <div class="form-item form-item-suscribete-checkbox-1 form-type-checkbox checkbox"> <label class="control-label" for="edit-suscribete-checkbox-1"><input type="checkbox" id="edit-suscribete-checkbox-1" name="suscribete-checkbox[1]" value="1"
                class="form-checkbox"> </label>
          </div>
        </div>
      </div>
      <div class="col-xs-11 no-padding" id="titulo">
        <label id="suscribete">Recibe nuestro newsletter donde encontrarás tips de decoración, tips para pintar y noticias relevantes acerca de nuestros productos.</label>
      </div>
    </div>
  </div>
  <!--* Columna 4 *-->
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 no-padding" id="columna4">
    <div class="col-xs-12 no-padding item-btn" id="campo-enviar">
      <div class="progress-button" id="contenedor-btn-cont" onclick="validar_formulario_contacto();">
        <div class="button" style="opacity: 1;">
          <div class="texto">
            <div id="boton-enviar">ENVIAR</div>
          </div>
        </div>
        <!-- svg circle for progress indication -->
        <svg class="progress-circle" width="70" height="70">
          <path d="m35,2.5c17.955803,0 32.5,14.544199 32.5,32.5c0,17.955803 -14.544197,32.5 -32.5,32.5c-17.955803,0 -32.5,-14.544197 -32.5,-32.5c0,-17.955801 14.544197,-32.5 32.5,-32.5z" style="stroke-dasharray: 204.244; stroke-dashoffset: 204.244;">
          </path>
        </svg>
        <!-- checkmark to show on success -->
        <svg class="checkmark" width="70" height="70">
          <path d="m31.5,46.5l15.3,-23.2" style="stroke-dasharray: 27.7908; stroke-dashoffset: 27.7908;"></path>
          <path d="m31.5,46.5l-8.5,-7.1" style="stroke-dasharray: 11.0752; stroke-dashoffset: 11.0752;"></path>
        </svg>
        <!-- cross to show on error -->
        <svg class="cross" width="70" height="70">
          <path d="m35,35l-9.3,-9.3" style="stroke-dasharray: 13.1522; stroke-dashoffset: 13.1522;"></path>
          <path d="m35,35l9.3,9.3" style="stroke-dasharray: 13.1522; stroke-dashoffset: 13.1522;"></path>
          <path d="m35,35l-9.3,9.3" style="stroke-dasharray: 13.1522; stroke-dashoffset: 13.1522;"></path>
          <path d="m35,35l9.3,-9.3" style="stroke-dasharray: 13.1522; stroke-dashoffset: 13.1522;"></path>
        </svg>
      </div>
    </div>
    <!--?//= drupal_render($contacto_form['contacto_form']['boton-enviar']); ?-->
  </div>
  <input type="hidden" name="form_build_id" value="form-mQSJTrG581lcPMoNzJV9OxyUSP-TYMXT0YkYe4D9OOU">
  <input type="hidden" name="form_id" value="contacto_form">
</form>

Text Content

MENU
Search

* COLORES
* IDEAS DE DECORACIÓN
* PRODUCTOS
* UBICA TU TIENDA
* TIPS PARA PINTAR

Close
Search

Next
¡Descubre nuestra promoción!
Tenemos una promoción para ti, descubre como aprovecharla y pintar tu espacio.
Berelex Green Anti-Viral
Pintura anti-bacterial, antihongos, de acabado mate y sin olor.
Previous Next
Acabado Poliuretano
Diseñado para brindar alta protección y durabilidad con excelente resistencia a
la corrosión.
Ambientes más frescos con Kover
Protege tu hogar de las altas temperaturas con Kover térmico
Previous Next

agario - agario - agario -yohoho unblocked

PALETA DE COLOR

Selecciona una paleta de color para visualizar.
4-0102P
2-1305D
3-3905D

Los colores utilizados son aproximados a los reales y varían dependiendo de la
configuración de cada equipo de cómputo. Te sugerimos visitar una tienda Berel
para apreciar el color real.

Colores Complementarios

Son aquellos que se encuentran opuestos en el círculo cromático. Se caracterizan
por proporcionar una paleta audaz y atrevida.

4-0102P

2-1305D

3-3905D

Los colores utilizados son aproximados a los reales y varían dependiendo de la
configuración de cada equipo de cómputo. Te sugerimos visitar una tienda Berel
para apreciar el color real.

Colores Complementarios

Son aquellos que se encuentran opuestos en el círculo cromático. Se caracterizan
por proporcionar una paleta audaz y atrevida.

PRODUCTOS RECOMENDADOS

A continuacón se recomiendan los productos ideales para este tipo de proyecto
Berelex Green Anti-Viral. Pintura sin olor que no daña la capa de ozono,
especialmente formulada para interiores, para pintar áreas ocupadas y con poca o
nula ventilación.
Berelex Green Anti-Viral. Pintura sin olor que no daña la capa de ozono,
especialmente formulada para interiores, para pintar áreas ocupadas y con poca o
nula ventilación.

IDEAS PARA PINTAR

Déjanos ayudarte con nuestras recomendaciones de como pintar.
Colores Frescos. Los colores de fríos son todos aquellos que en el círculo
cromático se ubican entre el azul y el verde, pasando también por los grises.
Colores Frescos. Los colores de fríos son todos aquellos que en el círculo
cromático se ubican entre el azul y el verde, pasando también por los grises.
¿DÓNDE LO COMPRO?

COMPARTIR EN:
Facebook Pinterest Twitter

GRACIAS

POR COMPARTIR

Cerrar

Proximamente
Descubre nuestros nuevos productos
PINTURA A DOMICILIO
Te llevamos el color a domicilio. Haz clic para conocer las tiendas que ofrecen
este servicio.
Previous Next

Preguntas Frecuentes

A continuación te presentamos las preguntas más frecuentes, si no encuentras lo
que buscas, no dudes en buscarnos en el chat o en la forma de contacto.

¿Quieres trabajar con nosotros?

Envianos tus datos y nos comunicamos a la brevedad.

NOMBRE*
FECHA DE NACIMIENTO*

DIRECCIÓN*
TELÉFONO*
TELÉFONO CELULAR (opcional)
CORREO ELECTRÓNICO*
ÁREAS DE INTERÉS*

Producción

Ventas

Administración

Mercadotecnia

Lógistica

Compras

Ingeniería

Otros
GRADO ACADÉMICO*
Último grado de estudios..
* Último grado de estudios..
* Primaria
* Secundaria
* Preparatoria
* Universidad
* Posgrado

Último grado de estudios.. Primaria Secundaria Preparatoria Universidad Posgrado
Situación académica
* Situación académica
* Titulado
* Estudiante
* Trunco

Situación académica Titulado Estudiante Trunco
CURRICULUM VITAE*
Adjuntar
El archivo deberá estar en formato .PDF o .DOCX y pesar menos de 2MB
SUELDO REQUERIDO*
$
MENSAJE*
ENVIAR

¿Quieres ser distribuidor?

Por favor llena la siguiente forma para que podamos enviarte toda la información
necesaria.

NOMBRE*

TELÉFONO*

ESTADO*
Estado...
* Estado...
* Aguascalientes
* Baja California
* Baja California Sur
* Campeche
* Chiapas
* Chihuahua
* Coahuila
* Colima
* Durango
* Guanajuato
* Guerrero
* Hidalgo
* Jalisco
* México
* Michoacán
* Morelos
* Nayarit
* Nuevo León
* Oaxaca
* Puebla
* Querétaro
* Quintana Roo
* San Luis Potosí
* Sinaloa
* Sonora
* Tabasco
* Tamaulipas
* Tlaxcala
* Veracruz
* Yucatán
* Zacatecas
* Distrito Federal

Estado...AguascalientesBaja CaliforniaBaja California
SurCampecheChiapasChihuahuaCoahuilaColimaDurangoGuanajuatoGuerreroHidalgoJaliscoMéxicoMichoacánMorelosNayaritNuevo
LeónOaxacaPueblaQuerétaroQuintana RooSan Luis
PotosíSinaloaSonoraTabascoTamaulipasTlaxcalaVeracruzYucatánZacatecasDistrito
Federal
CORREO ELECTRÓNICO*

PROFESIÓN

CIUDAD*

TIENES NEGOCIO PROPIO?
GIRO DEL NEGOCIO

AÑOS CON EL NEGOCIO

MENSAJE

ENVIAR

¡Dinos Hola!

Tu opinión es muy importante para nosotros. Puedes comunicarte marcando a:

Línea de Atención Técnica 800 834 23 00
Línea Corporativa 83 99 21 60

O si lo prefieres envíanos tus comentarios, dudas y sugerencias.

NOMBRE*

CORREO ELECTRÓNICO*

TELÉFONO

MENSAJE*

Recibe nuestro newsletter donde encontrarás tips de decoración, tips para pintar
y noticias relevantes acerca de nuestros productos.
ENVIAR
* COLORES
* ¿QUIÉNES SOMOS?
* IDEAS DE DECORACIÓN
* PREGUNTAS FRECUENTES
* PRODUCTOS
* ¿QUIERES SER DISTRIBUIDOR?
* UBICA TU TIENDA
* CONTACTO
* TIPS PARA PINTAR
* BOLSA DE TRABAJO
* PINTURA A DOMICILIO
* INFORMACIÓN LEGAL

¿Necesitas ayuda? Pregúntanos...
✓
Thanks for sharing!
AddToAny
More…

berel.com Open in urlscan Pro 35.164.110.131 Public Scan

Form analysis 4 forms found in the DOM

/busqueda

Name: fileinfo — POST

POST /

POST /

Text Content

berel.com Open in urlscan Pro
35.164.110.131 Public Scan

Form analysis
4 forms found in the DOM