*{	margin: 0;
	padding: 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* Esto bloquea la barra en un lateral de forma fija*/
.social{
	position: fixed;
	left: 0;
	top: 200px;
	z-index: 2000;
}

/* quita las viñetas de la listas*/
.social ul {
	list-style: none;}

/* estilo para cada boton de la lista*/
.social ul li a {
display: inline-block;
color:#fff;
background: #000;
padding: 10px 15px;
text-decoration: none;
/*  estas 3 lineas permiten el efecto hover con retardo*/
-webkit-transition: all 500ms ease; 
-o-transition: all 500ms ease;
transition: all 500ms ease;
}


/* colores de fondo de los iconos acorde a cada red social */
.social ul li .icon-facebook {	background:#3b5998 ;}
.social ul li .icon-youtube {	background:#b31217 ;}
.social ul li .icon-soundcloud {	background:#ff7700 ;}
.social ul li .icon-google {	background:#d95232 ;}

/* esto hace efecto al pasar el raton por encima aumente tamaño boton*/
.social ul li a:hover{
	padding: 10px 30px;
	background: #000;
};