.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: 0; /* Establecemos la barra en la izquierda */
	top: 85%; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}

	.social ul {
		list-style: none;
	}

	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 20px 40px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}

	.social ul li .icon-facebook {background-image: url("../images/r.jpg"); background-repeat: no-repeat;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-twitter {background-image: url("../images/i.jpg"); background-repeat: no-repeat;}
	.social ul li .icon-googleplus {background: #d95232;}
	.social ul li .icon-pinterest {background: #ae181f;}
	.social ul li .icon-mail {background: #666666;}

	.social ul li:first-child a:hover {
		background-image: url("../images/inscripcion.jpg"); background-repeat: no-repeat; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 20px 80px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}

	.social ul li:last-child a:hover {
		background-image: url("../images/red.jpg"); background-repeat: no-repeat; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 20px 80px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}


	/* Menu Desplegable */

	.navbar li:hover > ul { 
	  display: block; 
	} 

	.navbar a + ul { 
	  display: none; 
	} 

	.navbar li:hover > a { 
	  text-decoration:none;
	  background-color:white;
	} 

	.navbar a + ul > li {
	  display: block; 
	  min-width:140px; 
	}