/* +++++ Valorar +++++ */

a {
	outline: none;
}
div.votar strong {
	display: block;
	float: left;
	padding-right: 8px;
}

.valorar{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 80px;
	height: 20px;
	position: relative;
	background: url(star_rating.gif) top left repeat-x;
	float: left;
	margin-right: 5px;
}
.valorar li{
	padding:0px;
	margin:0px;
	float: left;
}
.valorar li a{
	display:block;
	width:8px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.valorar li a:hover{
	background: url(star_rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.valorar a.uno{
	left: 0px;
}
.valorar a.uno:hover{
	width:8px;
}
.valorar a.dos{
	left:8px;
}
.valorar a.dos:hover{
	width: 16px;
}
.valorar a.tres{
	left: 16px;
}
.valorar a.tres:hover{
	width: 24px;
}

.valorar a.cuatro{
	left: 24px;
}	
.valorar a.cuatro:hover{
	width: 32px;
}
.valorar a.cinco{
	left: 32px;
}
.valorar a.cinco:hover{
	width: 40px;
}
.valorar a.seis{
	left: 40px;
}
.valorar a.seis:hover{
	width: 48px;
}
.valorar a.siete{
	left: 48px;
}
.valorar a.siete:hover{
	width: 56px;
}
.valorar a.ocho{
	left: 56px;
}
.valorar a.ocho:hover{
	width: 64px;
}
.valorar a.nueve{
	left: 64px;
}
.valorar a.nueve:hover{
	width: 72px;
}
.valorar a.diez{
	left: 72px;
}
.valorar a.diez:hover{
	width: 80px;
}

/* +++++ Valoración actual +++++ */
.actual{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 80px;
	height: 20px;
	position: relative;
	background: url(star_rating_actual.gif) top left repeat-x;		
}
.actual li span {
	display:block;
	background: url(star_rating_actual.gif) left bottom;
	width: 0px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.actual li.c1 span {
	width: 8px;
}
.actual li.c2 span {
	width: 16px;
}
.actual li.c3 span {
	width: 24px;
}
.actual li.c4 span {
	width: 32px;
}
.actual li.c5 span {
	width: 40px;
}
.actual li.c6 span {
	width: 48px;
}
.actual li.c7 span {
	width: 56px;
}
.actual li.c8 span {
	width: 64px;
}
.actual li.c9 span {
	width: 72px;
}
.actual li.c10 span {
	width: 80px;
}

/* +++++ Valorado por el usuario +++++ */
.valorado{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 80px;
	height: 20px;
	position: relative;
	background: url(star_rating.gif) top left repeat-x;
	float: left;
	margin-right: 5px;
}
.valorado li span {
	display:block;
	width: 0px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	background: url(star_rating.gif) left bottom;
}
.valorado li.c1 span {
	width: 8px;
}
.valorado li.c2 span {
	width: 16px;
}
.valorado li.c3 span {
	width: 24px;
}
.valorado li.c4 span {
	width: 32px;
}
.valorado li.c5 span {
	width: 40px;
}
.valorado li.c6 span {
	width: 48px;
}
.valorado li.c7 span {
	width: 56px;
}
.valorado li.c8 span {
	width: 64px;
}
.valorado li.c9 span {
	width: 72px;
}
.valorado li.c10 span {
	width: 80px;
}

/* +++++ Generales +++++ */
div#valoracion {
	font-size: 11px;
	font-family: Arial, sans-serif;
	float: none;
	float:left; 
	width:450px;
	padding-top: 3px;
	height: 24px;
	background-color:#EFEFEF;
}

p.valoracionPuntos, p#valoracionPuntosActuales {
	padding-top: 3px;
	font-size: 10px !important;
	width: 35px;
	float: left;
	margin-right: 10px;
	/*display:  none;*/
	margin-top:0px;
	margin-bottom:0px;
}
p#valoracionVotosActuales {
	float:left;
	padding-top: 3px;
	font-size: 10px;
	padding-left: 10px;
	margin-top:0px;
	margin-bottom:0px;	
}
p#valoracionComentariosActuales {
	float:left;
	padding-top: 3px;
	font-size: 10px;
	padding-left: 10px;
	margin-top:0px;
	margin-bottom:0px;	
}

div.votar {
	float:  left;
}
div.resultado strong {
	float:  left;
	padding-left: 3px;
	margin-right: 8px;
}
ul.actual {
	float:  left;
	margin-right: 10px;
	margin-left: 3px;
}