#aviso {position:fixed; z-index: 9999999; widht: 120px; top:30%;left:50%;
           margin-left: -60px;padding: 20px; background: #f1d136;border-radius: 8px;
           font-size: 14px;font-family: sans-serif;}
.divcompartir {
	position: relative;
}

.social {
	display:none;
	position: absolute;
	left: -57px;
	top: -35px;
	z-index: 9999999;
	border-radius: 5px;
	border: 2px solid gray;
	padding: 4px;
	background-color: black;
	width:72px;
}

 
.social ul {
	list-style: none;
}

.social li {
	display:inline;
}
 
.social ul li a {
	display: inline-block;
	color:#fff;
	background: #000;
	padding: 2px 2px;
	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:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
.social ul li .icon-twitter {background: #00abf0;}
.social ul li .icon-copiar {background: #FFFFFF;}
.social ul li .icon-mail {background: #666666;}
 
.social ul li a:hover {
background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */

}