diff --git a/index.html b/index.html
index 68f6398..7a2442e 100644
--- a/index.html
+++ b/index.html
@@ -83,7 +83,7 @@
         </style>
         <foca-nombre-empresa></foca-nombre-empresa>
         <div ng-view class="container contenedor"></div>
-        <div ng-controller="appWrapperDemoController" class="container d-none d-md-block">
+        <div ng-controller="appWrapperDemoController" class="teclado-container container d-none d-md-block ">
             <div
                 class="btn-group-toggle"
                 data-toggle="buttons"
diff --git a/src/sass/_botonera-lateral.scss b/src/sass/_botonera-lateral.scss
index 502e530..5a71173 100644
--- a/src/sass/_botonera-lateral.scss
+++ b/src/sass/_botonera-lateral.scss
@@ -2,4 +2,8 @@
     >.row {
         height: 420px;
     }
+
+    @media (min-width: 768px){
+        display: grid !important;
+    }
 }
diff --git a/src/sass/_botonera-secundaria.scss b/src/sass/_botonera-secundaria.scss
index 3a69e6a..4c03438 100644
--- a/src/sass/_botonera-secundaria.scss
+++ b/src/sass/_botonera-secundaria.scss
@@ -1,13 +1,28 @@
 .botonera-secundaria {
-    background-color: rgba(0, 0, 0, 0.8);
     .row {
         border-radius: 5px;
         overflow: hidden;
     }
     .btn {
-        border-radius: 0;
+        display: grid;
+        border-width: 3px !important;
+        border-radius: .7rem !important;
         margin-right: 1px;
         width: calc(100% - 1px);
         margin-bottom: 1px;
+
+        &:hover{
+            background-color: #d8b07d;
+            border-color: #e09125 !important;
+        }
+        img{
+            width: 50%;
+            margin: auto
+        }
+        span{
+            font-size: 11px;
+            margin-left: -.25rem;
+            margin-right: -.25rem;
+        }
     }
 }
diff --git a/src/sass/_contenedor.scss b/src/sass/_contenedor.scss
index ec07f25..4fa8fd5 100644
--- a/src/sass/_contenedor.scss
+++ b/src/sass/_contenedor.scss
@@ -17,8 +17,7 @@ body {
 }
 
 .grilla-articulo {
-    background-color: rgba(0, 0, 0, 0.8);
     @media (min-width: 768px) {
-        height: 430px;
+        height: 300px;
     }
 }
diff --git a/src/sass/_crear-nota-pedido.scss b/src/sass/_crear-nota-pedido.scss
index 050bd6a..442a905 100644
--- a/src/sass/_crear-nota-pedido.scss
+++ b/src/sass/_crear-nota-pedido.scss
@@ -1,7 +1,21 @@
 .crear-nota-pedido {
+    background-color: #ccc;
+    
+    padding-bottom: 2rem;
     &-fecha {
         input[type="date"]::-webkit-clear-button {
             display: none;
         }
     }
+
+    .titulares>div{
+        display: flex;
+        line-height: 30px;
+        h5{
+            line-height: 30px;
+        }
+        button{
+            margin: auto;
+        }
+    }
 }
diff --git a/src/sass/_panel-informativo.scss b/src/sass/_panel-informativo.scss
index aa2e963..744de95 100644
--- a/src/sass/_panel-informativo.scss
+++ b/src/sass/_panel-informativo.scss
@@ -1,5 +1,6 @@
 .panel-informativo {
-    background: linear-gradient(#ccc, #eee);
+    background: #67615e;
+    color: #FFF;
     min-height: 32px;
     .form-group {
         margin-bottom: 5px;
@@ -18,15 +19,14 @@
         font-size: .8em;
     }
 
+    .border{
+        border-width: 4px 2px !important;
+    }
+
     .nota-pedido {
         @media (max-width: 576px) {
             text-align: center;
         }
     }
 
-    .numero-pedido {
-        @media (min-width: 576px) {
-            text-align: center;
-        }
-    }
 }
diff --git a/src/sass/_tabla-articulos.scss b/src/sass/_tabla-articulos.scss
index d958a08..9c03d14 100644
--- a/src/sass/_tabla-articulos.scss
+++ b/src/sass/_tabla-articulos.scss
@@ -1,5 +1,7 @@
 .tabla-articulo {
     max-height: 420px;
+    background-color: #67615e;
+    color: #FFF;
     
     tr {
         display: inline-table;
@@ -12,4 +14,7 @@
         display: block;
     }
 
+    thead > tr > th {
+        line-height: 30px
+    }
 }
diff --git a/src/sass/_tabla.scss b/src/sass/_tabla.scss
index 2343e6f..b61b9d7 100644
--- a/src/sass/_tabla.scss
+++ b/src/sass/_tabla.scss
@@ -6,4 +6,9 @@
         color: #000000;
         background-color: #FF9900;
     }
-}
+
+    thead th{
+        font-size: 13px;
+    }
+    
+}
\ No newline at end of file
diff --git a/src/sass/_teclado.scss b/src/sass/_teclado.scss
index e160972..6b40056 100644
--- a/src/sass/_teclado.scss
+++ b/src/sass/_teclado.scss
@@ -65,11 +65,19 @@
         height: 50px;
     }
 }
+.teclado-container > div{
+    position: relative;
+}
 .teclado-activar {
     background-color: #17d236;
 }
 .boton-activar-teclado {
-    margin-top: -10%;
+    top: -500px;
     position: absolute;
     z-index: 100000;
+    right: 1.5rem;
+
+    @media(min-width: 1200px){
+        right: 2.5rem !important;
+    }
 }
diff --git a/src/sass/general.scss b/src/sass/general.scss
index 6ae7753..ec14142 100644
--- a/src/sass/general.scss
+++ b/src/sass/general.scss
@@ -24,3 +24,9 @@ input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;
 }
+
+.d-md-grid{
+    @media (min-width: 768px) {
+        display: grid !important;
+    }
+}
\ No newline at end of file