diff --git a/idiomas/assets/css/idiomas.css b/idiomas/assets/css/idiomas.css
index e01c845..099dd66 100644
--- a/idiomas/assets/css/idiomas.css
+++ b/idiomas/assets/css/idiomas.css
@@ -135,8 +135,73 @@
     color: #bb8800;
   }
 
-  #idioma .cta-btn:hover {
+#idioma .cta-btn:hover {
     background: #1e3c70;
     border-color: #1e3c70;
     color: #fff;
-  }
\ No newline at end of file
+  }
+#Contacto{
+    overflow: hidden!important;
+}
+#Contacto p{
+    text-align: justify!important;
+}
+#Contacto h1{
+    text-align: center !important;
+    font-size: 26px !important;
+    margin-bottom: 25px !important;
+}
+#Contacto .nav-tabs{
+    border: 0 !important;
+}
+#Contacto .section-title p {
+    width: 90% !important;
+    margin-bottom: 15px !important;
+}
+#Contacto .normal .nav-link {
+    border: 0 !important;
+    padding: 12px 15px 12px 0 !important;
+    transition: 0.3s !important;
+    color: #433f39 !important;
+    border-radius: 0 !important;
+    border-right: 2px solid #e8e7e4 !important;
+    font-weight: 600 !important;
+    font-size: 15px !important;
+    text-align: left !important;
+}
+#Contacto .nav-link:hover {
+    color: #0583cf !important;
+}
+#Contacto .nav-link.active {
+    color: #1e3c70 !important;
+    border-color: #1e3c70 !important;
+}
+#Contacto .normal .tab-pane.active {
+    -webkit-animation: fadeIn 0.5s ease-out !important;
+    animation: fadeIn 0.5s ease-out !important;
+}
+#Contacto .details h3 {
+    font-size: 26px !important;
+    font-weight: 600 !important;
+    margin-bottom: 20px !important;
+    color: #433f39 !important;
+}
+#Contacto .details p {
+    color: #777777 !important;
+}
+@media (max-width: 992px) {
+    .Contacto .normal .nav-link {
+      border: 0 !important;
+      padding: 15px !important;
+    }
+    .Contacto .normal .nav-link.active {
+      color: #fff !important;
+      background: #048ad6 !important;
+    }
+    .normal {
+      display: flexbox;
+      height: 70px !important;
+      overflow: auto !important;
+    }
+  
+}
\ No newline at end of file
diff --git a/idiomas/index.html b/idiomas/index.html
index 1acea38..90a75d2 100644
--- a/idiomas/index.html
+++ b/idiomas/index.html
@@ -155,11 +155,33 @@
     </div>
   </section>
 
-  <secion id="Contacto" class="d-flex align-items-center justify-content-center">
+  <section id="Contacto" class="d-flex align-items-center justify-content-center">
     <div class="container">
       <div class="row">
         <div class="col-lg-3">
-
+          <ul class="nav nav-tabs flex-column normal">
+            <li class="nav-item">
+              <a class="nav-link show" data-toggle="tab" href="">Nuestros Idiomas</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link show" data-toggle="tab" href="">Cuotas</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link show" data-toggle="tab" href="">Excención y cuota preferencial</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link show" data-toggle="tab" href="">Trámites</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link show" data-toggle="tab" href="">Exámenes de requisito</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link show" data-toggle="tab" href="">Traducciones</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link show" data-toggle="tab" href="">Contacto</a>
+            </li>
+          </ul>
         </div>
         <div class="col-lg-9">
           <div class="border-bottom">
@@ -172,7 +194,7 @@
         </div>
       </div>
     </div>
-  </secion>
+  </section>
   <!-- End Hero -->
 
   <main id="main">