diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 7fa1567..6394967 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -5,17 +5,19 @@ import { InicioComponent } from './components/inicio/inicio.component';
 import { BusquedaProductosComponent } from './components/busqueda-productos/busqueda-productos.component';
 import { ConfirmacionCarritoComponent } from './components/confirmacion-carrito/confirmacion-carrito.component';
 import { MasterComponent } from './components/master/master.component';
+import { AmbImagenesComponent } from './components/amb-imagenes/amb-imagenes.component';
 
 const routes: Routes = [
   { path: '', component: HomeComponent },
   { path: 'home', component: HomeComponent },
+  { path: 'abm-imagenes', component: AmbImagenesComponent },
   {
     path: '',
     component: MasterComponent,
     children: [
       { path: 'inicio', component: InicioComponent },
       { path: 'busqueda-productos', component: BusquedaProductosComponent },
-      { path: 'confirmacion-carrito', component: ConfirmacionCarritoComponent },
+      { path: 'confirmacion-carrito', component: ConfirmacionCarritoComponent }
     ]
   },
   { path: '**', redirectTo: '/home', pathMatch: 'full' },
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index c24db42..1fadc63 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -19,6 +19,7 @@ import { BusquedaProductosComponent } from './components/busqueda-productos/busq
 import { ConfirmacionCarritoComponent } from './components/confirmacion-carrito/confirmacion-carrito.component';
 import { MasterComponent } from './components/master/master.component';
 import { PopoverComponent } from './components/popover/popover.component';
+import { AmbImagenesComponent } from './components/amb-imagenes/amb-imagenes.component';
 //#endregion
 
 @NgModule({
@@ -32,7 +33,8 @@ import { PopoverComponent } from './components/popover/popover.component';
     BusquedaProductosComponent,
     ConfirmacionCarritoComponent,
     MasterComponent,
-    PopoverComponent
+    PopoverComponent,
+    AmbImagenesComponent
   ],
   imports: [
     BrowserModule,
diff --git a/src/app/components/amb-imagenes/amb-imagenes.component.html b/src/app/components/amb-imagenes/amb-imagenes.component.html
new file mode 100644
index 0000000..b3c956a
--- /dev/null
+++ b/src/app/components/amb-imagenes/amb-imagenes.component.html
@@ -0,0 +1,36 @@
+<app-header></app-header>
+
+<h1>Configuración imágenes</h1>
+<br>
+<span class="fa fa-search form-control-lg form-control-search pl-3"></span>
+<input
+  type="text"
+  class="form-control form-control-lg shadow-sm rounded-pill px-5"
+  placeholder="Búsqueda productos"
+  [(ngModel)]="searchTerm"
+  (ngModelChange)="filterItems()">
+
+<div class="row px-5">
+  <h5>Productos</h5>
+  <table class="table">
+    <thead>
+      <tr>
+        <th>Nombre</th>
+        <th>Descripción</th>
+        <th>Imagen</th>
+        <th></th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr *ngFor="let articulo of auxProductos">
+        <td>{{articulo.DetArt}}</td>
+        <td>{{articulo.DET_LAR}}</td>
+        <td>
+          <img *ngIf="articulo.imagenes.length" src="{{apiUrl}}/imagenes/{{articulo.imagenes[0].imagen}}">
+          <img id="{{articulo.CodSec + articulo.CodArt}}" *ngIf="!articulo.imagenes.length">
+        </td>
+        <td><input type="file" accept="image/*" (change)="onFileSelected($event, articulo)"></td>
+      </tr>
+    </tbody>
+  </table>
+</div>
diff --git a/src/app/components/amb-imagenes/amb-imagenes.component.scss b/src/app/components/amb-imagenes/amb-imagenes.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/amb-imagenes/amb-imagenes.component.spec.ts b/src/app/components/amb-imagenes/amb-imagenes.component.spec.ts
new file mode 100644
index 0000000..8b67411
--- /dev/null
+++ b/src/app/components/amb-imagenes/amb-imagenes.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AmbImagenesComponent } from './amb-imagenes.component';
+
+describe('AmbImagenesComponent', () => {
+  let component: AmbImagenesComponent;
+  let fixture: ComponentFixture<AmbImagenesComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AmbImagenesComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AmbImagenesComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/amb-imagenes/amb-imagenes.component.ts b/src/app/components/amb-imagenes/amb-imagenes.component.ts
new file mode 100644
index 0000000..32b5646
--- /dev/null
+++ b/src/app/components/amb-imagenes/amb-imagenes.component.ts
@@ -0,0 +1,79 @@
+import { Component, OnInit } from '@angular/core';
+import { appSettings } from 'src/etc/AppSettings';
+import { ProductoService } from 'src/app/services/producto.service';
+import { Producto } from 'src/app/wrappers/producto';
+import { HttpClient } from '@angular/common/http';
+
+@Component({
+  selector: 'app-amb-imagenes',
+  templateUrl: './amb-imagenes.component.html',
+  styleUrls: ['./amb-imagenes.component.scss']
+})
+
+export class AmbImagenesComponent implements OnInit {
+
+  apiUrl = appSettings.apiUrl;
+  articulos: Producto[] = [];
+  private auxProductos: Producto[] = [];
+  private searchTerm: string = '';
+
+  constructor(private productoService: ProductoService, private http: HttpClient) {}
+
+  ngOnInit() {
+
+    this.productoService.getAll().subscribe((productos: Producto[]) => {
+      this.articulos = productos;
+      this.filterItems();
+    });
+  }
+
+  onFileSelected(event, articulo) {
+
+    let file: File = event.target.files[0];
+
+    this.onLoad(file)
+      .then(result => {
+
+        document.getElementById(articulo.CodSec + articulo.CodArt)['src'] = result;
+
+        this.saveInBase({
+          name: file.name,
+          base64: result,
+          codigo: articulo.CodArt,
+          sector: articulo.CodSec
+        });
+      });
+  }
+
+  filterItems() {
+
+    this.auxProductos = this.articulos.filter(x => {
+      return x.DetArt.toLowerCase().includes(this.searchTerm.toLowerCase())
+    });
+  }
+
+
+  saveInBase(img) {
+
+    this.http.post(`${appSettings.apiUrl}/imagenes/guardar`, img)
+      .subscribe(data => {
+        console.log(data);
+      });
+  }
+
+  onLoad(file) {
+
+    return new Promise((resolve, reject) => {
+
+      var fr = new FileReader();
+
+      fr.onload = function() {
+
+        resolve(fr.result);
+      };
+
+      fr.readAsDataURL(file);
+    });
+
+  }
+}
diff --git a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
index f40f92b..23b64f0 100644
--- a/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
+++ b/src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
@@ -21,7 +21,7 @@
         <div class="row pr-3 vh-50 overflow-scroll">
           <div class="col-4 p-2" *ngFor="let producto of productos">
             <div class="card card-effect bg-white rounded-sm shadow border-0">
-              <img src="{{apiUrl}}/imagenes/{{producto.nombreImagen}}" class="card-img-top w-75 m-auto">
+              <img src="{{apiUrl}}/imagenes/{{producto.imagenes[0].imagen}}" class="card-img-top w-75 m-auto">
               <div class="card-body">
                 <p class="h5 text-left m-0">{{producto.variable}}</p>
                 <div class="text-left">
diff --git a/src/app/components/sidebar/sidebar.component.html b/src/app/components/sidebar/sidebar.component.html
index aec8de2..1db3bbc 100644
--- a/src/app/components/sidebar/sidebar.component.html
+++ b/src/app/components/sidebar/sidebar.component.html
@@ -8,7 +8,7 @@
   <div class="overflow-auto overflow-scroll mb-2 w-100">
     <!-- PRODUCTOS CARRITO -->
     <div class="fade-left my-2 bg-white border-0 rounded-sm" *ngFor="let producto of productosCarrito; let i = index">
-      <img class="m-auto pt-2" src="{{apiUrl}}/imagenes/{{producto.nombreImagen}}">
+      <img class="m-auto pt-2" src="{{apiUrl}}/imagenes/{{producto.imagenes[0].imagen}}">
       <div class="row m-0 p-0 px-1 py-1 shadow rounded-sm">
         <div class="col-12 p-0 pt-2 text-left my-auto">
           <p class="m-0 h6"><small>{{producto.DetArt}}</small></p>
diff --git a/src/app/services/producto.service.ts b/src/app/services/producto.service.ts
index e5e1901..c500ba4 100644
--- a/src/app/services/producto.service.ts
+++ b/src/app/services/producto.service.ts
@@ -25,9 +25,13 @@ export class ProductoService {
   }
 
   getPromocion(sector, codigo): Observable<any> {
-    
+
     var url = `${appSettings.apiUrl}/promociones/incluir-articulo/${sector}/${codigo}`;
     return this.http.get(url);
   }
 
+  updateImages(body): Observable<any> {
+    return this.http.post(`${appSettings.apiUrl}/imagenes/guardar`, body);
+  }
+
 }
diff --git a/src/styles.scss b/src/styles.scss
index 5d646f1..eae76e6 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -5,7 +5,6 @@
 html,
 body {
   background-color: #f0f0f0;
-  overflow: hidden;
 }
 
 .blur {