@charset "utf-8";

.social {position:fixed; /*hacer la posicion fija en pantalla para que siempre se muestre */
		left:0; /*Establecemos la barra en la izquierda */
		top:200px; /*bajamos la barra 200px de arriba a abajo */
		z-index:999; /*usamos la propiedad z-index para que no se superponga ningun otro elemento */
}

	.social ul {
		list-style:none;
	}
	
	.social ul li a {
		display: inline-block;
		color:#FCFCFC;
		background: #0C0C0C;
		padding: 15px 15px;
		text-decoration:none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /*estableciendo transision a todas lass propiedades*/
		opacity:1.0;
	}
	
	.social ul li .fa-facebook {background:#1d8ece;} /*establecemos los colores de cada red social*/
	.social ul li .fa-youtube {background:#ff0000;}
	.social ul li .fa-twitter {background: #13c5ff;}
	.social ul li .fa-googleplus {background:#d95232;}
	.social ul li .fa-instagram {background:#F53C1A;}
	.social ul li .fa-pinterest {background:#ae181f;}
	.social ul li .fa-mail-forward {background:#666666;}
	
	.social ul li a:hover {
		background-color:#56AED4; /*cambiamos el fondo cuando el usuario pase el mouse*/
		padding:15px 30px; /*hacemos mas grande el espacio cuando el usuario pase el mouse*/
		/*background:transparent;
		opacity:1;	*/	
	}