diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index fa5713f..9cdf3a8 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -2,8 +2,11 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="6b925d8f-3741-4302-aa30-691568703891" name="Default Changelist" comment="">
+      <change afterPath="$PROJECT_DIR$/componentes/socialmedia.php" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/componentes/header.php" beforeDir="false" afterPath="$PROJECT_DIR$/componentes/header.php" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/css/estilo.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/estilo.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/index.php" beforeDir="false" afterPath="$PROJECT_DIR$/index.php" afterDir="false" />
     </list>
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
     <option name="SHOW_DIALOG" value="false" />
@@ -12,31 +15,57 @@
     <option name="LAST_RESOLUTION" value="IGNORE" />
   </component>
   <component name="FileEditorManager">
-    <leaf>
+    <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/componentes/header.php">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="528">
-              <caret line="52" column="52" selection-start-line="52" selection-start-column="52" selection-end-line="52" selection-end-column="52" />
+            <state relative-caret-position="169">
+              <caret line="53" column="120" selection-start-line="53" selection-start-column="120" selection-end-line="53" selection-end-column="120" />
               <folding>
-                <element signature="n#style#0;n#div#0;n#header#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-                <element signature="n#style#0;n#div#0;n#div#0;n#header#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-                <element signature="n#style#0;n#img#0;n#div#1;n#div#0;n#div#0;n#header#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-                <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#0;n#header#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-                <element signature="n#style#0;n#img#1;n#div#1;n#div#0;n#div#0;n#header#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-                <element signature="n#style#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
                 <element signature="n#style#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-                <element signature="n#style#0;n#div#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#a#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#ul#0;n#li#4;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#a#0;n#li#0;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#a#0;n#li#1;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#a#0;n#li#2;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#a#0;n#li#3;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#a#0;n#li#4;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#a#0;n#li#5;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#a#0;n#li#6;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#a#0;n#li#7;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#a#0;n#li#8;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#a#0;n#li#9;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#a#0;n#li#1;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#a#0;n#li#2;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
               </folding>
             </state>
           </provider>
         </entry>
       </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/componentes/socialmedia.php">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="88">
+              <caret line="4" column="26" selection-start-line="4" selection-start-column="26" selection-end-line="4" selection-end-column="26" />
+            </state>
+          </provider>
+        </entry>
+      </file>
       <file pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/css/estilo.css">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="616">
-              <caret line="52" column="33" selection-start-line="52" selection-start-column="33" selection-end-line="52" selection-end-column="33" />
+            <state relative-caret-position="631">
+              <caret line="157" column="29" selection-start-line="157" selection-start-column="29" selection-end-line="157" selection-end-column="29" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/index.php">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="66">
+              <caret line="3" column="40" selection-start-line="3" selection-start-column="40" selection-end-line="3" selection-end-column="40" />
             </state>
           </provider>
         </entry>
@@ -65,27 +94,29 @@
         <option value="$PROJECT_DIR$/head-foot/footer.php" />
         <option value="$PROJECT_DIR$/head-foot/header.php" />
         <option value="$PROJECT_DIR$/componentes/carrousel.php" />
-        <option value="$PROJECT_DIR$/index.php" />
         <option value="$PROJECT_DIR$/slick/slick.js" />
         <option value="$PROJECT_DIR$/js/carrusel/carrusel.js" />
         <option value="$PROJECT_DIR$/componentes/footer.php" />
         <option value="$PROJECT_DIR$/componentes/carrusel.php" />
         <option value="$PROJECT_DIR$/componentes/header.php" />
+        <option value="$PROJECT_DIR$/index.php" />
+        <option value="$PROJECT_DIR$/componentes/socialmedia.php" />
         <option value="$PROJECT_DIR$/css/estilo.css" />
       </list>
     </option>
   </component>
   <component name="ProjectFrameBounds" extendedState="6">
-    <option name="x" value="1358" />
-    <option name="y" value="-8" />
+    <option name="x" value="1704" />
+    <option name="y" value="-21" />
     <option name="width" value="1295" />
-    <option name="height" value="752" />
+    <option name="height" value="557" />
   </component>
   <component name="ProjectView">
     <navigator proportions="" version="1">
       <foldersAlwaysOnTop value="true" />
     </navigator>
     <panes>
+      <pane id="Scope" />
       <pane id="ProjectPane">
         <subPane>
           <expand>
@@ -93,21 +124,10 @@
               <item name="portal_editorial" type="b2602c69:ProjectViewProjectNode" />
               <item name="portal_editorial" type="462c0819:PsiDirectoryNode" />
             </path>
