diff --git a/src/js/controller.js b/src/js/controller.js
index 800ed9f..366cba0 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -208,7 +208,7 @@ angular.module('focaCrearHojaRuta').controller('hojaRutaCtrl',
                 }
             };
 
-            $scope.quitarArticulo = function (key ,articulo) {
+            $scope.quitarArticulo = function (key) {
                 $scope.articulos.splice(key, 1);
             };
 
@@ -271,7 +271,7 @@ angular.module('focaCrearHojaRuta').controller('hojaRutaCtrl',
                 return true;
 
             }
-            
+
             function getImporte(propiedad) {
                 var importe = 0;
                 
@@ -301,7 +301,8 @@ angular.module('focaCrearHojaRuta').controller('hojaRutaCtrl',
                             cuitCliente: $scope.hojaRuta.cliente.CUIT,
                             idVendedor: $cookies.get('vendedorCobrador'),
                             idProveedor: $scope.hojaRuta.proveedor.COD,
-                            idDomicilio: $scope.hojaRuta.idDomicilio || $scope.hojaRuta.domicilio.id,
+                            idDomicilio: $scope.hojaRuta.idDomicilio ||
+                                $scope.hojaRuta.domicilio.id,
                             idCotizacion: $scope.hojaRuta.cotizacion.ID,
                             domicilioStamp: $scope.hojaRuta.domicilioStamp,
                             observaciones: $scope.hojaRuta.observaciones,
@@ -361,7 +362,8 @@ angular.module('focaCrearHojaRuta').controller('hojaRutaCtrl',
                             guardarHojaRuta(data.data.id);
     
                         }, function (error) {
-                            focaModalService.alert(error.data || 'Hubo un error al crear el remito');
+                            focaModalService.alert(
+                                error.data || 'Hubo un error al crear el remito');
                             focaBotoneraLateralService.endGuardar();
                             $scope.saveLoading = false;
                             console.info(error);
@@ -379,14 +381,17 @@ angular.module('focaCrearHojaRuta').controller('hojaRutaCtrl',
                                 idChofer: $scope.hojaRuta.chofer.id,
                                 idVehiculo: $scope.hojaRuta.vehiculo.id,
                                 proveedor: $scope.hojaRuta.proveedor.id,
-                                fechaReparto:
-                                new Date($scope.hojaRuta.fechaReparto).toISOString().substring(0, 10),
+                                fechaReparto: new Date($scope.hojaRuta.fechaReparto)
+                                    .toISOString()
+                                    .substring(0, 10),
                                 estado: 0,
                                 abierta: 1
                             },
                             remitos: [{id: idRemito}]
-                        }
-                        save2.hojaRuta = angular.extend({}, save2.hojaRuta, $scope.hojaRuta.datosExtra);
+                        };
+
+                        save2.hojaRuta = angular
+                            .extend({}, save2.hojaRuta, $scope.hojaRuta.datosExtra);
                         focaCrearHojaRutaService.crearHojaRuta(save2).then(
                             function (data) {
                                 var remitoNumero;
@@ -405,7 +410,10 @@ angular.module('focaCrearHojaRuta').controller('hojaRutaCtrl',
                                     config();
                                 },
                                 function (error) {
-                                    focaModalService.alert('Hubo un error al crear la hoja de ruta');
+
+                                    focaModalService
+                                    .alert('Hubo un error al crear la hoja de ruta');
+
                                     console.info(error);
                                 }
                                 );
diff --git a/src/js/controllerDetalles.js b/src/js/controllerDetalles.js
index 19e69b5..bbbeb66 100644
--- a/src/js/controllerDetalles.js
+++ b/src/js/controllerDetalles.js
@@ -1,9 +1,9 @@
 angular.module('focaCrearHojaRuta')
     .controller('focaModalDetalleController', [
         '$scope', '$timeout', '$uibModalInstance', 'focaModalService',
-        'focaCrearHojaRutaService', 'hojasRutas', '$uibModal', '$filter',
+        'focaCrearHojaRutaService', 'hojasRutas',
         function ($scope, $timeout, $uibModalInstance, focaModalService,
-            focaCrearHojaRutaService, hojasRutas, $uibModal, $filter) {
+            focaCrearHojaRutaService, hojasRutas) {
 
             $scope.mostrar = false;
             $scope.articulos = [];
@@ -151,9 +151,10 @@ angular.module('focaCrearHojaRuta')
             };
 
             function validarArticulos () {
-                var cisternasFilter  = $scope.hojasRutas.vehiculo.cisternas.filter(function (cisterna) {
-                    return parseInt(cisterna.disponible) > 0 || cisterna.articuloSeleccionado;
-                });
+                var cisternasFilter  = $scope.hojasRutas.vehiculo.cisternas
+                    .filter(function (cisterna) {
+                        return parseInt(cisterna.disponible) > 0 || cisterna.articuloSeleccionado;
+                    });
                 
                 var cisternasIncompletas = cisternasFilter.filter(function(cisterna) {
                     return (cisterna.articuloSeleccionado && !cisterna.disponible) ||
diff --git a/src/views/hoja-ruta.html b/src/views/hoja-ruta.html
index a61417e..505c595 100644
--- a/src/views/hoja-ruta.html
+++ b/src/views/hoja-ruta.html
@@ -24,9 +24,8 @@
                 </div>
                 <div class="row">
                     <div class="col">
-                    <!-- PC -->
                         <div class="row grilla-articulo align-items-end d-none d-sm-flex">
-                            <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom">
+                            <table ng-show="remitoAbierto" class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom">
                                 <thead>
                                     <tr class="d-flex">
                                         <th class="">#</th>
@@ -193,6 +192,79 @@
                                     </tr>
                                 </tfoot>
                             </table>
+                            <table ng-hide="remitoAbierto" class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom">
+                                <thead>
+                                    <tr class="d-flex">
+                                        <th class="col-auto">#</th>
+                                        <th class="col-2">Remito</th>
+                                        <th class="col">Cliente</th>
+                                        <th class="col">Dirección</th>
+                                        <th class="col-auto"></th>
+                                        <th class="col-auto">
+                                            <button
+                                                class="btn btn-outline-light selectable"
+                                                ng-click="show = !show; masMenos()"
+                                            >
+                                                <i
+                                                    class="fa fa-chevron-down"
+                                                    ng-show="show"
+                                                    aria-hidden="true"
+                                                >
+                                                </i>
+                                                <i
+                                                    class="fa fa-chevron-up"
+                                                    ng-hide="show"
+                                                    aria-hidden="true">
+                                                </i>
+                                            </button>
+                                        </th>
+                                    </tr>
+                                </thead>
+                                <tbody class="tabla-articulo-body">
+                                    <tr
+                                        ng-repeat="(key, remito) in hojaRuta.remitosTabla"
+                                        class="d-flex"
+                                        ng-show="show || key == hojaRuta.remitosTabla.length - 1"
+                                    >
+                                        <td ng-bind="key + 1" class="col-auto"></td>
+                                        <td
+                                            class="col-2" 
+                                        >{{remito.sucursal | rellenarDigitos: 4}}-{{remito.numeroRemito | rellenarDigitos: 8}}</td>
+                                        <th class="col" ng-bind="remito.nombreCliente"></th>
+                                        <th class="col" ng-bind="remito.domicilioStamp"></th>
+                                        <td class="text-center col-auto">
+                                            <button
+                                                class="btn btn-outline-light"
+                                                ng-click="verProductosRemito(remito.id)"
+                                                title="Ver productos"
+                                            >
+                                                <i class="fa fa-eye"></i>
+                                            </button>
+                                        </td>
+                                        <td class="text-center col-auto">
+                                            <button
+                                                class="btn btn-outline-light"
+                                                ng-click="desasociarRemito(key, remito.id)"
+                                                title="Eliminar">
+                                                <i class="fa fa-trash"></i>
+                                            </button>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                                <tfoot>
+                                    <tr class="d-flex">
+                                        <td class="col-auto px-1">
+                                            <strong>Remitos:</strong>
+                                            <a ng-bind="hojaRuta.remitosTabla.length"></a>
+                                        </td>
+                                        <td class="col"></td>
+                                        <td class="col-auto px-1">
+                                            <strong>Cantidad:</strong>
+                                            <a ng-bind="hojaRuta.litros"></a>
+                                        </td>
+                                    </tr>
+                                </tfoot>
+                            </table>
                         </div>
                     </div>
                 </div>