/* CSS Document */
.ranking{ font-family:Arial, Helvetica, sans-serif; padding:5px 10px 5px 10px; border:1px solid #C7DBE6;}

.ranking div{font-family:Arial, Helvetica, sans-serif; }

.modrankings .noticia{ padding:5px 0 0 5px; height:auto;}
.modrankings .overhead{ color:#333; font-size:11px; font-weight:bold;}
.modrankings .noticia h3,.modrankings h3 a{font-size:11px; color:#333; font-weight:normal;}


.rankingZ1{display:block;}
.ranking .bboton{ height:32px}
.ranking .bboton a{ display:block; font-size:10px; color:#000066; border:1px solid #1E7CB0;  text-align:center; background:#E0F0F9 url(/img/ranking_f_boton_actualizar.gif) repeat-x; background-position: bottom;}
.ranking .bboton a span{ display:block; padding:5px 0 5px 0;}
.ranking .leyenda-icono{float:right; background:#F6F6F4 url(/img/ranking_leyendamas.gif) no-repeat; background-position: 5px 7px;}
.ranking .leyenda-icono p{ padding:5px 5px 5px 25px; margin:0px;color:#666666; font-size:10px; }
.rankingZ1 h3{ margin:0; padding:8px 0 12px 0; color:#2B5E84; font-size:18px; font-weight:bold;}
.rankingZ1 h3 span{ color:#00CCFF;}
.ranking .enlaces-tiempo{ padding:4px 0 0 0; font-size:12px; color:#2B5E84;}
.ranking .enlaces-tiempo a{ color:#666666;}
.ranking .enlaces-tiempo a.activo{ color:#FF6600; font-weight:bold;}

.subidasbajadas{ clear:left;}
.subidas{float:left; width:49%; margin:0 0 4px 0}
.bajadas{ float:right; width:49%;}

.ranking table{ width:100%;border-left:1px solid #E9E7E3; }
.ranking th{ font-family:Arial, Helvetica, sans-serif; padding:2px; font-size:10px; text-align:center; color:#2B5E84; border-bottom:1px solid #E9E7E3;}
.ranking td{ font-family:Arial, Helvetica, sans-serif;padding:2px; font-size:11px; text-align:center; color:#666666; border-bottom:1px solid #E9E7E3; border-right:1px solid #E9E7E3;}
.ranking th.encabezado{ background-color:#F2F8FC; border-top:1px solid #E9E7E3; border-right:1px solid #E9E7E3; font-size:11px;}
.ranking th.precio,.ranking th.variacion{ vertical-align:bottom;}
.ranking th.encabezadoh{ font-size:11px; font-weight:normal; color:#1C6C9D; text-align:left; padding:2px 2px 2px 5px; border-bottom:1px solid #E9E7E3; border-right:1px solid #E9E7E3;}
.ranking th.encabezadoh a.valor{ color:#1C6C9D;}
.ranking td.precio{}
.ranking td.variacion{ white-space:nowrap;}
.ranking td.sube{ color:#66CC00;}
.ranking td.baja{ color:#D42727;}
.rankingmas{ float:right; position:relative;}
.rankingmas img{ cursor:pointer;}
.rankingmas div img{ cursor:auto;}

.leyenda{font-family:Arial, Helvetica, sans-serif!important;  z-index:10; top:-6px; left:20px; display:none; position:absolute; background-color:#FAF8E2; border:1px solid #D4D0C8; width:160px; padding:0 0 10px 0}
.leyenda h2{ font-size:14px; color:#333333; font-weight:bold; padding:10px 10px 0 10px; margin:0;}
.leyenda .enlaces{  padding:10px 10px 0 10px; font-size:11px; color:#AA4400;}
.leyenda .enlaces p{ padding:0 0 2px 0; margin:0;}
.leyenda .enlaces a{color:#AA4400;}
.leyenda .votavalor{ font-size:9px; color:#333333; padding:10px 10px 0 10px}
.leyenda .valoracion{ padding:10px 10px 0 10px; font-size:9px; color:#000000;}
.leyenda .valoracion a{ padding:0 5px 0 5px; background: url(/img/ranking_f_vota.gif) no-repeat; background-position: right;}
.leyenda .valoracion img{ vertical-align:middle;}
.leyenda .ico{ position:relative;}
.leyenda .ico img{ position:absolute; top:6px; left:-7px;}

/*especiales*/
.ranking .subidas th.encabezado{ background:#5DB6E4 url(/img/ranking_fthsubidas.jpg) repeat-x; background-position: bottom; color:#FFFFFF}
.ranking .bajadas th.encabezado{ background:#CC0000 url(/img/ranking_fthbajadas.gif) repeat-x; background-position: bottom; color:#FFFFFF}


.rankingZ2{ clear:both; padding:10px 0 0 0;}
.graficos{ clear:left; background-color:#EEECE9; padding:8px 35px 8px 35px;}
.graficoizq{ float:left; width:49%;}
.graficoder{ float:right; width:49%; }
.graficos h3{ color:#2B5E84; font-size:18px; font-weight:bold; margin:0; padding:0 0 6px 35px}
.graficos select{ font-size:10px; color:#666666;}
.graficos .select img{ vertical-align:middle;}
* > .graficos select option{ padding:0 4px 0 0} 
.graficoizq h3{ background: url(/img/ranking_flechasube.gif) no-repeat; background-position: 0px 0px;}
.graficoder h3{ background: url(/img/ranking_flechabaja.gif) no-repeat; background-position: 0px 0px;}

.rankingZ3{ clear:both; padding:10px 0 0 0;}
.mayormenor{ clear:both;}
.mayormenor .separa{ clear:both; padding:5px 0 5px 0}
.mayormenor .mas{ float:left; width:49%;}
.mayormenor .menos{ float:right; width:49%;}
.ranking .mayormenor .mas th.encabezado{ width:130px; background: url(/img/ranking_flechasube.gif) no-repeat; background-position: 96% 50%; padding:3px 35px 3px 5px; text-align:left;}
.ranking .mayormenor .menos th.encabezado{width:130px; background: url(/img/ranking_flechabaja.gif) no-repeat; background-position: 96% 50%; padding:3px 35px 3px 5px;text-align:left;}
.rankingZ3 h3{ margin:0; font-size:18px; color:#2B5E84; font-weight:bold; padding:0 0 8px 0;}

.rankingZ4{ clear:both; padding:0px 0px 10px 0px} 
.populares{}
.populares .mas{ float:left; width:48%;}
.populares .menos{ float:right; width:48%;}
.populares h3{ font-size:11px; font-weight:bold; color:#2B5E84; margin:0; padding:2px 0 5px 18px;}
.populares .mas h3{ background: url(/img/ranking_maspopular.gif) no-repeat; background-position: 0% 0%;}
.populares .menos h3{ background: url(/img/ranking_menospopular.gif) no-repeat; background-position: 0% 0%;}

.populares .votacion{ background: url(/img/ranking_f_masmenospopular.gif) no-repeat; background-position: 0px 0px; width:270px; height:78px;}
.populares .votacion .th{ float:left; width:100px; overflow:hidden; height:auto;}
.populares .votacion .th div{ padding:0 0 0 5px; color:#666666; height:auto; font-size:11px;}
.populares .votacion .th a{ color:#666666; height:auto;}
.populares .votacion .td{ float:left; width:166px; height:auto;}
.populares .votacion .td img{ margin:0 0px 0 2px}
.populares .votacion div.primero{ padding:13px 0 0 0;}
.populares .votacion div.segundo{ padding:7px 0 0 0;}
.populares .votacion div.tercero{ padding:7px 0 0 0;}

.ranking .leyenda-icono2{ clear:both; background:#F6F6F4 url(/img/ranking_leyendamas.gif) no-repeat; background-position: 5px 7px;}
.ranking .leyenda-icono2 p{ padding:5px 5px 5px 25px; margin:0px;color:#666666; font-size:10px; }

.tablavotaranking{ border-left:1px solid #E9E7E3; border-top:1px solid #E9E7E3;}
.tablavotaranking th{ color:#1C6C9D; font-size:11px; font-weight:normal; width:50%; padding:2px; text-align:left;border-right:1px solid #E9E7E3; border-bottom:1px solid #E9E7E3;}
.tablavotaranking th a{ color:#1C6C9D; }
.tablavotaranking td{ text-align:left;border-right:1px solid #E9E7E3; border-bottom:1px solid #E9E7E3;padding:2px;}

.datoranking{background: url(/img/encuestafondo.gif) repeat-x top; border:2px solid #D4D0C8; height:13px;margin:2px 0 0 0; }
.datoranking span{background: url(/img/encuestaactivo.gif) repeat-x top; font-size:1px; display:block; color:#840000; height:13px; width:1px;}

.foro-datoranking{/*background: url(/img/encuestafondo2.gif) repeat-x top;border:2px solid #D4D0C8;*/  height:13px;margin:2px 0 0 0; }
.foro-datoranking span{background: url(/img/encuestaactivo.gif) repeat-x top; font-size:1px; display:block; color:#840000; height:13px; width:1px;}
* > .foro-datoranking{ margin: 0 48px 0 0}
.foro-datoranking2 span{background: url(/img/encuestafondo3.gif) repeat-x top; font-size:1px; display:block; color:#840000; height:13px; width:1px;} .foro-datoranking2{ margin: 0 48px 0 0}
.foro-datoranking3 span{background: url(/img/encuestafondo.gif) repeat-x top; font-size:1px; display:block; color:#840000; height:13px; width:1px;}
* > .foro-datoranking3{ margin: 0 48px 0 0}
.ranking div.foro-datoranking-txt{width:40px; float:right; display:block;text-align:right;margin-right:5px; }
.modFororankings .valor {/*white-space: nowrap*/}


.rankingseleccion{ padding:6px 0 4px 0}
.rankingseleccion select{ font-size:10px; color:#333; margin:0 5px 0 0}



.modcontent .ranking{ padding:0px; border:none;}
.modcontent .subidas{float:none; width:auto; clear:both;}
.modcontent .bajadas{float:none; width:auto; clear:both;}
.modcontent .populares .mas{ float:none; width:auto;}
.modcontent .populares .menos{ float:none; width:auto;}