comenzando novedades

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);
+}