diff --git a/css/styles.css b/css/styles.css
index d2a1dde..bb0ac8d 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -116,5 +116,20 @@ body{
 }
 
 
-/* DIVIDER */
+/* EN PAGINA MENU */
 
+#menu .nav-pills .nav-link{
+    background-color: white;
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+    color:darkseagreen;
+    box-shadow: 0 0.2rem 2rem rgba(0, 0, 0, 0.1);
+}
+
+#menu .nav-pills .nav-link.active{
+    background-color: darkseagreen;
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+    color:white;
+    box-shadow: 0 0.2rem 2rem rgba(0, 0, 0, 0.2);
+}
diff --git a/pages/carta.html b/pages/carta.html
index f909104..85f0524 100644
--- a/pages/carta.html
+++ b/pages/carta.html
@@ -59,7 +59,7 @@
 
   <!--     --------------- CARTA --------------- -->
 
-  <section>
+  <section id="menu">
     <div class="divider"></div>
     <div class="container">
       <div class="row">
@@ -75,7 +75,7 @@ <h1>Menú</h1>
     <!--         -------------------- SELECTOR DE TIPO DE COMIDA -------------------- -->
 
     <div class="container">
-      <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
+      <ul class="nav nav-pills mb-3 justify-content-center" id="pills-tab" role="tablist">
         <li class="nav-item" role="presentation">
           <button class="nav-link active" id="pills-pizzas-tab" data-bs-toggle="pill" data-bs-target="#pills-pizzas"
             type="button" role="tab" aria-controls="pills-pizzas" aria-selected="true">Pizzas</button>