-            <path>
-              <item name="portal_editorial" type="b2602c69:ProjectViewProjectNode" />
-              <item name="portal_editorial" type="462c0819:PsiDirectoryNode" />
-              <item name="componentes" type="462c0819:PsiDirectoryNode" />
-            </path>
-            <path>
-              <item name="portal_editorial" type="b2602c69:ProjectViewProjectNode" />
-              <item name="portal_editorial" type="462c0819:PsiDirectoryNode" />
-              <item name="css" type="462c0819:PsiDirectoryNode" />
-            </path>
           </expand>
           <select />
         </subPane>
       </pane>
-      <pane id="Scope" />
     </panes>
   </component>
   <component name="PropertiesComponent">
@@ -143,19 +163,19 @@
       <option name="number" value="Default" />
       <option name="presentableId" value="Default" />
       <updated>1549577189409</updated>
-      <workItem from="1549577191487" duration="15586000" />
+      <workItem from="1549577191487" duration="16665000" />
+      <workItem from="1549649255326" duration="7327000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="15586000" />
+    <option name="totallyTimeSpent" value="23992000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="1358" y="-8" width="1296" height="1010" extended-state="6" />
-    <editor active="true" />
     <layout>
       <window_info id="Favorites" order="0" side_tool="true" />
-      <window_info active="true" content_ui="combo" id="Project" order="1" visible="true" weight="0.16100323" />
+      <window_info active="true" content_ui="combo" id="Project" order="1" visible="true" weight="0.15210356" />
       <window_info id="Structure" order="2" side_tool="true" weight="0.25" />
       <window_info anchor="bottom" id="Terminal" order="0" />
       <window_info anchor="bottom" id="Database Changes" order="1" />
@@ -184,23 +204,9 @@
         <state relative-caret-position="-1672" />
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/index.html">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="44">
-          <caret line="2" column="2" lean-forward="true" selection-start-line="2" selection-start-column="2" selection-end-line="2" selection-end-column="2" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/slick/slick.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="22">
-          <caret line="1" lean-forward="true" selection-start-line="1" selection-end-line="1" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/slick/slick.min.js">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
+    <entry file="file://$PROJECT_DIR$/index.html" />
+    <entry file="file://$PROJECT_DIR$/slick/slick.js" />
+    <entry file="file://$PROJECT_DIR$/slick/slick.min.js" />
     <entry file="file://$PROJECT_DIR$/js/carrusel/carrusel.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="242">
@@ -227,32 +233,47 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/index.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="88">
-          <caret line="4" lean-forward="true" selection-start-line="4" selection-end-line="4" />
+        <state relative-caret-position="66">
+          <caret line="3" column="40" selection-start-line="3" selection-start-column="40" selection-end-line="3" selection-end-column="40" />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/componentes/header.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="528">
-          <caret line="52" column="52" selection-start-line="52" selection-start-column="52" selection-end-line="52" selection-end-column="52" />
+        <state relative-caret-position="169">
+          <caret line="53" column="120" selection-start-line="53" selection-start-column="120" selection-end-line="53" selection-end-column="120" />
           <folding>
-            <element signature="n#style#0;n#div#0;n#header#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="n#style#0;n#div#0;n#div#0;n#header#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="n#style#0;n#img#0;n#div#1;n#div#0;n#div#0;n#header#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#0;n#header#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="n#style#0;n#img#1;n#div#1;n#div#0;n#div#0;n#header#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="n#style#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
             <element signature="n#style#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="n#style#0;n#div#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#a#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#ul#0;n#li#4;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#a#0;n#li#0;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#a#0;n#li#1;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#a#0;n#li#2;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#a#0;n#li#3;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#a#0;n#li#4;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#a#0;n#li#5;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#a#0;n#li#6;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#a#0;n#li#7;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#a#0;n#li#8;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#a#0;n#li#9;n#ul#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#a#0;n#li#1;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#a#0;n#li#2;n#ul#0;n#li#1;n#ul#0;n#div#0;n#div#0;n#nav#0;n#body#0;n#html#0;n#!!top" expanded="true" />
           </folding>
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/componentes/socialmedia.php">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="88">
+          <caret line="4" column="26" selection-start-line="4" selection-start-column="26" selection-end-line="4" selection-end-column="26" />
+        </state>
+      </provider>
+    </entry>
     <entry file="file://$PROJECT_DIR$/css/estilo.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="616">
