diff --git a/src/app/comprobantes/comprobantes.component.scss b/src/app/comprobantes/comprobantes.component.scss
new file mode 100644
index 0000000..18fdfee
--- /dev/null
+++ b/src/app/comprobantes/comprobantes.component.scss
@@ -0,0 +1,56 @@
+.panel-informativo {
+  background: #67615e;
+  color: #FFF;
+  min-height: 32px;
+  .form-group {
+      margin-bottom: 5px;
+  }
+  .form-control-xs {
+      height: calc(1.6rem);
+      padding: .25rem .5rem;
+      font-size: .8rem;
+      line-height: 1.3;
+      border-radius: .2rem;
+  }
+  .label {
+      font-size: .8em;
+  }
+  .valor {
+      font-size: .8em;
+  }
+
+  .border{
+      border-width: 4px 2px !important;
+  }
+
+  .nota-pedido {
+      @media (max-width: 576px) {
+          text-align: center;
+      }
+  }
+
+}
+.titulares>div{
+    display: flex;
+    line-height: 30px;
+    h5{
+        line-height: 30px;
+    }
+    button{
+        margin: auto;
+        margin-right: 0;
+    }
+
+    @media(max-width: 992px){
+        border-top: none !important;
+        border-right: none !important;
+        border-left: none !important;
+        border-bottom: 2px solid #FFF !important;
+        &:last-child{
+            border-left: 2px solid #FFF !important;
+        }
+        &:first-child{
+            border-top: 2px solid #FFF !important;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/nombre-empresa/nombre-empresa.component.css b/src/app/nombre-empresa/nombre-empresa.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/nombre-empresa/nombre-empresa.component.html b/src/app/nombre-empresa/nombre-empresa.component.html
new file mode 100644
index 0000000..dbc5800
--- /dev/null
+++ b/src/app/nombre-empresa/nombre-empresa.component.html
@@ -0,0 +1,10 @@
+<div class="container">
+    <div class="row align-items-end">
+        <div class="col-md-6">
+            <h5 class="text-left"><strong>Demo distribuidor</strong></h5>
+        </div>
+        <div class="col-md-6">
+            <h5 class="text-right align-bottom"><small>Paso de los andes 1874</small></h5>
+        </div>
+    </div>
+</div>
diff --git a/src/app/nombre-empresa/nombre-empresa.component.ts b/src/app/nombre-empresa/nombre-empresa.component.ts
new file mode 100644
index 0000000..03884ec
--- /dev/null
+++ b/src/app/nombre-empresa/nombre-empresa.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-nombre-empresa',
+  templateUrl: './nombre-empresa.component.html',
+  styleUrls: ['./nombre-empresa.component.css']
+})
+export class NombreEmpresaComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}