diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.html b/src/app/components/busqueda-productos/busqueda-productos.component.html
index 4fa7241..194fe80 100644
--- a/src/app/components/busqueda-productos/busqueda-productos.component.html
+++ b/src/app/components/busqueda-productos/busqueda-productos.component.html
@@ -20,49 +20,14 @@
         </div>
         <ul class="list-group">
           <li
-            [ngClass]="{active: categoria == 1}"
-            (click)="categoria = 1"
+            *ngFor="let categoria of categorias"
+            [ngClass]="{active: categoriaActive == categoria.id}"
+            (click)="categoriaActive = categoria.id; filterItems()"
             class="list-group-item list-group-item-action text-center my-1 p-2 h6">
-            Combos y Promociones
-          </li>
-          <li
-            [ngClass]="{active: categoria == 2}"
-            (click)="categoria = 2"
-            class="list-group-item list-group-item-action text-center my-1 p-2 h6 shadow-sm">
-            Todos
-          </li>
-          <li
-            [ngClass]="{active: categoria == 3}"
-            (click)="categoria = 3"
-            class="list-group-item list-group-item-action text-center my-1 p-2 h6 shadow-sm">
-            Bebidas
-          </li>
-          <li
-            [ngClass]="{active: categoria == 4}"
-            (click)="categoria = 4"
-            class="list-group-item list-group-item-action text-center my-1 p-2 h6 shadow-sm">
-            Sandwichería
-          </li>
-          <li
-            [ngClass]="{active: categoria == 5}"
-            (click)="categoria = 5"
-            class="list-group-item list-group-item-action text-center my-1 p-2 h6 shadow-sm">
-            Panaderia
-          </li>
-          <li
-            [ngClass]="{active: categoria == 6}"
-            (click)="categoria = 6"
-            class="list-group-item list-group-item-action text-center my-1 p-2 h6 shadow-sm">
-            Golosinas
-          </li>
-          <li
-            [ngClass]="{active: categoria == 7}"
-            (click)="categoria = 7"
-            class="list-group-item list-group-item-action text-center my-1 p-2 h6 shadow-sm">
-            Tabaqueria
+            {{categoria.detalle}}
           </li>
         </ul>
-      </div>      
+      </div>
 
       <!-- SEARCH INPUT -->
       <div *ngIf="productos.length > 0" class="fade-in col-sm-10">
diff --git a/src/app/components/busqueda-productos/busqueda-productos.component.ts b/src/app/components/busqueda-productos/busqueda-productos.component.ts
index a8b0ce7..17c669f 100644
--- a/src/app/components/busqueda-productos/busqueda-productos.component.ts
+++ b/src/app/components/busqueda-productos/busqueda-productos.component.ts
@@ -14,17 +14,24 @@ export class BusquedaProductosComponent implements OnInit {
   private productos: Producto[] = [];
   private auxProductos: Producto[] = [];
   private searchTerm: string = '';
+  private categoriaActive: number = null;
   private showSpinner: boolean = true;
-  private categoria: Categorias = Categorias.todos;
   private apiUrl: string = appSettings.apiUrl;
   private showBtnCargarProducto: boolean = false;
+  private categorias: Categoria[] = [];
 
   constructor(
     private productoService: ProductoService,
     private router: Router) { }
 
   ngOnInit() {
-    
+
+    this.productoService.getCategorias()
+      .subscribe((categorias: Categoria[]) => {
+        this.categorias = categorias;
+        this.categoriaActive = categorias[0].id;
+      });
+
     this.productoService.productoAcargar = undefined;
     this.productoService.getAll()
       .subscribe((data: Producto[]) => {
@@ -39,7 +46,8 @@ export class BusquedaProductosComponent implements OnInit {
   filterItems() {
 
     this.auxProductos = this.productos.filter(x => {
-      return x.DetArt.toLowerCase().includes(this.searchTerm.toLowerCase())
+      return x.DetArt.toLowerCase().includes(this.searchTerm.toLowerCase()) &&
+        x.categoria_selfservice == this.categoriaActive;
     });
   }
 
@@ -66,12 +74,10 @@ export class BusquedaProductosComponent implements OnInit {
   }
 }
 
-enum Categorias {
-  promosCombos = 1,
-  todos = 2,
-  bebidas = 3,
-  sandwicheria = 4,
-  panaderia = 5,
-  golosinas = 6,
-  tabaqueria = 7,
+interface Categoria {
+  id: number,
+  detalle: string,
+  es_promocion: boolean,
+  vigencia_desde: Date,
+  vigencia_hasta: Date
 }
diff --git a/src/app/components/pago/pago.component.html b/src/app/components/pago/pago.component.html
index 91c4f56..2b22e06 100644
--- a/src/app/components/pago/pago.component.html
+++ b/src/app/components/pago/pago.component.html
@@ -11,7 +11,7 @@
 
     <div class="row m-3 d-flex align-items-center">
       <div class="col-4">
-        <h1>Mi Compra <i class="fa fa-shopping-cart "></i></h1>
+        <h1>Mi Compra <i class="fa fa-shopping-cart"></i></h1>
       </div>
       <div class="col-8">
         <h2>Seleccione medio de pago</h2>
diff --git a/src/app/services/producto.service.ts b/src/app/services/producto.service.ts
index e33c339..fbe4384 100644
--- a/src/app/services/producto.service.ts
+++ b/src/app/services/producto.service.ts
@@ -25,14 +25,14 @@ export class ProductoService {
   }
 
   getPromocion(sector, codigo): Observable<any> {
-    
+
     var url = `${appSettings.apiUrl}/promociones/incluir-articulo/${sector}/${codigo}`;
     // var url = `${appSettings.apiUrl}/promociones/incluir-articulo/${2}/${1306}`;
     return this.http.get(url);
   }
 
   getPromocionSinonimos(sector, codigo): Observable<any> {
-    
+
     var url = `${appSettings.apiUrl}/promociones/incluir-articulo/${sector}/${codigo}`;
     // var url = `${appSettings.apiUrl}/sinonimos/promo/${2}/${7}`;
     return this.http.get(url);
@@ -42,4 +42,8 @@ export class ProductoService {
     return this.http.post(`${appSettings.apiUrl}/imagenes/guardar`, body);
   }
 
+  getCategorias() {
+    return this.http.get(`${appSettings.apiUrl}/categorias`);
+  }
+
 }
diff --git a/src/app/wrappers/producto.ts b/src/app/wrappers/producto.ts
index 7bddfae..581935a 100644
--- a/src/app/wrappers/producto.ts
+++ b/src/app/wrappers/producto.ts
@@ -87,7 +87,7 @@ export interface Producto {
   IMP_IMP_INT: boolean;
   id: number;
   nombreImagen?: any;
-
+  categoria_selfservice: number;
   cantidad?: number;
   showCargarProducto?: boolean;
 }