-          <caret line="52" column="33" selection-start-line="52" selection-start-column="33" selection-end-line="52" selection-end-column="33" />
+        <state relative-caret-position="631">
+          <caret line="157" column="29" selection-start-line="157" selection-start-column="29" selection-end-line="157" selection-end-column="29" />
         </state>
       </provider>
     </entry>
diff --git a/componentes/header.php b/componentes/header.php
index 3379b77..7626640 100644
--- a/componentes/header.php
+++ b/componentes/header.php
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <link rel="stylesheet" href="css/estilo.css">
     <link rel="stylesheet" href="bootstrap/bootstrap.min.css">
-    <link rel="shortcut icon" type="image/png" href="img/escudo-unam.ico">
+    <link rel="shortcut icon" type="image/png" href="img/header/escudo-unam.ico">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
 </head>
 
@@ -49,11 +49,26 @@
                     <a class="nav-link-white dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
                         Producción Editorial
                     </a>
-                    <div class="dropdown-menu" style="background-color: #bb8800">
-                        <a class="dropdown-item it"  href="#">Link 1</a>
-                        <a class="dropdown-item it" href="#">Link 2</a>
-                        <a class="dropdown-item it" href="#">Link 3</a>
-                    </div>
+                    <ul class="dropdown-menu multi-level" style="background-color: #bb8800;">
+                        <li class="dropdown-submenu ti" >
+                            <a href="#" class="dropdown-toggle it" data-toggle="dropdown" style="text-decoration: none;">Libros</a>
+                            <ul class="dropdown-menu" style="background-color: #bb8800;">
+                                <li class="ti"><a href="#" class="it" style="text-decoration: none;">Ciencias Jurídicas</a></li>
+                                <li class="ti"><a href="#" class="it" style="text-decoration: none;">Ciencias Socioeconómicas</a></li>
+                                <li class="ti"><a href="#" class="it" style="text-decoration: none;">Diseño y Edificación</a></li>
+                                <li class="ti"><a href="#" class="it" style="text-decoration: none;"Diulgación Científica</a></li>
+                                <li class="ti"><a href="#" class="it" style="text-decoration: none;">Enseñanza de Idiomas</a></li>
+                                <li class="ti"><a href="#" class="it" style="text-decoration: none;">Estudios de Posgrado</a></li>
+                                <li class="ti"><a href="#" class="it" style="text-decoration: none;">Humanidades</a></li>
+                                <li class="ti"><a href="#" class="it" style="text-decoration: none;">Investigación Aplicada y Multidiciplinaria</a></li>
+                                <li class="ti"><a href="#" class="it" style="text-decoration: none;">Matemáticas e Ingeniería</a></li>
+                                <li class="ti"><a href="#" class="it" style="text-decoration: none;">Universidad Abierta y Educación a Dsitancia</a></li>
+
+                            </ul>
+                        </li>
+                        <li class="ti"><a href="#" class="it" style="text-decoration: none;">Libros electronicos</a></li>
+                        <li class="ti"><a href="#" class="it" style="text-decoration: none;">Materiales Gratuitos</a></li>
+                    </ul>
                 </li>
             </ul>
         </div>
diff --git a/componentes/novedades.php b/componentes/novedades.php
new file mode 100644
index 0000000..9e34933
--- /dev/null
+++ b/componentes/novedades.php
@@ -0,0 +1,7 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: Gabriel Fuentes
+ * Date: 08/02/2019
+ * Time: 03:44 PM
+ */
\ No newline at end of file
diff --git a/componentes/socialmedia.php b/componentes/socialmedia.php
new file mode 100644
index 0000000..ea53a12
--- /dev/null
+++ b/componentes/socialmedia.php
@@ -0,0 +1,24 @@
+<div class="container mt-5 mb-5 cont-social">
+    <div class="row py-2">
+        <div class="col-sm-12 py-sm-2 col-md-6 col-lg-3">
+            <a href="#">
+                <img src="img/redes_sociales/facebook.jpg" class="ancho-img-social" alt="">
+            </a>
+        </div>
+        <div class="col-sm-12 py-sm-2 col-md-6 col-lg-3">
+            <a href="#">
+                <img src="img/redes_sociales/youtube.jpg" class="ancho-img-social" alt="">
+            </a>
+        </div>
+        <div class="col-sm-12 py-sm-2 col-md-6 col-lg-3">
+            <a href="#">
+                <img src="img/redes_sociales/instagram.jpg" class="ancho-img-social" alt="">
+            </a>
+        </div>
+        <div class="col-sm-12 py-sm-2 col-md-6 col-lg-3">
+            <a href="#">
+                <img src="img/redes_sociales/twitter.jpg" class="ancho-img-social" alt="">
+            </a>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/css/estilo.css b/css/estilo.css
index 9d51e70..95deea1 100644
--- a/css/estilo.css
+++ b/css/estilo.css
@@ -51,11 +51,22 @@
 
 .it{
     color: #fff;
-    transition: all 500ms ease;
+    transition: all 250ms ease;
 }
 .it:hover{
    color: #bb8800;
 }
