/* COMO LLAMAR
//NUEVO INLINE WIDTH CON %
echo "<div class=\"contenedor-votos2\" style=\"text-align:left; padding-left:5px; float:top;\">";
	echo "<span class=\"inline-rating\">";
		echo "<ul class=\"star-rating2 \">";
		//echo "<ul class=\"small-star2\">";
			echo "<li class=\"current-rating2\" style=\"width:".$Promedio.";\">grafico</li>";
			echo "<li><a href=\"fotos.php?sec=".$TomaPath."&set=Votar&votacion_id=".$votacion_id."&participante_id=".$participante_id."&puntos=1\" title=\"1 voto de 5\" class=\"one-star2\">1</a></li>";
			echo "<li><a href=\"fotos.php?sec=".$TomaPath."&set=Votar&votacion_id=".$votacion_id."&participante_id=".$participante_id."&puntos=2\" title=\"2 votos de 5\" class=\"two-stars2\">2</a></li>";
			echo "<li><a href=\"fotos.php?sec=".$TomaPath."&set=Votar&votacion_id=".$votacion_id."&participante_id=".$participante_id."&puntos=3\" title=\"3 votos de 5\" class=\"three-stars2\">3</a></li>";
			echo "<li><a href=\"fotos.php?sec=".$TomaPath."&set=Votar&votacion_id=".$votacion_id."&participante_id=".$participante_id."&puntos=4\" title=\"4 votos de 5\" class=\"four-stars2\">4</a></li>";
			echo "<li><a href=\"fotos.php?sec=".$TomaPath."&set=Votar&votacion_id=".$votacion_id."&participante_id=".$participante_id."&puntos=5\" title=\"5 votos de 5\" class=\"five-stars2\">5</a></li>";
		echo "</ul>";
	echo "</span>";
echo "</div>";
//FIN NUEVO INLINE WIDTH CON %
*/

/* http://komodomedia.com/blog/index.php/2007/01/20/css-star-rating-redux/ */

.contenedor-votos2 {
	margin:0px;
	padding:0px;
	width:100px;
	height:25px;
	background: url('/themes/PortonArtesano/images/votos-tienda/_bg.gif');
	background-position:left;
	background-color:transparent;
	background-repeat:no-repeat;
}

.star-rating2,
.star-rating2 a:hover,
.star-rating2 a:active,
.star-rating2 a:focus,
.star-rating2 .current-rating2{
	background: url('/themes/PortonArtesano/images/votos-tienda/star_rating.gif') left -1000px repeat-x;
	padding:0px;
	margin:0px;
}
.star-rating2{
	position:relative;
	/* width:125px;*/ width:90px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating2 li{
	display: inline;
}
.star-rating2 a, 
.star-rating2 .current-rating2{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating2 a:hover,
.star-rating2 a:active,
.star-rating2 a:focus{
	background-position: left center;
}
.star-rating2 a.one-star2{
	width:20%;
	z-index:6;
}
.star-rating2 a.two-stars2{
	width:40%;
	z-index:5;
}
.star-rating2 a.three-stars2{
	width:60%;
	z-index:4;
}
.star-rating2 a.four-stars2{
	width:80%;
	z-index:3;
}
.star-rating2 a.five-stars2{
	width:100%;
	z-index:2;
}
.star-rating2 .current-rating2{
	z-index:1;
	background-position: left bottom;
}
/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

.loading{
	height:25px;
	background: url('/themes/PortonArtesano/images/votos-tienda/cargando.gif') 50% 50% no-repeat;
}
.loading-text{
	margin:0px;
	padding:0px;
	height:25px;
	color:#FFFFFF;
	font-weight:normal;
	padding-top:6px;
	vertical-align: middle;
}

/* smaller star
.small-star2{
	width:50px;
	height:10px;
}
.small-star2,
.small-star2 a:hover,
.small-star2 a:active,
.small-star2 a:focus,
.small-star2 .current-rating2{
	background-image: url('/themes/fotolog2/imagenes/iconos/votaciones/estandar/star_small.gif');
	line-height: 10px;
	height: 10px;
} */