diff --git a/src/app/acciones/acciones.component.ts b/src/app/acciones/acciones.component.ts
index b113605..1ba2aad 100644
--- a/src/app/acciones/acciones.component.ts
+++ b/src/app/acciones/acciones.component.ts
@@ -2,7 +2,8 @@ import { Component, OnInit, Output, EventEmitter } from '@angular/core';
 @Component({
   selector: 'app-acciones',
   templateUrl: './acciones.component.html',
-  styleUrls: ['./acciones.component.scss']
+  styleUrls: ['./acciones.component.scss'],
+  inputs: ['saveLoading']
 })
 export class AccionesComponent implements OnInit {
 
@@ -16,10 +17,6 @@ export class AccionesComponent implements OnInit {
 
   callSave() {
     //llamo función guardar pasada en el componente
-    this.saveLoading = true;
-
-    setTimeout(() => {
-      this.saveLoading = false;
-    }, 10000);
+    this.guardar.emit();
   }
 }
diff --git a/src/app/busqueda-comprobante/busqueda-comprobantes.service.ts b/src/app/busqueda-comprobante/busqueda-comprobantes.service.ts
index 6a32041..d66215b 100644
--- a/src/app/busqueda-comprobante/busqueda-comprobantes.service.ts
+++ b/src/app/busqueda-comprobante/busqueda-comprobantes.service.ts
@@ -1,12 +1,11 @@
 import { Injectable } from '@angular/core';
-import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
 import { AppSetings } from '../../etc/AppSetings';
 
 @Injectable()
 export class BusquedaComprobantesService {
 
-  constructor(private http: HttpClient) {
-  }
+  constructor(private http: HttpClient) { }
 
   getComprobantes() {
     return this.http.get(AppSetings.END_POINT + '/comprobantes/' + localStorage.getItem('gln'));
diff --git a/src/app/comprobantes/comprobantes.component.html b/src/app/comprobantes/comprobantes.component.html
index 09ce7fe..716d8fc 100644
--- a/src/app/comprobantes/comprobantes.component.html
+++ b/src/app/comprobantes/comprobantes.component.html
@@ -162,5 +162,5 @@
       </table>
     </div>
   </form>
-  <app-acciones (guardar)="guardarComprobante()"></app-acciones>
+  <app-acciones (guardar)="guardarComprobante()" [(saveLoading)]="saveLoading"></app-acciones>
 </div>
diff --git a/src/app/comprobantes/comprobantes.component.ts b/src/app/comprobantes/comprobantes.component.ts
index d147331..85cb5f5 100644
--- a/src/app/comprobantes/comprobantes.component.ts
+++ b/src/app/comprobantes/comprobantes.component.ts
@@ -1,14 +1,16 @@
 import { Component, OnInit} from '@angular/core';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { BusquedaComprobanteComponent } from '../busqueda-comprobante/busqueda-comprobante.component';
+import { ComprobanteService } from './comprobantes.service';
 
 @Component({
   templateUrl: './comprobantes.component.html',
-  styleUrls: ['./comprobantes.component.scss']
+  styleUrls: ['./comprobantes.component.scss'],
+  providers:[ ComprobanteService ]
 })
 export class ComprobantesComponent implements OnInit {
 
-  constructor(private modalService: NgbModal) { }
+  constructor(private modalService: NgbModal, public comprobanteService: ComprobanteService) { }
 
   ngOnInit() { }
 
@@ -20,6 +22,7 @@ export class ComprobantesComponent implements OnInit {
   articulosFiltro = [];
   paginaActiva = 1;
   paginas = [];
+  saveLoading = false;
 
   fecha = new Date();
 
@@ -52,7 +55,16 @@ export class ComprobantesComponent implements OnInit {
   }
 
   guardarComprobante(event: any) {
-    alert('Guardando');
+
+    if (this.getCantidadArticulosByEstado('pendiente')) {
+      alert('No deben quedar articulos pendientes');
+    }
+
+    this.comprobanteService
+      .saveComprobantes({cabecera: this.cabecera, cuerpo: this.cuerpo})
+      .subscribe(data => {
+        console.log(data);
+      });
   }
 
   busquedaComprobantes() {
diff --git a/src/app/comprobantes/comprobantes.service.ts b/src/app/comprobantes/comprobantes.service.ts
new file mode 100644
index 0000000..2e3f7a4
--- /dev/null
+++ b/src/app/comprobantes/comprobantes.service.ts
@@ -0,0 +1,13 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { AppSetings } from '../../etc/AppSetings';
+
+@Injectable()
+export class ComprobanteService {
+
+  constructor(private http: HttpClient) {}
+
+  saveComprobantes(comprobante: object) {
+    return this.http.post(AppSetings.END_POINT + '/comprobante', comprobante);
+  }
+}
diff --git a/src/app/login/login.service.ts b/src/app/login/login.service.ts
index afd86ee..720e6fa 100644
--- a/src/app/login/login.service.ts
+++ b/src/app/login/login.service.ts
@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
 import { AppSetings } from '../../etc/AppSetings';
 
 @Injectable()