diff --git a/_src/scss/general/_header.scss b/_src/scss/general/_header.scss
index 9eef22442f863f60f5a25d1be1ea2d04c797d849..06c312ddc0bc2bd26c85b6536db76a6a70f85565 100644
--- a/_src/scss/general/_header.scss
+++ b/_src/scss/general/_header.scss
@@ -142,7 +142,7 @@
         white-space: normal;
         font-size: 1.125em;
         background-color: #fff;
-        color: #0094d4;
+        color: $primaryColor;
         margin-left: 0px;
     }
     .navbar-nav li ul.dropdown-menu li a:hover {
diff --git a/_src/scss/general/_top.scss b/_src/scss/general/_top.scss
new file mode 100644
index 0000000000000000000000000000000000000000..0ccda7fbd238cb1e5d0bd0708041a123dc91c073
--- /dev/null
+++ b/_src/scss/general/_top.scss
@@ -0,0 +1,48 @@
+.top{
+    position: absolute;
+    top: 8px;
+    z-index: 1031;
+    width: 100%;
+    margin-bottom: 40px;
+    nav > ul > li {
+        float: right !important;
+
+        a{
+            color: $blanco;
+            font-size: 0.75em;
+            &:hover, &:focus{
+                background: transparent;
+                text-decoration: underline;
+            }
+        }
+    }
+
+    nav > ul > li:first-child>a {
+        color: $primaryColor;
+        background-color: transparent;
+        border-color: $primaryColor; 
+        border-width: 2px;
+        border-style: solid;
+        border-image: initial;
+        padding: 5px 8px;
+        border-radius: 20px;
+        margin-top: 2px;
+        transition: all 0.2s ease;
+        &:hover, &:focus{
+            color: $blanco;
+            background-color: $primaryColor;
+            text-decoration: none;
+        }
+        @media (min-width: 768px) {
+            color: $blanco;  
+            background-color: transparent;
+            border-color: $blanco; 
+
+            &:hover, &:focus{
+                color: $primaryColor;
+                background-color: $blanco;
+            }
+            
+        }
+    }
+}
\ No newline at end of file