<div id="nuevocliente" class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 class="modal-title">Registrar Cliente</h4>
      </div>
      <form name="nuevo_clie" id="nuevo_clie" method="post">
      <div class="modal-body ">
          <div id="resultados_cliente"></div>  
              <input type="hidden"  name="clie_tipo_doc" id="clie_tipo_doc" class="form-control" autocomplete="off"  value="cedula"  required>
              <label>Documento</label>
            <div class="input-group">
              <input type="text"  name="clie_cc" id="clie_cc" class="form-control" autocomplete="off"  value=""  required>
              <span class="input-group-addon">
                <div id="Info"></div>
              </span>            
            </div> <!-- /.form-group -->
            <div class="">
              <label>Nombre </label>
              <input type="text"  name="clie_nombre" id="clie_nombre" class="form-control input-sm" autocomplete="off"  value="" autofocus="autofocus">
            </div> <!-- /.form-group -->
            <div >
              <label>Dirección</label>
              <input type="text"  name="clie_direccion" id="clie_direccion" class="form-control input-sm" autocomplete="off"  value="" autofocus="autofocus">
            </div> <!-- /.form-group -->
            <div >
              <label>Correo</label>
              <input type="text"  name="clie_correo" id="clie_correo" class="form-control input-sm" autocomplete="off"  value="" autofocus="autofocus">
            </div> <!-- /.form-group -->
            <div >
              <label>Telefono</label>
              <input type="text"  name="clie_telefono" id="clie_telefono" class="form-control input-sm" autocomplete="off"  value="" autofocus="autofocus">
            </div> <!-- /.form-group -->
           
            <input type="hidden"  name="clie_barrio" id="clie_barrio" class="form-control input-sm" autocomplete="off"  value="" autofocus="autofocus">
          
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
          <button type="submit" id="btn_cliente" value="btn_cliente" name="btn_cliente" class="btn btn-success"><i class="icon-ok"></i> Registrar</button>
        </div>
      </div>
     
      </form>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div>


<script type="text/javascript">
$(document).ready(function() {  
  $('#clie_cc').blur(function(){
    $('#Info').html('<img src="img/loader.gif" alt="" height="20px"  />').fadeOut(1000);
    var clie_cc = $(this).val();    
    var dataString = 'clie_cc='+clie_cc;
    
    $.ajax({
            type: "POST",
            url: "verificar/verificar_cliente.php",
            data: dataString,
            success: function(data) {
        $('#Info').fadeIn(1000).html(data);
        //alert(data);
            }
        });
    });              
});    
</script>