diff --git a/index.html b/index.html
index c143137..d7ddf5d 100644
--- a/index.html
+++ b/index.html
@@ -117,10 +117,9 @@
             <foca-teclado
                 ng-show="usarTeclado && mostrarTeclado"
                 alfanumeric="true"
-                numeric="true"
-                >
+                numeric="true">
             </foca-teclado>
         </div>
     </body>
-    
+
 </html>
diff --git a/src/sass/_contenedor.scss b/src/sass/_contenedor.scss
index dd70755..d4875fe 100644
--- a/src/sass/_contenedor.scss
+++ b/src/sass/_contenedor.scss
@@ -1,5 +1,6 @@
 body {
     background: linear-gradient(0deg, hsl(0, 0%, 70%),hsl(0, 0%, 90%));
+    height: 100vh;
 }
 
 .contenedor {
diff --git a/src/sass/_login.scss b/src/sass/_login.scss
index 002ab59..017a45b 100644
--- a/src/sass/_login.scss
+++ b/src/sass/_login.scss
@@ -1,56 +1,32 @@
-.login {
-    background-color: #bdbdbd;
-    border: 1px solid #000000;
-    border-radius: 3px;
-    height: calc(193px + 1em);
-    left: calc(50% - 130px);
-    opacity: 0.7;
-    position: absolute;
-    text-align: center;
-    top: 190px;
-    width: 260px;
-    &-titulo {
-        border-bottom: 1px solid #ffffff;
-        padding: 5px 0;
-    }
-    &-campo {
-        label {
-            display: block;
-            font-size: 12px;
-            margin: 5px 0 0;
-        }
-        input {
-            -moz-border-radius: 10px;
-            -khtml-border-radius: 10px;
-            -webkit-border-radius: 10px;
-            -webkit-appearance: none;
-            padding-right: 5%;
-            padding-left: 5%;
-            border-radius: 10px;
-            outline: 0;
-            border-color: transparent;
-            &:focus {
-                border-color: #ff9900;
-            }
-        }
+.bg-gradient-login {
+    background: linear-gradient(0, #ffffff, #e6e6e6);
+}
+
+.login-small-text {
+    font-size: 12px;
+}
+
+@media (min-width: 768px) {
+    .img-login {
+        width: 211px;
     }
-    
-    &-button {
-        width: 80%;        
-        background-color: #cd9035;
-        color: white;
-        &:hover{
-            background-color: #a7743d;
-            color: white
-        }
-        &:focus{
-            color: white;
-        }
+}
+
+@media (max-width: 768px) {
+    .img-login {
+        width: 158px;
     }
+}
 
-    &-alerta-error {
-        width: 260px;
-        left: calc(50% - 130px);
-        top: calc(383px + 1.5em);
+.input-icon {
+    width: 100%;
+    pointer-events: none;
+    float: right;
+    position: absolute;
+    align-self: center;
+    z-index: 10;
+    div {
+        pointer-events: all;
+        float: right;
     }
 }