diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 15157f9..8db5f86 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -32,6 +32,7 @@ import { BusquedaComprobanteComponent } from './busqueda-comprobante/busqueda-co
     FormsModule,
     LaddaModule
   ],
+  entryComponents:[BusquedaComprobanteComponent],
   providers: [],
   bootstrap: [AppComponent]
 })
diff --git a/src/app/comprobantes/comprobantes.component.html b/src/app/comprobantes/comprobantes.component.html
index 170abd1..09ce7fe 100644
--- a/src/app/comprobantes/comprobantes.component.html
+++ b/src/app/comprobantes/comprobantes.component.html
@@ -6,8 +6,7 @@
         <button
           class="btn btn-xs btn-outline-light float-right"
           type="button"
-          ng-click="$ctrl.busqueda()"
-          ng-if="$ctrl.busqueda"
+          (click)="busquedaComprobantes()"
           title="Buscar"
         >
         <i class="fa fa-search"></i>
@@ -51,12 +50,12 @@
         <strong>Cuit:&nbsp;</strong>
         <label>{{cabecera.CUI}}</label>
       </div>
-      <div class="col-12 col-sm-3 d-flex">
+      <div class="col-12 col-sm-6 d-flex">
         <strong>Nombre:&nbsp;</strong>
         <label>{{cabecera.NOM}}</label>
       </div>
     </div>
-    <div class="row border">
+    <div class="row border pr-2">
       <div class="col-4">
         <button
         type="button"
@@ -108,7 +107,7 @@
             <th *ngIf="estadoArticulos != 'rechazado'"><button type="button" class="" (click)="articulo.estado = 'rechazado'">
               <i class="fa fa-window-close"></i>
             </button></th>
-            <th>{{articulo.LI0}}</th>
+            <th>{{articulo.TIO}}</th>
             <th *ngIf="!articulo.input" (click)="articulo.input = true">
               {{articulo.recibido ? articulo.recibido + '/' : ''}}{{articulo.CAN}}</th>
               <th *ngIf="articulo.input">
diff --git a/src/app/comprobantes/comprobantes.component.ts b/src/app/comprobantes/comprobantes.component.ts
index 09721e4..d147331 100644
--- a/src/app/comprobantes/comprobantes.component.ts
+++ b/src/app/comprobantes/comprobantes.component.ts
@@ -1,4 +1,6 @@
 import { Component, OnInit} from '@angular/core';
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { BusquedaComprobanteComponent } from '../busqueda-comprobante/busqueda-comprobante.component';
 
 @Component({
   templateUrl: './comprobantes.component.html',
@@ -6,12 +8,9 @@ import { Component, OnInit} from '@angular/core';
 })
 export class ComprobantesComponent implements OnInit {
 
-  constructor() { }
+  constructor(private modalService: NgbModal) { }
 
-  ngOnInit() {
-
-    this.obtenerConsulta();
-  }
+  ngOnInit() { }
 
   filter = '';
   estadoArticulos = 'pendiente';
@@ -21,7 +20,7 @@ export class ComprobantesComponent implements OnInit {
   articulosFiltro = [];
   paginaActiva = 1;
   paginas = [];
-  
+
   fecha = new Date();
 
   paginar() {
@@ -37,7 +36,7 @@ export class ComprobantesComponent implements OnInit {
 
     this.articulosFiltro = this.cuerpo.filter((articulo) => {
       return articulo.estado == this.estadoArticulos &&
-        (articulo.LI0.toLocaleUpperCase().includes(this.filter.toLocaleUpperCase()) ||
+        (articulo.TIO.toLocaleUpperCase().includes(this.filter.toLocaleUpperCase()) ||
         articulo.codigoBarras == this.filter);
     });
 
@@ -56,68 +55,18 @@ export class ComprobantesComponent implements OnInit {
     alert('Guardando');
   }
 
-  obtenerConsulta() {
-
-    setTimeout(() => {
-      this.cabecera = {
-        TIP: 'A',
-        TCO: 'FT',
-        SUC: 623,
-        NCO: 53979,
-        COD: 1,
-        FEC: new Date(),
-        NOM: 'POTIGIAN GOLOCINAS',
-        CUI: '30-54775125-2'
-      };
-
-      this.cuerpo = [
-        {
-          LI0: 'Mantel Combo Bolso CocaCola',
-          CAN: 5,
-          estado: 'pendiente',
-          codigoBarras: '7790667006462'
-        },
-        {
-          LI0: 'Papas',
-          CAN: 5,
-          estado: 'pendiente',
-        },
-        {
-          LI0: 'Peras',
-          CAN: 5,
-          estado: 'pendiente',
-        },
-        {
-          LI0: 'Cafe',
-          CAN: 5,
-          estado: 'pendiente',
-        },
-        {
-          LI0: 'Cafe capuchino',
-          CAN: 5,
-          estado: 'pendiente',
-        },
-        {
-          LI0: 'Menta',
-          CAN: 5,
-          estado: 'pendiente',
-        },
-        {
-          LI0: 'Fernet',
-          CAN: 5,
-          estado: 'pendiente',
-        },
-        {
-          LI0: 'Andes',
-          CAN: 5,
-          estado: 'pendiente',
-        }
-      ];
-  
-      this.articulosFiltro = this.cuerpo;
-
-      this.paginar();
-    }, 500);
+  busquedaComprobantes() {
+    this.modalService.open(BusquedaComprobanteComponent).result.then(comprobante => {
+
+      this.cabecera = comprobante.cabecera;
+      this.cuerpo = comprobante.cuerpo;
+
+      this.cuerpo.forEach(articulo => {
+        articulo['estado'] = 'pendiente';
+      });
+
+      this.getPaginaFiltro();
+    }, (reason) => { });
   }
 
 }