* { font-family:Helvetica, Arial;}

img {border:0 none;}
h1 {font-family: Times }

.clearfix:after { visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix { display: block;}

body { width:984px; margin: 0 auto; }
div#general{ width:984px; margin: 0 auto;}
div#header { width:984px; margin-top: 10px; background: url(/images/cab_soller_deg.jpg) repeat-x; height: 98px; }
div#header div#logo { float: left; width: 450px; }
div#header div#anys { float: left; }
/*Fecha*/
div#fecha { float:right; width: 308px; padding: 5px; font-size: .8em; color:white; border-left: 1px solid white; }
div#fecha img.reloj { vertical-align: top; margin: 0 5px } 
/*Weather*/
div#tiempo { float: right; width: 304px; margin: 5px 0px} 
div#tiempo div.location { float:left; width: 60px; }
div#tiempo div.location div.nombre { background: url('/images/iconos/icon_separador.gif') repeat-y left top; font-size: .8em; color: #958D7A; text-align: center; }
div#tiempo div#soller div.nombre { background:none; text-align: center; }
div#tiempo div.location div.icono { text-align: center; }
div#tiempo div.location#soller { width: 55px; }
div#tiempo div.location#portsoller { width: 55px; }
div#tiempo div.location#deia { width: 50px; }
div#tiempo div.location#fornalutx { width:75px; }
/*Searcher*/
div#header div#buscador { float: right; height:90px; margin-right: 10px; width: 180px; }
div#header div#buscador form { margin: 0 15px; font-size:0.8em; }
div#header div#buscador div.terms { margin-top: 15px; text-align: right; }
div#header div#buscador div.terms input{ border: solid 1px #ccc; background: white url(../images/iconos/search16.png) no-repeat scroll left center; -moz-border-radius: 3px; padding-left: 20px; width: 120px; }
div#header div#buscador div.search { margin-top: 15px; text-align: right; }
div#header div#buscador div.search input { border: outset 1px; font-weight: bold; padding: 0 1em; background: url(/images/iconos/button_bg.gif) repeat-x top left; }
/*main*/
div#content { width:984px; background: url(/images/fondo/separador.gif) repeat-y 665px; }
div#content_main { width: 650px; float:left; }
div#content_bar { width: 304px; float:right; }

/* RSS */
div#menu { width:984px; margin: 0; margin-top: 1px; background: #453f41; background: white url(/images/fondo_menu.jpg); }
div#menu ul#apartats { float:left; padding:0px; list-style-type: none; margin: 0;  height: 23px; width: 625px;}
div#menu ul#apartats li { float:left; padding: 0.3em 0em; padding-left:4px; font-family: Arial, helvetica; margin-left:2px; font-size: .95em; font-weight: bold;}
div#menu ul#apartats li:first-child { background: none;  margin-left:0px}
div#menu ul#apartats li a { text-decoration: none; font-family: Arial, Helvetica; font-weight: bold; padding-top: 3px; padding-left: 2px; padding-right: 2px; padding-bottom: 4px; color: white; }
div#menu ul#apartats li span a { background: white; color: #1b1c20 }

div#menu div.rss { float: left; height: 25px; margin-right: 5px;}
div#menu div.rss img { top: 5px; position: relative}

div#submenu { font-size: 0.95em; height: 1.7em; margin-bottom: 0.5em; margin-top: 5px; padding-top: 13px; padding-bottom: 6px; background: white;}
div#submenu ul#seccions  { float:left; list-style-type: none; margin: 0; padding: 0px; width:660px; margin-left: 10px; display:inline}
div#submenu ul#seccions a { color: #1b1c20; }
div#submenu ul#seccions li { float:left; padding: 0px 5px; font-family: georgia, serif; background: url('/images/iconos/icon_separador.gif') no-repeat left; }
div#submenu ul#seccions li a {  font-family: georgia, serif; text-decoration: none}
div#submenu ul#seccions li.current { font-weight: bold; }
div#submenu ul#seccions li.hilo_destacado { float: right;  height: 25px; font-size:0; padding-top:0; }
div#submenu ul#seccions li#primera { background-image: none }

/* Actualitat --------------------------- */
div.noticia div.secciones {font-size: 0.8em; margin-top: 5px; }
div.noticia div.secciones div.seccion {font-weight: bold; }

div.noticia .titulo { font-family: Arial, Helvetica; color:#1b1c20; margin: 0px; font-size: 1.6em; line-height: 1.1em; }
div.noticia .titulo a { font-family: Arial, Helvetica; text-decoration: none; font-weight: bold; color:#1b1c20; }
div.level0 div.noticia .titulo a { color:#1b1c20; font-family: georgia, serif; font-size: 1.1em; }
div.noticia .subtitulo { color:#958D7A; margin: 0px; font-size: 1.1em; line-height: 1em;}
div.noticia div.cuerpo,div.extracto { font-size: 0.9em; }

/* IE Bug. IE no entiende html>body. Metemos height:1% y position relative para que rendee bien la imagen de fondo en breve */
div.breve {position: relative; height: 1%; background: url(/images/fondo/breve.gif) repeat-y top }
html>body div.breve { height: auto}

div.breve div.noticia { width: 200px!important; display:inline; float: left; margin-left: 25px; overflow: hidden}
div.breve div.primero div.noticia { margin-left: 0px; }

div.breve div.noticia .titulo { font-size:1.0em}
div.breve div.noticia .subtitulo { font-size:0.9em}
div.breve div.noticia div.extracto { font-size: 0.8em}

/*Attachment en portadillas*/
div.noticia div.attachments { font-size:.8em; color: gray; margin-top: 6px; padding-top: 2px; margin-bottom: 6px;}
div.noticia div.attachments div.publicada { float: left; }
div.noticia div.attachments div.comentarios { float: left; margin-left: 3px; border-left: silver 1px solid; }
div.noticia div.attachments div.mediatecas { float: left; width: 23px; text-align:center; margin-left: 3px; border-left: silver 1px solid; padding-left: 3px; }
div.noticia div.ruler div.mediatecas { float: right; width: 23px; text-align:center; margin-left: 3px; border-right: silver 1px solid; padding-right: 3px; }
div.noticia div.ruler div.gmap_icon { float: right; margin-left: 3px; padding-right: 3px; border-right: silver 1px solid; }
div.noticia div.attachments div.forums { float: left; background: url(/images/iconos/forum_debat.png) no-repeat 10px center; border-left: silver 1px solid; margin-left: 10px; padding-left: 30px;}
div.noticia div.attachments div.forums a { color:#96005a; }

/* Attachments en noticias completas */
div.noticia div.debate {}
div.noticia div.debate div.comentarios { float: right; }
div.noticia div.debate div.forums { float: right; background: url(/images/iconos/forum_debat.png) no-repeat 5px center; border-left: silver 1px solid; margin-left: 5px; padding-left: 25px;}
div.noticia div.debate div.forums a { color:#96005a; }

/* Tags */
div.noticia div.tags span.tag { background: url(/images/iconos/mini-category.gif) no-repeat top left; font-size: .8em; padding-left: 18px; margin-left: 0.5em} 
div.noticia div.tags h3.header { background: #f2f2f2 url(/images/iconos/gt_negre.gif) no-repeat 5px center ; padding-left: 25px; margin-bottom: 5px; }

/* Promo-links */
div.promote {float:left; }
div.promote a { text-decoration: none; color: black}
div.promote a:hover { text-decoration: underline}
div.promote span { margin-left: .8em }
div.promote span.facebook a { background: url("http://estaticos.evoluhcion.es/images/iconos/ico_subsecciones.png") no-repeat scroll left -37px transparent; padding-left: 20px; }
div.promote span.facebook a:hover { background-position: left -71px;}
div.promote span.twitter a { background: url("http://estaticos.evoluhcion.es/images/iconos/ico_subsecciones.png") no-repeat scroll left -104px transparent; padding-left: 20px; }
div.promote span.twitter a:hover { background-position: left -138px; }

/* Estils de dins la noticia */
div.noticia p {margin-top: 0px;}
div.noticia div.pie { font-size: x-small; padding: 5px; background: #eee; }
div.noticia div.foto { margin-bottom: 5px; border: 1px solid silver; padding: 2px; -moz-border-radius: 3px; }
div.noticia div.foto.izquierda { float: left; margin-right: 5px; }
div.noticia div.foto.esquerra { float: left; margin-right: 10px; }
div.noticia div.foto.derecha { float: right; margin-left: 5px; }
div.noticia div.foto.central { width: 644px; }
div.noticia div.foto.dreta { float: right; margin-left: 10px; }
div.noticia h3.entrada{ float:left; width: 200px; background: url(/images/iconos/quoteup.jpg) no-repeat top left; font-size: 18px; padding-left: 45px; min-height: 30px; margin-right: 10px; }

div.marcador { font-size: 1.3em; margin: 10px;}
div.marcador table td { display:block; float:left; width:180px; background:transparent url(/images/fondo_equipo.gif) repeat-x bottom; height:25px; padding-left: 5px;}
div.marcador table th { font-weight:bold; background:transparent url(/images/fondo_gol.gif) repeat-x scroll center bottom; display:block; float:left; font-weight:bold; height:25px; text-align:center; width:40px; }

a.pdf { text-decoration: none; color: #A60000; }
a.pdf:hover { text-decoration: underline; color: #958D7A; }

div#gmap {width: 650px; height: 300px; border: 1px solid #A60000; margin-top: 1px;}
div#gmap div#map { width: 650px; height: 300px; }

div.comentarios h3.header { background: #f2f2f2 url(/images/icons/gt_negre.gif) no-repeat 5px center ; padding-left: 25px }
div.comentarios h3.opinions { background: url(/images/icons/opinio_header.gif) no-repeat top left; height: 34px; padding-left: 30px; padding-top: 2px; font-size: 1.1em }
/* Contador de comentario*/
span.nbNoComments { background: url(/images/icons/opinio_off_icon.gif) no-repeat 5px; padding-left: 25px; margin-top: 2px; }
span.nbAComment { background: url(/images/icons/opinio_a_icon.gif) no-repeat 5px; padding-left: 25px; margin-top: 2px; }
span.nbFewComments { background: url(/images/icons/opinio_a_icon.gif) no-repeat 5px; padding-left: 25px; margin-top: 2px; }
span.nbLotsOfComments { background: url(/images/icons/opinio_a_icon.gif) no-repeat 5px; padding-left: 25px; margin-top: 2px; }

/* Actualitat ------------------ */

/* Les mes */

div.lesmes {margin: 10px 0 25px;}
ul.tab { margin: 0px; padding: 0px; list-style: none; font-size:0.75em; font-weight:bold;  padding-bottom: 4px; margin-top: 15px; }
ul.tab li { display:inline; border:1px solid #d8dcdd; background: #A60000; padding: 4px; margin-left: 2px; }
ul.tab li a {color: white; text-decoration: none; }
ul.tab li.header { background: #d8dcdd; color: black; margin-left: 0px; padding: 4px 8px; }
ul.tab li.active { background: white; color: #A60000; border-bottom: solid white 1px;}
ul.tab li.active a { color: #A60000; }
div#lesMesDeLesMes { border:1px solid #d8dcdd; }

div.ultimas { margin-top: 1em;}
div.ultimas div.header { background: #a60000 url(/images/icons/flecha_vistas.gif) 4px center no-repeat; margin-top: 1em; height: 25px; }
div.ultimas div.header span { padding-top: 5px; padding-left: 22px; display: block; color: white; text-transform: uppercase; font-size: .8em; }
div.ultimas ol { margin: 0; padding-left: 30px; margin-bottom: 15px; }
div.ultimas ol li { margin: 0; padding: 0; margin-bottom: .3em; font-size: .8em;}
div.ultimas ol li a { color: #1b1c20 }
div.ultimas ul {margin: 0; padding: 0 1.2em; list-style-type: none}
div.ultimas ul li { margin: 0; padding: 0; border-top: dotted 1px gray; margin-bottom: .3em; font-size: .8em;}
div.ultimas ul li a { color: #1b1c20 }
/* Les mes */

div.info { font-size: 0.8em; color: #98989c; }
div.numero {font-size:40px; float:left; border:3px solid black; background:#a60000; width: 50px; height:50px; text-align: center; color: white; margin-right: 20px;}

div.fin { clear: both; }
div.ruler { border-top: #958D7A 1px solid;  border-bottom: #958D7A 1px solid; padding: 4px 0; font-size: 0.8em; ; margin-top: 1em; }
div.header { background: #f2f2f2}

h1.header { font-size:1.8em; border-bottom: 5px #453f41 solid; color: #958D7A}
h2.subheader { font-size:1.1em; height: 30px; }

div.blog { margin-bottom: 10px; }
div.blog h3.titol { margin-bottom: 0px; }


/* Separadores y rules */
div.separator { height: 10px; background: #f2f2f2; margin: 0.8em 0; font-size: 0px}
/*Footer*/
div#footer {width:984px; font-size: 0.8em; color: #333333}
div#footer h5 {text-transform: uppercase; margin:0; margin: 0.8em 0 }
div#footer ul { float:left; padding:0; margin:0; list-style-type: none; display: inline; }
div#footer ul li { float:left; padding:0; margin:0; margin-left: 10px; }
div#footer ul li a {text-decoration: none; color: #333333 }
div#footer ul li a:hover {text-decoration: underline }
div#footer div#links {margin-bottom: 0.8em; }
div#footer div#links li { margin-left: 3em;}
div#footer div#contacto {float: right; margin-right: 15px; display: inline; }
div#footer div#contacto a { text-decoration: none; color: #333}
div#footer div#legal {border-top: #333333 1px dotted; border-bottom: #333333 1px dotted; background: #f2f2f2; margin-bottom: 0.8em; font-size: 0.9em; padding: .5em 0; margin-top: 10px; }
div#footer div#legal ul{ font-weight: bold; }

/* publicidad */
div.publicidad { text-align: center; }
div#content_bar div.publicidad { margin-top: 10px }
div.publicidad>div.robapaginas {  background: url(/images/publi/publicitat_robapaginas.gif) no-repeat top center; padding-top: 14px}
div.publicidad div.megabanner{  background: url(/images/publi/publicitat_megabaner.gif) no-repeat top left; padding-left: 9px;}
div.publicidad div.texto {  background: url(/images/publi/publicitat_robapaginas.gif) no-repeat top center; padding-top: 14px; border: 1px solid silver}
div.publicidad div.patrocini {  background: url(/images/publi/publicitat_patrocini.gif) no-repeat center left; padding-left: 12px;}
div.publicidad div.texto { text-align: justify; font-size: 11px; padding: 10px; padding-top: 20px;}
div.publicidad div.megabanner div {float:left; display: inline; }

/* submits */
input.enviar { background: url(/images/iconos/button_bg.gif) repeat-x top left }

div#portadilla { margin-top: 10px; margin-bottom: 5px; }
div#portadilla div { float:left; width: 145px; }
div#portadilla div#escut { border-left: 1px dotted gray; padding-left: 5px; margin-left: 5px;}


/* Comentarios. Traido desde sf_comment.css unificacion de CSS y plugin de comentarios */
div#toppager { background: url(../images/iconos/quoteup.jpg) no-repeat top left; height: 30px;}
div#bottompager { background: url(../images/iconos/quotedown.jpg) no-repeat top left; height: 30px;}
div.sf_comment { background: none repeat scroll 0 0 #EEE; border: 0.09em solid #BBB; float: left; margin: 0 0.5em; text-align: center; width: 6.3em;  padding-top: 0.3em; font-size: 0.65em!important;}
div.sf_comment img{ padding-bottom: 0.3em;}
#sf_comment_list div.pager div.indicador {float: right; margin-right: 20px;}
#sf_comment_list div.pager div.botones { float: right;}
#sf_comment_list div.pager div.botones span.prevbutton { display: block; float:left; text-indent: -9999em; width: 24px; height: 20px; background: url(../images/iconos/prevpage.gif); }
#sf_comment_list div.pager div.botones span.prevbutton:hover { background: url(../images/iconos/prevpage.gif) 0px 20px}
#sf_comment_list div.pager div.botones span.nextbutton { display: block; float:left; text-indent: -9999em; width: 24px; height: 20px; background: url(../images/iconos/nextpage.gif)}
#sf_comment_list div.pager div.botones span.nextbutton:hover { background: url(../images/iconos/nextpage.gif) 0px 20px}
#sf_comment_list .sf_comment_rating{ float: right;}
#sf_comment_list .sf_comment_rating strong{ float: left; line-height: 1.4em; margin-right: 0.5em;}
#sf_comment_list .valora{ float: right;}
#sf_comment_list .valora span span {text-align: right; text-indent: -9999em;}
#sf_comment_list .positiva {background: green; border: 1px solid #958D7A; color: #fff; display: block; float: left; height: 15px; margin-right: 10px; min-width: 15px; text-align: center; position: relative; margin-left: -8em; line-height: 1.2em;}
#sf_comment_list .negativa {  background: #A60000; border: 1px solid #958D7A; color: #fff; display: block; float: left; height: 15px; margin-right: 10px; min-width: 15px; text-align: center; position: relative; margin-left: -8em; line-height: 1.2em;}
#sf_comment_list .neutra { background: #EEE; border: 1px solid #958D7A; color: #958D7A; display: block; float: left; height: 15px; margin-right: 10px; min-width: 15px; text-align: center; position: relative; margin-left: -8em; line-height: 1.2em;}
#sf_comment_list .sf_comment_text { margin-bottom: 0.6em; padding-bottom: 0.6em;}
#sf_comment_list .borde_bottom { border-bottom: 1px dotted silver; margin: 0.5em 0;}
.sf_comment_form fieldset { padding: 0; border: none} 
.sf_comment_form label { margin: 0 0 0.5em 0; padding: 0; display: block; font-weight: bold; font-size: 0.8em; }
.sf_comment_form .sf_comment_commentbox { float: left; width: 350px; }
.sf_comment_form .sf_comment_userbox { float: left; margin-left: 1em; margin-top: 1em}
.sf_comment_form .sf_comment_userbox div { margin: 0 0 10px 0; }
.sf_comment_form .form_error{ font-size: .7em; margin: 0px; color: #A60000; font-weight: bold; padding-bottom: 0.7em; }
.sf_comment_form input, .sf_comment_form textarea { border: 1px solid silver; font-size: 0.6em; }
.sf_comment_form textarea { width: 400px; height: 10em; }
.sf_comment_form input { width: 265px }
.sf_comment_form div.sending { height: 25px;}
.sf_comment_form input, .sf_comment_form textarea { border: 1px solid silver; font-size: 0.6em; display: block; margin-bottom: 1.2em;}
.sf_comment_form input { height: 2em;}
.sf_comment_form input.submit { color: #666; width: auto; border: 1px #666 outset; height: 2.2em; margin:1em 0; padding: 0 5px; font-size: .7em; min-width: 0; background: #ececec url(/images/iconos/button_bg.gif) repeat-x top left; }
.sf_comment_form input.submit:hover { color: #222; background: #666 url(/images/iconos/button_bg_hover.gif) repeat-x top left; }
.sf_comment_form_error { color: red; font-weight: bold; }
#sf_comment_ajax_indicator { width: 20px; height: 20px; margin: 0; padding: 0; background: transparent url(../images/indicator.gif) top left no-repeat; float: left; }
div.sf_comment_info div.sf_comment_author { float: left; color: #958D7A}
div.sf_comment_info div.sf_comment_author span.sf_comment_author_name { font-weight: bold }
div.sf_comment_info div.sf_comment_rating { float: right; text-align: right; font-weight: bold; margin-right: 10px;}
div.sf_comment_info div.sf_comment_rating span.valoracio {float: left; margin-right: 5px;}
div.sf_comment_info div.sf_comment_rating span.neutra { background: #eee; color: #958D7A; border: 1px solid #958D7A; display: block; min-width: 15px; height: 15px; text-align: center; float: left; margin-right: 10px; }
div.sf_comment_info div.sf_comment_rating span.positiva { background: green; color: white; border: 1px solid #958D7A; display: block; min-width: 15px; height: 15px; text-align: center; float: left; margin-right: 10px; }
div.sf_comment_info div.sf_comment_rating span.negativa { background: #a60000; color: white; border: 1px solid #958D7A; display: block; min-width: 15px; height: 15px; text-align: center; float: left; margin-right: 10px; }
.comment-down,
.comment-down-inactive,
.comment-down-select,
.comment-down:hover,
.comment-up,
.comment-up-inactive,
.comment-up-select,
.comment-up:hover { display: block; float: left; width: 15px; height: 17px;  vertical-align: middle; text-indent: 9999em; overflow: hidden; }
.comment-down, .comment-down-inactive { background: transparent url(../images/iconos/score.gif) 0px 0px; text-indent: 9999em; overflow: hidden; }
.comment-down-select, .comment-down:hover, .comment-down-inactive:hover { background: transparent url(../images/iconos/score.gif) 0px 17px; }
.comment-up, .comment-up-inactive { background: transparent url(../images/iconos/score.gif) 15px 0px; text-indent: 9999em; overflow: hidden;}
.comment-up-select, .comment-up:hover, .comment-up-inactive:hover { background: transparent url(../images/iconos/score.gif) 15px 17px; }
div.pager div.indicador {float: right; margin-right: 20px;}
div.pager div.botones { float: right;}
.post_formulario .form-left { width: 67%; float:left; padding-left: 1.6em;}
.post_formulario .form-right { background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #ddd; float: right; padding: 0.5em; width: 23%; font-size: 0.8em;  margin-right: 1.6em;}
.post_formulario .form-right p { margin-bottom: 0.5em;}
.post_formulario .form-right span { color: #A60000; font-weight: bold; display: block; padding-bottom: 0.5em;}
.post_formulario .form-left .accept_check label {   border-bottom: 0.09em solid #DDD; font-size: 0.85em; padding: 1em 0; padding: 0 0 0.2em 0;}
.post_formulario .form-left .accept_check input { width: auto; display: inline;}
.post_formulario .form-left .accept_check p { line-height: 1.2em; font-size: 0.8em; } 
/*Tooltip aceptar politica de comentarios en post noticias*/
.tooltip {display:none; width: 208px; left: 9em !important; top: 2em !important; z-index: 1000;}
.tooltip a {color:#ad4;font-size:11px;font-weight:bold;}
#document .tooltip p {margin:0!important; padding:0.1em 0.3em!important; color: #333!important; font-size: 0.9em; line-height: 1.25em;}
.tooltip h6 {margin:0; font-size: 1.1em; color: #fff;}
.post_formulario .tooltip {display:none; width: 320px; left: 2.5em !important; top: -10.5em !important; z-index: 1000;}
.post_formulario .tooltip .head { background: url("/images/head_back_tooltip_comment.png") no-repeat scroll 0 0 transparent; height: 4px;}
.post_formulario .tooltip .main { background: url("/images/main_back_tooltip_comment.png") repeat-y scroll 0 0 transparent; padding: 5px 18px 5px; text-decoration: none; }
.post_formulario .tooltip .foot { background: url("/images/foot_back_tooltip_comment.png") no-repeat scroll 0 0 transparent; height: 25px; }
.post_formulario .tooltip h6 {margin:0; font-size: 0.9em; color: #333; background: #A60000; color:#fff;margin: 0 -0.5em 0.5em; padding: 0.2em 0.6em;}
.post_formulario .accept_check strong { cursor:pointer; color: #A60000; font-size:1em; font-weight: normal;}
.post_formulario .accept_check { position: relative;}
.post_formulario h2 {  background: url("/images/iconos/gt_negre.gif") no-repeat scroll 5px center #F2F2F2; padding-left: 25px; font-size: 1.15em;}
/* Vista simple*/
.sf_comment_simple { border-bottom: 1px dotted silver; margin-bottom: 0.6em; padding-bottom: 0.6em; font-size: .8em;}
.sf_comment_simple .sf_comment_text {font-size: 1em; }

/* Searcher */
.resultados.noticias li { margin-bottom: .5em; }
.resultados.noticias h2 { font-size: 1.4em }
.resultados.noticias h3 { font-size: 1.0em; } 
.resultados.noticias .seccion { font-size: .95em; }


/**
 * Based on http://komodomedia.com/blog/samples/star_rating/example2.htm
 * Styles for the star rater 
 */
table.rating_details_table td.sf_rating_bar_bg {
	background: lightblue;
}

table.rating_details_table div {
	background: blue;
}

.star-rating{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 16px;
	position:relative;
	overflow:hidden;
	background: url(/sfPropelActAsRatableBehaviorPlugin/images/alt_star.png) top left repeat-x;		
}
.star-rating li{
	padding: 0;
	margin: 0;
	width: 16px;
	height: 16px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display: block;
	width: 16px;
	height: 16px;
	line-height: 16px;		
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0;
	overflow: hidden;
}
.star-rating li a:hover {
	background: url(/sfPropelActAsRatableBehaviorPlugin/images/alt_star.png) left -36px;
	z-index: 2;
	left: 0;
	border:none;
}
.star-rating a.r1star{ left: 0; }
.star-rating a.r1star:hover { width:16px; }
.star-rating a.r2stars { left:16px; }
.star-rating a.r2stars:hover { width: 32px; }
.star-rating a.r3stars { left: 32px; }
.star-rating a.r3stars:hover { width: 48px; }
.star-rating a.r4stars { left: 48px; }	
.star-rating a.r4stars:hover { width: 64px; }
.star-rating a.r5stars { left: 64px; }
.star-rating a.r5stars:hover { width: 80px; }
.star-rating a.r6stars{ left: 80px; }
.star-rating a.r6stars:hover { width: 96px; }
.star-rating a.r7stars { left: 96px; }
.star-rating a.r7stars:hover { width: 112px; }
.star-rating a.r8stars { left: 112px; }
.star-rating a.r8stars:hover { width: 128px; }
.star-rating a.r9stars{ left: 128px; }
.star-rating a.r9stars:hover { width: 142px; }
.star-rating a.r10stars{ left: 142px; }
.star-rating a.r10stars:hover { width: 158px; }
.star-rating li.current-rating{
	background: url(/sfPropelActAsRatableBehaviorPlugin/images/alt_star.png) left -18px;
	position: absolute;
	height: 16px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	left:0px;
}

/* remove halo effect in firefox   */
a:active{
	outline: none;
}

/* Presonalizado dBalears */
div.rating .star-rating li{ text-indent: -9000px; }
div.rating { float:right; width: 400px; position: relative; top: -15px;}
div.rating span.label {float:right;margin-left: 2em;}
div.rating .star-rating {float:right;}
div.rating span.message {float:right;}