.videos { background:url(../img/videos/bg-videos.gif); width:625px; height:476px; padding:30px 20px; margin-left:15px;}
.videos h2{ margin-bottom:15px;}

.video { background:url(../img/videos/bg-video.gif); width:334px; height:377px; float:left; margin-left:9px; display:inline; padding:16px; overflow:hidden; }
.video .ranking { width:70px; margin:15px auto 0 auto;text-align:center; font-weight:700; color:#FFFFFF;}
.video .ranking ul.rating { width:70px;height:14px;padding:0;list-style:none;position:relative;background:url(../img/videos/ranking-stars.gif) no-repeat; margin-bottom:10px;}
.video .ranking ul.rating li {cursor: pointer;/*ie5 mac doesn't like it if the list is floated\*/float:left;/* end hide*/text-indent:-999em;}
/*Estilos para dejar prendidas las estrellas*/
.video .ranking ul.rating.nostar {background-position:0 0}
.video .ranking ul.rating.onestar {background-position:0 -15px}
.video .ranking ul.rating.twostar {background-position:0 -30px}
.video .ranking ul.rating.threestar {background-position:0 -44px}
.video .ranking ul.rating.fourstar {background-position:0 -59px}
.video .ranking ul.rating.fivestar {background-position:0 -73px}
/*Fin estilos para dejar prendidas las estrellas*/

.video .ranking ul.rating li a { position:absolute; top:0px; left:0px; width:13px;height:13px;text-decoration:none;z-index: 200; font-size:1px; line-height:1px;}
.video .ranking ul.rating li.one a {left:0}
.video .ranking ul.rating li.two a {left:14px;}
.video .ranking ul.rating li.three a {left:28px;}
.video .ranking ul.rating li.four a {left:42px;}
.video .ranking ul.rating li.five a {left:56px;}
.video .ranking ul.rating li a:hover {z-index:2;width:70px;height:14px;overflow:hidden;left:0; background:url(../img/videos/ranking-stars.gif) no-repeat 0 0;}
.video .ranking ul.rating li.one a:hover {background-position:0 -15px;}
.video .ranking ul.rating li.two a:hover {background-position:0 -30px;}
.video .ranking ul.rating li.three a:hover {background-position:0 -44px}
.video .ranking ul.rating li.four a:hover {background-position:0 -59px}
.video .ranking ul.rating li.five a:hover {background-position:0 -73px}
.dataVideo{ color:#fff; font-size:14px; font-weight:bold; height:34px }
.thumb_video{ width:70px; height:34px; }


.categorias { width:250px; float:right; padding-top:30px;}
.categorias h3{ margin-bottom:10px; margin-left:8px;}
.categorias a{  float:left; height:33px; text-indent:-9000px; margin-bottom:5px; width:250px; display:inline; padding-top:0px;}
.categorias a.cat-1{ background:url(../img/videos/categoria-musica.gif);}
.categorias a.cat-2{ background:url(../img/videos/categoria-destacados.gif)}
.categorias a.cat-3{ background:url(../img/videos/categoria-trailers.gif)}
.categorias a.cat-4{ background:url(../img/videos/categoria-desfiles.gif)}
.categorias a.cat-5{ background:url(../img/videos/categoria-entrevistas.gif)}
.categorias a.cat-6{ background:url(../img/videos/categoria-mundovideo.gif)}
.categorias a.on,
.categorias a:hover{ background-position:right; margin-bottom:5px; width:250px; padding-top:0px;}

.listado { background-color:#11bbff; padding:10px 15px; margin:0 11px 0 15px;}
.listado h3{ background:url(../img/videos/bg-listado-titulo.gif); height:41px; width:604px; padding:10px 15px 0 15px;}
.listado h3 a{ float:right; margin-top:10px;}
.listado .list{ background-color:#c2edfe; margin:0 11px 0 3px; padding-top:15px; height:375px;}
.listado .list .row{ height:100px; margin-bottom:15px;}
.listado .list .item{ float:left; width:75px; margin:0 24px; font-size:11px; color:#ff9c00; display:inline; height:100px;}

/*.listado .list */.pagin {font-weight:700; text-align:center; width:200px; margin:10px auto; color:#11bbff;}
/*.listado .list */.pagin a.bck{padding-left:25px; float:left; font-weight:100; color:#11bbff; background:url(../img/videos/pagin-bck.gif) no-repeat left; height:19px}
/*.listado .list */.pagin a.fwd{padding-right:25px; float:right;font-weight:100; color:#11bbff;background:url(../img/videos/pagin-fwd.gif) no-repeat right; height:19px}
