div.sociable { /*margin: 16px 0;*/ }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin:10px;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 7px;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


.fila_div{
	width: 240px;
	height:20px;
	margin-bottom:5px;
	margin-top:5px;
	margin-right:5px;
}

.sociable_tagline{
	width:60px;
	float:left;
}

.sociable_bookmarks{
 height:80px;
 width:250px;
 
 
}

.cont{
   float:left;
   margin: 0 auto 0 330px;
   width:250px; 
   position:absolute;
}
/* Ahora la sombra */
#sombra{
   margin:10px;
   background:#CCCCCC; /* Color de la sombra */
   border: solid 1px #CCCCCC; /* Color del borde */
   width: 250px;
   height:80px;
}
/* Veamos el texto */
#text_sociable{
   border:1px solid transparent;
   margin:-10px 2px 2px -10px; /* Aqui están los famosos márgenes negativos*/
   padding:2px;
   background-color:#C3CF22; /* Le damos un color de fondo */
   font: bold 9pt Helvetica;
}