+
+.ti{
+    background-color: #bb8800;
+    transition: all 250ms ease;
+}
+.ti:hover{
+    background-color: #fff;
+
+
+}
+
 .navbar-blanco{
     color: #fff;
 }
@@ -75,6 +86,54 @@
 
 
 
+/*Multinivel Dropdown*/
+
+.dropdown-submenu {
+    position: relative;
+}
+
+.dropdown-submenu>.dropdown-menu {
+    top: 0;
+    left: 100%;
+    margin-top: -6px;
+    margin-left: -1px;
+    -webkit-border-radius: 0 6px 6px 6px;
+    -moz-border-radius: 0 6px 6px;
+    border-radius: 0 6px 6px 6px;
+}
+
+.dropdown-submenu:hover>.dropdown-menu {
+    display: block;
+}
+
+.dropdown-submenu>a:after {
+    display: block;
+    content: " ";
+    float: right;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid;
+    border-width: 5px 0 5px 5px;
+    border-left-color: white;
+    margin-top: 5px;
+    margin-right: -10px;
+}
+
+.dropdown-submenu.pull-left {
+    float: none;
+}
+
+.dropdown-submenu.pull-left>.dropdown-menu {
+    left: -100%;
+    margin-left: 10px;
+    -webkit-border-radius: 6px 0 6px 6px;
+    -moz-border-radius: 6px 0 6px 6px;
+    border-radius: 6px 0 6px 6px;
+}
+
+
+
 /*CARRUSEL*/
 .carousel-inner img {
     width: 100%;
@@ -82,5 +141,20 @@
 }
 
 
+/*Redes Sociales*/
 
+/*CONTENEDOR DE LOGOTIPOS*/
+.cont-social{
+    background-color: #3b4142;
+    /* width: 60%; */
+}
+/*ANCHO DE IMAGENES*/
+.ancho-img-social{
+    width: 100%;
+    transition: all 250ms ease;
+}
+
+.ancho-img-social:hover{
+    transform: translate(0,-8px);
+}
 
diff --git a/img/redes_sociales/._facebook.jpg b/img/redes_sociales/._facebook.jpg
new file mode 100644
index 0000000..e8835be
Binary files /dev/null and b/img/redes_sociales/._facebook.jpg differ
diff --git a/img/redes_sociales/._instagram.jpg b/img/redes_sociales/._instagram.jpg
new file mode 100644
index 0000000..4bee171
Binary files /dev/null and b/img/redes_sociales/._instagram.jpg differ
diff --git a/img/redes_sociales/._twitter.jpg b/img/redes_sociales/._twitter.jpg
new file mode 100644
index 0000000..8f0790c
Binary files /dev/null and b/img/redes_sociales/._twitter.jpg differ
diff --git a/img/redes_sociales/._youtube.jpg b/img/redes_sociales/._youtube.jpg
new file mode 100644
index 0000000..7073dc4
Binary files /dev/null and b/img/redes_sociales/._youtube.jpg differ
diff --git a/img/redes_sociales/facebook.jpg b/img/redes_sociales/facebook.jpg
new file mode 100644
index 0000000..d6996e5
Binary files /dev/null and b/img/redes_sociales/facebook.jpg differ
diff --git a/img/redes_sociales/instagram.jpg b/img/redes_sociales/instagram.jpg
new file mode 100644
index 0000000..a94eeb6
Binary files /dev/null and b/img/redes_sociales/instagram.jpg differ
diff --git a/img/redes_sociales/twitter.jpg b/img/redes_sociales/twitter.jpg
new file mode 100644
index 0000000..6d6b41c
Binary files /dev/null and b/img/redes_sociales/twitter.jpg differ
diff --git a/img/redes_sociales/youtube.jpg b/img/redes_sociales/youtube.jpg
new file mode 100644
index 0000000..cd3c93a
Binary files /dev/null and b/img/redes_sociales/youtube.jpg differ
diff --git a/index.php b/index.php
index 573e22b..85d4159 100644
--- a/index.php
+++ b/index.php
@@ -1,4 +1,5 @@
 <?php
 include("componentes/header.php");
 include("componentes/carrusel.php");
+include ("componentes/socialmedia.php");
 include("componentes/footer.php");