@charset "UTF-8";
.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: -41; /* Establecemos la barra en la izquierda */
	top: 100px; /* 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;
		border-radius: 0px 5px 5px 0px;
		padding: 10px 15px;
		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-linkedin {background: rgba(51,126,196,1);
background: -moz-linear-gradient(-45deg, rgba(51,126,196,1) 0%, rgba(4,61,122,1) 45%, rgba(4,61,122,1) 99%, rgba(4,61,122,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(51,126,196,1)), color-stop(45%, rgba(4,61,122,1)), color-stop(99%, rgba(4,61,122,1)), color-stop(100%, rgba(4,61,122,1)));
background: -webkit-linear-gradient(-45deg, rgba(51,126,196,1) 0%, rgba(4,61,122,1) 45%, rgba(4,61,122,1) 99%, rgba(4,61,122,1) 100%);
background: -o-linear-gradient(-45deg, rgba(51,126,196,1) 0%, rgba(4,61,122,1) 45%, rgba(4,61,122,1) 99%, rgba(4,61,122,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(51,126,196,1) 0%, rgba(4,61,122,1) 45%, rgba(4,61,122,1) 99%, rgba(4,61,122,1) 100%);
background: linear-gradient(135deg, rgba(51,126,196,1) 0%, rgba(4,61,122,1) 45%, rgba(4,61,122,1) 99%, rgba(4,61,122,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#337ec4', endColorstr='#043d7a', GradientType=1 );} /* Establecemos los colores de cada red social, aprovechando su class */
	
.social ul li .icon-twitter {background: rgba(30,133,230,1);
background: -moz-linear-gradient(-45deg, rgba(126,187,252,1) 0%, rgba(2,111,212,1) 39%, rgba(2,111,212,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(126,187,252,1)), color-stop(39%, rgba(2,111,212,1)), color-stop(100%, rgba(2,111,212,1)));
background: -webkit-linear-gradient(-45deg, rgba(126,187,252,1) 0%, rgba(2,111,212,1) 39%, rgba(2,111,212,1) 100%);
background: -o-linear-gradient(-45deg, rgba(126,187,252,1) 0%, rgba(2,111,212,1) 39%, rgba(2,111,212,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(126,187,252,1) 0%, rgba(2,111,212,1) 39%, rgba(2,111,212,1) 100%);
background: linear-gradient(135deg, rgba(126,187,252,1) 0%, rgba(2,111,212,1) 39%, rgba(2,111,212,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#337ec4', endColorstr='#043d7a', GradientType=1 );} /* Establecemos los colores de cada red social, aprovechando su class */
	

.social ul li .icon-youtube {background: rgba(255,170,0,1);
background: -moz-linear-gradient(-45deg, rgba(255,170,0,1) 0%, rgba(255,0,30,1) 51%, rgba(209,8,179,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,170,0,1)), color-stop(51%, rgba(255,0,30,1)), color-stop(100%, rgba(209,8,179,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,170,0,1) 0%, rgba(255,0,30,1) 51%, rgba(209,8,179,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,170,0,1) 0%, rgba(255,0,30,1) 51%, rgba(209,8,179,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,170,0,1) 0%, rgba(255,0,30,1) 51%, rgba(209,8,179,1) 100%);
background: linear-gradient(135deg, rgba(255,170,0,1) 0%, rgba(255,0,30,1) 51%, rgba(209,8,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaa00', endColorstr='#d108b3', GradientType=1 );}

.social ul li .fa-whatsapp {background: rgba(210,255,82,1);
background: -moz-linear-gradient(-45deg, rgba(210,255,82,1) 0%, rgba(105,173,41,1) 32%, rgba(96,166,31,1) 37%, rgba(82,158,11,1) 49%, rgba(82,158,11,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(210,255,82,1)), color-stop(32%, rgba(105,173,41,1)), color-stop(37%, rgba(96,166,31,1)), color-stop(49%, rgba(82,158,11,1)), color-stop(100%, rgba(82,158,11,1)));
background: -webkit-linear-gradient(-45deg, rgba(210,255,82,1) 0%, rgba(105,173,41,1) 32%, rgba(96,166,31,1) 37%, rgba(82,158,11,1) 49%, rgba(82,158,11,1) 100%);
background: -o-linear-gradient(-45deg, rgba(210,255,82,1) 0%, rgba(105,173,41,1) 32%, rgba(96,166,31,1) 37%, rgba(82,158,11,1) 49%, rgba(82,158,11,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(210,255,82,1) 0%, rgba(105,173,41,1) 32%, rgba(96,166,31,1) 37%, rgba(82,158,11,1) 49%, rgba(82,158,11,1) 100%);}

.social ul li .icon-y{
background: rgba(255,146,127,1);
background: -moz-linear-gradient(-45deg, rgba(255,146,127,1) 0%, rgba(255,146,127,1) 10%, rgba(246,41,12,1) 47%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,146,127,1)), color-stop(10%, rgba(255,146,127,1)), color-stop(47%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,146,127,1) 0%, rgba(255,146,127,1) 10%, rgba(246,41,12,1) 47%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,146,127,1) 0%, rgba(255,146,127,1) 10%, rgba(246,41,12,1) 47%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,146,127,1) 0%, rgba(255,146,127,1) 10%, rgba(246,41,12,1) 47%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: linear-gradient(135deg, rgba(255,146,127,1) 0%, rgba(255,146,127,1) 10%, rgba(246,41,12,1) 47%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff927f', endColorstr='#e73827', GradientType=1 );}
	

	.social ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}
