diff --git a/src/js/controller.js b/src/js/controller.js
index 769d3e3..c3d4e78 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -84,8 +84,8 @@ angular.module('focaCrearRemito') .controller('remitoController',
                         function(notaPedido) {
                             //añado cabeceras
                             $scope.notaPedido.id = notaPedido.id;
-                            removeCabecera('Bomba:');
-                            removeCabecera('Kilometros:');
+                            $scope.$broadcast('removeCabecera', 'Bomba:');
+                            $scope.$broadcast('removeCabecera', 'Kilometros:');
                             var cabeceras = [
                                 {
                                     label: 'Moneda:',
@@ -193,9 +193,9 @@ angular.module('focaCrearRemito') .controller('remitoController',
                 modalInstance.result.then(
                     function(remito) {
                         //añado cabeceras
-                        removeCabecera('Moneda:');
-                        removeCabecera('Fecha cotizacion:');
-                        removeCabecera('Cotizacion:');
+                        $scope.$broadcast('removeCabecera', 'Moneda:');
+                        $scope.$broadcast('removeCabecera', 'Fecha cotizacion:');
+                        $scope.$broadcast('removeCabecera', 'Cotizacion:');
                         var cabeceras = [
                             {
                                 label: 'Moneda:',
@@ -372,14 +372,19 @@ angular.module('focaCrearRemito') .controller('remitoController',
                             }
                         }
 
-                        $scope.cabecera = [];
-
-                        addCabecera('Moneda:', $scope.remito.moneda.DETALLE);
-                        addCabecera(
-                            'Fecha cotizacion:',
-                            $filter('date')($scope.remito.cotizacion.FECHA, 'dd/MM/yyyy')
-                        );
-                        addCabecera('Cotizacion:', $scope.remito.cotizacion.COTIZACION);
+                        $scope.$broadcast('cleanCabecera');
+                        $scope.$broadcast('addCabecera',{
+                            label: 'Moneda:',
+                            valor: $scope.remito.moneda.DETALLE
+                        });
+                        $scope.$broadcast('addCabecera',{
+                            label: 'Fecha cotizacion:',
+                            valor: $filter('date')($scope.remito.cotizacion.FECHA, 'dd/MM/yyyy')
+                        });
+                        $scope.$broadcast('addCabecera',{
+                            label: 'Cotizacion:',
+                            valor: $scope.remito.cotizacion.COTIZACION
+                        });
                         $scope.remito.vendedor = {};
                         $scope.remito.cliente = {};
                         $scope.remito.proveedor = {};
@@ -477,7 +482,10 @@ angular.module('focaCrearRemito') .controller('remitoController',
                     );
                     modalInstance.result.then(
                         function(vendedor) {
-                            addCabecera('Vendedor:', vendedor.NomVen);
+                            $scope.$broadcast('addCabecera',{
+                                label: 'Vendedor:',
+                                valor: vendedor.NomVen
+                            });
                             $scope.remito.idVendedor = vendedor.CodVen;
                         }, function() {
     
@@ -504,7 +512,10 @@ angular.module('focaCrearRemito') .controller('remitoController',
                     modalInstance.result.then(
                         function(proveedor) {
                             $scope.remito.idProveedor = proveedor.COD;
-                            addCabecera('Proveedor:', proveedor.NOM);
+                            $scope.$broadcast('addCabecera',{
+                                label: 'Proveedor:',
+                                valor: proveedor.NOM
+                            });
                         }, function() {
     
                         }
@@ -551,12 +562,20 @@ angular.module('focaCrearRemito') .controller('remitoController',
                             NOM: cliente.nom
                         };
 
-                        addCabecera('Cliente:', cliente.nom);
+                        
                         var domicilioStamp = 
                             domicilio.Calle + ' ' + domicilio.Numero + ', ' + 
                             domicilio.Localidad + ', ' + domicilio.Provincia;
                         $scope.remito.domicilioStamp = domicilioStamp;
-                        addCabecera('Domicilio:', domicilioStamp);
+
+                        $scope.$broadcast('addCabecera',{
+                            label: 'Cliente:',
+                            valor: cliente.nom
+                        });
+                        $scope.$broadcast('addCabecera',{
+                            label: 'Domicilio:',
+                            valor: domicilioStamp
+                        });
                     }, function() {
                         $scope.seleccionarCliente();
                         return;
@@ -623,7 +642,10 @@ angular.module('focaCrearRemito') .controller('remitoController',
                                 cabecera = 'Ingreso manual ' + plazosConcat.trim();
                             }
                             $scope.articulosTabla = [];
-                            addCabecera('Precios y condiciones:', cabecera);
+                            $scope.$broadcast('addCabecera',{
+                                label: 'Precios y condiciones:',
+                                valor: cabecera
+                            });
                         }, function() {
     
                         }
@@ -661,14 +683,22 @@ angular.module('focaCrearRemito') .controller('remitoController',
                             $scope.remito.bomba = datos.bomba;
                             $scope.remito.kilometros = datos.kilometros;
     
-                            addCabecera('Flete:', datos.flete ? 'Si' : 
-                                ($scope.remito.fob ? 'FOB' : 'No'));
+                            $scope.$broadcast('addCabecera',{
+                                label: 'Flete:',
+                                valor: datos.flete ? 'Si' : ($scope.remito.fob ? 'FOB' : 'No')
+                            });
                             if(datos.flete) {
-                                addCabecera('Bomba:', datos.bomba ? 'Si' : 'No');
-                                addCabecera('Kilometros:', datos.kilometros);
+                                $scope.$broadcast('addCabecera',{
+                                    label: 'Bomba:',
+                                    valor: datos.bomba ? 'Si' : 'No'
+                                });
+                                $scope.$broadcast('addCabecera',{
+                                    label: 'Kilometros:',
+                                    valor: datos.kilometros
+                                });
                             }else {
-                                removeCabecera('Bomba:');
-                                removeCabecera('Kilometros:');
+                                $scope.$broadcast('removeCabecera', 'Bomba:');
+                                $scope.$broadcast('removeCabecera', 'Kilometros:');
                                 $scope.remito.fob = false;
                                 $scope.remito.bomba = false;
                                 $scope.remito.kilometros = null;
@@ -723,16 +753,22 @@ angular.module('focaCrearRemito') .controller('remitoController',
                         $scope.remito.moneda = moneda;
                         $scope.remito.cotizacion = cotizacion;
                         if(moneda.DETALLE === 'PESOS ARGENTINOS') {
-                            removeCabecera('Moneda:');
-                            removeCabecera('Fecha cotizacion:');
-                            removeCabecera('Cotizacion:');
+                            $scope.$broadcast('removeCabecera', 'Moneda:');
+                            $scope.$broadcast('removeCabecera', 'Fecha cotizacion:');
+                            $scope.$broadcast('removeCabecera', 'Cotizacion:');
                         }else {
-                            addCabecera('Moneda:', moneda.DETALLE);
-                            addCabecera(
-                                'Fecha cotizacion:',
-                                $filter('date')(cotizacion.FECHA, 'dd/MM/yyyy')
-                            );
-                            addCabecera('Cotizacion:', cotizacion.COTIZACION);
+                            $scope.$broadcast('addCabecera',{
+                                label: 'Moneda:',
+                                valor: moneda.DETALLE
+                            });
+                            $scope.$broadcast('addCabecera',{
+                                label: 'Fecha cotizacion:',
+                                valor: $filter('date')(cotizacion.FECHA, 'dd/MM/yyyy')
+                            });
+                            $scope.$broadcast('addCabecera',{
+                                label: 'Cotizacion:',
+                                valor: cotizacion.COTIZACION
+                            });
                         }
                     }, function() {
 
@@ -826,23 +862,10 @@ angular.module('focaCrearRemito') .controller('remitoController',
             };
             function addArrayCabecera(array) {
                 for(var i = 0; i < array.length; i++) {
-                    addCabecera(array[i].label, array[i].valor);
-                }
-            }
-
-            function addCabecera(label, valor) {
-                var propiedad = $filter('filter')($scope.cabecera, {label: label}, true);
-                if(propiedad.length === 1) {
-                    propiedad[0].valor = valor;
-                }else {
-                    $scope.cabecera.push({label: label, valor: valor});
-                }
-            }
-
-            function removeCabecera(label) {
-                var propiedad = $filter('filter')($scope.cabecera, {label: label}, true);
-                if(propiedad.length === 1) {
-                    $scope.cabecera.splice($scope.cabecera.indexOf(propiedad[0]), 1);
+                    $scope.$broadcast('addCabecera',{
+                        label: array[i].label,
+                        valor: array[i].valor
+                    });
                 }
             }
 
diff --git a/src/views/remito.html b/src/views/remito.html
index ab4ceaa..df62b1d 100644
--- a/src/views/remito.html
+++ b/src/views/remito.html
@@ -1,83 +1,11 @@
 <div class="crear-nota-remito foca-crear row">
-    <form name="formCrearNota" ng-submit="crearRemito()" class="mb-0 col-lg-12">
-        <div class="row">
-            <div class="col-md-10 col-lg-12">
-                <div class="row panel-informativo">
-                    <div class="col-12">
-                        <div class="row titulares">
-                            <div class="col-12 col-sm-3 border border-white border-left-0 align-middle nota-remito">
-                                <h5 class="mb-0">REMITO</h5>
-                            </div>
-                            <div class="col-12 col-sm-3 border border-white align-middle numero-remito"
-                                >
-                                Nº {{puntoVenta}}-{{comprobante}}
-                                <button
-                                    class="btn btn-xs btn-outline-light float-right"
-                                    type="button"
-                                    ng-click="seleccionarRemito()"
-                                >
-                                    <i class="fa fa-search"></i>
-                                </button>
-                            </div>
-                            <div class="col-7 col-sm-3 border border-white align-middle">
-                                Fecha:
-                                <span
-                                    ng-show="!datepickerAbierto"
-                                    ng-bind="now | date:'dd/MM/yyyy'"
-                                    ng-click="datepickerAbierto = true"
-                                >
-                                </span>
-                                <input
-                                    ng-show="datepickerAbierto"
-                                    type="date"
-                                    ng-model="now"
-                                    ng-change="datepickerAbierto = false"
-                                    ng-blur="datepickerAbierto = false"
-                                    class="form-control form-control-sm col-8 float-right"
-                                    foca-focus="datepickerAbierto"
-                                    hasta-hoy
-                                />
-                            </div>
-                            <div class="col-5 col-sm-3 border border-white border-right-0 align-middle">
-                                    Hora:
-                                    <span
-                                        ng-show="!datepickerAbierto"
-                                        ng-bind="now | date:'HH:mm'"
-                                        ng-click="datepickerAbierto = true"
-                                    >
-                                    </span>
-                                </div>
-                        </div>
-                        <div class="row py-2">
-                            <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera">
-                                <span class="label" ng-bind="cab.label"></span>
-                                <span class="valor" ng-bind="cab.valor" ng-if="!isNumber(cab.valor)"></span>
-                                <span class="valor" ng-bind="cab.valor | number:2" ng-if="isNumber(cab.valor)"></span>
-                            </div>
-                            <a 
-                                class="btn col-12 btn-secondary d-sm-none" 
-                                ng-show="cabecera.length > 0"
-                                ng-click="showCabecera = !showCabecera"
-                            >
-                                <i
-                                    class="fa fa-chevron-down"
-                                    ng-hide="showCabecera"
-                                    aria-hidden="true"
-                                >
-                                </i>
-                                <i
-                                    class="fa fa-chevron-up"
-                                    ng-show="showCabecera"
-                                    aria-hidden="true">
-                                </i>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-                
-            </div>
-        </div>
-    </form>
+        <foca-cabecera-facturador 
+        titulo="'REMITO'"
+        numero="puntoVenta + '-' + comprobante"
+        fecha="now"
+        class="mb-0 col-lg-12"
+        busqueda="seleccionarRemito"
+        ></foca-cabecera-facturador>
     <div class="col-lg-12">
         <div class="row mt-4">
             <div class="col-12 col-md-10 col-lg-10 border border-light rounded">