diff --git a/src/js/controller.js b/src/js/controller.js
index 8145ead..7c0f605 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -144,13 +144,23 @@ angular.module('focaCrearNotaPedido') .controller('notaPedidoCtrl',
 
                         focaModalService.alert('Nota pedido creada');
                         $scope.saveLoading = false;
-                        $scope.cabecera = [];
-                        addCabecera('Moneda:', $scope.notaPedido.moneda.DETALLE);
-                        addCabecera(
-                            'Fecha cotizacion:',
-                            $filter('date')($scope.notaPedido.cotizacion.FECHA, 'dd/MM/yyyy')
-                        );
-                        addCabecera('Cotizacion:', $scope.notaPedido.cotizacion.VENDEDOR);
+                        $scope.$broadcast('cleanCabecera');
+                        $scope.$broadcast('addCabecera', {
+                            label: 'Moneda:',
+                            valor: $scope.notaPedido.moneda.DETALLE
+                        });
+                        $scope.$broadcast('addCabecera', {
+                            label: 'Fecha cotizacion:',
+                            valor: $filter('date')($scope.notaPedido.cotizacion.FECHA, 'dd/MM/yyyy')
+                        });
+                        $scope.$broadcast('addCabecera', {
+                            label: 'Moneda:',
+                            valor: $scope.notaPedido.moneda.DETALLE
+                        });
+                        $scope.$broadcast('addCabecera', {
+                            label: 'Cotizacion:',
+                            valor: $scope.notaPedido.cotizacion.VENDEDOR
+                        });
                         crearNotaPedidoService.getNumeroNotaPedido().then(
                             function(res) {
                                 $scope.puntoVenta = rellenar(res.data.sucursal, 4);
@@ -195,8 +205,8 @@ angular.module('focaCrearNotaPedido') .controller('notaPedidoCtrl',
                         $scope.now = new Date(notaPedido.fechaCarga);
                         //añado cabeceras
                         $scope.notaPedido.id = notaPedido.id;
-                        removeCabecera('Bomba:');
-                        removeCabecera('Kilometros:');
+                        $scope.$broadcast('removeCabecera', 'Bomba:');
+                        $scope.$broadcast('removeCabecera', 'Kilometros:');
                         var cabeceras = [
                             {
                                 label: 'Moneda:',
@@ -349,7 +359,10 @@ angular.module('focaCrearNotaPedido') .controller('notaPedidoCtrl',
                     );
                     modalInstance.result.then(
                         function(vendedor) {
-                            addCabecera('Vendedor:', vendedor.NomVen);
+                            $scope.$broadcast('addCabecera',{
+                                label: 'Vendedor:',
+                                valor: vendedor.NomVen
+                            });
                             $scope.notaPedido.vendedor = vendedor;
                         }, function() {
     
@@ -376,7 +389,10 @@ angular.module('focaCrearNotaPedido') .controller('notaPedidoCtrl',
                     modalInstance.result.then(
                         function(proveedor) {
                             $scope.notaPedido.proveedor = proveedor;
-                            addCabecera('Proveedor:', proveedor.NOM);
+                            $scope.$broadcast('addCabecera',{
+                                label: 'Proveedor:',
+                                valor: proveedor.NOM
+                            });
                         }, function() {
     
                         }
@@ -422,12 +438,19 @@ angular.module('focaCrearNotaPedido') .controller('notaPedidoCtrl',
                             CUIT: cliente.cuit,
                             NOM: cliente.nom
                         };
-                        addCabecera('Cliente:', cliente.nom);
                         var domicilioStamp = 
                             domicilio.Calle + ' ' + domicilio.Numero + ', ' + 
                             domicilio.Localidad + ', ' + domicilio.Provincia;
                         $scope.notaPedido.domicilioStamp = domicilioStamp;
-                        addCabecera('Domicilio:', domicilioStamp);
+
+                        $scope.$broadcast('addCabecera',{
+                            label: 'Cliente:',
+                            valor: cliente.nom
+                        });
+                        $scope.$broadcast('addCabecera',{
+                            label: 'Domicilio:',
+                            valor: domicilioStamp
+                        });
                     }, function() {
                         $scope.seleccionarCliente();
                         return;
@@ -483,7 +506,10 @@ angular.module('focaCrearNotaPedido') .controller('notaPedidoCtrl',
                                 cabecera = 'Ingreso manual ' + plazosConcat.trim();
                             }
                             $scope.articulosTabla = [];
-                            addCabecera('Precios y condiciones:', cabecera);
+                            $scope.$broadcast('addCabecera',{
+                                label: 'Precios y condiciones:',
+                                valor: cabecera
+                            });
                         }, function() {
     
                         }
@@ -522,13 +548,22 @@ angular.module('focaCrearNotaPedido') .controller('notaPedidoCtrl',
                             $scope.notaPedido.fob = datos.FOB;
                             $scope.notaPedido.bomba = datos.bomba;
                             $scope.notaPedido.kilometros = datos.kilometros;
-                            addCabecera('Flete:', datos.FOB ? 'FOB' : (datos.flete ? 'Si' : 'No'));
+                            $scope.$broadcast('addCabecera',{
+                                label: 'Flete:',
+                                valor: datos.FOB ? 'FOB' : (datos.flete ? 'Si' : '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.notaPedido.bomba = false;
                                 $scope.notaPedido.kilometros = null;
                             }
@@ -582,16 +617,22 @@ angular.module('focaCrearNotaPedido') .controller('notaPedidoCtrl',
                         $scope.notaPedido.moneda = moneda;
                         $scope.notaPedido.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.VENDEDOR);
+                            $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.VENDEDOR
+                            });
                         }
                     }, function() {
 
@@ -669,23 +710,10 @@ angular.module('focaCrearNotaPedido') .controller('notaPedidoCtrl',
             
             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/nota-pedido.html b/src/views/nota-pedido.html
index 9e57f2e..c9fa781 100644
--- a/src/views/nota-pedido.html
+++ b/src/views/nota-pedido.html
@@ -1,82 +1,11 @@
 <div class="crear-nota-pedido foca-crear row">
-    <form name="formCrearNota" ng-submit="crearNotaPedido()" 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 nota-pedido border border-left-0 border-white align-middle">
-                                <h5 class="mb-0">NOTA DE PEDIDO</h5>
-                            </div>
-                            <div class="col-12 col-sm-3 numero-pedido border border-white align-middle"
-                                >Nº {{puntoVenta}}-{{comprobante}}
-                                <button
-                                    class="btn btn-xs btn-outline-light float-right"
-                                    type="button"
-                                    ng-click="seleccionarNotaPedido()"
-                                >
-                                    <i class="fa fa-search"></i>
-                                </button>
-                            </div>
-                            <div class="col-7 col-sm-3 border border-white align-middle">
-                                Fecha:&#32;
-                                <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:&#32;
-                                <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="'NOTA DE PEDIDO'"
+        numero="puntoVenta + '-' + comprobante"
+        fecha="now"
+        class="mb-0 col-lg-12"
+        busqueda="seleccionarNotaPedido"
+        ></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">