/*
	Sistema de votación por estrellas
	
	23-05-07
*/

/* ESTILOS GENERALES */
/*------------------------------------------------------------------------------*/


/* SISTEMA DE VOTACION */
/*------------------------------------------------------------------------------*/

.votacion,
.votacion a:hover,
.votacion a:active,
.votacion a:focus,
.votacion .votos_actuales,
.votacion .votos_actuales_result {
	background: url(estrellas.png) left -1000px repeat-x;
}

.votacion {
	border: 0px solid red;
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}

.votacion li {
	display: inline;
}

.votacion a,
.votacion span,
.votacion .votos_actuales,
.votacion .votos_actuales_result {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}

.votacion a:hover,
.votacion a:active,
.votacion a:focus {
	background-position: left center;
}

.votacion span.una_estrella,
.votacion a.una_estrella {
	width:20%;
	z-index:6;
}

.votacion span.dos_estrellas,
.votacion a.dos_estrellas {
	width:40%;
	z-index:5;
}

.votacion span.tres_estrellas,
.votacion a.tres_estrellas {
	width:60%;
	z-index:4;
}

.votacion span.cuatro_estrellas,
.votacion a.cuatro_estrellas {
	width:80%;
	z-index:3;
}

.votacion span.cinco_estrellas,
.votacion a.cinco_estrellas {
	width:100%;
	z-index:2;
}

.votacion .votos_actuales {
	z-index:1;
	background-position: left center;
}

.votacion .votos_actuales_result {
	z-index:1;
	background-position: left bottom;
}


/* PARA PONERLO INLINE */
.votacion_inline {
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	vertical-align: middle;
}


/* ESTRELLA PEQUEÑA */
.estrella_peq {
	width:81px;
	height:15px;
}

.estrella_peq,
.estrella_peq a:hover,
.estrella_peq a:active,
.estrella_peq a:focus,
.estrella_peq .votos_actuales,
.estrella_peq .votos_actuales_result{
	background-image: url(../gfx/estrella_peq.gif);
	line-height: 15px;
	height: 15px;
}