/*
Document : content
Author : NitsNets Studios
Description:
Estilos principales de la web
*/
@font-face {
font-family: 'GROBOLDNosplay';
src: url('fonts/GROBOLD.eot');
src: url('fonts/GROBOLD.ttf') format('truetype');
}
/* ------------------------------------------------------------------------------------------
* CONSERVAR A PARTIR DE AQUÍ EN LA PRÓXIMA REMODELACIÓN DEL CSS
* ------------------------------------------------------------------------------------------
*/
.comentarios {
background: url(images/ico_comments.gif) no-repeat 0 1px;
color: #676767;
font-size: 9px;
line-height:13px;
padding: 0px 0px 0px 17px;
}
img.label {
padding: 0px 0px 0px 5px;
vertical-align: -3px;
}
img.border { border: 1px solid #6a6a6a; }
#google_maps {
border: 1px solid #6a6a6a;
height: 100%;
width: 100%;
}
h1 {
color: #444444;
font-size: 25px;
line-height:25px;
padding: 0px 0px 18px 0px;
}
/* Etiqueta "span" o "a" con fondo gris y esquinas redondeadas */
span.borde_redondo,
a.border_redondo {
background: url(images/borde_redondo_1.gif) no-repeat 0 0;
color: #ffffff;
display: block;
font-weight:bold;
height: 14px;
line-height:14px;
padding: 0px 0px 0px 8px;
}
span.borde_redondo span,
a.border_redondo span {
background: #a0acad url(images/borde_redondo_2.gif) no-repeat right;
color: #ffffff;
display: block;
float: left;
padding: 0px 8px 0px 0px;
}
/* "Location" Texto: Texto */
.location {
font-size: 9px;
}
.location strong {
color: #0f5e91;
}
/* "Iconos de miembros" Texto: Texto */
.miembros {
background: url(images/miembros.gif) no-repeat 0 0px;
color: #6a6a6a;
display: block;
font-size: 9px;
line-height:13px;
padding: 0px 0px 10px 20px;
}
.miembros strong {
color: #444444;
}
.text {
font-size: 11px;
line-height:14px;
padding: 0px 0px 7px 0px;
}
.author {
color: #6a6a6a;
font-size: 9px;
}
.author strong,
.author a {
color: #0e5e91;
font-weight:bold;
}
.author a.first {
color: #6a6a6a;
}
/* ------------------------------------------------------------
* BLOQUE DERECHA PEQUEÑO
* ------------------------------------------------------------
*/
.block_right_2 {
background: url(images/line_4.gif) no-repeat left bottom;
margin: 0px 0px 12px 0px;
width: 306px;
}
.block_right_2_line {
background: url(images/line_4.gif) no-repeat left bottom;
padding: 0px 0px 10px 0px;
}
.block_right_2 h2 {
background-position: 0px 0px;
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
}
#ultimos_comentarios_evento h2 {
background-image: url(images/eventos/ultimos_comentarios_en_eventos.gif);
height: 24px;
text-indent: -10000px;
}
/* ------------------------------------------------------------
* COMENTARIOS
* ------------------------------------------------------------
*/
.single_comment {
border-bottom: 1px solid #e4e4e4;
margin: 0px 15px;
padding: 10px 0px;
}
.single_comment_last { border: none; }
.single_comment .image { float: left; }
.single_comment .info { float: right; }
.single_comment .title {
color: #0f5e91;
font: bold 13px/15px Verdana;
padding:0px 0px 5px 0px;
text-decoration: underline;
}
.single_comment .title a { color: #0f5e91; text-decoration: underline; }
.single_comment .title a:hover { color: #e36019; }
.single_comment .text {
font: normal 10px/12px Verdana;
padding:0px 0px 5px 0px;
}
/* ------------------------------------------------------------
* NOTICIAS
* ------------------------------------------------------------
*/
.single_new {
border-bottom: 1px solid #e4e4e4;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px;
}
.single_new_last { border: none; }
.single_new_last_2 { border: none; margin: 0px; padding-bottom: 0px; }
.single_new .title {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
color: #0f5e91;
font: bold 13px/15px Verdana;
margin: 0px 0px 7px 0px;
padding:0px 0px 3px 0px;
}
.single_new .title a { color: #0f5e91; text-decoration: none; }
.single_new .title a:hover { color: #e36019; }
.single_new .title .subtitle { color: #6a6a6a; font-size: 10px; }
/* ------------------------------------------------------------
* BLOQUE GRIS TÍPICO DE LA COLUMNA DERECHA
* ------------------------------------------------------------
*/
.block_right_1 {
margin: 0px 0px 20px 0px;
width: 306px;
}
.block_right_1 h2 {
display:none;
}
.block_right_1_line {
background: url(images/line_4.gif) no-repeat left bottom;
padding: 0px 0px 23px 0px;
}
.block_right_1_content {
background-color: #efefef;
background-position: 0px 0px;
background-repeat: no-repeat;
height: auto !important;
height: 100px;
min-height: 100px;
padding: 90px 0px 0px 0px;
}
.block_right_1_footer {
background: url(images/block_right_1_footer.gif) no-repeat 0px 0px;
height: 15px;
}
/* Cabeceras propias de secciones */
#block_los_mas_vistos .block_right_1_content {
background-image: url(images/block_los_mas_vistos.jpg);
}
/* Cosas particulares del más visto */
.total_mini { color: #6a6a6a; font-size: 9px; }
/* ------------------------------------------------------------------------------------------
* ------------------------------------------------------------------------------------------
* ------------------------------------------------------------------------------------------
*/
a {
color: #000000;
cursor: pointer;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
a#siguenos_blog {
background: url(images/siguenos_blog.gif) no-repeat 0 0;
display: block;
height: 139px;
position: relative;
text-indent:-10000px;
width: 306px;
}
a.comprar {
background: url(images/button_comprar.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 20px;
text-indent:-10000px;
width: 76px;
}
a.comprar:hover {
background: url(images/button_comprar.png) no-repeat 0 -20px;
}
a.mas {
background: url(images/button_mas.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 26px;
text-indent:-10000px;
width: 26px;
}
a.mas:hover {
background: url(images/button_mas.png) no-repeat 0 -26px;
}
a.mas_premium {
background: url(images/button_premium.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 26px;
text-indent:-10000px;
width: 26px;
}
a.mas_premium:hover {
background: url(images/button_premium.png) no-repeat 0 -26px;
}
a.comprar2 {
background: url(images/button_comprar2.png) no-repeat top center;
cursor: pointer;
display: block;
height: 26px;
text-indent:-10000px;
width: 26px;
}
a.comprar2:hover {
background: url(images/button_comprar2_f2.png) no-repeat top center;
}
a.unirme {
background: url(images/clan_listado_unirme.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 25px;
text-indent:-10000px;
width: 90px;
}
a.unirme:hover {
background: url(images/clan_listado_unirme.png) no-repeat 0 -25px;
}
a.abandonar {
background: url(images/clan_listado_abandonar.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 26px;
text-indent:-10000px;
width: 112px;
}
a.mail_privado {
background: url(images/ico_email.gif) no-repeat 0 0;
color: #6a6a6a;
font-size: 9px;
font-weight:bold;
height: 12px;
padding: 0px 0px 2px 20px;
}
a.anyadir_contenido {
background: url(images/button_anyadir_contenido.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 25px;
text-indent:-10000px;
width: 152px;
}
a.anyadir_contenido:hover {
background: url(images/button_anyadir_contenido.png) no-repeat 0 -25px;
}
a#anyadir_amigo {
background: url(images/button_anyadir_amigo.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 25px;
margin: 0px 0px 0px 70px;
text-indent:-10000px;
width: 152px;
}
a#anyadir_amigo:hover {
background: url(images/button_anyadir_amigo.png) no-repeat 0 -25px;
}
a#enviar_mensaje {
background: url(images/button_anyadir_mensaje.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 25px;
margin: 2px 0px 0px 70px;
text-indent:-10000px;
width: 152px;
}
a#enviar_mensaje:hover {
background: url(images/button_anyadir_mensaje.png) no-repeat 0 -25px;
}
a.anyadir_juego {
background: url(images/button_anyadir_juego.png) no-repeat 0 0;
display: block;
height: 25px;
text-indent:-10000px;
width: 165px;
}
a.anyadir_juego:hover {
background: url(images/button_anyadir_juego.png) no-repeat 0 -25px;
}
a.rss {
background: url(images/footer_rss.png) no-repeat 0 0;
display: block;
height: 37px;
position: relative;
text-indent:-10000px;
width: 40px;
}
a.rss_ficha_juego {
color: #A0ACAD;
float: left;
font-weight:bold;
margin: -30px 0px 0px 12px;
line-height:35px;
text-indent:42px;
width: auto;
}
a.anyadir_amigos {
background: url(images/button_anyadir_amigos.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 25px;
text-indent:-10000px;
width: 132px;
}
a.anyadir_amigos:hover {
background: url(images/button_anyadir_amigos.png) no-repeat 0 -25px;
}
a.button_twitter {
background: url(images/button_twitter.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 26px;
text-indent:-10000px;
width: 26px;
}
a.button_twitter:hover {
background: url(images/button_twitter.png) no-repeat 0 -26px;
}
a.button_facebook {
background: url(images/button_facebook.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 26px;
text-indent:-10000px;
width: 26px;
}
a.button_facebook:hover {
background: url(images/button_facebook.png) no-repeat 0 -26px;
}
a.button_hype {
background: url(images/button_hype.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 26px;
text-indent:-10000px;
width: 26px;
}
a.button_hype:hover {
background: url(images/button_hype.png) no-repeat 0 -26px;
}
a.miembro_email {
background: url(images/clan_ficha_miembros_email.gif) no-repeat center 0;
display: block;
float: left;
height: 28px;
text-indent:-10000px;
width: 27px;
}
a.miembro_email:hover {
background: url(images/clan_ficha_miembros_email_f2.gif) no-repeat center 0;
}
a.miembro_ascender {
background: url(images/clan_ficha_miembros_ascender.gif) no-repeat center 0;
display: block;
float: left;
height: 26px;
text-indent:-10000px;
width: 28px;
}
a.miembro_ascender:hover {
background: url(images/clan_ficha_miembros_ascender_f2.gif) no-repeat center 0;
}
a.miembro_descender {
background: url(images/clan_ficha_miembros_descender.gif) no-repeat center 0;
display: block;
float: left;
height: 26px;
text-indent:-10000px;
width: 28px;
}
a.miembro_descender:hover {
background: url(images/clan_ficha_miembros_descender_f2.gif) no-repeat center 0;
}
a.miembro_eliminar {
background: url(images/clan_ficha_miembros_eliminar.gif) no-repeat center 0;
display: block;
float: left;
height: 26px;
text-indent:-10000px;
width: 28px;
}
a.miembro_eliminar:hover {
background: url(images/clan_ficha_miembros_eliminar_f2.gif) no-repeat center 0;
}
a.eliminar {
background: url(images/clan_ficha_miembros_eliminar.gif) no-repeat center 0;
display: block;
float: left;
height: 26px;
text-indent:-10000px;
width: 28px;
}
a.eliminar:hover {
background: url(images/clan_ficha_miembros_eliminar_f2.gif) no-repeat center 0;
}
a.eliminar_gris {
background: url(images/clan_ficha_miembros_eliminar_gris.gif) no-repeat center 0;
display: block;
float: left;
height: 26px;
text-indent:-10000px;
width: 28px;
}
a.eliminar_gris:hover {
background: url(images/clan_ficha_miembros_eliminar_gris_f2.gif) no-repeat center 0;
}
a.responder {
background: url(images/button_responder.gif) no-repeat 0 0;
display: block;
float: left;
height: 20px;
text-indent:-10000px;
width: 90px;
}
a.responder:hover {
background: url(images/button_responder.gif) no-repeat 0 -20px;
}
a.ver_respuestas {
background: url(images/link_ver_respuestas.gif) no-repeat 0 3px;
color: #6a6a6a;
display: block;
float: left;
font-size: 9px;
line-height:12px;
padding: 2px 10px 5px 28px;
position: relative;
}
a.ocultar_respuestas {
background: url(images/link_ocultar_respuestas.gif) no-repeat 0 3px;
color: #6a6a6a;
display: block;
float: left;
font-size: 9px;
line-height:12px;
padding: 2px 10px 5px 28px;
position: relative;
}
a.dinamico {
background: url(images/dinamico_1.gif) no-repeat 0 0;
color: #ffffff;
display: block;
float: left;
font-size: 10px;
font-weight:bold;
height: 14px;
line-height:13px;
padding: 0px 0px 0px 1px;
margin: 0px 0px 10px 0px;
position: relative;
}
a.dinamico span {
background: #ffffff url(images/dinamico_2.gif) no-repeat right top;
color: #ffffff;
cursor: pointer;
display: block;
float: left;
padding: 0px 6px 1px 5px;
text-align: center;
}
a.dinamico:hover {
background: url(images/dinamico_1_2.gif) no-repeat 0 0;
text-decoration: none;
}
a.dinamico:hover span {
background: #ffffff url(images/dinamico_2_2.gif) no-repeat right top;
}
a.siguiente {
background: url(images/button_siguiente.gif) no-repeat 0 0;
display: block;
float: left;
height: 20px;
margin: 0px 0px 0px 6px;
text-indent:-10000px;
width: 82px;
}
a.siguiente:hover {
background: url(images/button_siguiente.gif) no-repeat 0 -20px;
}
a.saltar {
background: url(images/button_saltar.gif) no-repeat 0 0;
display: block;
float: left;
height: 20px;
margin: 0px 0px 0px 6px;
text-indent:-10000px;
width: 82px;
}
a.saltar:hover {
background: url(images/button_saltar.gif) no-repeat 0 -20px;
}
a.guardar {
background: url(images/button_guardar.gif) no-repeat 0 0;
display: block;
float: left;
height: 20px;
margin: 0px 0px 0px 6px;
text-indent:-10000px;
width: 82px;
}
a.guardar:hover {
background: url(images/button_guardar.gif) no-repeat 0 -20px;
}
a.plataforma_delete {
background: url(images/usuario_asistente_plataforma_right.gif) no-repeat right;
color: #ffffff;
display: block;
float: left;
font-size: 10px;
font-weight:bold;
height: 25px;
line-height:26px;
padding: 0px 25px 0px 1px;
margin: 0px 8px 5px 0px;
position: relative;
}
a.plataforma_delete span {
background: #ffffff url(images/usuario_asistente_plataforma_left.gif) no-repeat 0 0;
color: #ffffff;
cursor: pointer;
display: block;
float: left;
height: 25px;
padding: 0px 5px;
text-align: center;
}
a.plataforma_delete:hover {
text-decoration: none;
}
a.invitar_amigo {
background: url(images/button_invitar_amigo.gif) no-repeat 0 0;
display: block;
float: left;
height: 20px;
margin: 11px 0px 0px 0px;
text-indent:-10000px;
width: 142px;
}
a.invitar_todos {
background: url(images/bt_enviar_todos.gif) no-repeat 0 0;
display: block;
float: left;
height: 20px;
margin: 6px 0px 0px 0px;
text-indent:-10000px;
width: 122px;
}
a.invitar_seleccionados {
background: url(images/bt_enviar_seleccionados.gif) no-repeat 0 0;
display: block;
float: left;
height: 20px;
margin: 6px 0px 0px 0px;
text-indent:-10000px;
width: 172px;
}
.rss_list {
background: url(images/ico_rss.gif) no-repeat 0 0;
color: #333333;
line-height: 13px;
padding: 2px 0px 2px 50px;
}
a.rss_list {
text-decoration: none;
}
a.rss_list:hover {
color: #e89a2e;
text-decoration: none;
}
.epub_list {
background: url(images/ico_epub.gif) no-repeat 0 0;
color: #333333;
line-height: 13px;
padding: 2px 0px 2px 50px;
}
a.epub_list {
text-decoration: none;
}
a.epub_list:hover {
color: #e89a2e;
text-decoration: none;
}
.mobi_list {
background: url(images/ico_mobi.gif) no-repeat 0 0;
color: #333333;
line-height: 13px;
padding: 2px 0px 2px 50px;
}
a.mobi_list {
text-decoration: none;
}
a.mobi_list:hover {
color: #e89a2e;
text-decoration: none;
}
span.game {
background: url(images/clan_listado_game_1.gif) no-repeat 0 0;
color: #ffffff;
display: block;
font-weight:bold;
height: 14px;
line-height:13px;
padding: 0px 0px 0px 8px;
margin: 0px 0px 6px 0px;
}
span.game a {
background: #a0acad url(images/clan_listado_game_2.gif) no-repeat right;
color: #ffffff;
display: block;
float: left;
padding: 0px 8px 1px 0px;
}
span.game:hover {
background: url(images/clan_listado_game_1_f2.gif) no-repeat 0 0;
}
span.game:hover a {
background: #2c2d2d url(images/clan_listado_game_2_f2.gif) no-repeat right;
text-decoration: none;
}
span.time {
background: url(images/ico_activity.gif) no-repeat 0 3px;
color: #6a6a6a;
display: block;
font-size: 9px;
line-height:12px;
padding: 2px 0px 5px 12px;
position: relative;
}
span.time a {
color: #6a6a6a;
}
span.tags {
background: url(images/line_dashed_1.gif) repeat-x 0px 0px;
color: #0f5e91;
display: block;
font-size: 9px;
font-weight: bold;
line-height: 12px;
padding: 8px 0px 12px 0px;
}
span.votos {
background: url(images/ico_comments.gif) no-repeat 0px 1px;
color: #6a6a6a;
display: block;
font-size: 9px;
font-weight: bold;
padding: 0px 4px 5px 18px;
width: 50px;
}
span.info {
background: url(images/usuario_asistente_info.gif) no-repeat 0 3px;
color: #6a6a6a;
display: block;
padding: 0px 10px 10px;
}
span.analisis {
background: url(images/juego_ficha_analisis.gif) no-repeat 0 0;
color: #ffffff;
display: block;
float: left;
font-size: 18px;
font-weight:bold;
height: 26px;
line-height:24px;
text-align: center;
width: 50px; /* 50px */
}
div.avatar_name {
color: #6a6a6a;
font-size: 10px;
font-weight:bold;
padding: 0px 0px 8px 3px;
text-align: center;
width: 78px;
}
div.avatar_name a {
color: #6a6a6a;
}
.members {
background: url(images/juego_listado_home_members.gif) no-repeat 0px 7px;
color: #0f5e91;
font-size: 9px;
font-weight: bold;
padding: 9px 0px 6px 20px;
}
.blue {
color: #0f5e91;
}
p {
font-size: 11px;
line-height: 13px;
padding: 0px 0px 12px 0px;
word-wrap: break-word;
}
p a {
color: #0f5e91;
font-weight: bold;
text-decoration: underline;
}
p.question {
font-size: 12px;
font-weight: bold;
line-height: 13px;
padding: 0px 0px 15px 0px;
}
div {
word-wrap: break-word;
}
address {
font-style: normal;
font-size: 11px;
line-height: 22px;
padding: 0px 0px 12px 60px;
}
h1, h2, h3, h4, h5 {
word-wrap: break-word;
}
h1 {
position: relative;
}
h1#ultimas_actualizaciones {
background: url(images/ultimas_actualizaciones.gif) no-repeat 0 0;
height: 37px;
text-indent:-10000px;
}
#videos_destacados h1 {
background: url(images/videos_destacados.gif) no-repeat 0 0;
height: 37px;
text-indent:-10000px;
}
h2 {
font-size: 12px;
line-height: 14px;
padding: 0px 0px 5px 0px;
}
h2.like_h1 {
padding: 5px 0px 18px 0px;
}
ul {
font-size: 11px;
line-height: 13px;
}
ul li {
/*float:left;*/
list-style: disc;
list-style-position: inside;
padding: 0px 0px 12px 0px;
}
.stars {
background: url(images/stars.png) no-repeat 0px 0px;
color: #666666;
font-size: 9px;
font-weight:bold;
height: 21px; /* 25px */
padding: 2px 0px 0px 6px;
width: 82px; /* 91px */
}
.stars_with_votes { line-height: 14px; width: auto; }
.stars_with_votes span { padding: 0px 0px 0px 10px; }
img.star {
float: left;
padding:0px 1px 0px 0px;
}
.ver_mas {
color: #a0acad;
font-weight: bold;
padding: 9px 0px 0px 0px;
text-align: right;
}
.ver_mas a {
color: #a0acad;
}
.ver_mas_line {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
color: #a0acad;
font-weight: bold;
padding: 9px 0px 0px 0px;
text-align: right;
}
.ver_mas_line a {
color: #a0acad;
}
.listado_line_1 {
border-top: 1px solid #e4e4e4;
clear: both;
height: 12px;
margin: 0px 0px 0px 14px;
position: relative;
}
.listado_line_2 {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
clear: both;
height: 11px;
margin: 14px 0px 0px 0px;
position: relative;
}
/* Estilo de no hay .... */
/*.nohay {
margin-top: 15px;
margin-bottom: 5px;
}*/
#xboxlive_card .nohay {
/*background: url(images/clan_listado_game_1.gif) no-repeat 0 0;*/
background: url(images/nohay_1.gif) no-repeat 0 0;
color: #ffffff;
display: block;
font-weight:bold;
height: 17px;
line-height:16px;
padding: 0px 0px 0px 1px;
margin: 15px 0px 10px 0px;
position: relative;
left: 12%;
}
.content .nohay {
left: 25%;
}
.nohay {
/*background: url(images/clan_listado_game_1.gif) no-repeat 0 0;*/
background: url(images/nohay_1.gif) no-repeat 0 0;
color: #ffffff;
display: block;
font-weight:bold;
height: 17px;
line-height:16px;
padding: 0px 0px 0px 1px;
margin: 15px 0px 10px 0px;
position: relative;
left: 34%;
}
.nohay span {
/*background: #a0acad url(images/clan_listado_game_2.gif) no-repeat right;*/
background: #ffffff url(images/nohay_2.gif) no-repeat right top;
color: #ffffff;
display: block;
float: left;
padding: 0px 6px 1px 5px;
text-align: center;
}
/* ---------------------------------------------------------
* AVATARES
* ---------------------------------------------------------
*/
/* Avatar pequeño (HOME) */
.avatar_1 {
height: 78px;
position: relative;
width: 78px;
}
.avatar_1 img {
left: 10px;
position: absolute;
top: 0px;
}
.avatar_1 .mask {
background: url(images/avatar_mask_1.png) no-repeat 0 0;
cursor: pointer;
height: 58px;
left: 10px;
position: absolute;
top: 0px;
width: 58px;
}
.avatar_1 .name {
color: #6a6a6a;
display: block;
font-size: 10px;
font-weight:bold;
height: 14px;
position: absolute;
text-align: center;
top: 63px;
width: 78px;
}
.avatar_1 .name a {
color: #6a6a6a;
}
/* Avatar pequeño Gris */
.avatar_2 {
height: 78px;
position: relative;
width: 78px;
}
.avatar_2 img {
left: 12px;
position: absolute;
top: 2px;
}
.avatar_2 .mask {
background: url(images/avatar_mask_2.png) no-repeat 0 0;
cursor: pointer;
height: 62px;
left: 10px;
position: absolute;
top: 0px;
width: 62px;
}
.avatar_2 .name {
color: #6a6a6a;
display: block;
font-size: 10px;
font-weight:bold;
height: 14px;
position: absolute;
text-align: center;
top: 63px;
width: 78px;
}
.avatar_2 .name a {
color: #6a6a6a;
}
.notificaciones_bar {
background: url(images/notificaciones.png) no-repeat 0 0;
color: #ffffff;
cursor: pointer;
display: block;
float: left;
font-size: 9px;
font-weight:bold;
height: 21px;
margin: 3px 5px 0px 0px;
padding: 4px 4px 0px;
position: relative;
text-align: center;
width: 27px;
}
.notificaciones_bar2 {
background: url(images/notificaciones_nogrey.png) no-repeat 0 0;
color: #ffffff;
cursor: pointer;
display: block;
float: left;
font-size: 9px;
font-weight:bold;
height: 21px;
margin: 3px 5px 0px 0px;
padding: 4px 4px 0px;
position: relative;
text-align: center;
width: 27px;
}
.carrito_bar {
background: url(images/notificaciones_carrito.png) no-repeat 0 0;
color: #ffffff;
cursor: pointer;
display: block;
float: left;
font-size: 9px;
font-weight:bold;
height: 21px;
margin: 3px 4px 0px 0px;
padding: 4px 13px 0px;
position: relative;
text-align: right;
width: 14px;
}
.carrito_bar2 {
background: url(images/notificaciones_carrito_nogrey.png) no-repeat 22px 0;
color: #ffffff;
cursor: pointer;
display: block;
float: left;
font-size: 9px;
font-weight:bold;
height: 21px;
margin: 3px 5px 0px 0px;
padding: 4px 12px 0px;
position: relative;
text-align: right;
width: 37px;
}
/** notificaciones carrito **/
.carrito_bar #resultadoPlataformas_notificaciones_carrito{
display: none;
left: -95px;
text-align: left;
top: 25px;
}
.carrito_bar2 #resultadoPlataformas_notificaciones_carrito {
display: none;
left: -73px;
text-align: left;
top: 25px;
}
.carrito_bar #resultadoPlataformas_notificaciones_carrito a, .carrito_bar2 #resultadoPlataformas_notificaciones_carrito a {
display: inline;
}
.carrito_bar .info_notificacion, .carrito_bar2 .info_notificacion {
padding: 5px 7px 7px 7px;
border-bottom: 1px solid #666666;
background: url(images/usuario_logro_info2.gif) no-repeat 0 11px;
}
.info_notificacion_menu {
padding: 5px 7px 7px 7px;
border-bottom: 1px solid #666666;
background: url(images/usuario_logro_info2.gif) no-repeat 0 9px;
}
.carrito_bar .info_notificacion_last, .carrito_bar2 .info_notificacion_last {
padding: 5px 7px 7px 7px;
border-bottom: none;
background: url(images/usuario_logro_info2.gif) no-repeat 0 11px;
}
.info_notificacion_menu_last {
padding: 5px 7px 7px 7px;
border-bottom: none;
background: url(images/usuario_logro_info2.gif) no-repeat 0 9px;
}
.info_notificacion_menu a, .info_notificacion_menu_last a{
color: #fff;
}
.carrito_bar .info_notificacion_simple, .carrito_bar2 .info_notificacion_simple {
padding: 0px 0px 0px 0px;
}
.info_notificacion_simple {
font-weight: normal;
}
.carrito_bar .info_notificacion_old, .carrito_bar2 .info_notificacion_old {
padding: 5px 7px 7px 7px;
border-bottom: 1px solid #666666;
color: #6a6a6a;
background: url(images/usuario_logro_info2_f2.gif) no-repeat 0 11px;
}
/** notificaciones normales **/
.notificaciones_bar #resultadoPlataformas_notificaciones,.notificaciones_bar2 #resultadoPlataformas_notificaciones {
display: none;
left: -102px;
text-align: left;
top: 25px;
}
.notificaciones_bar #resultadoPlataformas_notificaciones a, .notificaciones_bar2 #resultadoPlataformas_notificaciones a {
display: inline;
}
.notificaciones_bar .info_notificacion, .notificaciones_bar2 .info_notificacion {
padding: 5px 7px 7px 7px;
border-bottom: 1px solid #666666;
background: url(images/usuario_logro_info2.gif) no-repeat 0 11px;
}
.notificaciones_bar .info_notificacion_simple, .notificaciones_bar2 .info_notificacion_simple {
padding: 0px 0px 0px 0px;
}
.notificaciones_bar .info_notificacion_old, .notificaciones_bar2 .info_notificacion_old {
padding: 5px 7px 7px 7px;
border-bottom: 1px solid #666666;
color: #6a6a6a;
background: url(images/usuario_logro_info2_f2.gif) no-repeat 0 11px;
}
/* ---------------------------------------------------------
* BANNERS
* ---------------------------------------------------------
*/
.home_column {
position: relative;
}
.banner {
margin: 0px 0px 25px 0px;
overflow: hidden;
position: relative;
}
.banner_mini {
position: absolute;
right: 0px;
top: 0px;
}
.banner img {
float: left;
position: relative;
}
.banner_corner_tl {
background: url(images/banner_corner_tl.png) no-repeat 0 0;
height: 5px;
left: 0px;
position: absolute;
top: 0px;
width: 5px;
}
.banner_corner_tr {
background: url(images/banner_corner_tr.png) no-repeat 0 0;
height: 5px;
position: absolute;
right: 0px;
top: 0px;
width: 5px;
}
.banner_corner_bl {
background: url(images/banner_corner_bl.png) no-repeat 0 0;
bottom: 0px;
height: 5px;
left: 0px;
position: absolute;
width: 5px;
}
.banner_corner_br {
background: url(images/banner_corner_br.png) no-repeat 0 0;
bottom: 0px;
height: 5px;
position: absolute;
right: 0px;
width: 5px;
}
/* Según posición */
#home_column_right .banner {
margin: 0px 0px 13px 0px;
}
#banner_list {
padding: 0px 0px 20px 0px;
position: relative;
}
#banner_list #banner {
margin: 0px 0px 20px 0px;
}
#banner_list .column_left {
float: left;
position: relative;
width: 290px;
}
#banner_list .column_right {
float: right;
position: relative;
width: 290px;
}
/* ---------------------------------------------------------
* PAGINACIÓN
* ---------------------------------------------------------
*/
#pager {
color: #a0acad;
font-size: 9px;
font-weight:bold;
padding: 0px 0px 7px 0px;
position: relative;
text-align: center;
}
#pager.with_line {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
padding: 10px 0px 35px 0px;
}
#pager #num_resultados {
font-weight:bold;
left: 14px;
position: absolute;
top: 5px;
_left: -38%;
}
#pager span.total {
color: #0F5E91;
font-size: 11px;
}
#pager a {
color: #a0acad;
padding: 1px 3px 2px;
}
#pager a.selected_1 {
background: url(images/pager_1.gif) no-repeat center top;
color: #ffffff;
padding: 1px 5px 2px 7px;
}
#pager a.selected_1:hover {
text-decoration: none;
}
#pager.grey a.selected_1 {
background: url(images/pager_1_gris.gif) no-repeat center top;
}
#pager a.selected_2 {
background: url(images/pager_2.gif) no-repeat center top;
color: #ffffff;
padding: 1px 6px 2px 6px;
}
#pager a.selected_2:hover {
text-decoration: none;
}
#pager.grey a.selected_2 {
background: url(images/pager_2_gris.gif) no-repeat center top;
}
#pager a.selected_3 {
background: url(images/pager_3.gif) no-repeat center top;
color: #ffffff;
padding: 1px 6px 2px 6px;
}
#pager a.selected_3:hover {
text-decoration: none;
}
#pager.grey a.selected_3 {
background: url(images/pager_3_gris.gif) no-repeat center top;
}
#pager a.selected_4 {
background: url(images/pager_4.gif) no-repeat center top;
color: #ffffff;
padding: 1px 6px 2px 6px;
}
#pager a.selected_4:hover {
text-decoration: none;
}
#pager.grey a.selected_4 {
background: url(images/pager_4_gris.gif) no-repeat center top;
}
#pager img {
padding: 0px 3px;
vertical-align: -9px;
}
/* ---------------------------------------------------------
* MENÚ
* ---------------------------------------------------------
*/
#logo {
display: block;
height: 50px;
left: 120px;
position: absolute;
text-indent: -10000px;
top: 5px;
width: 185px;
}
#nav {
left: 395px;
position: absolute;
width: 687px;
}
#nav a {
background: url(images/nav.jpg) no-repeat 0 0;
display: block;
float: left;
height: 36px;
position: relative;
text-indent:-10000px;
}
#nav a#juegos {
background-position: 0px 0px;
width: 68px;
}
#nav a#juegos:hover,
#nav a#juegos.selected {
background-position: 0px -36px;
}
#nav a#articulos {
background-position: -68px 0px;
width: 96px;
}
#nav a#articulos:hover,
#nav a#articulos.selected {
background-position: -68px -36px;
}
#nav a#noticias {
background-position: -164px 0px;
width: 96px;
}
#nav a#noticias:hover,
#nav a#noticias.selected {
background-position: -164px -36px;
}
#nav a#eventos {
background-position: -260px 0px;
width: 72px;
}
#nav a#eventos:hover,
#nav a#eventos.selected {
background-position: -260px -36px;
}
#nav a#clanes {
background-position: -332px 0px;
width: 72px;
}
#nav a#clanes:hover,
#nav a#clanes.selected {
background-position: -332px -36px;
}
#nav a#grupos {
background-position: -404px 0px;
width: 72px;
}
#nav a#grupos:hover,
#nav a#grupos.selected {
background-position: -404px -36px;
}
#nav a#colaboradores {
background-position: -476px 0px;
width: 119px;
}
#nav a#colaboradores:hover,
#nav a#colaboradores.selected {
background-position: -476px -36px;
}
#nav a#explora {
background-position: -595px 0px;
width: 92px;
}
#nav a#explora:hover,
#nav a#explora.selected {
background-position: -595px -36px;
}
/* ---------------------------------------------------------
* LOGIN
* ---------------------------------------------------------
*/
#login_bg {
background: url(images/login.png) no-repeat 0 0;
height: 30px;
position: absolute;
top: 71px;
width: 100%;
z-index: 105;
}
#login_content {
height: 30px;
left: 50%;
margin: 0px 0px 0px -490px;
position: absolute;
top: 71px;
width: 980px;
z-index: 110;
/* Nueva posición */
left: 0px;
margin: 0px auto;
position: relative;
top: 0px;
}
#login_search {
float: left;
height: 30px;
padding: 0px 0px 0px 10px;
position: relative;
}
#login_enter {
float: right;
height: 30px;
padding: 0px 10px 0px 0px;
position: relative;
}
#login_enter #registrarse {
background: url(images/login_enter_registrarse.png) no-repeat 0 0;
cursor: pointer;
display: block;
float: left;
height: 30px;
margin: 0px 0px 0px -8px;
text-indent:-10000px;
width: 100px;
}
#login_enter #registrarse:hover {
background: url(images/login_enter_registrarse.png) no-repeat 0 -30px;
}
#login_enter #registrarse_ab {
background: url(images/login_enter_registrarse2.png) no-repeat 0 0;
cursor: pointer;
display: block;
float: left;
height: 30px;
margin: 0px 0px 0px -8px;
text-indent:-10000px;
width: 100px;
}
#login_enter #registrarse_ab:hover {
background: url(images/login_enter_registrarse2.png) no-repeat 0 -30px;
}
#bienvenido {
background: url(images/login_bienvenido.png) repeat-x 0 0;
color: #e7e7e7;
float: left;
height: 30px;
line-height:29px;
margin: 0px -6px 0px 0px;
padding: 0px 15px 0px 12px;
position: relative;
}
#bienvenido strong,
#bienvenido a {
color: #ffffff;
}
/* ---------------------------------------------------------
* FOOTER
* ---------------------------------------------------------
*/
#nav_footer {
/*background: url(images/nav_footer_line.gif) repeat-x left bottom;*/
height: 47px;
padding: 0px 7px 0px 0px;
position: relative;
}
#nav_footer a {
background: url(images/nav_footer.gif) no-repeat 0 0;
display: block;
float: left;
height: 24px;
margin: 15px 0px 0px 0px;
position: relative;
text-indent:-10000px;
}
#nav_footer a#conocenos {
background-position: 0px 0px;
width: 83px;
}
#nav_footer a#conocenos:hover {
background-position: 0px -24px;
}
#nav_footer a#blog_oficial {
background-position: -83px 0px;
width: 88px;
}
#nav_footer a#blog_oficial:hover {
background-position: -83px -24px;
}
#nav_footer a#contacta_nosotros {
background-position: -171px 0px;
width: 151px;
}
#nav_footer a#contacta_nosotros:hover {
background-position: -171px -24px;
}
#nav_footer a#condiciones {
background-position: -320px 0px;
width: 126px;
}
#nav_footer a#condiciones:hover {
background-position: -320px -24px;
}
#nav_footer a#ayudas {
background-position: -446px 0px;
width: 80px;
}
#nav_footer a#ayudas:hover {
background-position: -446px -24px;
}
#nav_footer a#politica {
background-position: -528px 0px;
width: 157px;
}
#nav_footer a#politica:hover {
background-position: -528px -24px;
}
#nav_footer a#facebook {
background: url(images/footer_facebook.png) no-repeat 0 0;
height: 37px;
float: right;
margin: 7px 0px 0px 0px;
position: relative;
width: 40px;
z-index: 500;
}
#nav_footer a#twitter {
background: url(images/footer_twitter.png) no-repeat 0 0;
height: 37px;
float: right;
margin: 7px 0px 0px 0px;
position: relative;
width: 40px;
z-index: 500;
}
#nav_footer a#rss {
background: url(images/footer_rss.png) no-repeat 0 0;
height: 37px;
float: right;
margin: 7px 0px 0px 0px;
position: relative;
width: 40px;
z-index: 500;
}
#nav_footer a#ebook {
background: url(images/footer_ebook.png) no-repeat 0 0;
height: 37px;
float: right;
margin: 7px 0px 0px 0px;
position: relative;
width: 40px;
z-index: 500;
}
#footer_2_content #copyright {
color: #b1b3ba;
line-height:14px;
padding: 4px 0px 0px 0px;
position: relative;
text-align: right;
z-index: 500;
}
#footer_2_content #copyright a {
color: #b1b3ba;
}
/* Plataformas */
#footer_plataformas {
float: left;
position: relative;
width: 255px;
z-index: 70;
}
#footer_plataformas .title {
background: url(images/footer_plataformas.gif) no-repeat 0 0;
display: block;
height: 17px;
text-indent:-10000px;
width: 255px;
}
#footer_plataformas .column {
color: #ffffff;
float: left;
font-weight:bold;
padding: 15px 0px 0px 9px;
width: 76px; /* 85px */
}
#footer_plataformas .column span {
display: block;
padding: 0px 0px 5px 0px;
}
#footer_plataformas .column a {
color: #ffffff;
font-weight:bold;
}
/* Juegos populares */
#footer_juegos_populares {
float: left;
margin: 0px 0px 0px 28px;
position: relative;
width: 262px;
z-index: 70;
}
#footer_juegos_populares .title {
background: url(images/footer_juegos_populares.gif) no-repeat 0 0;
display: block;
height: 16px;
text-indent:-10000px;
width: 262px;
}
#footer_juegos_populares .content {
background: #454545 url(images/footer_juegos_populares_bottom.gif) no-repeat left bottom;
}
#footer_juegos_populares .column {
color: #ffffff;
float: left;
font-weight:bold;
padding: 16px 0px 15px 10px;
_padding: 15px 0px 15px 10px;
width: 120px; /* 130x */
}
#footer_juegos_populares .column span {
display: block;
padding: 0px 0px 5px 0px;
}
#footer_juegos_populares .column a {
color: #ffffff;
font-weight:bold;
}
/* Contenidos populares */
#footer_contenidos_populares {
float: right;
position: relative;
width: 255px;
z-index: 70;
}
#footer_contenidos_populares .title {
background: url(images/footer_contenidos_populares.gif) no-repeat 0 0;
display: block;
height: 17px;
text-indent:-10000px;
width: 255px;
}
#footer_contenidos_populares .column {
color: #ffffff;
float: left;
font-weight:bold;
padding: 15px 0px 0px 10px;
width: 240px; /* 250px */
}
#footer_contenidos_populares .column span {
display: block;
line-height:12px;
padding: 0px 0px 5px 0px;
}
#footer_contenidos_populares .column a {
color: #ffffff;
font-weight:bold;
}
#footer_contenidos_populares .column span.usernick {
display: inline;
font-weight: normal;
}
#footer_destacado {
position: absolute;
left: 882px;
z-index: 1;
top: 0;
}
#footer_destacado img {
float: left;
}
/* ---------------------------------------------------------
* DESTACADO
* ---------------------------------------------------------
*/
#home_destacado {
height: 443px;
left: 50%;
margin: 0px 0px 0px -766px;
position: absolute;
top: 71px;
/*width: 1110px;*/
width: 930px;
z-index: 2;
}
#home_destacado_no_flash { }
#home_destacado_no_flash img { display: block; }
#home_destacado_no_flash .info {
background: url(images/pie_mensaje_fondo.jpg) no-repeat 0px 0px;
height: 87px;
margin: 0px 0px 0px 298px;
width: 600px;
}
#home_destacado_no_flash .title {
color: #0F5E91;
font: normal 18px/22px Verdana;
padding: 5px 10px 10px 60px;
}
#home_destacado_no_flash .subtitle {
padding: 5px 50px 10px 60px;
}
#home_destacado_no_flash .subtitle a { color: #999999; font-weight: bold; }
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* HOME
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
/* Línea */
#home_column_left .line {
background: url(images/home_column_left_line.gif) no-repeat 0px 26px;
height: 48px;
position: relative;
}
/* FAQ's */
#home_faqs {
background: #efefef url(images/home_faqs.gif) no-repeat left bottom;
margin: 0px 0px 25px 0px;
padding: 45px 1px 15px 1px;
position: relative;
}
#home_faqs #que_es_esto {
background: url(images/home_faqs_que_es_esto.gif) no-repeat 0 0;
display: block;
height: 47px;
text-indent:-10000px;
}
#home_faqs #que_puedo_hacer {
background: url(images/home_faqs_que_puedo_hacer.gif) no-repeat 0 0;
display: block;
height: 47px;
text-indent:-10000px;
}
#home_faqs #por_que_registro {
background: url(images/home_faqs_por_que_registro.gif) no-repeat 0 0;
display: block;
height: 60px;
text-indent:-10000px;
}
#home_faqs .text {
font-size: 11px;
line-height:13px;
/* ORIGINAL : padding: 10px 30px 10px 61px; */
padding: 10px 20px 10px 32px;
}
/* Panel de usuario */
#home_user_panel {
background: #797979 url(images/home_user_panel.gif) no-repeat left bottom;
margin: 0px 0px 25px 0px;
padding: 48px 12px 18px;
position: relative;
}
#home_user_panel .content {
background: #797979 url(images/home_user_panel_2.gif) no-repeat 0 0;
height: auto !important;
height: 193px;
min-height: 193px;
position: relative;
}
#home_user_panel .avatar_1 {
height: 62px;
width: 60px;
}
#home_user_panel .avatar_1 .mask {
background: url(images/avatar_mask_8.png) no-repeat 0 0;
left: 0px;
}
#home_user_panel .avatar_1 img {
left: 0px;
}
#home_user_panel .user_name {
color: #ffffff;
display: block;
font-size: 16px;
font-weight:bold;
height: 28px;
line-height:28px;
position: absolute;
right: 0px;
top: 11px;
width: 212px;
}
#home_user_panel .user_name a {
color: #ffffff;
}
#home_user_panel .rank {
color: #ffffff;
display: block;
font-size: 9px;
font-weight:bold;
height: 16px; /* 30px */
position: absolute;
left: 49px;
top: 86px;
width: 47px;
}
#home_user_panel .points {
color: #a2a2a2;
display: block;
font-size: 9px;
height: 16px; /* 30px */
position: absolute;
left: 11px;
top: 106px;
width: 100px;
}
#home_user_panel .points strong {
color: #5c5c5c;
}
#home_user_panel a.mi_perfil {
background: url(images/home_user_panel_mi_perfil.gif) no-repeat 0 0;
display: block;
height: 18px;
left: 11px;
position: absolute;
text-indent:-10000px;
top: 163px;
width: 101px;
}
#home_user_panel a.contenido {
background: url(images/home_user_panel_contenido.gif) no-repeat 0 0;
display: block;
height: 26px;
left: 11px;
position: absolute;
text-indent:-10000px;
top: 130px;
width: 101px;
z-index: 200;
}
#home_user_panel .mis {
float: right;
margin: -16px 0px 0px 0px;
position: relative;
width: 151px;
}
#home_user_panel .mis a {
color: #a2a2a2;
display: block;
height: 24px;
margin: 0px 0px 3px 0px;
line-height:22px;
padding: 0px 0px 0px 35px;
}
#home_user_panel .mis a.mis_juegos {
background: url(images/home_user_panel_mis_juegos.gif) no-repeat 0 0;
}
#home_user_panel .mis a.mis_amigos {
background: url(images/home_user_panel_mis_amigos.gif) no-repeat 0 0;
}
#home_user_panel .mis a.mis_contenidos {
background: url(images/home_user_panel_mis_contenidos.gif) no-repeat 0 0;
}
#home_user_panel .mis a.mis_clanes {
background: url(images/home_user_panel_mis_clanes.gif) no-repeat 0 0;
}
#home_user_panel .mis a.mis_grupos {
background: url(images/home_user_panel_mis_grupos.gif) no-repeat 0 0;
}
#home_user_panel .mis a.mis_logros {
background: url(images/home_user_panel_mis_logros.gif) no-repeat 0 0;
}
#home_user_panel .mis a.mis_mensajes {
background: url(images/home_user_panel_mis_mensajes.gif) no-repeat 0 0;
}
#home_user_panel .mis a.mi_dashboard {
background: url(images/home_user_panel_dashboard.gif) no-repeat 0 0;
}
/* Menú Últimas Actualizaciones */
#nav_ultimas_actualizaciones {
background: url(images/nav.gif) no-repeat 0px 0px;
height: 32px;
position: relative;
}
#inside_column_left #nav_ultimas_actualizaciones {
margin: 0px 0px 18px 0px;
_margin: 0px 0px 9px 0px;
}
#nav_ultimas_actualizaciones a {
background: url(images/nav_ultimas_actualizaciones.gif) no-repeat 0 0;
cursor: pointer;
display: block;
float: left;
height: 32px;
position: relative;
text-indent:-10000px;
}
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_noticias {
background-position: 0px 0px;
width: 73px;
}
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_noticias:hover { background-position: 0px -32px; }
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_noticias.selected { background-position: 0px -64px; }
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_articulos {
background-position: -73px 0px;
width: 74px;
}
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_articulos:hover { background-position: -73px -32px; }
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_articulos.selected { background-position: -73px -64px; }
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_juegos {
background-position: -147px 0px;
width: 54px;
}
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_juegos:hover { background-position: -147px -32px; }
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_juegos.selected { background-position: -147px -64px; }
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_clanes {
background-position: -201px 0px;
width: 55px;
}
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_clanes:hover { background-position: -201px -32px; }
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_clanes.selected { background-position: -201px -64px; }
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_grupos {
background-position: -256px 0px;
width: 55px;
}
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_grupos:hover { background-position: -256px -32px; }
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_grupos.selected { background-position: -256px -64px; }
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_contdoficial {
background-position: -311px 0px;
width: 99px;
}
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_contdoficial:hover { background-position: -311px -32px; }
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_contdoficial.selected { background-position: -311px -64px; }
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_colaboradores {
background-position: -410px 0px;
width: 104px;
}
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_colaboradores:hover { background-position: -410px -32px; }
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_colaboradores.selected { background-position: -410px -64px; }
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_opinamos {
background-position: -514px 0px;
width: 86px;
}
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_opinamos:hover { background-position: -514px -32px; }
#nav_ultimas_actualizaciones a#nav_ultimas_actualizaciones_opinamos.selected { background-position: -514px -64px; }
h1#ultimas_actualizaciones a.rss {
margin: -4px 12px 0px 0px;
}
/* Superbuscador */
#nav_superbuscador {
background: url(images/nav_superbuscador_bg.gif) no-repeat 0 0;
height: 32px;
margin: 0px 0px 10px 0px;
position: relative;
}
#nav_superbuscador a {
background: url(images/nav_superbuscador.gif) no-repeat 0 0;
cursor: pointer;
display: block;
float: left;
height: 32px;
position: relative;
text-indent:-10000px;
}
#nav_superbuscador a#nav_superbuscador_juegos {
background-position: 0px 0px;
width: 58px;
}
#nav_superbuscador a#nav_superbuscador_juegos:hover { background-position: 0px -32px; }
#nav_superbuscador a#nav_superbuscador_juegos.selected { background-position: 0px -64px; }
#nav_superbuscador a#nav_superbuscador_noticias {
background-position: -58px 0px;
width: 63px;
}
#nav_superbuscador a#nav_superbuscador_noticias:hover { background-position: -58px -32px; }
#nav_superbuscador a#nav_superbuscador_noticias.selected { background-position: -58px -64px; }
#nav_superbuscador a#nav_superbuscador_articulos {
background-position: -121px 0px;
width: 74px;
}
#nav_superbuscador a#nav_superbuscador_articulos:hover { background-position: -121px -32px; }
#nav_superbuscador a#nav_superbuscador_articulos.selected { background-position: -121px -64px; }
#nav_superbuscador a#nav_superbuscador_clanes {
background-position: -195px 0px;
width: 54px;
}
#nav_superbuscador a#nav_superbuscador_clanes:hover { background-position: -195px -32px; }
#nav_superbuscador a#nav_superbuscador_clanes.selected { background-position: -195px -64px; }
#nav_superbuscador a#nav_superbuscador_grupos {
background-position: -249px 0px;
width: 54px;
}
#nav_superbuscador a#nav_superbuscador_grupos:hover { background-position: -249px -32px; }
#nav_superbuscador a#nav_superbuscador_grupos.selected { background-position: -249px -64px; }
#nav_superbuscador a#nav_superbuscador_colaboradores {
background-position: -303px 0px;
width: 104px;
}
#nav_superbuscador a#nav_superbuscador_colaboradores:hover { background-position: -303px -32px; }
#nav_superbuscador a#nav_superbuscador_colaboradores.selected { background-position: -303px -64px; }
#nav_superbuscador a#nav_superbuscador_jugadores {
background-position: -403px 0px;
width: 80px;
}
#nav_superbuscador a#nav_superbuscador_jugadores:hover { background-position: -403px -32px; }
#nav_superbuscador a#nav_superbuscador_jugadores.selected { background-position: -403px -64px; }
/* Contenido Últimas Actualizaciones */
#content_ultimas_actualizaciones {
padding: 0px 0px 0px 14px;
position: relative;
}
#actualizaciones_videos {
padding-bottom: 20px;
}
#content_ultimas_actualizaciones .actualizacion {
border-bottom: 1px solid #e4e4e4;
padding: 10px 0px;
position: relative;
}
#content_ultimas_actualizaciones .actualizacion .image {
float: left;
width: 85px;
}
#content_ultimas_actualizaciones .actualizacion .stars {
background: url(images/stars.gif) no-repeat 0px 0px;
clear: both;
height: 17px; /* 19px */
margin: 1px 0px 0px 0px;
padding: 2px 0px 0px 5px;
width: 80px; /* 85px */
}
#content_ultimas_actualizaciones .actualizacion .text {
float: left;
padding:0px 0px 0px 12px;
width: 405px;
}
#content_ultimas_actualizaciones .colaborador .text {
float: left;
padding:0px 0px 0px 0px;
width: 490px;
}
#content_ultimas_actualizaciones .actualizacion h2 {
color: #0f5e91;
font-size: 13px;
font-weight: bold;
line-height: 14px;
padding: 0px 0px 8px 0px;
}
#content_ultimas_actualizaciones .actualizacion h2 a {
color: #0f5e91;
}
#content_ultimas_actualizaciones .actualizacion .intro {
font-size: 11px;
padding: 0px 0px 9px 0px;
}
#content_ultimas_actualizaciones .actualizacion a.comments {
background: url(images/ico_comments.gif) no-repeat 0px 1px;
color: #6a6a6a;
font-size: 9px;
padding: 0px 0px 5px 18px;
width: 50px;
}
#content_ultimas_actualizaciones .actualizacion a.comments_articulo {
background: url(images/ico_comments.gif) no-repeat 0px 1px;
color: #6a6a6a;
font-size: 9px;
font-weight: bold;
padding: 0px 0px 4px 18px;
width: 50px;
}
#content_ultimas_actualizaciones .actualizacion .points {
background: url(images/actualizaciones_nota.gif) no-repeat center 1px;
color: #ffffff;
font-size: 9px;
font-weight: bold;
padding: 1px 18px 4px 18px;
width: 50px;
}
#content_ultimas_actualizaciones .actualizacion .date {
background: url(images/ico_activity.gif) no-repeat 0px 2px;
color: #6a6a6a;
display: block;
font-size: 9px;
padding: 1px 0px 5px 12px;
}
#content_ultimas_actualizaciones .actualizacion .tags {
background: url(images/line_dashed_1.gif) repeat-x 0px 0px;
color: #0f5e91;
display: block;
font-size: 9px;
font-weight: bold;
line-height: 12px;
padding: 8px 0px 12px 0px;
}
#content_ultimas_actualizaciones .actualizacion .avatar_1 {
float: right;
}
#content_ultimas_actualizaciones .last {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
border: none;
}
#content_ultimas_actualizaciones .ver_mas {
color: #a0acad;
font-weight: bold;
padding: 9px 0px 0px 0px;
text-align: right;
}
#content_ultimas_actualizaciones .ver_mas a {
color: #a0acad;
}
#content_ultimas_actualizaciones.con_rss .ver_mas {
line-height:25px;
}
#content_ultimas_actualizaciones.con_rss .nohay {
margin-bottom: 40px;
}
/* Top 10 */
#top10_columns {
background: url(images/top10_columns.gif) repeat-y 0 0;
}
#top10_footer {
background: url(images/top10_footer.gif) no-repeat 0 0;
height: 13px;
margin: 0px 0px 25px 0px;
.margin: 0px 0px 12px 0px;
}
.top10 {
background-position: 0 0;
background-repeat: no-repeat;
padding: 98px 0px 0px 0px;
position: relative;
width: 148px;
}
/* El primero de la lista */
.top10_first {
margin: 0px 13px 2px;
padding-bottom: 5px;
position: relative;
}
.top10_first_line {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
}
.top10_first img {
position: relative;
}
.top10_first .mask {
background: url(images/top10_first.png) no-repeat 0 0;
height: 41px;
left: -13px;
position: absolute;
top: -21px;
width: 46px;
}
.top10_first .title {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
color: #444444;
clear: both;
display: block;
font-size: 10px;
font-weight: bold;
line-height: 14px;
padding: 2px 0px 4px 0px;
position: relative;
text-align: left;
}
.top10_first .title a {
color: #444444;
}
.top10_first_line .title {
background: none;
float: right;
width: 150px;
}
/* Listado */
.top10_game {
/*height: 40px;*/ /* 50px */
margin: 0px 7px;
padding: 5px 6px;
position: relative;
}
.top10_game img {
float: left;
}
.top10_game .info {
float: right;
padding: 0px 5px 0px 0px;
width: 67px; /* 72px */
}
/* Esto es una clase alternativa a la de arriba, para el top de noticias de la ficha de articulos, que es mas ancha */
.top10_game .info_eventos {
float: left;
padding: 0px 5px 0px 10px;
width: 220px;
}
.top10_game_big .info {
width: 225px; /* 72px */
}
.top10_game .info img,.top10_game .info_eventos img {
float: none;
margin: 1px 0px 2px 0px;
}
.top10_game .info .title, .top10_game .info_eventos .title {
color: #6a6a6a;
display: block;
font-size: 9px;
font-weight: bold;
line-height: 11px;
}
.top10_game .info .title a, .top10_game .info_eventos .title a {
color: #6a6a6a;
}
.top10_even {
background: #dde2e2;
}
.top10_last {
/*height: 45px;*/
padding-bottom: 0px;
}
.top10_footer {
background: url(images/top10_footer.gif) no-repeat left bottom;
height: 15px;
position: relative;
}
#top10_mas_votados {
background-color: #efefef;
background-image: url(images/top10_mas_votados.jpg);
float: left;
}
#top10_contenido_votados {
background-color: #efefef;
background-image: url(images/top10_contenido_votados.jpg);
float: right;
}
/* Top 10 : Clanes */
#top10_clanes {
background-color: #efefef;
background-image: url(images/top10_clanes.jpg);
background-position: 0 0;
background-repeat: no-repeat;
height: auto !important;
height: 100px;
min-height: 100px;
padding: 48px 0px 0px 0px;
position: relative;
width: 306px;
}
/* El primero de la lista */
#top10_clanes .top10_first {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
height: 81px;
margin: 0px 6px 1px 13px;
position: relative;
}
#top10_clanes .top10_first img {
float: left;
position: relative;
}
#top10_clanes .top10_first .mask {
background: url(images/top10_first.png) no-repeat 0 0;
height: 41px;
left: -13px;
position: absolute;
top: -21px;
width: 46px;
}
#top10_clanes .top10_first .title {
bottom: 12px;
color: #6a6a6a;
float: right;
position: absolute;
right: 0px;
width: 155px;
}
#top10_clanes .top10_first .title a {
color: #444444;
display: block;
font-size: 13px;
font-weight: bold;
line-height: 17px;
}
#top10_clanes .top10_first .title strong {
color: #0f5e91;
font-weight: bold;
}
#top10_clanes .top10_clanes_left {
float: left;
position: relative;
width: 153px;
}
#top10_clanes .top10_clanes_right {
float: right;
padding: 5px 0px 0px 0px;
position: relative;
width: 153px;
}
/* Listado */
#top10_clanes .top10_game {
height: 40px; /* 60px */
margin: 0px 7px;
padding: 10px 6px;
position: relative;
}
#top10_clanes .top10_game img {
float: left;
}
#top10_clanes .top10_game .info {
float: right;
padding: 0px 0px 0px 0px;
width: 72px; /* 72px */
}
#top10_clanes .top10_game .info img {
float: none;
margin: 1px 0px 2px 0px;
}
#top10_clanes .top10_game .info .title {
color: #6a6a6a;
display: block;
font-size: 9px;
font-weight: bold;
line-height: 11px;
}
#top10_clanes .top10_game .info .title a {
color: #6a6a6a;
}
#top10_clanes .even {
background: #dde2e2;
height: 40px; /* 50px */
padding: 5px 6px;
}
#top10_clanes .last {
height: 45px;
padding-bottom: 0px;
}
#top10_clanes_footer {
background: url(images/top10_clanes_footer.gif) no-repeat left top;
height: 15px;
padding: 0px 0px 35px 0px;
position: relative;
}
/* Actividades */
#actividades {
margin: 0px 0px 25px 0px;
position: relative;
}
#inside_column_right #actividades {
background: url(images/line_4.gif) no-repeat left bottom;
padding: 0px 0px 25px 0px;
}
#actividades .title {
background: url(images/actividad.gif) no-repeat 0 0;
display: block;
height: 26px;
text-indent: -10000px;
}
#actividades .actividad {
border-bottom: 1px solid #e4e4e4;
/*height: 74px;*/ /* 94px */
margin: 0px 0px 0px 14px;
padding: 10px 0px 10px 0px;
position: relative;
}
#actividades .last {
border: none;
}
#actividades .actividad .avatar_1 {
float: left;
}
#actividades .actividad .text {
float: right;
position: relative;
width: 213px;
}
#actividades .actividad h2 {
color: #0f5e91;
font-size: 13px;
font-weight:bold;
line-height:14px;
padding: 0px 0px 6px 0px;
position: relative;
}
#actividades .actividad h2 a {
color: #0f5e91;
text-decoration: underline;
}
#actividades .actividad h2 a:hover {
color: #e36019;
}
#actividades .actividad .time {
background: url(images/ico_activity.gif) no-repeat 0 3px;
color: #6a6a6a;
display: block;
font-size: 9px;
padding: 2px 0px 5px 12px;
position: relative;
}
#actividades #lo_busco {
background: url(images/actividades_lo_busco.gif) no-repeat 0 0;
display: block;
float: left;
height: 44px;
margin: -12px 10px 0px 0px;
position: relative;
text-indent:-10000px;
width: 120px;
}
#actividades #lo_busco.selected {
background: url(images/actividades_lo_busco_f2.gif) no-repeat 0 0;
}
#actividades #lo_vendo {
background: url(images/actividades_lo_vendo.gif) no-repeat 0 0;
display: block;
float: left;
height: 44px;
margin: -12px 0px 0px 0px;
position: relative;
text-indent:-10000px;
width: 176px;
}
#actividades #lo_vendo.selected {
background: url(images/actividades_lo_vendo_f2.gif) no-repeat 0 0;
}
#actividades .nohay {
left: 0;
}
.ver_mas a {
color: #a0acad;
}
.ver_mas {
line-height:25px;
}
/* Plataformas */
#plataformas {
background: #6a6a6a;
margin: 0px 0px 25px 0px;
position: relative;
}
#plataformas_top {
background: url(images/plataformas_top.gif) no-repeat 0 0;
height: 18px;
position: relative;
}
#plataformas_bottom {
background: url(images/plataformas_bottom.gif) no-repeat 0 0;
height: 18px;
position: relative;
}
#plataformas .line {
background: url(images/plataformas_line.jpg) no-repeat left center;
height: 21px;
position: relative;
}
#plataformas .plataforma {
height: 64px;
position: relative;
padding: 0px 15px 0px 14px;
}
#plataformas .plataforma img {
float: left;
position: relative;
}
#plataformas .plataforma .list {
background: white;
float: left;
height: 64px;
position: relative;
width: 553px;
}
#plataformas .plataforma .list img {
cursor: pointer;
float: left;
padding: 1px 0px 1px 1px;
}
#plataformas .plataforma .plataforma_item {
float: left;
position: relative;
width: 92px;
}
#plataformas .plataforma .plataforma_item .mask {
background: url(images/plataformas_box_mascara.png) no-repeat 0 0;
display: none;
height: 62px;
left: 1px;
position: absolute;
top: 1px;
width: 91px;
}
#plataformas .plataforma .plataforma_title {
background: url(images/plataformas_empty.gif) no-repeat 0 0;
color: #ffffff;
float: left;
font-size: 9px;
font-weight:bold;
height: 64px;
overflow: hidden;
position: relative;
text-align: center;
width: 18px;
}
#plataformas .plataforma .plataforma_title span {
display: block;
top: 0px;
position: absolute;
left: 0px;
line-height: 18px;
width: 64px;
height: 64px;
text-align: center;
/* Webkit, Safari */
-webkit-transform: rotate(-90deg);
/* Firefox 3.5+ */
-moz-transform: rotate(-90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#plataformas .plataforma .plataforma_box {
display: none;
left: -72px;
position: absolute;
top: 52px;
width: 238px;
z-index: 100;
}
#plataformas .plataforma .plataforma_item:hover .plataforma_box,
#plataformas .plataforma .plataforma_item:hover .mask {
display: block;
}
#plataformas .plataforma .plataforma_box .plataforma_box_top {
background: url(images/plataformas_box_top.png) no-repeat 0 0;
height: 21px;
}
#plataformas .plataforma .plataforma_box .plataforma_box_bottom {
background: url(images/plataformas_box_bottom.png) no-repeat 0 0;
height: 12px;
}
#plataformas .plataforma .plataforma_box .plataforma_box_center {
background: url(images/plataformas_box_center.png) repeat-y 0 0;
color: #ffffff;
padding: 0px 12px;
}
#plataformas .plataforma .plataforma_box .user {
color: #b4c3c4;
display: block;
float: right;
font-size: 9px;
font-weight:bold;
line-height:12px;
padding: 0px 1px 0px 0px;
text-align: right;
width: 115px;
}
#plataformas .plataforma .plataforma_box .user a {
color: #b4c3c4;
}
#plataformas .plataforma .plataforma_box .title {
clear: both;
color: #ffffff;
display: block;
font-size: 11px;
font-weight:bold;
line-height:14px;
padding: 8px 0px 8px 0px;
}
#plataformas .plataforma .plataforma_box .title a {
color: #ffffff;
}
#plataformas .plataforma .plataforma_box .image {
border: 1px solid #ffffff;
height: 69px;
overflow: hidden;
width: 160px;
margin-left: 27px;
}
#plataformas .plataforma .plataforma_box .image img {
margin: 0px 0px 0px 0px;
}
#plataformas .plataforma .plataforma_box img {
float: none;
padding: 0px;
}
#plataformas .plataforma .plataforma_box img.tipo {
border: none;
}
/* Galería o Carousel */
#home_carousel {
height: 110px;
margin: 0px 0px 25px 0px;
position: relative;
}
/* Videos */
#videos_destacados {
padding: 0px 0px 35px 0px;
position: relative;
}
#videos_list {
padding: 0px 0px 25px 0px;
position: relative;
}
.video_left {
float: left;
height: 224px;
width: 290px;
}
.video_right {
float: right;
height: 224px;
width: 290px;
}
.video_center {
float: left;
height: 224px;
width: 290px;
margin: 0 35px;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* LISTADO DE JUEGOS
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
/* Buscador */
#buscar_videojuego {
background: url(images/buscar_videojuego.gif) no-repeat 0 0;
height: 65px;
padding: 0px 0px 0px 195px;
position: relative;
}
/* Menú de ordenar */
#nav_ordenar_videojuego {
background: url(images/ordenar_videojuego.gif) no-repeat 0 0;
height: 50px;
padding: 0px 0px 0px 106px;
position: relative;
}
#nav_ordenar_videojuego a {
background: url(images/nav_ordenar_videojuego.gif) no-repeat 0 0;
display: block;
float: left;
height: 32px;
position: relative;
text-indent:-10000px;
}
#nav_ordenar_videojuego a#alfabeticamente {
background-position: 0px 0px;
width: 123px;
}
#nav_ordenar_videojuego a#alfabeticamente:hover { background-position: 0px -32px; }
#nav_ordenar_videojuego a#alfabeticamente.selected { background-position: 0px -64px; }
#nav_ordenar_videojuego a#mejor_puntuado {
background-position: -234px 0px;
width: 106px;
}
#nav_ordenar_videojuego a#mejor_puntuado:hover { background-position: -234px -32px; }
#nav_ordenar_videojuego a#mejor_puntuado.selected { background-position: -234px -64px; }
#nav_ordenar_videojuego a#mas_jugadores {
background-position: -346px 0px;
width: 105px;
}
#nav_ordenar_videojuego a#mas_jugadores:hover { background-position: -346px -32px; }
#nav_ordenar_videojuego a#mas_jugadores.selected { background-position: -346px -64px; }
#nav_ordenar_videojuego a#ultimos {
background-position: -120px 0px;
width: 115px;
}
#nav_ordenar_videojuego a#ultimos:hover { background-position: -120px -32px; }
#nav_ordenar_videojuego a#ultimos.selected { background-position: -120px -64px; }
/* Ficha de listado */
.juego_listado {
float: left;
margin: 0px 0px 10px 0px;
position: relative;
width: 462px;
}
.juego_listado.left {
margin: 0px 0px 10px 15px;
}
.juego_listado .caratula {
background: url(images/caratula_juego_shadow.png) no-repeat 0 0;
float: left;
height: 256px;
margin: 0px 0px 0px -13px;
padding: 0px 0px 0px 27px;
position: relative;
width: 197px; /* 27px */
}
.juego_listado .caratula img {
border: 1px solid #6a6a6a;
bottom: 15px;
left: 27px;
height: auto !important;
height: 239px;
max-height: 239px;
position: absolute;
width: 169px;
}
.juego_listado .info {
background: url(images/juego_listado_info.jpg) no-repeat 0 0;
float: left;
margin: 0px 0px 0px -17px;
padding: 1px 0px 50px 0px;
position: relative;
width: 268px;
}
.juego_listado .info .title {
background: url(images/juego_listado_title.jpg) repeat-y 0 0;
color: #ffffff;
display: block;
font-size: 13px;
font-weight:bold;
line-height:15px;
padding: 6px 7px 8px;
}
.juego_listado .info .title a {
color: #ffffff;
}
.juego_listado .info .text {
background: #efefef;
height: auto !important;
height: 155px;
min-height: 155px;
padding: 6px 8px 9px 6px;
position: relative;
}
.juego_listado .info .text .resume {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
color: #0f5e91;
display: block;
font-size: 9px;
font-weight: bold;
line-height: 12px;
margin: 0px 0px 8px 0px;
padding: 0px 0px 6px 0px;
position: relative;
}
.juego_listado .info .text .stars {
float: left;
}
.juego_listado .info .text .votes {
color: #6a6a6a;
float: left;
font-size: 9px;
font-weight:bold;
padding: 6px 0px 0px 3px;
}
.juego_listado .info .text .analisis {
background: url(images/juego_ficha_analisis.gif) no-repeat 0 0;
color: #ffffff;
display: block;
float: left;
font-size: 18px;
font-weight:bold;
height: 26px;
line-height:24px;
padding: 0px 0px 0px 9px;
margin: 12px 0px 0px 2px;
_margin: 10px 0px 0px 2px;
text-align: left;
width: 116px; /* 125px */
}
/* ICONOS */
.juego_listado .info .text .total {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
height: 43px;
padding: 5px 0px 15px 20px;
_padding: 0px 0px 10px 20px;
}
.juego_listado .info .text .total_images {
background: url(images/ico_imagenes.jpg) no-repeat 0px 7px;
color: #6a6a6a;
display: block;
float: left;
font-size: 9px;
font-weight:bold;
height: 42px;
line-height:44px;
padding: 0px 0px 0px 48px;
width: 27px; /* 75px; */
}
.juego_listado .info .text .total_users {
background: url(images/ico_usuarios.jpg) no-repeat 0px 0px;
color: #6a6a6a;
display: block;
float: left;
font-size: 9px;
font-weight:bold;
height: 42px;
line-height:44px;
padding: 0px 0px 0px 40px;
width: 35px; /* 75px; */
}
.juego_listado .info .text .total_reviews {
background: url(images/ico_reviews.jpg) no-repeat 0px 0px;
color: #6a6a6a;
display: block;
float: left;
font-size: 9px;
font-weight:bold;
height: 42px;
line-height:44px;
padding: 0px 0px 0px 54px;
width: 21px; /* 75px; */
}
/* Metacritic */
.juego_listado .info .text .percentage {
background: url(images/juego_ficha_percentage.gif) no-repeat 0 0;
color: #ffffff;
display: block;
float: right;
font-size: 18px;
font-weight:bold;
height: 26px;
line-height:24px;
margin: 12px 4px 0px 2px;
_margin: 10px 2px 0px 2px;
text-align: center;
width: 65px;
}
.juego_listado .info .text .metacritic {
background: url(images/juego_ficha_metacritic.gif) no-repeat 0 0;
display: block;
float: right;
height: 36px;
margin: 8px 0px 0px 0px;
_margin: 6px 0px 0px 0px;
text-indent:-10000px;
width: 39px;
}
.juego_listado .info .buttons {
background: url(images/juego_listado_info_footer.jpg) no-repeat 0 0;
bottom: 0px;
height: 40px; /* 50px */
left: 0px;
padding: 10px 7px 0px;
position: absolute;
width: 254px; /* 268px */
}
.juego_listado .info .comprar {
float: left;
margin: 4px 0px 0px 4px;
}
.juego_listado .info .mas {
float: right;
margin: 0px 0px 0px 10px;
}
.juego_listado_line {
border-top: 1px solid #e4e4e4;
clear: both;
height: 15px;
margin: 0px 0px 0px 14px;
position: relative;
}
.juego_listado_line_2 {
background: url(images/line_dashed_1.gif) repeat-x left top;
clear: both;
height: 10px;
margin: 0px 0px 0px 14px;
position: relative;
}
/* Ficha de listado de la Home */
.juego_listado_home {
float: left;
margin: 10px 15px 0px 0px;
position: relative;
width: 185px;
}
.juego_listado_home_last {
margin: 10px 0px 0px 0px;
}
.juego_listado_home_final_line {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
height: 10px;
}
.juego_listado_home .caratula {
padding: 0px 0px 1px 0px;
position: relative;
width: 85px;
}
.juego_listado_home .caratula img {
border: 1px solid #6a6a6a;
}
.juego_listado_home .info {
float: right;
width: 98px;
}
.juego_listado_home .stars {
width: 80px;
}
.juego_listado_home .title {
background: url(images/juego_listado_home_title.gif) no-repeat 0 0;
color: #ffffff;
display: block;
font-size: 10px;
font-weight:bold;
line-height:12px;
margin: 0px 0px 4px 0px;
padding: 3px 0px 0px 0px;
width: 98px;
}
.juego_listado_home .title a {
background: url(images/juego_listado_home_title_a.gif) no-repeat left bottom;
display: block;
color: #ffffff;
padding: 0px 4px 4px 4px;
text-align: center;
width: 90px;
}
.juego_listado_home .text {
padding: 0px 0px 0px 7px;
}
.juego_listado_home .text .resume {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
color: #0f5e91;
font-size: 9px;
font-weight: bold;
height: 20px;
overflow: hidden;
padding: 0px 0px 7px 0px;
}
.juego_listado_home .text .members {
background: url(images/juego_listado_home_members.gif) no-repeat 0px 7px;
color: #0f5e91;
font-size: 9px;
font-weight: bold;
padding: 9px 0px 6px 20px;
}
.juego_listado_home .text .reviews {
background: url(images/ico_activity.gif) no-repeat 3px 3px;
color: #6a6a6a;
font-size: 9px;
padding: 3px 0px 7px 19px;
}
.juego_listado_home .buttons {
background: url(images/juego_listado_home_icons.gif) no-repeat 0 0;
height: 34px; /* 38px */
padding: 4px 0px 0px 0px;
}
.juego_listado_home .buttons a {
display: block;
float: left;
text-indent: -10000px;
}
.juego_listado_home .mas {
background-position: 0 0;
float: left;
width: 31px;
}
.juego_listado_home .ico_images {
background: url(images/ico_imagenes_1.gif) no-repeat center center;
float: left;
height: 25px;
width: 22px;
}
.juego_listado_home .ico_players {
background: url(images/ico_usuarios_1.gif) no-repeat center center;
float: left;
height: 25px;
width: 22px;
}
.juego_listado_home .ico_reviews {
background: url(images/ico_reviews_1.gif) no-repeat center center;
float: left;
height: 25px;
width: 22px;
}
.juego_listado_home .comprar {
clear: both;
height: 20px;
margin-left: 22px;
}
.juego_listado_home_line {
border-bottom: 1px solid #e4e4e4;
clear: both;
height: 10px;
position: relative;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* FICHA DEL JUEGO
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
/* Menú Últimas Actualizaciones */
#nav_ficha_juego {
height: 32px;
position: relative;
}
#nav_ficha_juego a {
background: url(images/nav_ficha_juego.gif) no-repeat 0 0;
cursor: pointer;
display: block;
float: left;
height: 32px;
position: relative;
text-indent:-10000px;
}
#nav_ficha_juego a#nav_ficha_juego_noticias {
background-position: 0px 0px;
width: 72px;
}
#nav_ficha_juego a#nav_ficha_juego_noticias:hover { background-position: 0px -32px; }
#nav_ficha_juego a#nav_ficha_juego_noticias.selected { background-position: 0px -64px; }
#nav_ficha_juego a#nav_ficha_juego_articulos {
background-position: -72px 0px;
width: 72px;
}
#nav_ficha_juego a#nav_ficha_juego_articulos:hover { background-position: -72px -32px; }
#nav_ficha_juego a#nav_ficha_juego_articulos.selected { background-position: -72px -64px; }
#nav_ficha_juego a#nav_ficha_juego_juegos {
background-position: -144px 0px;
width: 74px;
}
#nav_ficha_juego a#nav_ficha_juego_juegos:hover { background-position: -144px -32px; }
#nav_ficha_juego a#nav_ficha_juego_juegos.selected { background-position: -144px -64px; }
#nav_ficha_juego a#nav_ficha_juego_clanes {
background-position: -218px 0px;
width: 52px;
}
#nav_ficha_juego a#nav_ficha_juego_clanes:hover { background-position: -218px -32px; }
#nav_ficha_juego a#nav_ficha_juego_clanes.selected { background-position: -218px -64px; }
#nav_ficha_juego a#nav_ficha_juego_videos {
background-position: -270px 0px;
width: 52px;
}
#nav_ficha_juego a#nav_ficha_juego_videos:hover { background-position: -270px -32px; }
#nav_ficha_juego a#nav_ficha_juego_videos.selected { background-position: -270px -64px; }
#nav_ficha_juego a#nav_ficha_juego_contdoficial {
background-position: -322px 0px;
width: 96px;
}
#nav_ficha_juego a#nav_ficha_juego_contdoficial:hover { background-position: -322px -32px; }
#nav_ficha_juego a#nav_ficha_juego_contdoficial.selected { background-position: -322px -64px; }
#nav_ficha_juego a#nav_ficha_juego_colaboradores {
background-position: -418px 0px;
width: 102px;
}
#nav_ficha_juego a#nav_ficha_juego_colaboradores:hover { background-position: -418px -32px; }
#nav_ficha_juego a#nav_ficha_juego_colaboradores.selected { background-position: -418px -64px; }
#nav_ficha_juego a#nav_ficha_juego_opinamos {
background-position: -520px 0px;
width: 80px;
}
#nav_ficha_juego a#nav_ficha_juego_opinamos:hover { background-position: -520px -32px; }
#nav_ficha_juego a#nav_ficha_juego_opinamos.selected { background-position: -520px -64px; }
#game_title {
height: 100px; /* 154 */
padding:0px 30px 54px;
}
#game_title h1 {
color: #ffffff;
font-family: 'GROBOLDNosplay';
font-size: 38px;
padding: 15px 0px 0px 0px;
}
#game_title h2 {
color: #2e3333;
font-family: 'GROBOLDNosplay';
font-size: 20px;
padding: 4px 0px 0px 120px;
}
#game_cover {
background: url(images/caratula_juego_shadow_ficha.png) no-repeat 0 0;
float: left;
height: 304px;
margin: 0px 0px 0px -26px;
padding: 0px 0px 30px 27px;
position: relative;
width: 197px; /* 27px */
}
#game_cover img {
border: 1px solid #6a6a6a;
bottom: 93px;
left: 27px;
height: auto !important;
height: 239px;
max-height: 239px;
position: absolute;
width: 169px;
}
#game_info {
background: url(images/juego_ficha_info_top.png) no-repeat 0 0;
float: left;
margin: 0px 0px 0px -14px;
padding: 12px 0px 30px 0px;
position: relative;
width: 503px; /* 503px */
}
#game_info .content {
background: url(images/juego_ficha_info_center.png);
color: #ffffff;
font-weight:bold;
line-height:13px;
margin: 0px 0px 0px 8px;
padding: 1px 13px;
position: relative;
}
#game_info .footer {
background: url(images/juego_ficha_info_bottom.png) no-repeat 0 0;
height: 13px;
margin: 0px 0px 15px 0px;
}
#game_info .genero {
background: url(images/juego_ficha_genero.gif) no-repeat 0 0;
padding: 5px 30px 7px 198px;
position: relative;
}
#game_info .genero .iframe_notificacion {
position: absolute;
right: 0px;
top: 6px;
}
#game_info .fecha_lanzamiento {
background: url(images/juego_ficha_fecha.gif) no-repeat 0 0;
padding: 5px 0px 7px 198px;
}
#game_info .fecha_lanzamiento img {
vertical-align: -11px;
}
#game_info .desarrollador {
background: url(images/juego_ficha_desarrollador.gif) no-repeat 0 0;
padding: 5px 0px 7px 198px;
}
#game_info .editor {
background: url(images/juego_ficha_editor.gif) no-repeat 0 0;
padding: 5px 0px 7px 198px;
}
#game_info .plataformas {
background: url(images/juego_ficha_plataformas.gif) no-repeat 0 0;
padding: 5px 0px 7px 198px;
}
#game_info .idiomas {
background: url(images/juego_ficha_idiomas.gif) no-repeat 0 0;
padding: 5px 0px 7px 198px;
}
#game_info .votaciones {
background: url(images/juego_ficha_votaciones.gif) no-repeat 0 0;
color: #c9c9c9;
font-weight:normal;
height: 34px; /* 56px */
line-height:32px;
padding: 22px 9px 0px 9px;
text-align: right;
}
#game_info .votaciones .stars {
background: url(images/stars_2.gif) no-repeat 0px 0px;
float: right;
height: 21px; /* 25px */
margin: 1px 0px 0px 7px;
padding: 4px 0px 0px 9px;
width: 82px; /* 91px */
}
#game_info .votaciones .mas,
#game_info .votaciones .mas_premium {
float: left;
padding: 0px 9px 0px 0px;
text-align: left;
}
#game_info .votaciones .comprar2 {
float: left;
padding: 0px 0px 0px 9px;
text-align: left;
}
#game_info .votaciones .button_twitter,
#game_info .votaciones .button_facebook {
float: left;
padding: 0px 3px 0px 0px;
text-align: left;
}
/* Línea de tiempo */
#timeline {
font-size: 9px;
font-weight:bold;
margin: 0px 0px 0px 7px;
overflow: hidden;
position: relative;
width: 495px;
height: 80px;
}
#timeline_left_click {
position: absolute;
height: 70px;
width: 130px;
left: 0px;
top: 0px;
cursor: pointer;
}
#timeline_right_click {
position: absolute;
height: 70px;
width: 130px;
right: 0px;
top: 0px;
cursor: pointer;
}
#timeline_content {
position: absolute;
}
#timeline a:hover {
text-decoration: none;
}
/* Juego Central Normal */
#timeline .game {
background: url(images/timeline_center.png) no-repeat 0 0;
display: inline;
float: left;
height: 70px;
position: relative;
width: 234px;
}
#timeline .game .year {
color: #6a6a6a;
display: block;
position: relative;
text-align: center;
}
#timeline .game .name {
background: url(images/timeline_two_lines_left.gif) no-repeat 0 0;
color: #ffffff;
display: block;
float: left;
font-weight:bold;
height: 30px;
left: 50%;
padding: 0px 0px 0px 7px;
position: relative;
margin: 23px 0px 6px 0px;
text-align: center;
}
#timeline .game .name a {
background: url(images/timeline_two_lines_right.gif) no-repeat right;
color: #ffffff;
display: block;
float: left;
height: 28px;
line-height:11px;
padding: 2px 8px 0px 0px;
}
/* Rollover */
#timeline .game .name:hover {
background: url(images/timeline_two_lines_left_hover.gif) no-repeat 0 0;
}
#timeline .game .name:hover a,
#timeline .game .name a:hover {
background: url(images/timeline_two_lines_right_hover.gif) no-repeat right;
}
/* Juego Central Seleccionado */
#timeline .game_selected {
background: url(images/timeline_center_f2.png) no-repeat 0 0;
float: left;
height: 70px;
position: relative;
width: 234px;
}
#timeline .game_selected .year {
color: #0f5e91;
display: block;
position: relative;
text-align: center;
}
#timeline .game_selected .name {
background: url(images/timeline_two_lines_left_f2.gif) no-repeat 0 0;
color: #ffffff;
display: block;
float: left;
font-weight:bold;
height: 30px;
left: 50%;
padding: 0px 0px 0px 7px;
position: relative;
margin: 23px 0px 6px 0px;
text-align: center;
width: 150px;
}
#timeline .game_selected .name a {
background: url(images/timeline_two_lines_right_f2.gif) no-repeat right;
color: #ffffff;
display: block;
float: left;
height: 28px;
line-height:11px;
padding: 2px 8px 0px 0px;
width: 142px;
}
/* Rollover */
#timeline .game_selected .name:hover {
background: url(images/timeline_two_lines_left_hover.gif) no-repeat 0 0;
}
#timeline .game_selected .name:hover a,
#timeline .game_selected .name a:hover {
background: url(images/timeline_two_lines_right_hover.gif) no-repeat right;
}
/* Juego A La IZQ */
#timeline .game_left {
background: url(images/timeline_left.png) no-repeat 0 0;
float: left;
height: 70px;
position: relative;
width: 130px;
}
#timeline .game_left .year {
color: #6a6a6a;
display: block;
padding: 0px 0px 0px 14px;
position: relative;
text-align: left;
}
#timeline .game_left .name {
background: url(images/timeline_two_lines_left.gif) no-repeat 0 0;
color: #ffffff;
display: block;
float: left;
font-weight:bold;
height: 30px;
padding: 0px 0px 0px 7px;
position: relative;
margin: 23px 0px 6px 0px;
text-align: center;
}
#timeline .game_left .name a {
background: url(images/timeline_two_lines_right.gif) no-repeat right;
color: #ffffff;
display: block;
float: left;
height: 28px;
line-height:11px;
padding: 2px 8px 0px 0px;
}
/* Rollover */
#timeline .game_left .name:hover,
#timeline .game_left_selected .name {
background: url(images/timeline_two_lines_left_hover.gif) no-repeat 0 0;
}
#timeline .game_left .name:hover a,
#timeline .game_left .name a:hover,
#timeline .game_left_selected .name a {
background: url(images/timeline_two_lines_right_hover.gif) no-repeat right;
}
/* Juego A La DER */
#timeline .game_right {
background: url(images/timeline_right.png) no-repeat 0 0;
float: left;
height: 70px;
position: relative;
width: 130px;
}
#timeline .game_right .year {
color: #6a6a6a;
display: block;
padding: 0px 0px 0px 91px;
position: relative;
text-align: left;
}
#timeline .game_right .name {
background: url(images/timeline_two_lines_left.gif) no-repeat 0 0;
color: #ffffff;
display: block;
float: right;
font-weight:bold;
height: 30px;
padding: 0px 0px 0px 7px;
position: relative;
margin: 23px 0px 6px 0px;
text-align: center;
}
#timeline .game_right .name a {
background: url(images/timeline_two_lines_right.gif) no-repeat right;
color: #ffffff;
display: block;
float: left;
height: 28px;
line-height:11px;
padding: 2px 8px 0px 0px;
}
/* Rollover */
#timeline .game_right .name:hover,
#timeline .game_right_selected .name {
background: url(images/timeline_two_lines_left_hover.gif) no-repeat 0 0;
}
#timeline .game_right .name:hover a,
#timeline .game_right .name a:hover,
#timeline .game_right_selected .name a {
background: url(images/timeline_two_lines_right_hover.gif) no-repeat right;
}
/*
* Crear contenidos
*/
#crear_contenidos {
background: url(images/crear_contenidos.png) no-repeat 0 0;
float: right;
margin: -12px 0px 12px 0px;
padding: 92px 0px 0px 0px;
position: relative;
width: 220px;
}
#crear_contenidos img.age {
border: 1px solid #ffffff;
left: 13px;
position: absolute;
top: -65px;
}
#crear_contenidos .footer {
background: url(images/crear_contenidos_footer.png) no-repeat 0 0;
height: 13px;
position: relative;
}
#crear_contenidos .content {
background: #efefef;
padding: 0px 12px;
position: relative;
}
#crear_contenidos .anyadir_buttons {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
display: block;
padding: 0px 0px 8px 0px;
}
#crear_contenidos .anyadir_buttons a.anyadir_contenido {
margin: 0px 0px 5px 0px;
}
#crear_contenidos .ver_clanes {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
display: block;
padding: 3px 0px 6px;
}
#crear_contenidos .ver_clanes a {
background: url(images/crear_contenidos_ver_clanes.gif) no-repeat 0 0;
display: block;
height: 28px;
text-indent:-10000px;
width: 156px;
}
#crear_contenidos .ver_clanes a:hover {
background: url(images/crear_contenidos_ver_clanes_f2.gif) no-repeat 0 0;
}
#crear_contenidos .subir_imagen {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
display: block;
padding: 3px 0px 6px;
}
#crear_contenidos .subir_imagen a {
background: url(images/crear_contenidos_subir_imagen.gif) no-repeat 0 0;
display: block;
height: 30px;
text-indent:-10000px;
width: 146px;
}
#crear_contenidos .subir_imagen a:hover {
background: url(images/crear_contenidos_subir_imagen_f2.gif) no-repeat 0 0;
}
#crear_contenidos .anyadir_video {
display: block;
padding: 5px 0px 6px;
}
#crear_contenidos .anyadir_video a {
background: url(images/crear_contenidos_anyadir_video.gif) no-repeat 0 0;
display: block;
height: 32px;
text-indent:-10000px;
width: 135px;
}
#crear_contenidos .anyadir_video a:hover {
background: url(images/crear_contenidos_anyadir_video_f2.gif) no-repeat 0 0;
}
/*
* Metacritic
*/
#game_info_metacritic {
float: right;
margin: 0px 0px 50px 0px;
position: relative;
width: 220px;
}
#game_info_metacritic .top {
background: url(images/juego_ficha_metacritic.png) no-repeat 0 0;
height: 50px;
position: relative;
}
#game_info_metacritic .bottom {
background: url(images/juego_ficha_metacritic_bottom.png) no-repeat 0 0;
height: 36px; /* 48px */
padding: 12px 0px 0px 12px;
position: relative;
}
#game_info_metacritic .age {
float: left;
margin: 10px 0px 0px 12px;
}
#game_info_metacritic .percentage {
color: #ffffff;
display: block;
float: right;
font-size: 18px;
font-weight:bold;
height: 26px;
line-height:24px;
margin: 10px 12px 0px 2px;
_margin: 10px 6px 0px 2px;
text-align: center;
width: 65px;
}
#game_info_metacritic .metacritic {
background: url(images/juego_ficha_metacritic.gif) no-repeat 0 0;
display: block;
float: left;
height: 36px;
margin: 6px 0px 0px 40px;
_margin: 6px 0px 0px 51px;
text-indent:-10000px;
width: 39px;
}
#game_info_metacritic .analisis {
margin: 10px 0px 0px 12px;
}
/*
* Descripción
*/
#game_info_description {
float: left;
margin: 0px 0px 25px 0px;
position: relative;
width: 500px;
}
#game_info_description .title {
background: url(images/juego_ficha_description.gif) no-repeat 0 0;
color: #0f5e91;
display: block;
font-size: 18px;
font-weight:bold;
line-height:22px;
padding: 5px 0px 5px 37px;
}
#game_info_description .text {
font-size: 11px;
line-height:13px;
padding: 10px 0px 7px 14px;
}
/*
* Carrousel
*/
#game_info_carrousel {
float: right;
margin: 0px 0px 25px 0px;
position: relative;
width: 410px;
}
/*
* Si te gusta ...
*/
#si_te_gusta {
background: #efefef url(images/si_te_gusta.jpg) no-repeat 0 0;
margin: 0px 0px 25px 0px;
padding: 93px 0px 0px 0px;
position: relative;
width: 306px;
}
#si_te_gusta .footer {
background: url(images/si_te_gusta_footer.gif) no-repeat 0 0;
height: 13px;
position: relative;
}
#si_te_gusta .content {
background: #efefef;
padding: 0px 12px;
}
#si_te_gusta .game {
background: #dee2e3 url(images/si_te_gusta_line_dashed.gif) repeat-x left bottom;
margin: 7px 0px 0px;
padding: 0px 0px 8px;
}
#si_te_gusta img {
border-right: 2px solid #efefef;
float: left;
}
#si_te_gusta .text {
float: right;
height: auto !important;
height: 26px; /* 68px */
min-height: 26px;
padding: 6px 6px 34px 6px;
position: relative;
width: 193px; /* 163px */
}
#si_te_gusta .text img {
border: none;
}
#si_te_gusta .title {
color: #454344;
display: block;
font-size: 12px;
font-weight:bold;
line-height:14px;
}
#si_te_gusta .title a {
color: #454344;
}
#si_te_gusta .platforms {
color: #105e8f;
display: block;
font-weight:bold;
line-height:14px;
}
#si_te_gusta .stars {
background: url(images/stars_3.gif) no-repeat 0px 0px;
bottom: 6px;
height: 17px; /* 19px */
margin: 1px 0px 0px 0px;
padding: 2px 0px 0px 5px;
position: absolute;
width: 80px; /* 85px */
}
#si_te_gusta .ver_mas {
color: #a0acad;
font-weight: bold;
padding: 9px 0px 4px 0px;
text-align: right;
}
#si_te_gusta .ver_mas a {
color: #a0acad;
}
/* Jugadores */
#jugadores {
padding: 15px 0px 0px 0px;
position:relative;
}
#jugadores .title {
background: url(images/usuario_ficha_amigos.gif) no-repeat 0 0;
display: block;
height: 40px;
text-indent:-10000px;
width: 453px;
}
#jugadores .avatar_1 {
float: left;
width: 73px;
}
#jugadores .avatar_1 img,
#jugadores .avatar_1 .mask {
left: 15px;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* LISTADO DE CLANES
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
/* Buscador */
#buscar_clan {
background: url(images/buscar_clan.gif) no-repeat 0 0;
height: 65px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 195px;
position: relative;
}
#buscar_clan.grupos {
background: url(images/buscar_grupos.gif) no-repeat 0 0;
}
/* Menú de ordenar */
#nav_ordenar_clan {
background: url(images/ordenar_videojuego.gif) no-repeat 0 0;
height: 50px;
padding: 0px 0px 0px 106px;
position: relative;
}
#nav_ordenar_clan a {
background: url(images/nav_ordenar_clan.gif) no-repeat 0 0;
display: block;
float: left;
height: 32px;
position: relative;
text-indent:-10000px;
}
#nav_ordenar_clan a#alfabeticamente {
background-position: 0px 0px;
width: 123px;
}
#nav_ordenar_clan a#alfabeticamente:hover { background-position: 0px -32px; }
#nav_ordenar_clan a#alfabeticamente.selected { background-position: 0px -64px; }
#nav_ordenar_clan a#creacion_reciente {
background-position: -123px 0px;
width: 148px;
}
#nav_ordenar_clan a#creacion_reciente:hover { background-position: -123px -32px; }
#nav_ordenar_clan a#creacion_reciente.selected { background-position: -123px -64px; }
#nav_ordenar_clan a#creacion_antigua {
background-position: -271px 0px;
width: 141px;
}
#nav_ordenar_clan a#creacion_antigua:hover { background-position: -271px -32px; }
#nav_ordenar_clan a#creacion_antigua.selected { background-position: -271px -64px; }
#nav_ordenar_clan a#miembros {
background-position: -412px 0px;
width: 137px;
}
#nav_ordenar_clan a#miembros:hover { background-position: -412px -32px; }
#nav_ordenar_clan a#miembros.selected { background-position: -412px -64px; }
/* Ficha de listado */
.clan_listado {
background: #efefef;
float: left;
height: auto !important;
height: 90px;
margin: 0px 23px 11px 14px;
_margin: 0px 23px 10px 10px;
min-height: 90px; /* 106px */
position: relative;
padding: 5px 10px 5px 5px;
width: 269px; /* 284px */
}
.clan_listado_home {
margin: 10px 17px 0px 0px;
}
.last_clan {
margin-right: 0px;
}
.white_clan {
background: #ffffff;
}
.clan_listado .unirme {
clear: both;
margin: 1px 0px 0px 0px;
text-indent:-10000px;
}
.clan_listado .info {
float: right;
position: relative;
width: 143px;
}
.clan_listado .title {
color: #444444;
display: block;
font-size: 11px;
font-weight:bold;
line-height:13px;
padding: 0px 0px 4px 0px;
}
.clan_listado .members {
background: url(images/clan_listado_members.gif) no-repeat 0 0px;
color: #0f5e91;
display: block;
font-size: 9px;
font-weight:bold;
line-height:13px;
padding: 4px 0px 20px 20px;
}
.clan_listado .game {
background: url(images/clan_listado_game_1.gif) no-repeat 0 0;
color: #ffffff;
display: block;
font-weight:bold;
height: 14px;
line-height:14px;
padding: 0px 0px 0px 8px;
margin: 0px 0px 6px 0px;
}
.clan_listado .game a {
background: #a0acad url(images/clan_listado_game_2.gif) no-repeat right;
color: #ffffff;
display: block;
float: left;
padding: 0px 8px 0px 0px;
}
.clan_listado .game:hover {
background: url(images/clan_listado_game_1_f2.gif) no-repeat 0 0;
}
.clan_listado .game:hover a {
background: #2c2d2d url(images/clan_listado_game_2_f2.gif) no-repeat right;
text-decoration: none;
}
.clan_listado .created {
color: #6a6a6a;
display: block;
font-size: 9px;
line-height:13px;
position: absolute;
bottom: 5px;
right: 10px;
}
.clan_listado .created a {
color: #0f5e91;
font-weight:bold;
}
.clan_listado_line {
border-top: 1px solid #e4e4e4;
clear: both;
height: 12px;
margin: 0px 0px 0px 14px;
position: relative;
}
.clan_listado_line_2 {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
clear: both;
height: 10px;
margin: 0px 0px 0px 14px;
position: relative;
}
#clanes_destacados {
background: url(images/clan_listado_destacados.gif) no-repeat 0 0;
margin: 0px 0px 35px 0px;
padding: 44px 0px 0px 0px;
position: relative;
}
#clanes_destacados .footer {
background: url(images/clan_listado_destacados_bottom.gif) no-repeat 0 0;
height: 13px;
}
#clanes_destacados .content {
background: url(images/clan_listado_destacados_center.gif) repeat-y 0 0;
}
.clan_listado_destacado {
float: left;
height: auto !important;
height: 90px;
min-height: 90px; /* 106px */
position: relative;
padding: 0px 0px 5px 39px;
width: 119px; /* 119px */
}
#clanes_destacados .first {
padding: 0px 0px 5px 15px;
}
.clan_listado_destacado img {
border: 1px solid #ffffff;
}
.clan_listado_destacado .unirme {
margin: 0px 0px 0px 0px;
text-indent:-10000px;
}
.clan_listado_destacado .info {
position: relative;
}
.clan_listado_destacado .title {
color: #ffffff;
display: block;
font-weight:bold;
line-height:13px;
padding: 3px 0px 6px 0px;
}
.clan_listado_destacado .title a {
color: #ffffff;
}
.clan_listado_destacado .members {
background: url(images/clan_listado_destacado_members.gif) no-repeat 0 0px;
color: #a1adad;
display: block;
font-size: 9px;
font-weight:bold;
line-height:13px;
padding: 4px 0px 10px 20px;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* FICHA DE CLANES
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
/* Crea tu clan */
#crea_tu_clan {
background: #efefef url(images/crea_tu_clan.jpg) no-repeat 0 0;
padding: 97px 0px 0px 0px;
position: relative;
width: 270px;
}
#crea_tu_clan.grupos {
background: #efefef url(images/crea_tu_grupo.jpg) no-repeat 0 0;
}
#crea_tu_clan .footer {
background: url(images/crea_tu_clan_footer.gif) no-repeat 0 0;
height: 13px;
}
#crea_tu_clan .content {
padding: 0px 13px;
}
#crea_tu_clan .text {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
color: #6a6a6a;
font-size: 11px;
line-height: 12px;
padding: 0px 0px 10px;
}
#crea_tu_clan .select_privado {
float: left;
padding:8px 0px 0px 0px;
}
#crea_tu_clan .select_privado input {
float: left;
margin: 4px 4px 0px 2px;
.margin: 3px 4px 0px 2px;
}
#crea_tu_clan .select_privado img {
float: left;
padding:1px 0px 0px 0px;
}
/* Tus clanes */
#tus_clanes {
background: url(images/tus_clanes.gif) no-repeat 0 0;
padding: 55px 0px 0px 0px;
position: relative;
width: 636px;
}
#tus_clanes.grupos {
background: url(images/tus_grupos.gif) no-repeat 0 0;
}
/* Ficha de listado */
.tus_clanes_clan_listado {
float: left;
margin: 0px 15px 10px 0px;
_margin: 0px 10px 10px 0px;
position: relative;
padding: 0px 0px 0px 0px;
width: 197px; /* 197px */
}
.last_clan {
margin-right: 0px;
}
.tus_clanes_clan_listado img {
float: left;
}
.tus_clanes_clan_listado .info {
float: right;
position: relative;
width: 105px;
}
.tus_clanes_clan_listado .title {
color: #444444;
display: block;
font-size: 11px;
font-weight:bold;
height: auto !important;
height: 30px;
min-height: 30px;
line-height:12px;
padding: 0px 0px 0px 0px;
}
.tus_clanes_clan_listado .members {
background: url(images/clan_listado_members.gif) no-repeat 0 0px;
color: #0f5e91;
display: block;
font-size: 9px;
font-weight:bold;
line-height:13px;
padding: 4px 0px 0px 20px;
}
.tus_clanes_clan_listado .game {
background: url(images/clan_listado_game_1.gif) no-repeat 0 0;
color: #ffffff;
display: block;
font-weight:bold;
height: 14px;
line-height:13px;
padding: 0px 0px 0px 8px;
margin: 0px 0px 6px 0px;
}
.tus_clanes_clan_listado .game a {
background: #a0acad url(images/clan_listado_game_2.gif) no-repeat right;
color: #ffffff;
display: block;
float: left;
padding: 0px 8px 1px 0px;
}
.tus_clanes_clan_listado .game:hover {
background: url(images/clan_listado_game_1_f2.gif) no-repeat 0 0;
}
.tus_clanes_clan_listado .game:hover a {
background: #2c2d2d url(images/clan_listado_game_2_f2.gif) no-repeat right;
text-decoration: none;
}
.tus_clanes_clan_listado_line {
border-top: 1px solid #e4e4e4;
clear: both;
height: 10px;
margin: 0px 15px 0px 0px;
position: relative;
}
.tus_clanes_clan_listado_line_2 {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
clear: both;
height: 11px;
position: relative;
}
#tus_clanes .ver_mas {
padding: 0px 2px 0px 0px;
}
/* Menú de ordenar + buscar */
#nav_tus_clanes {
background: url(images/buscar_tus_clanes.gif) no-repeat 0 0;
height: 32px;
position: relative;
}
#nav_tus_clanes a {
background: url(images/nav_tus_clanes.gif) no-repeat 0 0;
display: block;
float: left;
height: 32px;
position: relative;
text-indent:-10000px;
}
/* BACKUP
#nav_tus_clanes a#mas_jugadores {
background-position: 0px 0px;
width: 108px;
}
#nav_tus_clanes a#mas_jugadores:hover { background-position: 0px -32px; }
#nav_tus_clanes a#mas_jugadores.selected { background-position: 0px -64px; }
#nav_tus_clanes a#mas_recien_creados {
background-position: -108px 0px;
width: 128px;
}
#nav_tus_clanes a#mas_recien_creados:hover { background-position: -108px -32px; }
#nav_tus_clanes a#mas_recien_creados.selected { background-position: -108px -64px; }
*/
#nav_tus_clanes a#alfabeticamente {
background-position: 0px 0px;
width: 123px;
}
#nav_tus_clanes a#alfabeticamente:hover { background-position: 0px -32px; }
#nav_tus_clanes a#alfabeticamente.selected { background-position: 0px -64px; }
#nav_tus_clanes a#creacion_reciente {
background-position: -123px 0px;
width: 148px;
}
#nav_tus_clanes a#creacion_reciente:hover { background-position: -123px -32px; }
#nav_tus_clanes a#creacion_reciente.selected { background-position: -123px -64px; }
#nav_tus_clanes a#miembros {
background-position: -271px 0px;
width: 129px;
}
#nav_tus_clanes a#miembros:hover { background-position: -271px -32px; }
#nav_tus_clanes a#miembros.selected { background-position: -271px -64px; }
#nav_tus_clanes_juego {
background: url(images/buscar_tus_clanes_juego.gif) no-repeat 0 0;
height: 37px;
left: 395px;
margin: -8px 0px 0px -5px;
position: relative;
width: 205px;
}
/* Listado de tus clanes */
#tus_clanes_list .clan_listado {
margin: 0px 0px 11px 16px;
_margin:0px 0px 11px 10px;
}
#tus_clanes_list .clan_listado_line {
margin: 0px 0px 0px 16px;
}
#tus_clanes_list .clan_listado_line_2 {
margin: 10px 0px 0px 16px;
}
/* Clanes que podrían interesarte */
#clanes_podrian_interesarte {
margin: -11px 0px 0px 0px;
padding: 0px 0px 30px 0px;
position:relative;
width: 306px;
}
#clanes_podrian_interesarte h2 {
background: url(images/clanes_podrian_interesarte.jpg) no-repeat 0 0;
height: 106px;
padding: 0px;
text-indent:-10000px;
}
#clanes_podrian_interesarte .footer {
background: url(images/clanes_podrian_interesarte_footer.gif) no-repeat 0 0;
height: 20px;
}
#clanes_podrian_interesarte .content {
background: #efefef;
padding: 0px 7px;
}
#clanes_podrian_interesarte .nohay {
left: 34px;
margin: 0px;
}
#clanes_podrian_interesarte .clan_listado {
float: none;
height: auto;
margin: 0px;
min-height: inherit;
padding: 7px 7px 5px;
width: auto;
}
#clanes_podrian_interesarte .clan_listado .floatleft {
position: relative;
}
#clanes_podrian_interesarte .clan_listado .info {
width: 187px;
}
#clanes_podrian_interesarte .clan_listado .game {
float: right;
}
#clanes_podrian_interesarte .clan_listado .title {
padding:20px 0px 8px 0px;
}
#clanes_podrian_interesarte .clan_listado .members {
padding:4px 0px 0px 20px;
}
#clanes_podrian_interesarte .clan_listado .unirme {
margin: 0px 0px 0px 98px;
}
#clanes_podrian_interesarte .even {
background: #dde2e2;
}
/* Tus compañeros de clan */
#tus_companyeros_clan {
padding: 0px 0px 35px 0px;
position:relative;
}
#tus_companyeros_clan h2 {
background: url(images/tus_companyeros_clan.gif) no-repeat 0 0;
height: 40px;
text-indent:-10000px;
}
#tus_companyeros_clan.grupos h2 {
background: url(images/tus_companyeros_grupo.gif) no-repeat 0 0;
}
#tus_companyeros_clan .avatar_1 {
float: left;
width: 80px;
}
/*Clanes más populares esta semana */
#clanes_populares_semana {
margin: 0px 0px 35px 0px;
position:relative;
}
#clanes_populares_semana h2.populares_title {
background: #6a6a6a url(images/clanes_populares_semana.gif) no-repeat 0 0;
height: 44px;
text-indent:-10000px;
}
#clanes_populares_semana.grupos h2.populares_title {
background: #6a6a6a url(images/grupos_populares_semana.gif) no-repeat 0 0;
}
#clanes_populares_semana h2.destacados_title {
background: #6a6a6a url(images/clanes_destacados.gif) no-repeat 0 0;
height: 40px;
text-indent:-10000px;
}
#clanes_populares_semana .content {
background: url(images/clanes_populares_semana_content.gif) repeat-y 0 0;
}
#clanes_populares_semana .clan_listado_destacado {
padding: 0px 0px 5px 60px;
}
#clanes_populares_semana .first {
padding: 0px 0px 5px 15px;
}
#clanes_populares_semana .line {
background: #6a6a6a url(images/clanes_populares_semana_line.gif) no-repeat left center;
height: 16px;
}
#clanes_populares_semana .footer {
background: url(images/clanes_populares_semana_footer.gif) no-repeat left center;
height: 14px;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* LISTADO DE USUARIOS
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
/* Buscador */
#buscar_usuarios {
background: url(images/buscar_usuarios.gif) no-repeat 0 0;
height: 90px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 175px;
position: relative;
}
#buscar_usuarios .floatleft {
padding: 8px 0px 0px 0px;
}
/* Menú de ordenar */
#nav_ordenar_usuarios {
background: url(images/ordenar_videojuego.gif) no-repeat 0 0;
height: 50px;
padding: 0px 0px 0px 106px;
position: relative;
}
#nav_ordenar_usuarios a {
background: url(images/nav_ordenar_usuarios.gif) no-repeat 0 0;
display: block;
float: left;
height: 32px;
position: relative;
text-indent:-10000px;
}
#nav_ordenar_usuarios a#alfabeticamente {
background-position: 0px 0px;
width: 123px;
}
#nav_ordenar_usuarios a#alfabeticamente:hover { background-position: 0px -32px; }
#nav_ordenar_usuarios a#alfabeticamente.selected { background-position: 0px -64px; }
#nav_ordenar_usuarios a#registro_reciente {
background-position: -123px 0px;
width: 155px;
}
#nav_ordenar_usuarios a#registro_reciente:hover { background-position: -123px -32px; }
#nav_ordenar_usuarios a#registro_reciente.selected { background-position: -123px -64px; }
#nav_ordenar_usuarios a#registro_antiguo {
background-position: -278px 0px;
width: 147px;
}
#nav_ordenar_usuarios a#registro_antiguo:hover { background-position: -278px -32px; }
#nav_ordenar_usuarios a#registro_antiguo.selected { background-position: -278px -64px; }
/* Ficha de listado */
.usuario_listado {
background: #efefef url(images/usuario_listado_anyadir.gif) no-repeat 6px 90px;
float: left;
height: auto !important;
height: 144px;
margin: 0px 3px 11px 14px;
_margin: 0px 10px 10px 7px;
min-height: 144px; /* 156px */
position: relative;
padding: 6px;
width: 285px; /* 297px */
}
.last_usuario {
margin-right:0px;
}
.white_usuario {
background: #ffffff url(images/usuario_listado_anyadir_2.gif) no-repeat 6px 90px;
}
.usuario_listado .floatleft {
width: 58px;
}
.usuario_listado .floatright {
width: 224px;
}
/* Cambios en el Avatar */
.usuario_listado .avatar_1 {
height: 65px;
width: 58px;
}
.usuario_listado .avatar_1 img,
.usuario_listado .avatar_1 .mask {
left: 0px;
}
.usuario_listado .avatar_1 .mask {
height: 62px;
width: 62px;
}
.usuario_listado .avatar_1 .mask {
background: url(images/avatar_mask_2.png) no-repeat 0 0;
}
.white_usuario .avatar_1 .mask {
background: url(images/avatar_mask_1.png) no-repeat 0 0;
}
/* Agregar */
.usuario_listado .mas {
margin: 14px 0px 0px 16px;
}
/* Datos del usuario */
.usuario_listado .info {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
margin: 0px 1px 9px 7px;
padding: 0px 0px 5px 0px;
position: relative;
}
.usuario_listado .name {
color: #444444;
display: block;
font-size: 11px;
font-weight:bold;
line-height:13px;
width: 140px;
}
.usuario_listado .resume {
color: #0f5e91;
display: block;
font-size: 9px;
font-weight:bold;
line-height:15px;
}
.usuario_listado .rank {
background: url(images/usuario_listado_rango.gif) no-repeat 0 0;
color: #ffffff;
display: block;
font-weight:bold;
height: 19px;
line-height:15px;
padding: 0px 5px 0px 0px;
position: absolute;
right: 0px;
text-align: right;
top: 0px;
width: 61px; /* 66px */
}
/* Juegos favoritos */
.usuario_listado .juegos_favoritos {
position: relative;
}
.usuario_listado .juegos_favoritos .title {
background: url(images/usuario_listado_juegos_favoritos.gif) no-repeat 0 0;
display: block;
height: 22px;
margin: 0px 0px 0px 7px;
text-indent:-10000px;
}
.usuario_listado .juegos_favoritos .game {
background: url(images/usuario_listado_game_1.gif) no-repeat 7px bottom;
float: left;
height: 80px;
padding: 0px 0px 0px 7px;
margin: 0px 7px 0px 0px;
position: relative;
width: 42px;
}
.white_usuario .juegos_favoritos .game {
background: url(images/usuario_listado_game_2.gif) no-repeat 7px bottom;
}
.usuario_listado .juegos_favoritos .game img {
border: 1px solid #6b696a;
bottom: 14px;
left: 7px;
max-height: 63px;
position: absolute;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* PANEL DE USUARIO
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
#usuario_panel {
background: url(images/usuario_panel.jpg) no-repeat 0 0;
height: 114px;
margin: 0px 0px 20px 0px;
position: relative;
}
#usuario_panel .floatleft {
width: 655px;
}
#usuario_panel .floatright {
width: 280px;
}
/* Avatar */
#usuario_panel .avatar_1 {
float: left;
height: 75px;
margin: 2px 0px 0px 1px;
}
#usuario_panel .avatar_1 .mask {
background: url(images/avatar_mask_3.png) no-repeat 0 0;
height: 64px;
left: 8px;
top: -2px;
width: 64px;
}
/* Nombre de usuario */
#usuario_panel .name {
color: #ffffff;
float: left;
font-size: 18px;
font-weight:bold;
height: 34px;
padding: 16px 0px 0px 0px;
}
#usuario_panel .name a {
color: #ffffff;
}
/* Mis contenidos */
#usuario_panel .mi_contenido {
height: 28px;
margin: 0px 0px 0px 70px;
}
#usuario_panel .mi_contenido a {
background: url(images/usuario_panel_resume_left.gif) no-repeat 0 0;
color: #ffffff;
display: block;
float: left;
height: 28px;
line-height:13px;
margin: 0px 4px 0px 0px;
padding: 0px 0px 0px 8px;
text-align: center;
}
#usuario_panel .mi_contenido a span {
background: url(images/usuario_panel_resume_right.gif) no-repeat right top;
cursor: pointer;
display: block;
float: left;
height: 28px;
padding: 0px 8px 0px 0px;
}
#usuario_panel .mi_contenido a:hover {
background: url(images/usuario_panel_resume_left.gif) no-repeat 0 -28px;
text-decoration: none;
}
#usuario_panel .mi_contenido a:hover span {
background: url(images/usuario_panel_resume_right.gif) no-repeat right -28px;
}
#usuario_panel .mi_contenido .buscar_videojuego_text {
background: url(images/caja_buscador_juego.gif) no-repeat 0 0;
_background-attachment: fixed;
border: none;
float: right;
font-family:Verdana;
font-size: 10px;
height: 16px; /* 17px */
margin: 7px 13px 0px 0px;
padding: 1px 10px 0px 50px;
width: 207px; /* 267px */
}
#usuario_panel .mi_contenido #resultadoJuegosBusqueda a, #usuario_panel .mi_contenido #resultadoJuegosBusquedaClanes a {
background: none;
color: #ffffff;
display: block;
float: none;
height: auto;
line-height:12px;
margin: 0px;
padding: 0px 3px;
text-align: center;
}
#usuario_panel .mi_contenido #resultadoJuegosBusqueda, #usuario_panel .mi_contenido #resultadoJuegosBusquedaClanes{
top: 118px;
}
/* Enlaces */
#usuario_panel .links {
color: #a2a2a2;
display: block;
float: left;
width: 575px;
}
#usuario_panel .links a {
color: #a2a2a2;
display: block;
float: left;
line-height:16px;
}
#usuario_panel #usuario_panel_mensajes {
height: 16px;
padding: 0px 0px 0px 27px;
width: 90px;
}
#usuario_panel #usuario_panel_juegos {
height: 16px;
padding: 0px 0px 0px 37px;
width: 101px;
}
#usuario_panel #usuario_panel_contenidos {
height: 16px;
padding: 0px 0px 0px 37px;
width: 115px;
}
#usuario_panel .anyadir_contenido {
background: url(images/usuario_panel_anyadir_contenido.gif) no-repeat 0 0;
height: 25px;
margin: -4px 0px 0px 12px;
text-indent:-10000px;
width: 152px;
}
#usuario_panel .anyadir_contenido:hover {
background: url(images/usuario_panel_anyadir_contenido.gif) no-repeat 0 -25px;
}
/* Rango */
#usuario_panel .rank_1 {
background: url(images/medalla_1.png) no-repeat 0 0;
color: #ffffff;
float: left;
font-size: 9px;
font-weight:bold;
height: 18px;
margin: 16px 0px 0px 20px;
_margin: 16px 0px 0px 10px;
padding: 17px 0px 0px 31px;
}
/* Puntos */
#usuario_panel .points {
color: #5c5c5c;
float: left;
padding: 0px 0px 0px 15px;
}
#usuario_panel .points span {
color: #a2a2a2;
}
/* Experiencia */
#xperience_bar {
background: url(images/xperience_1.gif) no-repeat 0 0;
height: 40px;
overflow: hidden;
position: relative;
width: 109px;
}
#xperience_bar #xperience_now {
background: url(images/xperience_2.gif) no-repeat 0 0;
height: 19px;
position: relative;
text-indent:-10000px;
width: 109px;
}
#xperience_bar #xperience_now span {
display: none;
}
#xperience_bar #xperience_now .light {
background: url(images/xperience_light.png) no-repeat 0 0;
height: 15px;
position: absolute;
right: 0px;
top: 1px;
width: 34px;
}
#xperience_bar a {
background: url(images/xperience_mis_logros.gif) no-repeat center 0;
display: block;
height: 16px;
text-indent:-10000px;
width: 100%;
}
#xperience_bar a:hover {
background: url(images/xperience_mis_logros.gif) no-repeat center -16px;
}
#xperience_bar_big {
background: url(images/xperience_1_big.gif) no-repeat 0 0;
height: 40px;
overflow: hidden;
position: relative;
width: 212px;
}
#xperience_bar_big #xperience_now {
background: url(images/xperience_2_big.gif) no-repeat 0 0;
height: 19px;
position: relative;
text-indent:-10000px;
width: 212px;
}
#xperience_bar_big #xperience_now span {
display: none;
}
#xperience_bar_big #xperience_now .light {
background: url(images/xperience_light.png) no-repeat 0 0;
height: 15px;
position: absolute;
right: 0px;
top: 1px;
width: 34px;
}
#xperience_bar_points {
color: #858585;
float: right;
line-height:12px;
width: 72px;
}
#xperience_bar_points strong {
color: #5c5c5c;
}
#xperience_bar_needed {
color: #6a6a6a;
text-align: right;
}
#xperience_bar_needed strong {
color: #0f5e91;
}
#usuario_panel #xperience_bar {
float: right;
margin: -31px 24px 0px 0px;
_margin: -31px 12px 0px 0px;
}
#usuario_panel #corporate_profile {
float: left;
margin: -41px 24px 0 110px;
_margin: -41px 24px 0 110px;
text-align: justify;
}
#permisos_caducados
{
background-color: #FFD2D2;
border-top: 1px dotted #b11515;
border-bottom: 1px dotted #b11515;
color: #b11515;
font-size: 11px;
line-height: 12px;
margin: -10px 0px 10px 0px;
padding: 5px 10px 5px 10px;
}
#permisos_caducados a,#permisos_caducados a:hover
{
color: #b11515;
font-weight:bold;
}
#corporate_profile {
color: #5C5C5C;
}
#rango_actual #xperience_bar_big {
float: left;
margin: 3px 0px 0px 0px;
}
#xperience_bar_m {
background: url(images/xperience_1_m.gif) no-repeat 0 0;
height: 40px;
overflow: hidden;
position: relative;
width: 168px;
}
#xperience_bar_m #xperience_now {
background: url(images/xperience_2_m.gif) no-repeat 0 0;
height: 19px;
position: relative;
text-indent:-10000px;
width: 133px;
}
#xperience_bar_m #xperience_now .light {
background: url(images/xperience_light.png) no-repeat 0 0;
height: 15px;
position: absolute;
right: 0px;
top: 1px;
width: 34px;
}
#xperience_bar_m span {
color: #5c5c5c;
font-weight:bold;
position: absolute;
right: 0px;
top: 5px;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* FICHA DE USUARIO
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
#usuario_ficha_panel {
background: url(images/usuario_ficha_panel_center.gif) repeat-y 0 0;
margin: 0px 0px 25px 0px;
position: relative;
}
#usuario_ficha_panel.colaborador {
background: url(images/usuario_ficha_panel_center_2.gif) repeat-y 0 0;
}
#usuario_ficha_panel .content {
background: url(images/usuario_ficha_panel.gif) no-repeat 0 0;
}
#usuario_ficha_panel.colaborador .content {
background: url(images/usuario_ficha_panel_2.gif) no-repeat 0 0;
}
#usuario_ficha_panel .content_footer {
background: url(images/usuario_ficha_panel_bottom.gif) no-repeat left bottom;
height: auto !important;
height: 142px;
min-height: 182px;
padding: 0px 0px 5px 0px;
}
#usuario_ficha_panel.colaborador .content_footer {
background: url(images/usuario_ficha_panel_bottom_2.gif) no-repeat left bottom;
height: auto !important;
height: 34px;
min-height: 34px;
padding: 0px 0px 0px 0px;
}
/* Mis contenidos */
#usuario_ficha_panel .mi_contenido {
background: url(images/usuario_ficha_panel_mis.gif) no-repeat 0 0;
height: 40px;
margin: 0px 0px 0px 0px;
padding: 1px 0px 0px 0px;
}
#usuario_ficha_panel .mi_contenido a {
background: url(images/usuario_panel_resume_left.gif) no-repeat 0 0;
color: #ffffff;
display: block;
float: left;
height: 28px;
line-height:13px;
margin: 0px 4px 0px 0px;
padding: 0px 0px 0px 8px;
text-align: center;
}
#usuario_ficha_panel .mi_contenido a span {
background: url(images/usuario_panel_resume_right.gif) no-repeat right top;
cursor: pointer;
display: block;
float: left;
height: 28px;
padding: 0px 8px 0px 0px;
}
#usuario_ficha_panel .mi_contenido a:hover {
background: url(images/usuario_panel_resume_left.gif) no-repeat 0 -28px;
text-decoration: none;
}
#usuario_ficha_panel .mi_contenido a:hover span {
background: url(images/usuario_panel_resume_right.gif) no-repeat right -28px;
}
#usuario_ficha_panel .mi_contenido_amigo {
height: 78px;
}
/* Info de los logros + Avatar */
#usuario_ficha_panel .info_logros {
float: left;
margin: 0px 0px 40px 0px;
width: 149px;
}
#usuario_ficha_panel.colaborador .info_logros {
float: left;
margin: 0px 0px 0px 0px;
width: 149px;
}
/* Avatar */
#usuario_ficha_panel .avatar_1 {
height: 131px;
width: 133px;
}
#usuario_ficha_panel .avatar_1 .mask {
background: url(images/avatar_mask_4.png) no-repeat 0 0;
height: 131px;
left: 8px;
width: 133px;
}
#usuario_ficha_panel.colaborador .avatar_1 .mask {
background: url(images/avatar_mask_9.png) no-repeat 0 0;
}
/* Rango */
#usuario_ficha_panel .rank {
background: url(images/usuario_ficha_panel_rank.gif) no-repeat 0 4px;
color: #ffffff;
font-size: 9px;
font-weight:bold;
height: 30px;
margin: 5px 0px 5px 23px;
padding: 0px 0px 0px 6px;
}
#usuario_ficha_panel .rank_1 {
background: url(images/medalla_1.png) no-repeat 0 0;
color: #ffffff;
float: left;
font-size: 9px;
font-weight:bold;
height: 16px; /* 30px */
padding: 16px 0px 0px 0px;
text-align: right;
width: 47px;
}
/* Puntos */
#usuario_ficha_panel .points {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
color: #5c5c5c;
margin: 0px 0px 8px 23px;
padding: 7px 0px 7px 0px;
text-align: right;
width: 104px;
}
#usuario_ficha_panel .points span {
color: #a2a2a2;
}
/* Puntos */
#usuario_ficha_panel #xperience_bar {
margin: 0px 0px 0px 20px;
}
/* Info del usuario */
#usuario_ficha_panel .info_usuario {
float: left;
height: auto !important;
height: 200px;
min-height: 200px;
padding: 20px 12px 40px;
position:relative;
width: 211px; /* 235px */
}
/* Info del usuario */
#usuario_ficha_panel.colaborador .info_usuario {
float: left;
height: auto !important;
height: 70px;
min-height: 70px;
padding: 20px 12px 40px;
position:relative;
width: 410px; /* 235px */
}
#usuario_ficha_panel .info_usuario h1 {
color: #ffffff;
font-size: 18px;
font-weight:bold;
line-height:18px;
padding: 0px 0px 12px 0px;
}
#usuario_ficha_panel.colaborador .info_usuario h1 {
padding: 0px 0px 5px 0px;
width: auto; /* 235px */
}
#usuario_ficha_panel a.modificar_perfil {
background: url(images/modificar_perfil.gif) no-repeat 0 0;
bottom: 10px;
display: block;
height: 16px;
left: 12px;
position: absolute;
text-indent:-10000px;
width: 113px;
}
#usuario_ficha_panel.colaborador a.modificar_perfil {
bottom: 25px;
}
#usuario_ficha_panel a.modificar_perfil:hover {
background: url(images/modificar_perfil.gif) no-repeat 0 -16px;
}
#nav_ordenar_videojuego a#sugiere_juego {
background: url(images/sugiere_juego.gif) no-repeat 0 0;
display: block;
float: right;
height: 16px;
margin: 6px 10px 0px 0px;
text-indent:-10000px;
width: 309px;
}
#nav_ordenar_videojuego a#sugiere_juego:hover {
background: url(images/sugiere_juego.gif) no-repeat 0 -16px;
}
#usuario_ficha_panel .info_usuario .cita_del_dia {
background: url(images/usuario_ficha_panel_cita.gif) no-repeat 0 0;
display: block;
height: 23px;
text-indent:-10000px;
}
#usuario_ficha_panel .info_usuario .bio {
background: url(images/usuario_ficha_panel_bio.gif) no-repeat 0 0;
display: block;
height: 23px;
margin: 12px 0px 0px 0px;
text-indent:-10000px;
}
#usuario_ficha_panel.colaborador .info_usuario .bio {
background: url(images/usuario_ficha_panel_bio_2.gif) no-repeat 0 0;
color: #ffffff;
display: block;
font-weight:bold;
height: 23px;
margin: 12px 0px 0px 0px;
text-align: right;
}
#usuario_ficha_panel.colaborador .info_usuario .bio a {
color: #ffffff;
}
#usuario_ficha_panel .info_usuario .text {
color: #c9c9c9;
font-weight:bold;
line-height:13px;
}
#usuario_ficha_panel .info_usuario .anyadir_contenido {
float: right;
}
#usuario_ficha_panel .info_usuario .buttons {
background: url(images/line_dashed_2.gif) repeat-x left center;
height: 25px;
margin: 12px 0px 8px 0px;
}
#usuario_ficha_panel .info_usuario .buttons_double {
background: url(images/line_dashed_3.gif) repeat-x left center;
height: 53px;
margin: 12px 0px 8px 0px;
}
#usuario_ficha_panel .tipo_colaborador {
color: #ffffff;
display: block;
font-weight:bold;
padding-bottom: 2px;
}
/* Info de mis */
#usuario_ficha_panel .info_mis {
float: left;
padding: 20px 19px 40px 16px;
width: 415px; /* 450px */
}
#usuario_ficha_panel.colaborador .info_mis {
float: left;
padding: 20px 19px 50px 16px;
width: 210px; /* 450px */
}
#usuario_ficha_panel .info_mis .menu {
background: url(images/usuario_ficha_panel_menu.jpg) no-repeat 0 0;
height: 36px;
margin: 2px 0px 0px 0px;
}
#usuario_ficha_panel .info_mis .menu a {
color: #a2a2a2;
display: block;
float: left;
line-height:23px;
height: 24px;
}
#usuario_ficha_panel .info_mis .mensajes {
height: 16px;
padding: 0px 0px 0px 35px;
width: 90px;
}
#usuario_ficha_panel .info_mis .mis_juegos {
height: 16px;
padding: 0px 0px 0px 38px;
width: 101px;
}
#usuario_ficha_panel .info_mis .mis_contenidos {
height: 16px;
padding: 0px 0px 0px 34px;
width: 115px;
}
#usuario_ficha_panel .info_mis .nav_mis {
background: url(images/usuario_ficha_panel_mis.gif) no-repeat 0 0;
height: 37px;
}
#usuario_ficha_panel .info_mis .nav_mis a {
display: block;
float: left;
height: 16px;
text-indent:-10000px;
}
#usuario_ficha_panel .info_mis .mis_amigos {
width: 82px;
}
#usuario_ficha_panel .info_mis .mis_clanes {
width: 77px;
}
#usuario_ficha_panel .info_mis .mis_grupos {
width: 80px;
}
#usuario_ficha_panel .info_mis .mis_logros {
width: 76px;
}
#usuario_ficha_panel .info_mis .juegos {
background: url(images/usuario_ficha_panel_juegos.gif) no-repeat 0 0;
float: left;
height: auto !important;
height: 37px;
margin: 4px 0px 0px 5px;
_margin: 4px 0px 0px 2px;
min-height: 37px;
padding: 27px 0px 0px 48px;
width: 149px; /* 197px */
}
#usuario_ficha_panel .info_mis .contenido {
background: url(images/usuario_ficha_panel_contenido.gif) no-repeat 0 0;
float: right;
height: auto !important;
height: 37px;
margin: 4px 5px 0px 0px;
_margin: 4px 2px 0px 0px;
min-height: 37px;
padding: 27px 0px 0px 48px;
width: 149px; /* 197px */
}
#usuario_ficha_panel .info_mis .juegos a,
#usuario_ficha_panel .info_mis .contenido a {
color: #6a6a6a;
display: block;
font-size: 9px;
padding: 5px 6px 7px;
}
#usuario_ficha_panel .info_mis .juegos a.even,
#usuario_ficha_panel .info_mis .contenido a.even {
background: url(images/usuario_ficha_panel_row.gif) no-repeat 0 0;
color: #6a6a6a;
display: block;
padding: 2px 6px 4px;
}
/* Info de marcas */
#usuario_ficha_panel .info_marcas {
float: right;
padding: 20px 13px 0px 0px;
width: 93px; /* 106px */
}
#usuario_ficha_panel .info_marcas .marca {
color: #ffffff;
font-size: 9px;
font-weight:bold;
padding: 0px 0px 8px 0px;
}
#usuario_ficha_panel .info_marcas .marca span {
display: block;
line-height:12px;
padding: 0px 0px 0px 25px;
}
/* Mi contenido de redes */
#mi_contenido.mis_redes {
background: #efefef url(images/usuario_ficha_mis_redes.jpg) no-repeat 0 0;
/*margin: -17px 0px 30px 0px;*/
margin: 0px 0px 30px 0px;
position: relative;
z-index: 10;
}
/* Mi contenido */
#mi_contenido {
background: #efefef url(images/usuario_ficha_mi_contenido.jpg) no-repeat 0 0;
/*margin: -17px 0px 30px 0px;*/
margin: 0px 0px 30px 0px;
position: relative;
z-index: 10;
}
#mi_contenido.mis_comentarios {
background: #efefef url(images/usuario_ficha_comentarios.jpg) no-repeat 0 0;
}
#mi_contenido .content {
padding: 71px 12px 0px 14px;
position: relative;
}
#mi_contenido.mis_comentarios .content {
padding: 77px 12px 0px 14px;
}
#mi_contenido .footer {
background: url(images/usuario_ficha_mi_contenido_footer.gif) no-repeat left bottom;
height: 20px;
position: relative;
width: 453px;
}
#nav_mi_contenido {
background: url(images/nav_mi_contenido.gif) no-repeat 0 0;
float: left;
height: 32px;
margin: 6px 0px 0px 0px;
position: relative;
width: 312px;
}
#nav_mi_contenido a {
background: url(images/nav_mi_contenido.gif) no-repeat 0 0;
display: block;
float: left;
height: 32px;
position: relative;
text-indent:-10000px;
}
#nav_mi_contenido a#noticias {
background-position: 0px 0px;
width: 73px;
}
#nav_mi_contenido a#noticias:hover { background-position: 0px -32px; }
#nav_mi_contenido a#noticias.selected { background-position: 0px -64px; }
#nav_mi_contenido a#articulos {
background-position: -73px 0px;
width: 71px;
}
#nav_mi_contenido a#articulos:hover { background-position: -73px -32px; }
#nav_mi_contenido a#articulos.selected { background-position: -73px -64px; }
#mi_contenido a.rss {
float: left;
margin: 0px 0px 0px 3px;
}
/* Listado de noticias */
#mi_contenido .noticia {
border-bottom: 1px solid #cfd4d5;
padding: 12px 0px 12px 0px;
position: relative;
}
#mi_contenido .noticia_last {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
border-bottom: none;
}
#mi_contenido .noticia h2 {
color: #0f5e91;
float: left;
font-size: 13px;
line-height:15px;
width: 317px;
padding: 0px 0px 8px 0px;
position: relative;
}
#mi_contenido .noticia h2 a {
color: #0f5e91;
}
#mi_contenido .noticia .stars {
float: right;
position: relative;
}
#mi_contenido .noticia .game {
background: url(images/clan_listado_game_1.gif) no-repeat 0 0;
color: #ffffff;
display: block;
float: left;
font-weight:bold;
height: 14px;
line-height:14px;
padding: 0px 0px 0px 8px;
position: relative;
margin: 0px 0px 5px 0px;
}
#mi_contenido .noticia .game a,
#mi_contenido .noticia .game span {
background: #a0acad url(images/clan_listado_game_2.gif) no-repeat right;
color: #ffffff;
display: block;
float: left;
padding: 0px 8px 0px 0px;
}
#mi_contenido .noticia .time {
background: url(images/ico_activity.gif) no-repeat 0 3px;
color: #6a6a6a;
display: block;
float: right;
font-size: 9px;
padding: 2px 0px 5px 12px;
position: relative;
}
#mi_contenido .noticia .text {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
color: #6a6a6a;
font-size: 11px;
line-height:12px;
padding: 5px 0px;
}
#mi_contenido .noticia .tags {
background: none;
color: #0f5e91;
display: block;
font-size: 9px;
font-weight:bold;
line-height:13px;
padding: 0px 0px 10px 0px;
}
/* Línea de separación */
#mi_contenido .mi_contenido_line {
background: url(images/usuario_ficha_mi_contenido_line.gif) no-repeat left center;
height: 49px;
position: relative;
}
/* Tus imágenes */
#mi_contenido #tus_imagenes {
position: relative;
}
#mi_contenido #tus_imagenes .title {
background: url(images/usuario_ficha_mi_contenido_tus_imagenes.gif) no-repeat 0 0;
display: block;
height: 42px;
position: relative;
text-indent:-10000px;
}
/* Tus vídeos */
#mi_contenido #tus_videos {
position: relative;
}
#mi_contenido #tus_videos .title {
background: url(images/usuario_ficha_mi_contenido_tus_videos.gif) no-repeat 0 0;
display: block;
height: 42px;
position: relative;
text-indent:-10000px;
}
/* Comentarios recientes a tus contenidos */
#mi_contenido #comentarios_recientes {
position: relative;
}
#mi_contenido #comentarios_recientes .title {
background: url(images/usuario_ficha_mi_contenido_comentarios_recientes.gif) no-repeat 0 0;
display: block;
height: 24px;
position: relative;
text-indent:-10000px;
}
#mi_contenido #comentarios_recientes.tus_ultimos_comentarios .title {
background: url(images/usuario_ficha_tus_ultimos_comentarios.gif) no-repeat 0 0;
}
/* Comentarios */
#mi_contenido #comentarios_recientes .comentario {
border-bottom: 1px solid #cfd4d5;
padding: 12px 0px;
position: relative;
}
#mi_contenido #comentarios_recientes .comentario_last {
/*background: url(images/line_dashed_1.gif) repeat-x left bottom;*/
border-bottom: none;
}
#mi_contenido #comentarios_recientes .avatar_1 {
float: left;
height: 64px;
width: 64px;
}
#mi_contenido #comentarios_recientes .avatar_1 img {
left: 0px;
}
#mi_contenido #comentarios_recientes .avatar_1 .mask {
background: url(images/avatar_mask_2.png) no-repeat 0 0;
left: 0px;
height: 64px;
width: 64px;
}
#mi_contenido #xboxlive_card .avatar_2 .mask {
left: 0px;
}
#mi_contenido #xboxlive_card .avatar_2 img {
left: 2px;
}
#mi_contenido #comentarios_recientes .info {
float: right;
position: relative;
width: 355px;
}
#mi_contenido #comentarios_recientes .time {
background: url(images/ico_activity.gif) no-repeat 0 3px;
color: #6a6a6a;
display: block;
float: left;
font-size: 9px;
padding: 2px 0px 5px 12px;
position: relative;
}
#mi_contenido #comentarios_recientes .stars {
float: right;
}
#mi_contenido #comentarios_recientes .text {
float: left;
font-size: 11px;
line-height:12px;
padding: 2px 0px 5px 0px;
width: 245px;
}
#mi_contenido #comentarios_recientes .author {
color: #6a6a6a;
line-height:12px;
}
#mi_contenido #comentarios_recientes .author a {
color: #6a6a6a;
font-weight: bold;
}
#mi_contenido #comentarios_recientes .author a.game {
color: #0f5e91;
}
/* Tus amigos */
#tus_amigos {
position:relative;
}
#tus_amigos .title {
background: url(images/usuario_ficha_amigos.gif) no-repeat 0 0;
display: block;
height: 40px;
text-indent:-10000px;
width: 453px;
}
#tus_amigos .avatar_1 {
float: left;
width: 73px;
}
#tus_amigos .avatar_1 img,
#tus_amigos .avatar_1 .mask {
left: 15px;
}
#tus_amigos .links {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
padding: 6px 0px 0px 0px;
}
#tus_amigos .links .anyadir_amigos {
float: left;
}
#tus_amigos .links .ver_mas {
float: right;
padding:7px 0px 0px;
}
/* Línea de separación */
.usuario_ficha_line {
background: url(images/usuario_ficha_line.gif) no-repeat left center;
height: 49px;
position: relative;
}
/* Mis clanes y grupos */
#mis_clanes {
margin: 0px 0px 30px 0px;
position: relative;
}
#nav_mis_clanes {
background: url(images/nav_mis_clanes.gif) no-repeat 0 0;
float: left;
height: 32px;
margin: 6px 0px 18px 0px;
position: relative;
width: 453px;
}
#nav_mis_clanes a {
background: url(images/nav_mis_clanes.gif) no-repeat 0 0;
display: block;
float: left;
height: 32px;
position: relative;
text-indent:-10000px;
}
#nav_mis_clanes a#clanes {
background-position: 0px 0px;
width: 63px;
}
#nav_mis_clanes a#clanes:hover { background-position: 0px -32px; }
#nav_mis_clanes a#clanes.selected { background-position: 0px -64px; }
#nav_mis_clanes a#grupos {
background-position: -63px 0px;
width: 52px;
}
#nav_mis_clanes a#grupos:hover { background-position: -63px -32px; }
#nav_mis_clanes a#grupos.selected { background-position: -63px -64px; }
#mis_clanes img {
margin: 0px 6px 9px 9px;
position: relative;
}
#mis_clanes .mis_clanes_line {
border-top: 1px solid #e4e4e4;
height: 10px;
margin: 0px 9px 0px 8px;
position: relative;
}
#mis_clanes .links {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
margin: 14px 0px 0px 0px;
padding: 6px 0px 0px 0px;
position: relative;
}
#mis_clanes .links .anyadir_amigos {
float: left;
}
#mis_clanes .links .ver_mas {
float: right;
padding:7px 0px 0px;
}
/* Estadísticas */
#mis_estadisticas {
position: relative;
}
/* Navegación */
#nav_mis_estadisticas {
background: url(images/nav_mis_estadisticas.gif) no-repeat 0 0;
height: 32px;
margin: 6px 0px 10px 0px;
position: relative;
width: 453px;
}
#nav_mis_estadisticas a {
background: url(images/nav_mis_estadisticas.gif) no-repeat 0 0;
display: block;
float: left;
height: 32px;
position: relative;
text-indent:-10000px;
}
#nav_mis_estadisticas a#por_plataforma {
background-position: 0px 0px;
width: 116px;
}
#nav_mis_estadisticas a#por_plataforma:hover { background-position: 0px -32px; }
#nav_mis_estadisticas a#por_plataforma.selected { background-position: 0px -64px; }
#nav_mis_estadisticas a#por_genero {
background-position: -116px 0px;
width: 76px;
}
#nav_mis_estadisticas a#por_genero:hover { background-position: -116px -32px; }
#nav_mis_estadisticas a#por_genero.selected { background-position: -116px -64px; }
/* Estadísticas */
#mis_estadisticas .mis_estadisticas_column {
padding:0px 0px 10px 14px;
width: 212px;
}
#mis_estadisticas .mis_estadisticas_column span {
color: #6a6a6a;
display: block;
font-size: 9px;
height: 25px;
line-height:25px;
}
#mis_estadisticas .mis_estadisticas_column span.even {
background: url(images/usuario_ficha_mis_estadisticas_plataforma.gif) no-repeat 20px 5px;
}
#mis_estadisticas .mis_estadisticas_column span.plataforma_xbox360 strong {
/*background: url(images/plataforma_xbox360.png) no-repeat 0 0;*/
/*padding: 7px 0px 7px 30px;*/
padding: 7px 0px 7px 0px;
}
#mis_estadisticas .mis_estadisticas_column span.plataforma_xbox360 img {
padding: 0px 3px 0px 0px;
vertical-align: -10px;
}
#mis_estadisticas .title_resumen {
background: url(images/usuario_ficha_mis_estadisticas_resumen.gif) no-repeat 14px 0;
height: 28px;
padding: 7px 0px 0px 14px;
text-indent:-10000px;
}
#mis_estadisticas #por_genero .title_resumen {
background: url(images/usuario_ficha_mis_generos_resumen.gif) no-repeat 14px 0;
}
#mis_estadisticas .grafico {
padding: 0px 0px 0px 14px;
}
/* Buscador */
#invita_a_un_amigo {
background:url("images/usuario_ficha_invita_a_un_amigo.gif") no-repeat scroll 0 0 transparent;
height:45px;
margin:10px 0;
padding:0 0 0 185px;
position:relative;
}
#invita_a_un_amigo .total_invitaciones {
color: #ffffff;
float: right;
line-height: 42px;
padding:0px 10px 0px 0px;
}
#invita_a_un_amigo .floatright {
width: 300px;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* LISTADO DE NOTICIAS
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
/* Buscador */
#buscar_noticia {
background: url(images/buscar_noticia.gif) no-repeat 0 0;
height: 65px;
padding: 0px 0px 0px 172px;
position: relative;
}
#buscar_noticia.articulo {
background: url(images/buscar_articulo.gif) no-repeat 0 0;
padding: 0px 0px 0px 176px;
}
#buscar_noticia.colaboradores {
background: url(images/buscar_colaboradores.gif) no-repeat 0 0;
padding: 0px 0px 0px 220px;
}
/* Menú de ordenar */
#nav_ordenar_noticias {
background: url(images/ordenar_videojuego.gif) no-repeat 0 0;
height: 50px;
padding: 0px 0px 0px 106px;
position: relative;
}
#nav_ordenar_noticias a {
background: url(images/nav_ordenar_noticias.gif) no-repeat 0 0;
display: block;
float: left;
height: 32px;
position: relative;
text-indent:-10000px;
}
#nav_ordenar_noticias a#mas_recientes {
background-position: 0px 0px;
width: 105px;
}
#nav_ordenar_noticias a#mas_recientes:hover { background-position: 0px -32px; }
#nav_ordenar_noticias a#mas_recientes.selected { background-position: 0px -64px; }
#nav_ordenar_noticias a#mejor_puntuacion {
background-position: -105px 0px;
width: 118px;
}
#nav_ordenar_noticias a#mejor_puntuacion:hover { background-position: -105px -32px; }
#nav_ordenar_noticias a#mejor_puntuacion.selected { background-position: -105px -64px; }
#nav_ordenar_noticias a#contenido_oficial {
background-position: -223px 0px;
width: 121px;
}
#nav_ordenar_noticias a#contenido_oficial:hover { background-position: -223px -32px; }
#nav_ordenar_noticias a#contenido_oficial.selected { background-position: -223px -64px; }
#nav_ordenar_noticias a#contenido_colaboradores {
background-position: -344px 0px;
width: 184px;
}
#nav_ordenar_noticias a#contenido_colaboradores:hover { background-position: -344px -32px; }
#nav_ordenar_noticias a#contenido_colaboradores.selected { background-position: -344px -64px; }
#nav_ordenar_noticias a#contenido_usuarios {
background-position: -528px 0px;
width: 146px;
}
#nav_ordenar_noticias a#contenido_usuarios:hover { background-position: -528px -32px; }
#nav_ordenar_noticias a#contenido_usuarios.selected { background-position: -528px -64px; }
#nav_ordenar_noticias a#opinamos {
background-position: -674px 0px;
width: 80px;
}
#nav_ordenar_noticias a#opinamos:hover { background-position: -674px -32px; }
#nav_ordenar_noticias a#opinamos.selected { background-position: -674px -64px; }
/* Listado de noticias */
#noticias_listado {
background: #efefef url(images/noticias_listado_1_top.gif) no-repeat 0 0;
padding: 13px 0px 0px 0px;
position: relative;
width: 940px;
}
#noticias_listado .bottom {
background: url(images/noticias_listado_1_bottom.gif) no-repeat 0 0;
height: 14px;
position: relative;
}
#noticias_listado .content {
padding: 0px 14px;
position: relative;
}
/* Noticia */
#noticias_listado .noticia {
padding: 0px 0px 10px 0px;
position: relative;
width: 435px;
}
#noticias_listado .noticia .columnleft {
float: left;
text-align: center;
width: 85px;
}
#noticias_listado .noticia .columnright {
float: right;
width: 340px;
}
/* Estrellas */
#noticias_listado .noticia .stars {
margin-top: 1px;
}
/* Votos */
#noticias_listado .noticia .votos {
background: url(images/ico_comments.gif) no-repeat 0 0px;
float: left;
font-size: 9px;
font-weight:bold;
line-height:12px;
padding: 0px 0px 0px 18px;
margin: 0px 0px 0px 3px;
text-align: left;
width: 20px;
}
/* Nota */
#noticias_listado .noticia .nota {
background: url(images/noticias_listado_nota.gif) no-repeat center center;
color: #ffffff;
font-size: 18px;
font-weight:bold;
line-height:50px;
padding: 10px 25px;
}
/* Título */
#noticias_listado .noticia h2 {
color: #0f5e91;
font-size: 13px;
font-weight:bold;
line-height:14px;
padding: 0px 0px 7px 0px;
}
#noticias_listado .noticia h2 a {
color: #0f5e91;
}
/* Autor */
#noticias_listado .noticia .author {
color: #6a6a6a;
float: left;
font-size: 9px;
}
#noticias_listado .noticia .author a {
color: #0f5e91;
font-weight: bold;
}
/* Tiempo */
#noticias_listado .noticia .time {
background: url(images/ico_activity.gif) no-repeat 0 1px;
color: #6a6a6a;
float: left;
font-size: 9px;
padding: 0px 0px 1px 12px;
}
/* Texto */
#noticias_listado .noticia .text {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
color: #454545;
font-size: 12px;
margin: 7px 0px 0px 0px;
line-height:14px;
padding: 5px 0px 12px 0px;
position: relative;
}
/* Tags */
#noticias_listado .noticia .tags {
background: none;
color: #0f5e91;
display: block;
font-size: 9px;
font-weight:bold;
padding: 0px 0px 8px 0px;
}
/* Leer noticia */
#noticias_listado .noticia .leer_noticia {
background: url(images/noticias_listado_leer_noticia.gif) no-repeat -7px 0;
line-height:15px;
text-align: right;
}
#noticias_listado .noticia .leer_noticia a {
color: #676767;
font-weight: bold;
}
/* Línea de separación */
.noticias_listado_line {
border-top: 1px solid #cfd4d5;
clear: both;
height: 10px;
position: relative;
}
/* Listado de más noticias */
#mas_noticias_listado {
position: relative;
width: 940px;
}
#mas_noticias_listado .title {
background: url(images/noticias_listado_mas_noticias.gif) no-repeat 0 0;
display: block;
height: 24px;
margin: 0px 0px 18px 0px;
text-indent:-10000px;
}
#mas_noticias_listado.articulo .title {
background: url(images/noticias_listado_mas_articulos.gif) no-repeat 0 0;
}
#mas_noticias_listado_content {
background: url(images/noticias_listado_mas_noticias_center.gif) repeat-y 0 0;
position: relative;
width: 940px;
}
#mas_noticias_listado_content .top {
background: url(images/noticias_listado_mas_noticias_top.gif) no-repeat 0 0;
height: 14px;
}
#mas_noticias_listado_content .bottom {
background: url(images/noticias_listado_mas_noticias_bottom.gif) no-repeat 0 0;
height: 14px;
}
/* Primera Columna */
#mas_noticias_listado_content .first_column {
float: left;
position: relative;
width: 300px;
}
/* Segunda Columna */
#mas_noticias_listado_content .second_column {
float: left;
position: relative;
padding: 0px 0px 0px 38px;
width: 265px;
}
/* Tercera Columna */
#mas_noticias_listado_content .third_column {
float: right;
position: relative;
width: 300px;
}
/* Noticia */
#mas_noticias_listado_content .noticia {
padding: 0px 0px 10px 0px;
position: relative;
}
/* Estrellas */
#mas_noticias_listado_content .noticia .stars {
margin-top: 1px;
}
/* Votos */
#mas_noticias_listado_content .noticia .votos {
background: url(images/ico_comments.gif) no-repeat 0 1px;
color: #676767;
font-size: 9px;
font-weight:bold;
line-height:13px;
padding: 0px 0px 0px 17px;
}
/* Título */
#mas_noticias_listado_content .noticia h2 {
color: #0f5e91;
font-size: 13px;
font-weight:bold;
line-height:14px;
padding: 0px 0px 7px 0px;
}
#mas_noticias_listado_content .noticia h2 a {
color: #0f5e91;
}
/* Tiempo */
#mas_noticias_listado_content .noticia .time {
background: url(images/ico_activity.gif) no-repeat 0 0;
color: #6a6a6a;
font-size: 9px;
padding: 0px 0px 1px 12px;
}
/* Texto */
#mas_noticias_listado_content .noticia .text {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
color: #454545;
font-size: 11px;
margin: 7px 0px 0px 0px;
line-height:12px;
padding: 5px 0px 12px 0px;
position: relative;
}
/* Tags */
#mas_noticias_listado_content .noticia .tags {
background: none;
color: #0f5e91;
display: block;
font-size: 9px;
font-weight:bold;
padding: 0px 0px 8px 0px;
}
/* Leer noticia */
#mas_noticias_listado_content .noticia .leer_noticia {
background: url(images/noticias_listado_leer_noticia.gif) no-repeat -9px 2px;
line-height:19px;
text-align: right;
}
#mas_noticias_listado_content .noticia .leer_noticia a {
color: #676767;
float: right;
font-weight: bold;
}
#mas_noticias_listado_content .noticia .leer_noticia .floatleft {
background: #ffffff;
text-align: center;
width: 91px;
}
#mas_noticias_listado_content .second_column .noticia .leer_noticia {
background: url(images/noticias_listado_leer_noticia.gif) no-repeat -42px 2px;
}
#mas_noticias_listado_content .second_column .noticia .leer_noticia .floatleft {
background: #efefef;
}
/* Listado de noticias breves */
#noticias_breves_listado {
position: relative;
width: 940px;
}
#noticias_breves_listado .title {
background: url(images/noticias_listado_noticias_breves.gif) no-repeat 0 0;
display: block;
height: 24px;
margin: 0px 0px 18px 0px;
text-indent:-10000px;
}
#noticias_breves_listado.articulo .title {
background: url(images/noticias_listado_articulos_destacados.gif) no-repeat 0 0;
}
#noticias_breves_listado_content {
position: relative;
width: 940px;
}
/* Primera columna */
#noticias_breves_listado_content .first_column {
float: left;
position: relative;
width: 455px;
}
#noticias_breves_listado_content .first_column .title {
background: url(images/noticias_listado_esta_semana.gif) no-repeat 0 0;
display: block;
height: 48px;
margin: 0px 0px 7px 0px;
text-indent:-10000px;
}
/* Segunda columna */
#noticias_breves_listado_content .second_column {
float: right;
position: relative;
width: 455px;
}
#noticias_breves_listado_content .second_column .title {
background: url(images/noticias_listado_hace_una_semana.gif) no-repeat 0 0;
display: block;
height: 48px;
margin: 0px 0px 7px 0px;
text-indent:-10000px;
}
/* Noticia */
#noticias_breves_listado_content .noticia {
position: relative;
}
#noticias_breves_listado_content .even .top {
background: url(images/noticias_listado_noticias_breves_top.gif) no-repeat 0 0;
height: 14px;
margin: 12px 0px 0px 0px;
position: relative;
}
#noticias_breves_listado_content .even .bottom {
background: url(images/noticias_listado_noticias_breves_bottom.gif) no-repeat 0 0;
height: 14px;
margin: 0px 0px 12px 0px;
position: relative;
}
#noticias_breves_listado_content .noticia .center {
padding: 0px 12px;
position: relative;
.border: 1px solid #ffffff;
}
#noticias_breves_listado_content .even .center {
background: #efefef;
.border: 1px solid #efefef;
}
/* Tiempo */
#noticias_breves_listado_content .noticia .time {
background: url(images/ico_activity.gif) no-repeat 0 0;
color: #6a6a6a;
float: left;
font-size: 9px;
padding: 0px 0px 1px 12px;
position: relative;
}
/* Tags */
#noticias_breves_listado_content .noticia .tags {
background: none;
color: #0f5e91;
display: block;
float: right;
font-size: 9px;
font-weight:bold;
padding: 0px 0px 8px 0px;
position: relative;
}
/* Título */
#noticias_breves_listado_content .noticia h2 {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
color: #0f5e91;
font-size: 13px;
font-weight:bold;
line-height:14px;
padding: 7px 0px 2px 0px;
.padding: 3px 0px 0px 0px;
position: relative;
}
#noticias_breves_listado_content .noticia h2 a {
color: #0f5e91;
}
.white_space {
height: 25px;
position: relative;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* FICHA DE NOTICIAS
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
/* Listado de noticias pestañas */
#noticias_tabs {
padding: 0px 0px 20px 0px;
position: relative;
width: 617px;
}
#noticias_tabs .top {
background: url(images/noticias_ficha_tabs_top.gif) no-repeat 0 0;
height: 14px;
position: relative;
}
#noticias_tabs .bottom {
background: url(images/noticias_ficha_tabs_bottom.gif) no-repeat 0 0;
height: 14px;
position: relative;
}
#noticias_tabs .center {
background: url(images/noticias_ficha_tabs_center.gif) repeat-y 0 0;
.border: 1px solid #ffffff;
.border-right:none;
position: relative;
}
/* Pestañas */
#noticias_tabs #tabs_column {
/*float: left;
position: relative;*/
position: absolute;
width: 21px;
}
#noticias_tabs #tabs_column.up {
left: 0px;
top: 0px;
}
#noticias_tabs #tabs_column.down {
bottom: 0px;
left: 0px;
}
#noticias_tabs #tabs_column a {
background: url(images/noticias_ficha_tabs_off.gif) no-repeat 0 0;
color: #676767;
display: block;
font-size: 11px;
font-weight:bold;
height: 31px;
margin: 0px 0px 2px 0px;
position: relative;
text-align: center;
width: 21px;
_font-weight: normal;
}
#noticias_tabs #tabs_column a.selected {
background: url(images/noticias_ficha_tabs_on.gif) no-repeat 0 0;
color: #0f5e91;
}
#noticias_tabs #tabs_column a:hover {
text-decoration: none;
}
#noticias_tabs #tabs_column a span {
display: block;
left: 9px;
position: absolute;
top: 9px;
.left: 7px;
.top: 10px;
/* Webkit, Safari */
-webkit-transform: rotate(-90deg);
/* Firefox 3.5+ */
-moz-transform: rotate(-90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
/* Contenido de columna */
#noticias_tabs #content_column {
background: #efefef;
float: right;
padding: 0px 14px 0px 0px;
position: relative;
width: 568px; /* 582px */
}
#noticias_tabs a.button_facebook,
#noticias_tabs a.button_twitter,
#noticias_tabs a.button_hype{
float: left;
margin: 0px 3px 0px 0px;
}
#noticias_tabs #content_column h1 {
color: #0f5e91;
font-size: 18px;
height: auto !important;
height: 35px;
min-height: 35px;
padding: 0px 0px 8px 0px;
width: 460px;
}
/* Tiempo */
#noticias_tabs #content_column .nota_articulo {
background: url(images/noticias_ficha_articulo_nota.gif) no-repeat 0 1px;
color: #6a6a6a;
display: block;
font-size: 9px;
height: 26px;
padding: 0px 0px 1px 12px;
width: 77px;
}
/* Tiempo */
#noticias_tabs #content_column .time {
background: url(images/ico_activity.gif) no-repeat 0 1px;
color: #6a6a6a;
font-size: 9px;
padding: 0px 0px 1px 12px;
}
/* Texto */
#noticias_tabs #content_column .text {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
color: #676767;
font-size: 12px;
margin: 7px 0px 0px 0px;
line-height:14px;
padding: 5px 0px 12px 0px;
position: relative;
}
#noticias_tabs #content_column .text p {
font-size: 15px;
line-height: 23.16px;
font-family: "Helvetica Neue",Arial,sans-serif;
padding: 0px 0px 14px 0px;
color: #565656;
}
#noticias_tabs #content_column .text ul li {
font-size: 15px;
line-height: 23.16px;
font-family: "Helvetica Neue",Arial,sans-serif;
color: #565656;
}
#noticias_tabs #content_column .articulo_nota {
background: url(images/noticias_ficha_articulo_nota.gif) no-repeat 0 0;
color: #ffffff;
display: block;
font-size: 18px;
font-weight:bold;
height: 26px;
line-height:23px;
padding: 0px 5px 0px 0px;
position: absolute;
right: 0px;
text-align: center;
top: -13px;
width: 72px; /* 77px */
}
/* Tags */
#noticias_tabs #content_column .tags {
background: none;
color: #0f5e91;
display: block;
font-size: 9px;
font-weight:bold;
padding: 0px 0px 8px 0px;
position: relative;
}
/* Tags */
#noticias_tabs #content_column blockquote {
color: #676767;
font-style: italic;
font-size: 12px;
font-weight:bold;
padding: 0px 0px 14px 0px;
position: relative;
}
/* Comentarios */
#noticias_tabs #content_column .comentarios {
background: url(images/ico_comments.gif) no-repeat 0 1px;
color: #676767;
font-size: 9px;
line-height:13px;
padding: 0px 0px 0px 17px;
}
#noticias_tabs #content_column .comentarios a {
color: #676767;
}
/* Exprésate */
#noticias_tabs #content_column .expresate {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
height: 30px;
margin: 7px 0px 0px 0px;
padding: 7px 0px 0px 0px;
}
#noticias_tabs #content_column .expresate span {
background: url(images/noticias_ficha_expresate.gif) no-repeat 0 8px;
float: left;
height: 26px;
text-indent:-10000px;
width: 290px;
}
#noticias_tabs #content_column .expresate .me_gusta {
background: url(images/noticias_ficha_me_gusta.gif) no-repeat 0 0;
float: right;
height: 26px;
text-indent:-10000px;
width: 106px;
}
#noticias_tabs #content_column .expresate .me_gusta:hover {
background: url(images/noticias_ficha_me_gusta.gif) no-repeat 0 -26px;
}
#noticias_tabs #content_column .expresate .no_me_gusta {
background: url(images/noticias_ficha_no_me_gusta.gif) no-repeat 0 0;
float: right;
height: 26px;
margin: 0px 0px 0px 12px;
text-indent:-10000px;
width: 123px;
}
#noticias_tabs #content_column .expresate .no_me_gusta:hover {
background: url(images/noticias_ficha_no_me_gusta.gif) no-repeat 0 -26px;
}
/* Puntuación */
#noticias_tabs #content_column .puntuacion {
position: absolute;
right: 14px;
text-align: center;
top: 0px;
width: 86px;
}
#noticias_tabs #content_column .votos {
background: url(images/ico_votes.gif) no-repeat 0 2px;
color: #676767;
font-size: 9px;
font-weight:bold;
line-height:13px;
margin: 0px 0px 0px 3px;
text-align: left;
padding: 0px 0px 0px 18px;
}
/* Columna "Los usuarios opinan... Me gusta!" */
#usuarios_me_gusta,
#usuarios_no_me_gusta {
float: left;
margin: -10px 0px 0px 0px;
position: relative;
width: 301px;
}
#usuarios_no_me_gusta {
float: right;
}
#usuarios_me_gusta .title {
background: url(images/noticias_ficha_usuarios_me_gusta.jpg) no-repeat 0 0;
display: block;
height: 97px;
position: relative;
text-indent:-10000px;
}
#usuarios_no_me_gusta .title {
background: url(images/noticias_ficha_usuarios_no_me_gusta.jpg) no-repeat 0 0;
display: block;
height: 97px;
position: relative;
text-indent:-10000px;
}
#usuarios_me_gusta .footer,
#usuarios_no_me_gusta .footer {
background: url(images/noticias_ficha_usuarios_pie.gif) no-repeat 0 0;
height: 15px;
position: relative;
}
#usuarios_me_gusta .nohay,
#usuarios_no_me_gusta .nohay {
left: 40px;
}
#usuarios_me_gusta .center,
#usuarios_no_me_gusta .center {
background: #efefef;
padding: 0px 14px;
position: relative;
}
#usuarios_me_gusta .usuario,
#usuarios_no_me_gusta .usuario {
border-bottom: 1px solid #cfd4d5;
padding: 10px 0px 5px 0px;
position: relative;
}
#usuarios_me_gusta .last,
#usuarios_no_me_gusta .last {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
border: none;
}
#usuarios_me_gusta .usuario .avatar_1,
#usuarios_no_me_gusta .usuario .avatar_1 {
float: left;
}
#usuarios_me_gusta .usuario .avatar_1 .mask,
#usuarios_no_me_gusta .usuario .avatar_1 .mask {
background: url(images/avatar_mask_2.png) no-repeat 0 0;
height: 62px;
width: 62px;
}
#usuarios_me_gusta .usuario .text,
#usuarios_no_me_gusta .usuario .text {
position: relative;
}
#usuarios_me_gusta .usuario h2,
#usuarios_no_me_gusta .usuario h2 {
color: #0f5e91;
font-size: 11px;
font-weight:normal;
line-height:12px;
padding: 2px 0px 6px 0px;
position: relative;
word-wrap: break-word;
}
#usuarios_me_gusta .usuario h2 a,
#usuarios_no_me_gusta .usuario h2 a {
color: #0f5e91;
}
#usuarios_me_gusta .usuario .time,
#usuarios_no_me_gusta .usuario .time {
background: url(images/ico_activity.gif) no-repeat 0 3px;
color: #6a6a6a;
display: block;
float: left;
font-size: 9px;
padding: 2px 0px 5px 12px;
position: relative;
}
#usuarios_me_gusta .usuario .name,
#usuarios_no_me_gusta .usuario .name {
font-weight: bold;
}
/* Comentarios */
#usuarios_me_gusta .textright,
#usuarios_no_me_gusta .textright {
padding: 5px 0px 0px 0px;
}
#usuarios_me_gusta .comentarios,
#usuarios_no_me_gusta .comentarios {
background: url(images/ico_comments.gif) no-repeat 0 1px;
color: #676767;
font-size: 9px;
line-height:13px;
padding: 0px 0px 0px 17px;
}
#usuarios_me_gusta .comentarios a,
#usuarios_no_me_gusta .comentarios a {
color: #676767;
}
#usuarios_me_gusta .usuario .img_notificaciones,
#usuarios_no_me_gusta .usuario .img_notificaciones {
float: right;
}
/* Eventos relacionados */
#eventos_relacionados
{
padding: 0px 0px 25px 0px;
position: relative;
}
#eventos_relacionados .title {
background: url(images/noticias_ficha_evento_relacionado.gif) no-repeat 0 0;
display: block;
height: 42px;
position: relative;
text-indent:-10000px;
}
/* Noticias relacionadas */
#noticias_relacionadas {
padding: 0px 0px 25px 0px;
position: relative;
}
#noticias_relacionadas .title {
background: url(images/noticias_ficha_noticias_relacionadas.gif) no-repeat 0 0;
display: block;
height: 42px;
position: relative;
text-indent:-10000px;
}
#articulos_relacionados .title {
background: url(images/articulos_ficha_articulos_relacionados.gif) no-repeat 0 0;
display: block;
height: 42px;
position: relative;
text-indent:-10000px;
}
#noticias_relacionadas .noticia, #articulos_relacionados .noticia {
padding:0px 0px 10px 0px;
position: relative;
width: 295px;
}
#noticias_relacionadas .noticia .columnleft, #articulos_relacionados .noticia .columnleft {
float: left;
}
#noticias_relacionadas .noticia .columnright, #articulos_relacionados .noticia .columnright {
float: right;
width: 198px;
}
#noticias_relacionadas .noticia h2 a, #articulos_relacionados .noticia h2 a {
color: #0f5e91;
font-size: 11px;
font-weight:bold;
line-height:12px;
padding: 0px 0px 8px 0px;
}
#noticias_relacionadas .noticia .text, #articulos_relacionados .noticia .text {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
color: #676767;
line-height:12px;
position: relative;
padding: 10px 0px 0px 0px;
}
#noticias_relacionadas .noticia blockquote, #articulos_relacionados .noticia blockquote {
font-weight: bold;
padding: 0px 0px 8px 0px;
}
#noticias_relacionadas .noticias_relacionadas_line, #articulos_relacionados .noticias_relacionadas_line {
border-top: 1px solid #e4e4e4;
height: 13px;
}
/* Información del usuario */
#informacion_usuario {
margin: -11px 0px 0px 0px;
position: relative;
}
#informacion_usuario_header {
background: url(images/noticias_ficha_informacion_usuario.jpg) no-repeat 0 0;
display: block;
height: 71px; /* 119px */
padding: 48px 0px 0px 0px;
position: relative;
}
#informacion_usuario_header .avatar_1 {
float: left;
}
#informacion_usuario_header .avatar_1 .mask {
background: url(images/avatar_mask_5.png) no-repeat 0 0;
height: 62px;
width: 62px;
}
#informacion_usuario_header .avatar_1 img {
left: 12px;
top: 2px;
}
#informacion_usuario_header .user {
bottom: 50px;
float: right;
left: 80px;
padding: 20px 0px 0px 0px;
position: absolute;
width: 215px;
}
#informacion_usuario_header .user .name {
color: #444444;
display: block;
font-size: 13px;
font-weight:bold;
}
#informacion_usuario_header .user .clan {
color: #6a6a6a;
display: block;
font-size: 9px;
padding: 3px 0px 0px 0px;
}
#informacion_usuario_header .user .clan a {
color: #0f5e91;
font-weight: bold;
}
#mensaje_eliminar {
background: url(images/mensajes_listado_eliminar.gif) no-repeat 0 0;
display: block;
height: 20px;
margin: 3px 0px 10px 4px;
text-indent:-10000px;
width: 200px;
}
#mensaje_eliminar:hover {
background: url(images/mensajes_listado_eliminar.gif) no-repeat 0 -25px;
}
#informacion_usuario .footer {
background: url(images/noticias_ficha_informacion_usuario_footer.gif) no-repeat 0 0;
height: 13px;
position: relative;
}
#informacion_usuario .rango {
background: url(images/panel_usuario_rango.png) no-repeat 0 20px;
width:76px;
height: 30px;
bottom:12px;
float:right;
left:80px;
padding:20px 0 0;
position:absolute;
}
#informacion_usuario .twitter {
background: url(images/boton_twitter.gif) no-repeat 0 0px;
width:23px;
height: 26px;
bottom:12px;
float:right;
left:160px;
padding:0px 0px 0px 0px;
position:absolute;
}
#informacion_usuario .twitter:hover {
background: url(images/boton_twitter.gif) no-repeat 0 -26px;
width:23px;
height: 26px;
bottom:12px;
float:right;
left:160px;
padding:0px 0px 0px 0px;
position:absolute;
}
#informacion_usuario .rango .rank {
color:#FFFFFF;
float:left;
font-size:9px;
font-weight:bold;
height:18px;
margin-left:36px;
margin-top:17px;
}
#informacion_usuario_content {
background: #efefef;
height:12px;
padding:12px;
}
#informacion_usuario_content #container {
background: #efefef;
height: 100%;
width: 100%;
text-align:left;
padding-bottom: 1px;
}
#informacion_usuario_content #container a {
height: 26px;
text-indent:-10000px;
width:100%;
float:left;
}
#informacion_usuario_content #container a#anyadir_amigo {
background: url(images/noticias_ficha_completo.gif) no-repeat -40px 0;
margin: 0px 8px 0px 0px;
width: 18px;
}
#informacion_usuario_content #container a#anyadir_amigo:hover {
background: url(images/noticias_ficha_completo.gif) no-repeat -40px -25px;
}
#informacion_usuario_content #container a#editar_contenido {
background: url(images/noticias_ficha_completo.gif) no-repeat -61px 0;
margin: 0px 8px 0px 0px;
width: 18px;
}
#informacion_usuario_content #container a#editar_contenido:hover {
background: url(images/noticias_ficha_completo.gif) no-repeat -61px -25px;
}
#informacion_usuario_content #container a#enviar_mensaje {
background: url(images/noticias_ficha_completo.gif) no-repeat 0 0;
width: 18px;
margin: 0px 8px 0px 0px;
}
#informacion_usuario_content #container a#enviar_mensaje:hover {
background: url(images/noticias_ficha_completo.gif) no-repeat 0 -25px;
}
#informacion_usuario_content #container a#ver_perfil {
background: url(images/noticias_ficha_completo.gif) no-repeat -85px 0;
width: 18px;
margin: 0px 8px 0px 0px;
}
#informacion_usuario_content #container a#ver_perfil:hover {
background: url(images/noticias_ficha_completo.gif) no-repeat -85px -25px;
}
#informacion_usuario_content #container a#ver_articulos {
background: url(images/noticias_ficha_completo.gif) no-repeat -20px 0;
width: 18px;
margin: 0px 8px 0px 0px;
}
#informacion_usuario_content #container a#ver_articulos:hover {
background: url(images/noticias_ficha_completo.gif) no-repeat -20px -25px;
}
/* Imágenes relacionadas */
#imagenes_relacionadas {
position: relative;
}
#imagenes_relacionadas .title {
background: url(images/noticias_ficha_imagenes_relacionadas.gif) no-repeat 0 0;
display: block;
height: 42px;
position: relative;
text-indent:-10000px;
}
#imagenes_relacionadas .image {
margin: 0px 0px 9px 0px;
height: 102px;
position: relative;
width: 148px;
}
#imagenes_relacionadas .image img {
float: left;
}
#imagenes_relacionadas .image .banner_corner_tl {
background: url(images/videos_corner_tl.png) no-repeat 0 0;
height: 11px;
left: 0px;
position: absolute;
top: 0px;
width: 11px;
}
#imagenes_relacionadas .image .banner_corner_tr {
background: url(images/videos_corner_tr.png) no-repeat 0 0;
height: 11px;
position: absolute;
right: 0px;
top: 0px;
width: 11px;
}
#imagenes_relacionadas .image .banner_corner_bl {
background: url(images/videos_corner_bl.png) no-repeat 0 0;
bottom: 0px;
height: 11px;
left: 0px;
position: absolute;
width: 11px;
}
#imagenes_relacionadas .image .banner_corner_br {
background: url(images/videos_corner_br.png) no-repeat 0 0;
bottom: 0px;
height: 11px;
position: absolute;
right: 0px;
width: 11px;
}
/* Videos relacionados */
#videos_relacionados {
position: relative;
}
#videos_relacionados .title {
background: url(images/noticias_ficha_videos_relacionados.gif) no-repeat 0 0;
display: block;
height: 42px;
position: relative;
text-indent:-10000px;
}
#videos_relacionados .video {
padding: 0px 0px 10px 8px;
}
#videos_relacionados .nohay {
left: 70px;
}
/* Ficha de listado */
.juego_listado_mini {
position: relative;
width: 306px;
}
.juego_listado_mini .caratula {
background: url(images/caratula_juego_mini_shadow.png) no-repeat 0 0;
float: left;
height: 199px;
position: relative;
width: 87px; /* 87px */
}
.juego_listado_mini .caratula img {
border: 1px solid #6a6a6a;
bottom: 72px;
left: 0px;
max-height: 123px;
position: absolute;
}
.juego_listado_mini .info {
background: url(images/juego_mini_listado_info.jpg) no-repeat 0 0;
float: right;
padding: 1px 0px 0px 0px;
position: relative;
width: 212px;
}
.juego_listado_mini .info .title {
background: url(images/juego_mini_listado_title.jpg) repeat-y 0 0;
color: #ffffff;
display: block;
font-size: 13px;
font-weight:bold;
line-height:15px;
padding: 6px 7px 8px;
}
.juego_listado_mini .info .title a {
color: #ffffff;
}
.juego_listado_mini .info .text {
background: #efefef;
height: auto !important;
height: 155px;
min-height: 155px;
padding: 6px 8px 9px 6px;
position: relative;
}
.juego_listado_mini .info .text .resume {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
color: #0f5e91;
display: block;
font-size: 9px;
font-weight: bold;
line-height: 12px;
margin: 0px 0px 8px 0px;
padding: 0px 0px 6px 0px;
position: relative;
}
.juego_listado_mini .info .text .stars {
float: left;
}
.juego_listado_mini .info .text .votes {
color: #6a6a6a;
float: left;
font-size: 9px;
font-weight:bold;
padding: 6px 0px 0px 3px;
}
.juego_listado_mini .info .text .analisis {
background: url(images/juego_ficha_analisis.gif) no-repeat 0 0;
color: #ffffff;
display: block;
float: left;
font-size: 18px;
font-weight:bold;
height: 26px;
line-height:24px;
padding: 0px 0px 0px 9px;
margin: 12px 0px 0px 2px;
_margin: 10px 0px 0px 2px;
width: 41px; /* 50px */
}
.juego_listado_mini .info .total_votes {
padding: 0px 0px 4px 0px;
}
/* ICONOS */
.juego_listado_mini .info .text .total {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
height: 40px;
padding: 12px 0px 0px 25px;
_padding: 0px 0px 10px 20px;
}
.juego_listado_mini .info .text .total_images {
background: url(images/ico_imagenes_2.gif) no-repeat 0px center;
color: #6a6a6a;
display: block;
float: left;
font-size: 9px;
font-weight:bold;
height: 35px;
line-height:44px;
margin: 0px 20px 0px 0px;
padding: 0px 0px 0px 10px;
width: 25px; /* 75px; */
}
.juego_listado_mini .info .text .total_users {
background: url(images/ico_usuarios_2.gif) no-repeat 0px -1px;
color: #6a6a6a;
display: block;
float: left;
font-size: 9px;
font-weight:bold;
height: 35px;
line-height:44px;
margin: 0px 16px 0px 0px;
padding: 0px 0px 0px 0px;
width: 37px; /* 75px; */
}
.juego_listado_mini .info .text .total_reviews {
background: url(images/ico_reviews_2.gif) no-repeat 0px 1px;
color: #6a6a6a;
display: block;
float: left;
font-size: 9px;
font-weight:bold;
height: 35px;
line-height:44px;
padding: 0px 0px 0px 20px;
width: 21px; /* 75px; */
}
/* Metacritic */
.juego_listado_mini .info .text .percentage {
background: url(images/juego_ficha_percentage.gif) no-repeat 0 0;
color: #ffffff;
display: block;
float: right;
font-size: 18px;
font-weight:bold;
height: 26px;
line-height:24px;
margin: 12px 4px 0px 2px;
_margin: 10px 2px 0px 2px;
text-align: center;
width: 65px;
}
.juego_listado_mini .info .text .metacritic {
background: url(images/juego_mini_ficha_metacritic.gif) no-repeat 0 0;
display: block;
float: right;
height: 36px;
margin: 8px 0px 0px 0px;
_margin: 6px 0px 0px 0px;
text-indent:-10000px;
width: 39px;
}
.juego_listado_mini .info .buttons {
background: url(images/juego_mini_listado_info_footer.jpg) no-repeat 0 0;
bottom: 0px;
height: 50px; /* 50px */
left: 0px;
padding: 0px 10px 0px 12px;
position: absolute;
width: 190px; /* 212px */
}
.juego_listado_mini .info .comprar {
float: left;
margin: 4px 0px 0px 4px;
}
.juego_listado_mini .mas {
bottom: 10px;
left: 0px;
margin: 35px 0px 0px 32px;
position: absolute;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* IBOX
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
#anyadir_juego_title {
background: #222424 url(images/ibox_title.jpg) repeat-y 0 0;
border-bottom: 1px solid #5c5d5d;
color: #ffffff;
font-size: 11px;
font-weight: bold;
line-height: 16px;
padding: 8px 13px;
}
#anyadir_juego_title a {
color: #ffffff;
}
#anyadir_juego_content {
padding: 12px 11px;
}
#anyadir_juego_content .cover {
background: url(images/ibox_mascara.jpg) no-repeat left bottom;
padding: 0px 0px 60px 0px;
}
#anyadir_juego_content .anyadir_juego_cover {
float: left;
width: 100px;
}
#anyadir_juego_content .anyadir_juego_column {
float: left;
padding:0px 20px 0px 0px;
width: 100px;
}
#anyadir_juego_content .anyadir_juego_column img {
padding:0px 0px 10px 0px;
}
#anyadir_juego_content .anyadir_juego_column label {
display: block;
color: #6a6a6a;
cursor: pointer;
float: left;
line-height:12px;
padding: 4px 0px 5px 3px;
width: 75px;
}
#anyadir_juego_content .anyadir_juego_column label:hover {
color: #ffffff;
}
#anyadir_juego_content .anyadir_juego_column .anyadir_juego_check {
float: left;
margin-left: 0px;
}
#anyadir_juego_content .anyadir_juego_text {
font-size: 11px;
line-height:13px;
padding:10px 150px 10px 6px;
text-align: justify;
}
#anyadir_juego_content .anyadir_juego_text a {
color: #ffffff;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* PANTALLA LOGIN + REGISTRO
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
#login_form {
height: 427px;
position: relative;
}
#login_form .image {
height: 324px;
left: 12px;
position: absolute;
top: 23px;
width: 928px;
}
#login_form #login_entrar {
left: 0px;
position: absolute;
top: 0px;
width: 280px;
}
#login_form #login_entrar .title {
background: url(images/login_entrar_top.png) no-repeat 0 0;
height: 99px;
position: relative;
text-indent:-10000px;
}
#login_form.registrarse #login_entrar .title {
background: url(images/login_registrarse_top.png) no-repeat 0 0;
}
#login_form #login_entrar .center {
background: url(images/login_entrar_center.png) repeat-y 0 0;
padding: 0px 24px 0px 13px;
.border-top: 1px solid #efefef;
.border-bottom: 1px solid #efefef;
}
#login_form #login_entrar .footer {
background: url(images/login_entrar_bottom.png) no-repeat 0 0;
height: 20px;
position: relative;
}
#login_form #login_entrar form {
padding: 0px 0px 7px 0px;
}
#login_form #login_entrar .recordar_contrasenya_2 {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
padding: 8px 0px 2px 0px;
position: relative;
}
#login_form #login_entrar .recordar_contrasenya {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
padding: 8px 0px 2px 0px;
position: relative;
}
#login_form #login_entrar .recordar_contrasenya a {
background: url(images/login_entrar_recordar.gif) no-repeat 0 4px;
color: #6a6a6a;
padding: 0px 0px 0px 8px;
}
#login_form.registrarse #login_entrar .recordar_contrasenya {
padding: 3px 0px 2px 0px;
}
#login_form #image_corner {
background: url(images/banner_corner_tr.png) no-repeat 0 0;
height: 5px;
position: absolute;
right: 0px;
top: 23px;
width: 5px;
}
#login_form h1 {
background: url(images/login_entrar_h1.gif) no-repeat right top;
color: #ffffff;
font-size: 24px;
font-weight:bold;
height: 52px;
line-height:38px;
padding: 5px 24px 0px 0px;
position: absolute;
right: 0px;
text-align: right;
top: 348px;
width: 904px; /* 928px */
}
#login_form h1 span {
color: #3c7ba4;
}
#login_que_es_nosplay {
margin: 0px 0px 35px 0px;
position: relative;
}
#login_que_es_nosplay .title {
background: url(images/login_que_es_nosplay.jpg) no-repeat 0 0;
height: 47px;
position: relative;
text-indent:-10000px;
}
#login_que_es_nosplay .content {
background: #efefef url(images/login_que_es_nosplay_footer.gif) no-repeat left bottom;
padding: 12px 15px 15px 61px;
}
#login_que_es_nosplay .floatleft,
#login_que_es_nosplay .floatright {
width: 422px;
}
#login_que_es_nosplay p {
line-height: 13px;
padding: 0px 0px 14px 0px;
}
/* Introducción a Nosplay */
#nosplay_intro {
background: url(images/registro_intro_top.gif) no-repeat 0 0;
color: #c7cdce;
line-height:12px;
margin: 0px 0px 25px 0px;
padding: 13px 0px 0px 0px;
position: relative;
}
#nosplay_intro .content {
background: #6a6a6a url(images/registro_intro_footer.gif) no-repeat left bottom;
padding: 0px 0px 13px 10px;
position: relative;
}
#nosplay_intro .line {
background: #6a6a6a url(images/registro_intro_line.gif) repeat-x 0 0;
height: 11px;
margin: 0px 15px 0px 10px;
position: relative;
}
#nosplay_intro .column {
float: left;
padding: 0px 10px;
width: 288px;
}
#nosplay_intro .column span {
display: block;
}
#nosplay_intro .column span.title {
background: url(images/ico_activity_2.gif) no-repeat 0 0;
color: #ffffff;
font-size: 11px;
font-weight: bold;
padding: 0px 0px 3px 14px;
}
#nosplay_intro .column span.text {
background: url(images/registro_intro_text.gif) no-repeat 15px 4px;
padding: 0px 0px 8px 23px;
}
/* Ventajas de Registrase */
#nosplay_skills {
color: #c7cdce;
font-size: 18px;
font-weight:bold;
line-height:32px;
margin: 0px 0px 32px 0px;
position: relative;
}
#nosplay_skills a {
color: #c7cdce;
}
#nosplay_skills a span {
color: #ffffff;
}
#nosplay_skills .skill_1 {
background: url(images/registrarse_skill_1.jpg) no-repeat 0 0;
height: 38px;
padding: 0px 0px 0px 62px;
}
#nosplay_skills .skill_2 {
background: url(images/registrarse_skill_2.jpg) no-repeat 0 0;
height: 38px;
padding: 0px 0px 0px 62px;
}
#nosplay_skills .skill_3 {
background: url(images/registrarse_skill_3.jpg) no-repeat 0 0;
height: 38px;
padding: 0px 0px 0px 62px;
}
#nosplay_skills .ver_mas {
background: url(images/registrarse_ver_mas.gif) no-repeat center center;
display: block;
float: right;
height: 24px;
margin: 0px 15px 0px 0px;
text-align: left;
text-indent:-10000px;
width: 56px;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* CONTACTO
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
#contacta_con_nosotros {
padding: 0px 0px 35px 0px;
position: relative;
}
#contacta_con_nosotros h1 {
background: url(images/contacta_con_nosotros_h1.gif) no-repeat 0 0;
height: 30px;
text-indent:-10000px;
}
#contacta_con_nosotros .content {
background: #efefef url(images/contacta_con_nosotros_footer.gif) no-repeat left bottom;
padding: 15px;
}
#contacta_con_nosotros .line {
background: url(images/contacta_con_nosotros_line.gif) no-repeat left center;
height: 51px;
}
#contacta_con_nosotros .column_left {
float: left;
position: relative;
width: 255px;
}
#contacta_con_nosotros .column_right {
float: right;
position: relative;
width: 636px;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* ADMINISTRACIÓN DE CLANES
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
#clan_header {
line-height:13px;
padding: 0px 0px 20px 0px;
position: relative;
}
#clan_header .column_left {
float: left;
width: 118px;
}
#clan_header .column_right {
float: right;
width: 812px;
}
#clan_header .clan_info {
position: relative;
}
#clan_header .column_right .column_left {
color: #6a6a6a;
font-size: 9px;
padding: 14px 0px 5px 0px;
width: 540px;
}
#clan_header .column_right .column_right {
bottom: 0px;
color: #6a6a6a;
font-size: 9px;
right: 0px;
padding: 0px 0px 6px 0px;
position: absolute;
width: 220px;
}
#clan_header h1 {
color: #444444;
font-size: 18px;
padding: 3px 0px 5px 0px;
}
#clan_header a {
color: #0f5e91;
}
#clan_header .game {
float: left;
font-size: 10px;
margin: 0px 4px 0px 0px;
}
#clan_header .game a {
color: #ffffff;
}
#clan_header .members {
line-height: 0px;
padding-top: 10px;
}
#clan_header .text {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
font-size: 11px;
padding: 5px 0px 0px 0px;
}
#clan_header .pagina_clan {
font-size: 9px;
padding: 0px 0px 8px 0px;
}
#clan_main_photo {
height: 100px;
position: relative;
width: 940px;
}
#clan_main_photo img {
float: left;
}
/* Menú de la ficha de clanes */
#nav_ficha_clanes {
background: url(images/nav_ficha_clanes_bg.gif) no-repeat 0 0;
height: 32px;
position: relative;
}
#nav_ficha_clanes a {
background: url(images/nav_ficha_clanes.gif) no-repeat 0 0;
display: block;
float: left;
height: 32px;
position: relative;
text-indent:-10000px;
}
#nav_ficha_clanes a#nav_ficha_clanes_miembros {
background-position: 0px 0px;
width: 75px;
}
#nav_ficha_clanes a#nav_ficha_clanes_miembros:hover { background-position: 0px -32px; }
#nav_ficha_clanes a#nav_ficha_clanes_miembros.selected { background-position: 0px -64px; }
#nav_ficha_clanes a#nav_ficha_clanes_mensajes {
background-position: -75px 0px;
width: 64px;
}
#nav_ficha_clanes a#nav_ficha_clanes_mensajes:hover { background-position: -75px -32px; }
#nav_ficha_clanes a#nav_ficha_clanes_mensajes.selected { background-position: -75px -64px; }
#nav_ficha_clanes a#nav_ficha_clanes_contenido {
background-position: -139px 0px;
width: 171px;
}
#nav_ficha_clanes a#nav_ficha_clanes_contenido:hover { background-position: -139px -32px; }
#nav_ficha_clanes a#nav_ficha_clanes_contenido.selected { background-position: -139px -64px; }
#nav_ficha_clanes a#nav_ficha_clanes_administracion {
background-position: -310px 0px;
width: 100px;
}
#nav_ficha_clanes a#nav_ficha_clanes_administracion:hover { background-position: -310px -32px; }
#nav_ficha_clanes a#nav_ficha_clanes_administracion.selected { background-position: -310px -64px; }
#clan_ficha_miembros {
position: relative;
}
#clan_ficha_miembros h2 {
height: 42px;
text-indent: -10000px;
}
#clan_ficha_miembros #miembros_administradores {
background: url(images/clan_ficha_miembros_administradores.gif) no-repeat 0 0;
}
#clan_ficha_miembros #miembros_normales {
background: url(images/clan_ficha_miembros_normales.gif) no-repeat 0 0;
}
#clan_ficha_miembros .miembro_administrador {
float: left;
padding: 0px 0px 10px 15px;
position: relative;
width: 93px;
}
#clan_ficha_miembros .miembro_normal {
float: left;
padding: 0px 0px 10px 15px;
position: relative;
width: 93px;
}
/* Avatar */
#clan_ficha_miembros .miembro_administrador .avatar_1 {
height: auto !important;
height: 80px;
min-height: 80px;
width: 87px;
}
#clan_ficha_miembros .miembro_administrador .avatar_1 img {
left: 6px;
}
#clan_ficha_miembros .miembro_administrador .avatar_1 .mask {
background: url(images/avatar_mask_6.png) no-repeat 0 0;
height: 73px;
left: 6px;
width: 73px;
}
/* Avatar */
#clan_ficha_miembros .miembro_normal .avatar_1 {
height: auto !important;
height: 65px;
min-height: 65px;
width: 87px;
}
#clan_ficha_miembros .miembro_normal .avatar_1 img,
#clan_ficha_miembros .miembro_normal .avatar_1 .mask {
left: 14px;
}
/* Línea de separación */
#clan_ficha_miembros .line {
border-top: 1px solid #e4e4e4;
height: 13px;
margin: 0px 0px 0px 15px;
}
/* Añadir mensaje */
#anyadir_nuevo_mensaje {
margin: -12px 0px 35px 0px;
position: relative;
}
#anyadir_nuevo_mensaje h2 {
background: url(images/clan_ficha_anyadir_mensaje.gif) no-repeat 0 0;
height: 86px;
text-indent:-10000px;
}
#anyadir_nuevo_mensaje .content {
background: #efefef url(images/clan_ficha_anyadir_mensaje_footer.gif) no-repeat left bottom;
padding: 0px 13px 15px 13px;
}
#anyadir_nuevo_mensaje .line {
background: #efefef url(images/clan_ficha_anyadir_mensaje_line.gif) no-repeat center center;
height: 30px;
}
#anyadir_nuevo_mensaje h3.recomendar_amigo {
background: #efefef url(images/clan_ficha_anyadir_mensaje_recomendar.gif) no-repeat 0 0;
height: 35px;
text-indent:-10000px;
}
/* Listado de mensajes */
#clan_ficha_mensajes {
line-height:12px;
position: relative;
}
#clan_ficha_mensajes h2 {
background: url(images/clan_ficha_ultimas_conversaciones.gif) no-repeat 0 0;
height: 42px;
text-indent:-10000px;
}
#clan_ficha_mensajes .nohay {
left: 200px;
}
#clan_ficha_mensajes .mensaje {
border-bottom: 1px solid #e4e4e4;
margin: 0px 0px 10px 14px;
padding: 0px 0px 8px 0px;
}
#clan_ficha_mensajes .column_left {
float: left;
position: relative;
width: 80px;
}
#clan_ficha_mensajes .column_right {
float: right;
position: relative;
width: 550px;
}
#clan_ficha_mensajes .text {
padding: 0px 0px 10px 0px;
}
#clan_ficha_mensajes a.ver_respuestas,
#clan_ficha_mensajes a.ocultar_respuestas {
background-position: 0px 6px;
padding-top: 5px;
}
#clan_ficha_mensajes a.ocultar_respuestas {
padding-right: 4px;
}
#clan_ficha_mensajes .desplegado {
border: none;
}
#clan_ficha_mensajes .respuestas {
background: #efefef url(images/line_dashed_1.gif) repeat-x 0 0;
margin: 4px 0px 10px 86px;
padding: 12px;
width: 526px;
}
#clan_ficha_mensajes .respuestas .respuesta {
border-bottom: 1px solid #cfd4d5;
margin: 0px 0px 10px 0px;
padding: 0px 0px 8px 0px;
}
#clan_ficha_mensajes .respuestas .column_right {
width: 440px;
}
/* Listado de contenido */
#clan_ficha_contenido {
line-height:12px;
padding: 18px 0px 10px 14px;
position: relative;
}
#clan_ficha_contenido .noticia .column_1 {
float: left;
width: 440px;
}
#clan_ficha_contenido .noticia .column_2 {
float: left;
width: 90px;
}
#clan_ficha_contenido .imagenes .column_1 {
float: left;
width: 250px;
}
#clan_ficha_contenido .imagenes .column_2 {
float: left;
width: 280px;
}
#clan_ficha_contenido .imagenes .column_2 img {
padding: 0px 0px 0px 5px;
}
#clan_ficha_contenido .noticia .column_3,
#clan_ficha_contenido .imagenes .column_3 {
float: right;
width: 90px;
}
#clan_ficha_contenido .top {
height: 11px;
}
#clan_ficha_contenido .even .top {
background: url(images/clan_ficha_contenido_top.gif) no-repeat 0 0;
}
#clan_ficha_contenido .bottom {
height: 11px;
}
#clan_ficha_contenido .even .bottom {
background: url(images/clan_ficha_contenido_bottom.gif) no-repeat 0 0;
}
#clan_ficha_contenido .content {
padding: 0px 0px 0px 11px;
}
#clan_ficha_contenido .even .content {
background: #efefef;
}
#clan_ficha_contenido .even .avatar_1 .mask {
background: url(images/avatar_mask_2.png) no-repeat 0 0;
}
#clan_ficha_contenido h2 {
color: #0f5e91;
font-size: 13px;
padding: 0px 0px 3px 0px;
}
#clan_ficha_contenido .votos {
margin: 3px 0px 0px 3px;
}
/* Administración */
#clan_ficha_administracion {
line-height:12px;
margin: 0px 0px 35px 0px;
position: relative;
}
#clan_ficha_administracion h2 {
background: url(images/clan_ficha_datos.gif) no-repeat 0 0;
height: 35px;
text-indent:-10000px;
}
#clan_ficha_administracion h3 {
height: 17px;
text-indent:-10000px;
}
#clan_ficha_administracion h3#logo_del_clan {
background: url(images/clan_ficha_logo_del_clan.gif) no-repeat 0 0;
}
#clan_ficha_administracion h3#logo_del_clan.grupos {
background: url(images/clan_ficha_logo_del_grupo.gif) no-repeat 0 0;
}
#clan_ficha_administracion h3#cabecera_del_clan {
background: url(images/clan_ficha_cabecera_del_clan.gif) no-repeat 0 0;
}
#clan_ficha_administracion h3#cabecera_del_clan.grupos {
background: url(images/clan_ficha_cabecera_del_grupo.gif) no-repeat 0 0;
}
#clan_ficha_administracion h3#descripcion {
background: url(images/clan_ficha_descripcion.gif) no-repeat 0 0;
}
#clan_ficha_administracion #logo_del_clan_contenido,
#clan_ficha_administracion #cabecera_del_clan_contenido {
border-bottom: 1px solid #e4e4e4;
margin: 0px 0px 10px 14px;
padding: 0px 0px 12px 0px;
}
#clan_ficha_administracion #logo_del_clan_contenido img {
background: url(images/clan_ficha_logo_del_clan_img.gif) no-repeat 0 0;
padding: 4px;
}
#clan_ficha_administracion #logo_del_clan_contenido a.eliminar {
margin: -15px 0px 0px 120px;
position: relative;
z-index: 20;
}
#clan_ficha_administracion #cabecera_del_clan_contenido img {
background: url(images/clan_ficha_cabecera_del_clan_img.gif) no-repeat 0 0;
padding: 4px;
}
#clan_ficha_administracion #cabecera_del_clan_contenido a.eliminar {
margin: -15px 0px 0px 610px;
position: relative;
z-index: 20;
}
#clan_ficha_administracion #descripcion_contenido {
margin: 0px 0px 10px 14px;
padding: 0px 0px 12px 0px;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* ADMINISTRACIÓN DE GRUPOS
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
#clan_header.grupos_header .column_right .column_left {
padding: 9px 0px 5px 0px;
}
.img_estado_grupo {
padding: 0px 3px 0px 0px;
vertical-align: -4px;
}
/* Menú de la ficha de clanes */
#nav_ficha_grupos {
background: url(images/nav_ficha_clanes_bg.gif) no-repeat 0 0;
height: 32px;
position: relative;
}
#nav_ficha_grupos a {
background: url(images/nav_ficha_grupos.gif) no-repeat 0 0;
display: block;
float: left;
height: 32px;
position: relative;
text-indent:-10000px;
}
#nav_ficha_grupos a#nav_ficha_grupos_miembros {
background-position: 0px 0px;
width: 75px;
}
#nav_ficha_grupos a#nav_ficha_grupos_miembros:hover { background-position: 0px -32px; }
#nav_ficha_grupos a#nav_ficha_grupos_miembros.selected { background-position: 0px -64px; }
#nav_ficha_grupos a#nav_ficha_grupos_mensajes {
background-position: -75px 0px;
width: 64px;
}
#nav_ficha_grupos a#nav_ficha_grupos_mensajes:hover { background-position: -75px -32px; }
#nav_ficha_grupos a#nav_ficha_grupos_mensajes.selected { background-position: -75px -64px; }
#nav_ficha_grupos a#nav_ficha_grupos_administracion {
background-position: -310px 0px;
width: 100px;
}
#nav_ficha_grupos a#nav_ficha_grupos_administracion:hover { background-position: -310px -32px; }
#nav_ficha_grupos a#nav_ficha_grupos_administracion.selected { background-position: -310px -64px; }
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* POLÍTICA DE PRIVACIDAD
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
#politica_privacidad {
padding: 0px 0px 35px 0px;
position: relative;
}
#politica_privacidad h1 {
background: url(images/politica_privacidad_h1.gif) no-repeat 0 0;
height: 30px;
text-indent:-10000px;
}
#politica_privacidad .content {
background: #efefef url(images/politica_privacidad_footer.gif) no-repeat left bottom;
padding: 15px 0px 20px 0px;
}
#politica_privacidad .column_left {
float: left;
padding: 0px 0px 0px 60px;
position: relative;
width: 420px;
}
#politica_privacidad .column_right {
float: right;
padding: 0px 15px 0px 0px;
position: relative;
width: 420px;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* FAQ's
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
#faqs {
padding: 0px 0px 35px 0px;
position: relative;
}
#faqs h1 {
background: url(images/faqs_h1.gif) no-repeat 0 0;
height: 30px;
text-indent:-10000px;
}
#faqs .content {
background: #efefef url(images/politica_privacidad_footer.gif) no-repeat left bottom;
padding: 15px 0px 20px 0px;
}
#faqs .column_left {
float: left;
padding: 0px 0px 0px 15px;
position: relative;
width: 467px;
}
#faqs .column_right {
float: right;
padding: 0px 15px 0px 0px;
position: relative;
width: 422px;
}
#faqs .line {
background: url(images/contacta_con_nosotros_line.gif) no-repeat left center;
height: 51px;
margin: 0px 0px 0px 14px;
}
#faqs p {
padding-left: 12px;
}
#faqs img {
padding: 2px 0px 15px 0px;
}
#faqs .text {
padding: 0px 14px 0px 0px;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* CONDICIONES DE USO
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
#condiciones_uso {
padding: 0px 0px 35px 0px;
position: relative;
}
#condiciones_uso h1 {
background: url(images/condiciones_de_uso_h1.gif) no-repeat 0 0;
height: 29px;
text-indent:-10000px;
}
#condiciones_uso.rss h1 {
background: url(images/rss.gif) no-repeat 0 0;
}
#condiciones_uso.rss select {
float: left;
height: 20px;
margin: 3px 0px 10px 50px;
width: 250px;
}
#condiciones_uso.rss input {
background: url(images/button_rss.gif) no-repeat 0 0;
border: none;
float: left;
height: 20px;
margin: 2px 0px 0px 10px;
width: 76px;
}
#condiciones_uso.ebooks h1 {
background: url(images/ebooks.gif) no-repeat 0 0;
}
#condiciones_uso.ebooks select {
float: left;
height: 20px;
margin: 3px 0px 10px 50px;
width: 250px;
}
#condiciones_uso.ebooks input {
background: url(images/button_rss.gif) no-repeat 0 0;
border: none;
float: left;
height: 20px;
margin: 2px 0px 0px 10px;
width: 76px;
}
#condiciones_uso .content {
background: #efefef url(images/politica_privacidad_footer.gif) no-repeat left bottom;
padding: 15px 0px 20px 0px;
}
#condiciones_uso .column_left {
float: left;
padding: 0px 0px 0px 60px;
position: relative;
width: 420px;
}
#condiciones_uso.rss .column_left {
padding: 10px 0px 0px 60px;
}
#condiciones_uso .column_right {
float: right;
padding: 0px 25px 0px 0px;
position: relative;
width: 420px;
}
#condiciones_uso .line {
background: url(images/condiciones_de_uso_line.gif) no-repeat left center;
height: 51px;
margin: 0px 0px 0px 60px;
}
#condiciones_uso img {
padding: 2px 0px 15px 0px;
}
#condiciones_uso .text {
padding: 0px 14px 0px 60px;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* CONÓCENOS
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
div#conocenos {
padding: 0px 0px 35px 0px;
position: relative;
}
div#conocenos h1 {
background: url(images/conocenos_h1.gif) no-repeat 0 0;
height: 30px;
text-indent:-10000px;
}
div#conocenos .content {
background: #efefef url(images/politica_privacidad_footer.gif) no-repeat left bottom;
padding: 15px 0px 20px 0px;
}
div#conocenos .column_left {
float: left;
padding: 0px 0px 0px 15px;
position: relative;
width: 440px;
}
div#conocenos .column_right {
float: right;
padding: 0px 15px 0px 0px;
position: relative;
width: 440px;
}
/* Avatar */
div#conocenos .avatar_1 {
height: 131px;
width: 133px;
}
div#conocenos .avatar_1 .mask {
background: url(images/avatar_mask_7.png) no-repeat 0 0;
height: 131px;
left: 0px;
width: 133px;
}
div#conocenos .avatar_1 img {
left: 2px;
}
div#conocenos .user {
margin: 0px 0px 10px 0px;
}
div#conocenos .user .column_left {
float: left;
padding: 0px;
width: 135px;
}
div#conocenos .user .column_right {
float: right;
padding: 10px 0px 0px 0px;
width: 290px;
}
div#conocenos .user h2 {
color: #454545;
font-size: 18px;
line-height:20px;
}
div#conocenos .user h3 {
height: 24px;
text-indent:-10000px;
}
div#conocenos .user h3#bio {
background: url(images/conocenos_h3.gif) no-repeat 0 0;
}
div#conocenos .user h3#juegos_favoritos {
background: url(images/conocenos_juegos_favoritos.gif) no-repeat 0 0;
height: 22px;
}
div#conocenos .user .resume {
color: #797979;
font-weight:bold;
padding: 0px 0px 8px 0px;
}
div#conocenos .user .text {
color: #797979;
font-size: 11px;
line-height:13px;
padding: 0px 0px 12px 0px;
}
div#conocenos .games {
height: 80px;
margin: 0px 0px 0px -11px;
position: relative;
}
div#conocenos .game {
background: url(images/usuario_listado_game_1.gif) no-repeat 11px bottom;
float: left;
height: 80px;
padding: 0px 0px 0px 11px;
}
div#conocenos .game img {
border: 1px solid #6b696a;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* ASISTENTE DEL USUARIO
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
#que_quieres_hacer {
padding: 0px 0px 25px 0px;
position: relative;
}
#que_quieres_hacer h2 {
background: url(images/usuario_asistente_que_quieres_hacer.gif) no-repeat 0 0;
height: 45px;
text-indent:-10000px;
}
#que_quieres_hacer .floatleft {
padding: 0px 0px 0px 15px;
}
#elige_el_juego {
padding: 0px 0px 25px 0px;
position: relative;
}
#elige_el_juego h2 {
background: url(images/usuario_asistente_elige_el_juego.gif) no-repeat 0 0;
height: 45px;
text-indent:-10000px;
}
#elige_el_juego .floatleft {
padding: 0px 0px 0px 15px;
width: 330px;
}
#elige_el_juego .juego {
color: #6a6a6a;
float: right;
font-size: 9px;
font-weight:bold;
text-align: center;
width: 80px;
}
#elige_el_juego .juego img {
border: 1px solid #6a6a6a;
margin: 0px 0px 6px 0px;
}
#elige_el_juego .juego a {
color: #6a6a6a;
text-decoration: none;
}
#elige_el_juego .juego a:hover {
text-decoration: underline;
}
#elige_la_plataforma {
padding: 0px 0px 25px 0px;
position: relative;
}
#elige_la_plataforma h2 {
background: url(images/usuario_asistente_elige_la_plataforma.gif) no-repeat 0 0;
height: 45px;
text-indent:-10000px;
}
#elige_la_plataforma .floatleft {
padding: 0px 0px 0px 15px;
}
#elige_la_plataforma div.tags {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
float: right;
margin: 0px 0px 8px 0px;
width: 680px;
}
#elige_la_plataforma div.tags img {
float: left;
padding: 4px 15px 5px 0px;
}
#anyade_imagenes {
padding: 0px 0px 25px 0px;
position: relative;
}
#anyade_imagenes h2 {
background: url(images/usuario_asistente_anyade_imagenes.gif) no-repeat 0 0;
height: 45px;
text-indent:-10000px;
}
#anyade_imagenes .floatright {
right: 0px;
bottom: 25px;
padding: 0px 0px 0px 15px;
position: absolute;
}
#anyade_imagenes .floatleft {
padding: 0px 0px 0px 15px;
width: 600px;
}
#anyade_imagenes .floatleft .floatleft {
padding: 0px 0px 0px 0px;
width: 290px;
}
#anyade_imagenes .floatleft .floatright {
bottom: 0px;
position: relative;
width: 290px;
}
#anyade_imagenes input {
margin: 0px 0px 5px 0px;
width: 280px;
}
#anyade_imagenes a.mas_ficheros {
color: #a0acad;
font-size: 11px;
line-height:25px;
}
#anyade_videos {
padding: 0px 0px 25px 0px;
position: relative;
}
#anyade_videos h2 {
background: url(images/usuario_asistente_anyade_videos.gif) no-repeat 0 0;
height: 45px;
text-indent:-10000px;
}
#anyade_videos .floatleft {
padding: 0px 0px 0px 15px;
}
#elige_las_categorias {
padding: 0px 0px 25px 0px;
position: relative;
}
#elige_las_categorias h2 {
background: url(images/usuario_asistente_elige_las_categorias.gif) no-repeat 0 0;
height: 45px;
text-indent:-10000px;
}
#elige_las_categorias .floatleft {
padding: 0px 0px 0px 15px;
}
#elige_las_categorias div.tags {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
float: right;
margin: 0px 0px 8px 0px;
width: 680px;
}
#elige_las_categorias div.tags img {
float: left;
padding: 4px 15px 5px 0px;
}
#escribe_tu_contenido {
padding: 0px 0px 25px 0px;
position: relative;
}
#escribe_tu_contenido h2 {
background: url(images/usuario_asistente_escribe_tu_contenido.gif) no-repeat 0 0;
height: 45px;
text-indent:-10000px;
}
#escribe_tu_contenido .floatleft {
padding: 0px 0px 0px 15px;
}
#escribe_tu_contenido .floatright {
right: 0px;
bottom: 35px;
padding: 0px 0px 0px 15px;
position: absolute;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* PIEZA NOTIFICACIONES
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
span.img_notificaciones {
padding: 0px 4px 0px 0px;
vertical-align: -2px;
}
#notificaciones {
padding: 0px 0px 0px 17px;
position: relative;
}
#notificaciones .notificacion_1 {
background: #3275a1 url(images/notificaciones_blue_bottom.gif) no-repeat left bottom;
float: left;
margin: 0px 3px 0px 0px;
padding: 0px 0px 10px 0px;
width: 190px;
}
#notificaciones .notificacion_1 .content {
background: url(images/notificaciones_blue_top.gif) no-repeat 0 0;
height: auto !important;
height: 85px;
min-height: 85px;
padding: 0px 10px;
}
#notificaciones .notificacion_1 .avatar_1 {
height: 70px;
left: -10px;
top: 7px;
}
#notificaciones .notificacion_1 .avatar_1 .mask {
background: url(images/notificaciones_blue_avatar.png) no-repeat 0 0;
height: 63px;
width: 61px;
}
#notificaciones .notificacion_2 {
background: #9ca9ac url(images/notificaciones_grey_bottom.gif) no-repeat left bottom;
float: left;
margin: 0px 3px 0px 0px;
padding: 0px 0px 10px 0px;
width: 190px;
}
#notificaciones .notificacion_2 .content {
background: url(images/notificaciones_grey_top.gif) no-repeat 0 0;
height: auto !important;
height: 85px;
min-height: 85px;
padding: 0px 10px;
}
#notificaciones .notificacion_2 .avatar_1 {
height: 70px;
left: -10px;
top: 7px;
}
#notificaciones .notificacion_2 .avatar_1 .mask {
background: url(images/notificaciones_grey_avatar.png) no-repeat 0 0;
height: 63px;
width: 61px;
}
#notificaciones .notificacion_3 {
background: #d21102 url(images/notificaciones_red_bottom.gif) no-repeat left bottom;
float: left;
margin: 0px 3px 0px 0px;
padding: 0px 0px 10px 0px;
width: 190px;
}
#notificaciones .notificacion_3 .content {
background: url(images/notificaciones_red_top.gif) no-repeat 0 0;
height: auto !important;
height: 85px;
min-height: 85px;
padding: 0px 10px;
}
#notificaciones .notificacion_3 .avatar_1 {
height: 70px;
left: -10px;
top: 7px;
}
#notificaciones .notificacion_3 .avatar_1 .mask {
background: url(images/notificaciones_red_avatar.png) no-repeat 0 0;
height: 63px;
width: 61px;
}
#notificaciones .floatleft {
width: 60px;
}
#notificaciones .floatright {
padding:7px 0px 0px 0px;
width: 100px;
}
#notificaciones .time {
background: url(images/notificaciones_time.gif) no-repeat 1px 2px;
color: #ffffff;
font-size: 9px;
font-weight:bold;
padding: 4px 0px 0px 14px;
}
#notificaciones .name {
color: #ffffff;
display: block;
font-size: 13px;
font-weight: bold;
line-height: 17px;
padding: 0px 0px 10px 0px;
}
#notificaciones .name a {
color: #ffffff;
}
#notificaciones .info {
background: none;
color: #d6e3ec;
font-size: 9px;
padding: 0px 0px 16px;
}
#notificaciones .notificacion_2 .info {
color: #eaeced;
}
#notificaciones .notificacion_3 .info {
color: #f4cfcc;
}
#notificaciones a.aceptar {
background: url(images/notificaciones_ok.png) no-repeat 0 0;
display: block;
height: 25px;
float: right;
margin: 0px 0px 0px 5px;
text-align: left;
text-indent:-10000px;
width: 26px;
}
#notificaciones a.rechazar {
background: url(images/notificaciones_no.png) no-repeat 0 0;
display: block;
height: 25px;
float: right;
margin: 0px 0px 0px 5px;
text-align: left;
text-indent:-10000px;
width: 26px;
}
#notificaciones .controles {
float: left;
padding: 0px 0px 0px 3px;
}
#notificaciones a.mas_notificaciones {
background: url(images/notificaciones_mas.gif) no-repeat 0 0;
display: block;
height: 20px;
float: left;
text-indent:-10000px;
width: 130px;
}
#notificaciones a.anterior {
background: url(images/notificaciones_anterior.gif) no-repeat 0 0;
display: block;
height: 20px;
float: left;
text-indent:-10000px;
width: 24px;
}
#notificaciones a.siguiente {
background: url(images/notificaciones_siguiente.gif) no-repeat 0 0;
display: block;
height: 20px;
float: left;
text-indent:-10000px;
width: 24px;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* MIS JUEGOS
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
/* Filtrar videojuego */
#filtrar_videojuego {
background: url(images/filtrar_videojuego.gif) no-repeat 0 0;
height: 65px;
padding: 0px 5px 0px 195px;
position: relative;
}
/* Mis Juegos */
#mis_juegos {
margin: 0px 0px 35px 0px;
position: relative;
}
#mis_juegos .header {
background: #efefef url(images/usuario_juegos_top.jpg) no-repeat 0 0;
height: 115px; /* 112 */
padding: 20px 0px 0px 14px;
}
#mis_juegos .header .user_info {
height: 78px;
}
#mis_juegos .header .user_info .avatar_1 {
float: left;
}
#mis_juegos .header .user_info .avatar_1 .mask {
background: url(images/avatar_mask_2.png) no-repeat 0 0;
height: 64px;
width: 64px;
}
#mis_juegos .header .user_info .user_name {
color: #9b9b9b;
float: left;
font-size: 18px;
font-weight: bold;
padding: 15px 0px 0px 5px;
}
#mis_juegos .header .user_info .user_name a {
color: #9b9b9b;
}
#mis_juegos .content {
background: #efefef url(images/usuario_juegos_bottom.gif) no-repeat left bottom;
padding: 0px 0px 15px 0px;
border: 1px solid #efefef;
}
#mis_juegos .nohay {
margin: 0px 0px 20px 0px;
left: 40%;
}
#nav_mis_juegos {
}
#nav_mis_juegos li {
float: left;
list-style: none;
}
#nav_mis_juegos a {
background: url(images/usuario_juegos_nav_center.gif) repeat-x 0 0;
color: #a2a2a2;
display: block;
float: left;
font-size: 10px;
height: 24px;
margin: 0px 1px 0px 0px;
padding: 0px 14px;
}
#nav_mis_juegos a:hover,
#nav_mis_juegos a.selected {
background: url(images/usuario_juegos_nav_center_f2.gif) repeat-x 0 0;
color: #ffffff;
text-decoration: none;
}
#nav_mis_juegos a.first {
background: url(images/usuario_juegos_nav_first.gif) no-repeat 0 0;
}
#nav_mis_juegos a.first:hover,
#nav_mis_juegos a.first_selected {
background: url(images/usuario_juegos_nav_first_f2.gif) no-repeat 0 0;
color: #ffffff;
text-decoration: none;
}
#nav_mis_juegos a.last {
background: url(images/usuario_juegos_nav_last.gif) no-repeat right 0;
}
#nav_mis_juegos a.last:hover,
#nav_mis_juegos a.last_selected {
background: url(images/usuario_juegos_nav_last_f2.gif) no-repeat right 0;
color: #ffffff;
text-decoration: none;
}
#nav_mis_juegos img {
padding: 3px 0px 0px 0px;
vertical-align: -8px;
}
/* Ficha de listado de la Home */
#mis_juegos .mis_juegos_juego {
float: left;
margin: 10px 12px 15px 15px;
padding: 8px;
position: relative;
width: 188px;
height: 206px;
}
#mis_juegos .even {
background: #fcfcfc;
}
#mis_juegos .mis_juegos_juego .floatleft {
height: 150px;
}
#mis_juegos .mis_juegos_juego .caratula {
padding: 0px 0px 1px 0px;
position: relative;
width: 85px;
}
#mis_juegos .mis_juegos_juego .caratula img {
border: 1px solid #6a6a6a;
max-height: 123px;
}
#mis_juegos .mis_juegos_juego .info {
float: right;
width: 98px;
}
#mis_juegos .mis_juegos_juego .stars {
width: 80px;
}
#mis_juegos .mis_juegos_juego .title {
background: url(images/juego_listado_home_title.gif) no-repeat 0 0;
color: #ffffff;
display: block;
font-size: 10px;
font-weight:bold;
line-height:12px;
margin: 0px 0px 4px 0px;
padding: 3px 0px 0px 0px;
width: 98px;
}
#mis_juegos .mis_juegos_juego .title a {
background: url(images/juego_listado_home_title_a.gif) no-repeat left bottom;
display: block;
color: #ffffff;
padding: 0px 4px 4px 4px;
text-align: center;
width: 90px;
}
#mis_juegos .mis_juegos_juego .text {
padding: 0px 0px 0px 7px;
}
#mis_juegos .mis_juegos_juego .text .resume {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
color: #0f5e91;
font-size: 9px;
font-weight: bold;
height: 20px;
overflow: hidden;
padding: 0px 0px 7px 0px;
}
#mis_juegos .mis_juegos_juego .text .members {
background: url(images/juego_listado_home_members.gif) no-repeat 0px 7px;
color: #0f5e91;
font-size: 9px;
font-weight: bold;
padding: 9px 0px 6px 20px;
}
#mis_juegos .mis_juegos_juego .text .reviews {
background: url(images/ico_activity.gif) no-repeat 3px 3px;
color: #6a6a6a;
font-size: 9px;
padding: 3px 0px 7px 19px;
}
#mis_juegos .mis_juegos_juego .buttons {
background: url(images/juego_listado_home_icons.gif) no-repeat 0 0;
height: 34px; /* 38px */
padding: 4px 0px 0px 0px;
}
#mis_juegos .mis_juegos_juego .buttons a {
display: block;
float: left;
text-indent: -10000px;
}
#mis_juegos .mis_juegos_juego .mas {
background-position: 0 0;
float: left;
width: 31px;
}
#mis_juegos .mis_juegos_juego .ico_images {
background: url(images/ico_imagenes_1.gif) no-repeat center center;
float: left;
height: 25px;
width: 22px;
}
#mis_juegos .mis_juegos_juego .ico_players {
background: url(images/ico_usuarios_1.gif) no-repeat center center;
float: left;
height: 25px;
width: 22px;
}
#mis_juegos .mis_juegos_juego .ico_reviews {
background: url(images/ico_reviews_1.gif) no-repeat center center;
float: left;
height: 25px;
width: 22px;
}
#mis_juegos .mis_juegos_juego .comprar {
clear: both;
height: 20px;
margin-left: 22px;
}
#mis_juegos .mis_juegos_juego_line {
border-top: 1px solid #cfd4d5;
clear: both;
height: 5px;
margin: 0px 27px 0px 21px;
position: relative;
}
#mis_juegos .opciones {
background: url(images/usuario_juegos_opciones.gif) no-repeat 0 0;
height:28px;
width: 99px;
}
#mis_juegos .opciones span {
display: block;
float: left;
height: 28px;
text-indent: -10000px;
}
#mis_juegos .opciones span.opciones_favoritos {
width: 25px;
}
#mis_juegos .opciones span.opciones_favoritos_no_perfil {
width: 25px;
}
#mis_juegos .opciones span.opciones_favoritos:hover
{
background: url(images/usuario_juegos_opciones.gif) no-repeat 0 -28px;
width: 25px;
cursor: pointer;
}
#mis_juegos .opciones span.opciones_jugando {
width: 14px;
}
#mis_juegos .opciones span.opciones_jugando_no_perfil {
width: 14px;
}
#mis_juegos .opciones span.opciones_jugando:hover {
background: url(images/usuario_juegos_opciones.gif) no-repeat -25px -28px;
width: 14px;
cursor: pointer;
}
#mis_juegos .opciones span.opciones_completado {
width: 14px;
}
#mis_juegos .opciones span.opciones_completado_no_perfil {
width: 14px;
}
#mis_juegos .opciones span.opciones_completado:hover {
background: url(images/usuario_juegos_opciones.gif) no-repeat -39px -28px;
width: 14px;
cursor: pointer;
}
#mis_juegos .opciones span.opciones_buscando {
width: 21px;
}
#mis_juegos .opciones span.opciones_buscando_no_perfil {
width: 21px;
}
#mis_juegos .opciones span.opciones_buscando:hover {
background: url(images/usuario_juegos_opciones.gif) no-repeat -53px -28px;
width: 21px;
cursor: pointer;
}
#mis_juegos .opciones span.opciones_vendo {
width: 25px;
}
#mis_juegos .opciones span.opciones_vendo_no_perfil {
width: 25px;
}
#mis_juegos .opciones span.opciones_vendo:hover {
background: url(images/usuario_juegos_opciones.gif) no-repeat -74px -28px;
width: 25px;
cursor: pointer;
}
#mis_juegos .opciones span.opciones_favoritos_selected {
background: url(images/usuario_juegos_opciones.gif) no-repeat 0 -28px;
width: 25px;
}
#mis_juegos .opciones span.opciones_favoritos_selected_no_perfil {
background: url(images/usuario_juegos_opciones.gif) no-repeat 0 -28px;
width: 25px;
}
#mis_juegos .opciones span.opciones_favoritos_selected:hover {
cursor: pointer;
background: no-repeat 0 -28px;
width: 25px;
}
#mis_juegos .opciones span.opciones_jugando_selected {
background: url(images/usuario_juegos_opciones.gif) no-repeat -25px -28px;
width: 14px;
}
#mis_juegos .opciones span.opciones_jugando_selected_no_perfil {
background: url(images/usuario_juegos_opciones.gif) no-repeat -25px -28px;
width: 14px;
}
#mis_juegos .opciones span.opciones_jugando_selected:hover {
width: 14px;
background: no-repeat -25px -28px;
cursor: pointer;
}
#mis_juegos .opciones span.opciones_completado_selected {
background: url(images/usuario_juegos_opciones.gif) no-repeat -39px -28px;
width: 14px;
}
#mis_juegos .opciones span.opciones_completado_selected_no_perfil {
background: url(images/usuario_juegos_opciones.gif) no-repeat -39px -28px;
width: 14px;
}
#mis_juegos .opciones span.opciones_completado_selected:hover {
cursor: pointer;
background: no-repeat -39px -28px;
width: 14px;
}
#mis_juegos .opciones span.opciones_buscando_selected {
background: url(images/usuario_juegos_opciones.gif) no-repeat -53px -28px;
width: 21px;
}
#mis_juegos .opciones span.opciones_buscando_selected_no_perfil {
background: url(images/usuario_juegos_opciones.gif) no-repeat -53px -28px;
width: 21px;
}
#mis_juegos .opciones span.opciones_buscando_selected:hover {
cursor: pointer;
background: no-repeat -53px -28px;
width: 21px;
}
#mis_juegos .opciones span.opciones_vendo_selected {
background: url(images/usuario_juegos_opciones.gif) no-repeat -74px -28px;
width: 25px;
}
#mis_juegos .opciones span.opciones_vendo_selected_no_perfil {
background: url(images/usuario_juegos_opciones.gif) no-repeat -74px -28px;
width: 25px;
}
#mis_juegos .opciones span.opciones_vendo_selected:hover {
cursor: pointer;
background: no-repeat -74px -28px;
width: 25px;
}
#mis_juegos .enlaces_juego {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
padding: 4px 0px 0px 0px;
}
#mis_juegos a.anyadir_contenido {
background: url(images/usuario_juegos_contenido.gif) no-repeat 0 0;
float: left;
width: 106px;
}
#mis_juegos a.anyadir_contenido:hover {
background: url(images/usuario_juegos_contenido.gif) no-repeat 0 -25px;
}
#mis_juegos .even a.anyadir_contenido {
background: url(images/usuario_juegos_contenido_blanco.gif) no-repeat 0 0;
float: left;
width: 106px;
}
#mis_juegos .even a.anyadir_contenido:hover {
background: url(images/usuario_juegos_contenido_blanco.gif) no-repeat 0 -25px;
}
#mis_juegos a.eliminar_gris {
background: url(images/usuario_juegos_modificar.png) no-repeat 0 0;
float: right;
}
#mis_juegos a.eliminar_gris:hover {
background: url(images/usuario_juegos_modificar_f2.png) no-repeat 0 0;
}
#mis_juegos #pager {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
margin: 0px 37px 0px 14px;
padding: 10px 0px 10px 0px;
}
#mis_juegos #pager .content {
background: none;
padding: 0px;
}
#mis_juegos .mis_juegos_usuarios_white {
background: #fcfcfc;
margin: 15px;
}
#mis_juegos .mis_juegos_usuarios_white .mis_juegos_juego {
margin: 0px 15px 0px 5px;
}
#mis_juegos .mis_juegos_usuarios_white .avatar_1 .mask {
background: url(images/avatar_mask_12.png) no-repeat 0 0;
}
#mis_juegos .mis_juegos_usuarios_grey {
margin: 15px;
}
#mis_juegos .mis_juegos_usuarios_grey .mis_juegos_juego {
margin: 0px 15px 0px 5px;
}
#mis_juegos .mis_juegos_usuarios_grey .avatar_1 .mask {
background: url(images/avatar_mask_13.png) no-repeat 0 0;
}
#mis_juegos .mis_juegos_usuarios_venden {
float: left;
margin: 10px 0px 15px 0px;
padding:30px 0px 0px 0px;
width: 670px;
}
#mis_juegos .mis_juegos_usuarios_venden .avatar_1 {
float: left;
}
#mis_juegos .mis_juegos_usuarios_busco {
background: url(images/mis_juegos_usuarios_buscan.png) no-repeat 0 0;
}
#mis_juegos .mis_juegos_usuarios_vendo {
background: url(images/mis_juegos_usuarios_venden.png) no-repeat 0 0;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* MENSAJES PRIVADOS
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
#mensajes_privados {
margin: -10px 0px 0px 0px;
position: relative;
}
#mensajes_privados h2 {
background: url(images/usuario_mensajes_privados.gif) no-repeat 0 0;
height: 54px;
text-indent:-10000px;
}
#mensajes_listado {
background: url(images/usuario_mensajes_top.gif) no-repeat 0 0;
margin: 0px 0px 35px 0px;
padding: 10px 0px 0px 0px;
}
#mensajes_listado .content {
background: #efefef url(images/usuario_mensajes_bottom.gif) no-repeat left bottom;
padding: 0px 14px 10px 14px;
}
#mensajes_listado a#nav_recibidos {
background: url(images/usuario_mensajes_recibidos.gif) no-repeat 0 -16px;
display: block;
float: left;
height: 16px;
margin: 4px 10px 15px 0px;
text-indent:-10000px;
width: 93px;
}
#mensajes_listado a#nav_recibidos:hover,
#mensajes_listado a#nav_recibidos.selected {
background: url(images/usuario_mensajes_recibidos.gif) no-repeat 0 0px;
}
#mensajes_listado a#nav_enviados {
background: url(images/usuario_mensajes_enviados.gif) no-repeat 0 -16px;
display: block;
float: left;
height: 16px;
margin: 4px 10px 15px 0px;
text-indent:-10000px;
width: 86px;
}
#mensajes_listado a#nav_enviados:hover,
#mensajes_listado a#nav_enviados.selected {
background: url(images/usuario_mensajes_enviados.gif) no-repeat 0 0px;
}
#mensajes_listado a#nav_nuevo_mensaje {
background: url(images/usuario_mensajes_nuevo_mensaje.gif) no-repeat 0 0px;
display: block;
float: right;
height: 25px;
margin: 0px 0px 15px 0px;
text-indent:-10000px;
width: 135px;
}
#mensajes_listado a#nav_nuevo_mensaje:hover {
background: url(images/usuario_mensajes_nuevo_mensaje.gif) no-repeat 0 -25px;
}
#mensajes_listado #nav_line {
background: url(images/usuario_mensajes_buttons_line.gif) repeat-x 0 0;
float: left;
height: 25px;
width: 90px;
}
#mensajes_listado .mensaje {
background: url(images/usuario_mensajes_list.gif) no-repeat left center;
height: 28px;
}
#mensajes_listado .even {
background: none;
}
#mensajes_listado span {
float: left;
line-height: 27px;
}
#mensajes_listado .fecha {
color: #6a6a6a;
text-align: center;
width: 85px;
}
#mensajes_listado .usuario {
color: #3c7ba4;
font-weight: bold;
padding: 0px 0px 0px 10px;
text-align: left;
text-decoration:underline;
width: 105px;
}
#mensajes_listado .usuario a {
color: #3c7ba4;
}
#mensajes_listado .usuario a:hover {
color: #333333;
}
#mensajes_listado .asunto {
width: 180px;
}
#mensajes_listado .eliminar {
background: url(images/button_eliminar.png) no-repeat 0 0;
margin-top:1px;
}
#mensaje_respuesta {
border-bottom: 1px solid #e4e4e4;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
position: relative;
}
#mensaje_respuesta .column_left {
float: left;
width: 280px;
}
#mensaje_respuesta .column_right {
float: right;
width: 163px;
}
#mensaje_respuesta span.title {
color: #0f5e91;
display: block;
font-size: 18px;
font-weight: bold;
line-height: 18px;
padding: 0px 0px 5px 0px;
}
#mensaje_respuesta .text {
font-size: 11px;
line-height: 12px;
}
#mensaje_escribir {
margin: 0px 0px 35px 0px;
position: relative;
}
#mensaje_escribir .title {
background: url(images/usuario_mensajes_escribir_respuesta.gif) no-repeat 0 0;
display: block;
height: 20px;
text-indent:-10000px;
}
/* Rango */
#mensaje_respuesta .rank {
background: url(images/usuario_ficha_panel_rank.gif) no-repeat 0 4px;
color: #ffffff;
font-size: 9px;
font-weight:bold;
float: right;
height: 30px;
margin: 0px 0px 7px 0px;
padding: 0px 0px 0px 6px;
width: 76px;
}
#mensaje_respuesta .rank_1 {
background: url(images/medalla_1.png) no-repeat 0 0;
color: #ffffff;
float: left;
font-size: 9px;
font-weight:bold;
height: 16px; /* 30px */
padding: 16px 0px 0px 0px;
text-align: right;
width: 47px;
}
#mensaje_respuesta .agregar {
background: url(images/usuario_mensajes_agregar.gif) no-repeat 0 0;
height: 62px;
float: right;
width: 82px;
}
#mensaje_respuesta .agregar .mas {
margin: 15px 0px 0px 25px;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* PUNTUACIÓN USUARIO
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
#tu_progreso {
margin: -10px 0px 0px 0px;
position: relative;
}
#tu_progreso h2 {
background: url(images/usuario_tu_progreso.gif) no-repeat 0 0;
height: 54px;
padding: 0px;
text-indent:-10000px;
}
#tu_progreso_content {
background: url(images/usuario_mensajes_top.gif) no-repeat 0 0;
margin: 0px 0px 25px 0px;
padding: 10px 0px 0px 0px;
}
#tu_progreso_content .content {
background: #efefef url(images/usuario_mensajes_bottom.gif) no-repeat left bottom;
padding: 0px 14px 10px 14px;
}
#tu_progreso_content h3 {
height: 15px;
text-indent:-10000px;
}
#tu_progreso_content h3#nivel_de_experiencia {
background: url(images/usuario_nivel_de_experiencia.gif) no-repeat 0 0;
}
#tu_progreso_content h3#tu_biografia_en_nosplay {
background: url(images/usuario_tu_biografia.gif) no-repeat 0 0;
height: 35px;
}
#tu_progreso_content h4 {
height: 15px;
text-indent:-10000px;
}
#tu_progreso_content h4#que_he_hecho {
background: url(images/usuario_que_he_hecho.gif) no-repeat 0 0;
}
#tu_progreso_content .line {
background: url(images/usuario_tu_progreso_line.gif) no-repeat left center;
height: 45px;
}
#tu_progreso_content .mensaje {
/*background: url(images/usuario_mensajes_list.gif) no-repeat left center;*/
background: #fcfcfc;
border-bottom: 1px solid #c0c7c7;
padding: 5px 0px;
/*height: 28px;*/
}
#tu_progreso_content .even {
background: none;
border: none;
padding: 8px 0px;
}
#tu_progreso_content .mensaje span {
color: #6a6a6a;
float: left;
/*line-height: 27px;*/
line-height:14px;
}
#tu_progreso_content .mensaje .fecha {
width: 128px;
}
#tu_progreso_content .mensaje .asunto {
padding: 0px 0px 0px 10px;
text-align: left;
width: 280px;
}
#tu_progreso_content .mensaje .asunto a {
color: #3c7ba4;
font-weight: bold;
text-decoration:underline;
}
#tu_progreso_content .mensaje .asunto a:hover {
color: #333333;
}
#rango_actual {
background: url(images/usuario_tu_puntuacion.gif) no-repeat 0 0;
height: auto !important;
height: 60px;
min-height: 60px;
}
#rango_actual .column_left {
color: #ffffff;
float: left;
font-size: 20px;
font-weight: bold;
padding: 22px 0px 0px 37px;
width: 62px;
}
#rango_actual .column_right {
float: right;
padding: 5px 0px 0px 0px;
width: 290px;
}
#rankings {
margin: -10px 0px 0px 0px;
position: relative;
}
#rankings h2 {
background: url(images/usuario_rankings.gif) no-repeat 0 0;
height: 54px;
padding: 0px;
text-indent:-10000px;
}
#rankings h3 {
height: 22px;
text-indent:-10000px;
}
#rankings h3#tu_lista_de_logros {
background: url(images/usuario_tu_lista_de_logros.gif) no-repeat 0 0;
}
#rankings h3#usuarios_logros {
background: url(images/usuario_ranking_list_rangos.gif) no-repeat 0 0;
height: 20px;
}
#rankings h3#usuarios_puntos {
background: url(images/usuario_ranking_list_usuarios.gif) no-repeat 0 0;
height: 20px;
}
#rankings .line {
background: url(images/usuario_rankings_line.gif) no-repeat left center;
height: 45px;
}
#tus_puntos_logros {
background: url(images/usuario_puntos_logros.gif) no-repeat 0 0;
height: 50px;
position: relative;
}
#tus_puntos_logros .column_left {
float: left;
width: 220px;
}
#tus_puntos_logros .column_right {
float: right;
width: 220px;
}
#tus_puntos_logros span {
background: #ffffff;
clear: both;
color: #5c5c5c;
display: block;
float: right;
font-weight:bold;
height: 14px;
padding: 3px 0px 0px 5px;
}
#tu_lista_de_logros_content {
background: url(images/usuario_tu_lista_de_logros_top.gif) no-repeat 0 0;
color: #ffffff;
padding: 8px 0px 0px 0px;
position: relative;
}
#tu_lista_de_logros_content .content {
background: #6a6a6a url(images/usuario_tu_lista_de_logros_bottom.gif) no-repeat left bottom;
padding: 0px 14px 18px 14px;
}
#tu_lista_de_logros_content select {
margin: 0px 0px 12px 0px;
}
#tu_lista_de_logros_content .line {
background: #6a6a6a url(images/usuario_logro_line.gif) repeat-x center center;
height: 15px;
}
#tu_lista_de_logros_content .logro .column_left {
background: url(images/usuario_logro_left.gif) no-repeat 0 1px;
float: left;
padding: 0px 0px 0px 14px;
position: relative;
width: 270px;
}
#tu_lista_de_logros_content .logro .column_right {
background: url(images/usuario_logro_right.gif) no-repeat 100px 0px;
float: right;
height: 26px;
font-weight:bold;
padding: 2px 53px 0px 0px;
position: relative;
text-align: right;
width: 87px; /* 140px */
}
#tu_lista_de_logros_content .logro .column_left span {
display: block;
}
#tu_lista_de_logros_content .logro .title {
font-size: 11px;
font-weight: bold;
line-height: 12px;
padding: 0px 0px 3px 0px;
}
#tu_lista_de_logros_content .logro .info {
background: url(images/usuario_logro_info.gif) no-repeat 0 4px;
color: #bfbfbf;
font-size: 9px;
line-height: 12px;
padding: 0px 0px 0px 9px;
}
.ranking_list {
background: url(images/usuario_ranking_list_top.gif) no-repeat 0 0;
float: left;
margin: 0px 0px 25px 0px;
padding: 9px 0px 0px 0px;
width: 222px;
}
.ranking_list .content {
background: #efefef url(images/usuario_ranking_list_bottom.gif) no-repeat left bottom;
padding: 0px 12px 9px 12px;
}
#ranking_puntuacion.ranking_list .title {
background: #efefef url(images/usuario_ranking_de_puntuacion.gif) no-repeat 0 0;
color: #858585;
height: 48px;
text-align: right;
}
#ranking_rangos.ranking_list {
float: right;
}
#ranking_rangos.ranking_list .title {
background: #efefef url(images/usuario_ranking_de_rangos.gif) no-repeat 0 0;
color: #858585;
height: 48px;
text-align: right;
}
.ranking_list .ranking {
background: url(images/usuario_ranking_list_ranking.gif) no-repeat left center;
height: 28px;
}
.ranking_list .even {
background: none;
}
.ranking_list .ranking span {
color: #6a6a6a;
float: left;
line-height: 27px;
}
.ranking_list .ranking .puntos {
padding: 0px 0px 0px 10px;
width: 55px;
}
.ranking_list .ranking .usuario {
padding: 0px 0px 0px 10px;
text-align: left;
width: 117px;
}
.ranking_list .ranking .usuario a {
color: #3c7ba4;
font-weight: bold;
text-decoration:underline;
}
.ranking_list .ranking .usuario a:hover {
color: #333333;
}
.ranking_list .total {
background: url(images/line_dashed_1.gif) repeat-x 0 3px;
color: #6a6a6a;
padding: 10px 0px 15px 0px;
}
.ranking_list .total span {
background: url(images/usuario_ranking_list_total.gif) no-repeat 0 3px;
display: block;
padding: 0px 0px 0px 10px;
}
#pager .content {
background: none;
}
#pager.superbuscador {
background: url(images/superbuscador_pager.gif) no-repeat 14px 8px;
color: #6b6b6b;
font-weight:normal;
height: 20px;
}
#pager.superbuscador #num_resultados {
font-weight:normal;
padding-left: 8px;
}
#pager.superbuscador #num_resultados .total {
font-size: 9px;
font-weight:bold;
}
#pager.superbuscador a#sugiere_juego {
background: url(images/sugiere_juego.gif) no-repeat 0 0;
display: block;
float: right;
height: 15px;
margin: 6px 10px 0px 0px;
text-indent:-10000px;
width: 309px;
}
#pager.superbuscador a#sugiere_juego:hover {
background: url(images/sugiere_juego.gif) no-repeat 0 -16px;
}
/*
SELECTOR DE TEMAS DE LA ESTANTERÍA
*/
#select_skin
{
background: url(images/usuario_ficha_estanteria_cabecera_selector.jpg) no-repeat 0px 0px;
width: 453px;
height: 35px;
position:relative;
margin-top: 10px;
}
#select_skin .selector
{
cursor: pointer;
height:10px;
margin-left:410px;
width:55px;
}
#select_skin .mini
{
float:right;
height:12px;
margin-left:6px;
margin-top:-7px;
overflow:hidden;
cursor:pointer;
}
#select_skin .selected
{
height:25px;
margin-top:-17px;
}
#select_skin .mini:hover
{
height:25px;
margin-top:-17px;
}
#select_skin .skin_label
{
color: #7a7a7a;
font-size: 10px;
font-family: Verdana;
font-weight: bold;
text-align:right;
padding-top: 3px;
padding-right: 38px;
}
#select_skin .first
{
margin-right:49px;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* POPUP'S
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
/* Shop cart popup */
.shopcart{
background:url("images/resultado_juegos_busqueda_top.png") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
display:none;
left:-225px;
padding:12px 0 0;
position:absolute;
top:40px;
width: 520px;
z-index:100;
min-height:200px;
}
.shopcart_ficha{
background:url("images/resultado_juegos_busqueda_top.png") no-repeat scroll 0 1px transparent;
color:#FFFFFF;
display:none;
left:-163px;
padding:12px 0 0;
position:absolute;
top:218px;
width: 520px;
z-index:100;
}
.shopcart_ficha.fichajuego{
top:205px;
}
#game_info .shopcart_ficha .content, .shopcart .content {
background: transparent url(images/resultado_juegos_content.png) repeat 0 0;
border: 1px solid #ffffff;
padding: 10px 10px;
border-top: none;
margin-left:0px;
min-height:200px;
}
.shopcart .content .close,.shopcart_ficha .content .close{
cursor:pointer;
float:right;
position:relative;
right:-20px;
top:-15px;
}
.shopcart_ficha .content .titular, .shopcart .content .titular {
margin-bottom:5px;
text-align:left;
}
.shopcart_ficha .content .titular_bottom, .shopcart .content .titular_bottom {
margin-left: 5px;
padding-bottom: 5px;
padding-top: 5px;
}
.shopcart_ficha .content .skin, .shopcart .content .skin{
padding: 5px 5px;
float:left;
}
.shopcart_ficha a, .shopcart a{
color: white;
}
.acc h3 a span.pricetag{
font-weight:bold;
}
.acc h3 a img{
float: left;
margin: 0 5px 0 3px;
}
.acc ul{
padding: 0px 10px;
}
.acc ul li{
list-style: inside none;
padding: 13px 0px 13px 0px;
border-bottom: 1px solid #454545;
}
.acc ul li.last{
list-style: inside none;
padding: 13px 0px 9px 0px;
border-bottom: none;
}
.acc ul li span{
padding: 3px 5px;
border-radius: 5px;
-moz-border-radius: 5px;
font-size: 14px;
}
.acc ul li span.item {
background-color: #F17E00;
}
.acc ul li span.platform {
background-color: #5F9E95;
}
.acc ul li span.old_price {
background-color: #E4021A;
}
.acc ul li span.price {
background-color: #5C8C27;
}
a.pricetag {
background-color: #F17E00;
border-radius: 5px;
-moz-border-radius: 5px;
color: #fff;
cursor: pointer;
display: block;
height: 11px;
float: left;
font-weight:bold;
margin: 4px 0 0 4px;
padding: 4px 5px 5px 5px;
}
a.pricetag:hover {
background-color: #A0ACAD;
text-decoration:none;
}
.shopbutton{
margin: 0px 0px 19px -3px;
}
.shopbutton .comprar {
float: left;
margin: 4px 0 0 4px;
}
.shopbutton a.pricetag {
padding: 3px 5px 5px 5px;
height: 12px;
}
/* End Shop cart */
#resultadoBusquedaSkin{
padding: 12px 0px 0px 0px;
display: none;
color: #ffffff;
right: 0px;
position: absolute;
top: 45px;
left: 25px;
width: 405px;
z-index: 100;
background: url(images/resultado_juegos_top_noarrow.png) no-repeat 0 0;
z-index: 100;
}
#resultadoBusquedaSkin .content {
background: transparent url(images/resultado_juegos_content.png) repeat 0 0;
border: 1px solid #ffffff;
padding-left: 10px;
border-top: none;
}
#resultadoBusquedaSkin .content .close{
position: relative;
float:right;
right: 5px;
cursor: pointer;
top: -10px;
}
#resultadoBusquedaSkin .content .titular {
margin-left: 5px;
padding-top: 5px;
}
#resultadoBusquedaSkin .content .titular_bottom {
margin-left: 5px;
padding-bottom: 5px;
padding-top: 5px;
}
#resultadoBusquedaSkin .content .skin{
padding: 5px 5px;
float:left;
}
#resultadoBusquedaSkin a{
color: white;
}
#resultadoJuegosBusquedaPerfil{
padding: 12px 0px 0px 0px;
display: none;
color: #ffffff;
right: 0px;
position: absolute;
top: 35px;
left: 24px;
width: 405px;
z-index: 100;
background: url(images/resultado_juegos_busqueda_top.png) no-repeat 0 0;
z-index: 100;
}
#resultadoJuegosBusquedaPerfil .content {
background: transparent url(images/resultado_juegos_content.png) repeat 0 0;
border: 1px solid #ffffff;
border-top: none;
}
.select_skin_img
{
cursor:pointer;
}
#resultadoJuegosBusquedaPerfil a{
color: white;
}
#resultadoJuegosBusquedaPerfil a#sugiere_juego,
#usuario_panel .mi_contenido #resultadoJuegosBusquedaPerfil a#sugiere_juego {
background: url(images/sugiere_juego.png) no-repeat 0 0;
display: block;
float: none;
height: 16px;
margin: 6px 10px 0px 0px;
text-indent:-10000px;
width: 309px;
}
#resultadoJuegosBusquedaPerfil a#sugiere_juego:hover,
#usuario_panel .mi_contenido #resultadoJuegosBusquedaPerfil a#sugiere_juego:hover {
background: url(images/sugiere_juego.png) no-repeat 0 -16px;
}
#resultadoJuegosBusqueda, #resultadoJuegosBusquedaClanes {
padding: 12px 0px 0px 0px;
display: none;
color: #ffffff;
right: 0px;
position: absolute;
top: 57px;
width: 405px;
z-index: 100;
background: url(images/resultado_juegos_busqueda_top.png) no-repeat 0 0;
z-index: 100;
}
#resultadoJuegosBusqueda .content, #resultadoJuegosBusquedaClanes .content {
background: transparent url(images/resultado_juegos_content.png) repeat 0 0;
border: 1px solid #ffffff;
border-top: none;
}
#resultadoJuegosBusqueda a, #resultadoJuegosBusquedaClanes a{
color: white;
}
#resultadoJuegosBusqueda a#sugiere_juego, #resultadoJuegosBusquedaClanes a#sugiere_juego,
#resultadoJuegos_big .content .ibox_content a#sugiere_juego,
#usuario_panel .mi_contenido #resultadoJuegosBusqueda a#sugiere_juego {
background: url(images/sugiere_juego.png) no-repeat 0 0;
display: block;
float: none;
height: 16px;
margin: 6px 10px 0px 0px;
text-indent:-10000px;
width: 309px;
}
#resultadoJuegosBusqueda a#sugiere_juego:hover, #resultadoJuegosBusquedaClanes a#sugiere_juego:hover,
#resultadoJuegos_big .content .ibox_content a#sugiere_juego:hover,
#usuario_panel .mi_contenido #resultadoJuegosBusqueda a#sugiere_juego:hover {
background: url(images/sugiere_juego.png) no-repeat 0 -16px;
}
#resultadoJuegos {
background: url(images/resultado_juegos_top.png) no-repeat 0 0;
padding: 12px 0px 0px 0px;
display: none;
color: #ffffff;
left: 0px;
position: absolute;
top: 255px;
width: 405px;
z-index: 1000;
}
#resultadoJuegos .content {
background: url(images/resultado_juegos_content.png) repeat 0 0;
border: 1px solid #ffffff;
border-top: none;
}
#elige_el_juego #resultadoJuegos {
top: 90px;
}
#resultadoPlataformas,
#resultadoPlataformas_notificaciones,
#resultadoPlataformas_notificaciones_carrito,
#resultadoCategorias,
.notificaciones_top {
background: url(images/resultado_juegos_top.png) no-repeat -45px 0;
padding: 12px 0px 0px 0px;
color: #ffffff;
left: 0px;
position: absolute;
top: 105px;
width: 250px;
z-index: 1000;
cursor: default;
}
#resultadoPlataformas .content,
#resultadoPlataformas_notificaciones .content,
#resultadoPlataformas_notificaciones_carrito .content,
#resultadoCategorias .content,
.notificaciones_body {
background: url(images/resultado_juegos_content.png) repeat 0 0;
border: 1px solid #ffffff;
border-top: none;
padding: 10px;
}
#resultadoPlataformas_notificaciones .content,
#resultadoPlataformas_notificaciones_carrito .content{
line-height:14px;
}
#resultadoPlataformas a,
#resultadoPlataformas_notificaciones a,
#resultadoPlataformas_notificaciones_carrito a,
#resultadoCategorias a {
color: #a0acad;
display:block;
font-weight: bold;
padding:0px 0px 3px 0px;
}
#resultadoPlataformas a:hover,
#resultadoPlataformas_notificaciones a:hover,
#resultadoPlataformas_notificaciones_carrito a:hover,
#resultadoCategorias a:hover {
color: #ffffff;
text-decoration: underline;
}
#formSelectorJuegoResponse {
position: relative;
}
#resultadoJuegos_big {
background: url(images/resultado_juegos_top.png) no-repeat 0 0;
padding: 12px 0px 0px 0px;
display: none;
color: #ffffff;
left: 0px;
position: absolute;
top: 90px;
width: 805px;
z-index: 1000;
}
#resultadoJuegos_big .content {
background: url(images/resultado_juegos_content.png) repeat 0 0;
border: 1px solid #ffffff;
border-top: none;
}
.buscar_juego {
color: #a0acad;
float: left;
font-size: 9px;
font-weight:bold;
line-height:12px;
padding: 10px 0px;
text-align: center;
width: 80px;
}
.buscar_juego img {
border: 1px solid #6a6a6a;
margin: 0px 0px 6px 0px;
}
.buscar_juego a {
color: #a0acad;
display:block;
padding:0px 3px;
}
.buscar_juego a:hover {
color: #ffffff;
text-decoration: none;
}
.content_notificaciones{
width: 772px;
float: left;
}
.negrita{
font-weight: bold;
}
#asistenteFormResponse,
#formSelectorPlataformaResponse {
position: relative;
}
/* Modificar perfil */
#modificar_perfil {
margin: -12px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 940px;
}
#modificar_perfil h2 {
background: url(images/usuario_modificar_perfil.jpg) no-repeat 0 0;
height: 32px; /* 112 */
padding: 70px 0px 0px 14px;
text-indent:-10000px;
}
#modificar_perfil .bottom {
background: url(images/noticias_listado_1_bottom.gif) no-repeat 0 0;
height: 14px;
position: relative;
}
#modificar_perfil .content {
background: #efefef;
padding: 0px 14px;
position: relative;
}
#modificar_perfil .column_left {
float: left;
margin: -40px 0px 0px 0px;
padding:0px 0px 0px 25px;
width: 430px;
}
#modificar_perfil .column_right {
float: right;
margin: -40px 0px 0px 0px;
width: 420px;
}
#modificar_perfil a.guardar {
float: right;
margin: 15px 20px 20px;
}
.overtop
{
margin:-60px 0 0 0;
}
.undertop
{
margin: 0 0 0 0;
}
#buscador_general_h1 {
background: url(images/buscador_general_h1.gif) no-repeat 0 0;
height: 45px;
text-indent:-10000px;
}
#div_error {
/*background: #faeeee;
border-top: 1px dotted #f4c4c4;
border-bottom: 1px dotted #f4c4c4;*/
color: #b11515;
font-size: 11px;
line-height: 12px;
/*margin: 0px 0px 25px 0px;
padding: 10px 20px;*/
padding: 0px 20px 3px;
}
#div_error p {
color: #b11515;
font-size: 11px;
line-height: 12px;
}
#div_error_texto {
/*background: #faeeee;
border-top: 1px dotted #f4c4c4;
border-bottom: 1px dotted #f4c4c4;*/
color: #b11515;
font-size: 11px;
line-height: 12px;
/*margin: 0px 0px 25px 0px;
padding: 10px 20px;*/
padding: 0px 20px 3px;
}
#div_error_texto p {
color: #b11515;
font-size: 11px;
line-height: 12px;
}
#div_error_img {
/*background: #faeeee;
border-top: 1px dotted #f4c4c4;
border-bottom: 1px dotted #f4c4c4;*/
color: #b11515;
font-size: 11px;
line-height: 12px;
/*margin: 0px 0px 25px 0px;
padding: 10px 20px;*/
padding: 0px 20px 3px;
}
#div_error_img p {
color: #b11515;
font-size: 11px;
line-height: 12px;
}
#anyadir_juego_title.little {
font-size: 12px;
}
.anyadir_juego_text {
font-size: 11px;
line-height:13px;
padding: 15px;
}
.load{
background-image:url(images/loader.gif);
background-position:right;
background-repeat:no-repeat;
}
.loadingbar{
background-image:url(images/loadingbar.gif);
background-position:center;
background-repeat:no-repeat;
width:100%;
}
#votar_noticia {
background: url(images/votacion.gif) no-repeat 0 0;
height: 248px;
margin: 4px 0px 0px 0px;
width: 568px;
}
#votar_noticia #anyadir_juego_title {
background: none;
border: none;
height: 45px;
line-height:43px;
padding: 0px 13px;
}
#votar_noticia #anyadir_juego_title span {
color: #b4b5b5;
}
#votar_noticia #anyadir_juego_title .me_gusta {
background: url(images/votacion_si.gif) no-repeat 0 10px;
padding: 0px 0px 0px 32px;
}
#votar_noticia #anyadir_juego_title .no_me_gusta {
background: url(images/votacion_no.gif) no-repeat 0 10px;
padding: 0px 0px 0px 32px;
}
#votar_noticia textarea {
border: 1px solid #888888;
margin: 15px 0px 10px 20px;
padding: 5px;
width: 460px;
}
#votar_noticia .submit {
background: url(images/votacion_guardar.gif) no-repeat 0 0;
border: none;
cursor: pointer;
float: right;
height: 20px;
margin: 0px 21px 0px 0px;
width: 67px;
}
#votar_noticia .submit:hover {
background: url(images/votacion_guardar.gif) no-repeat 0 -20px;
}
#user_info_header {
background: url(images/line_3.gif) no-repeat 0 38px;
margin: 10px 0px 0px 0px;
}
#user_info_header .avatar_1 {
float: left;
margin-left:15px;
}
#user_info_header .avatar_1 .mask {
background: url(images/avatar_mask_11.png) no-repeat 0 0;
height: 64px;
width: 64px;
}
#user_info_header .user_name {
color: #9b9b9b;
float: left;
font-size: 18px;
font-weight:bold;
padding: 14px 0px 0px 8px;
}
#user_info_header .user_name a {
color: #9b9b9b;
}
input.buscar_videojuego_perfil {
background: url(images/buscar_videojuego_input_big.gif) no-repeat 0 0;
_background-attachment: fixed;
border: none;
font-family:Verdana;
font-size: 10px;
height: 18px; /* 22px */
margin: 7px 13px 20px 18px;
padding: 4px 10px 0px 50px;
width: 359px; /* 419px */
}
.error
{
color: #b11515;
font-size: 11px;
line-height: 12px;
padding: 0px 0px 3px;
display:block;
}
.ok_msg
{
color: green;
display:block;
font-size: 11px;
line-height: 12px;
padding: 0px 20px 3px;
}
div.error {
color: #b11515;
font-size: 11px;
line-height: 12px;
padding: 0px 20px 3px;
}
div.ibox_content {
padding: 10px 20px;
}
.banner_compraventa
{
margin-bottom:15px;
margin-top:-40px;
}
/* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*
* LO QUE QUIERO QUE SE EMPIECE A MANTENER GENÉRICO EN TODA LA WEB!!
*
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
* --------------------------------------------------------------------------------
*/
h3.default {
color: #454545;
font-size: 13px;
font-weight:bold;
line-height:14px;
padding: 0px 0px 6px 0px;
}
h3.default a {
color: #454545;
text-decoration: none;
}
h3.default a:hover {
color: #0f5e91;
text-decoration: underline;
}
h3.default a.user {
color: #e36019;
text-decoration: underline;
}
h3.default a.user:hover {
color: #454545;
}
h3.dashed {
background: url(images/line_dashed_1.gif) repeat-x left bottom;
color: #0f5e91;
font-size: 13px;
margin: 0px 0px 18px;
min-height: 13px;
padding: 0px 0px 5px 0px;
}
h3.dashed_no_margin { margin-bottom: 5px; }
span.time,
a.time {
background: url(images/ico_activity.gif) no-repeat 0 3px;
color: #6a6a6a;
display: inline;
font-size: 9px;
line-height:12px;
padding: 2px 0px 5px 12px;
position: relative;
}
a.time:hover {
color: #6a6a6a;
text-decoration: underline;
}
span.comment,
a.comment {
background: url(images/ico_comments.gif) no-repeat 0px 1px;
color: #6a6a6a;
display: block;
font-size: 9px;
margin: 2px 0px 0px 0px;
padding: 1px 4px 5px 18px;
}
a.comment:hover {
color: #6a6a6a;
text-decoration: underline;
}
/* Avatar pequeño (HOME) */
.avatar {
height: 75px;
position: relative;
width: 75px;
}
.avatar img {
left: 8px;
position: absolute;
top: 0px;
}
.avatar .mask {
background: url(images/avatar_mask_1.png) no-repeat 0 0;
cursor: pointer;
height: 62px;
left: 8px;
position: absolute;
top: 0px;
width: 62px;
}
.avatar .mask_2 {
background: url(images/avatar_mask_2.png) no-repeat 0 0;
left: 7px;
}
.avatar .mask_16 {
background: url(images/avatar_mask_16.png) no-repeat 0 0;
left: 7px;
}
.avatar .name {
color: #6a6a6a;
display: block;
font-size: 10px;
font-weight:bold;
height: 14px;
position: absolute;
text-align: center;
top: 63px;
width: 78px;
}
.avatar .name a {
color: #6a6a6a;
}
.avatar .name a:hover {
color: #333333;
text-decoration: underline;
}
/* Avatar pequeño (HOME) */
.avatar_mini {
height: 31px;
position: relative;
width: 31px;
}
.avatar_mini img {
left: 0px;
position: absolute;
top: 0px;
}
.avatar_mini .mask {
background: url(images/avatar_mask_15.png) no-repeat 0 0;
cursor: pointer;
height: 31px;
left: 0px;
position: absolute;
top: 0px;
width: 31px;
}
.avatar_mini .mask_grey {
background: url(images/avatar_mask_18.png) no-repeat 0 0;
cursor: pointer;
height: 31px;
left: 0px;
position: absolute;
top: 0px;
width: 31px;
}
/* --------------------------------------------------------------------------------
* BOTONES
* --------------------------------------------------------------------------------
*/
/* -------------------------------------------
* BOTONES > ENVIAR
* -------------------------------------------
*/
/* Pequeño + Fondo Blanco */
a.bt_enviar_bg_white, span.bt_enviar_bg_white {
background: url(images/bt_enviar_bg_white.gif) no-repeat 0px 0px;
cursor: pointer;
display: block;
height: 20px;
width: 67px;
}
input.bt_enviar_bg_white {
background: url(images/bt_enviar_bg_white.gif) no-repeat 0px 0px;
border: 0px;
cursor: pointer;
height: 20px;
width: 67px;
}
a.bt_enviar_bg_white:hover, span.bt_enviar_bg_white:hover, input.bt_enviar_bg_white:hover {
background: url(images/bt_enviar_bg_white.gif) no-repeat 0px -20px;
}
/* Pequeño + Fondo Gris */
a.bt_enviar, span.bt_enviar {
background: url(images/bt_enviar.png) no-repeat 0px 0px;
cursor: pointer;
display: block;
height: 20px;
width: 67px;
}
input.bt_enviar {
background: url(images/bt_enviar.png) no-repeat 0px 0px;
border: 0px;
cursor: pointer;
height: 20px;
width: 67px;
}
a.bt_enviar:hover, span.bt_enviar:hover, input.bt_enviar:hover {
background: url(images/bt_enviar.png) no-repeat 0px -20px;
}
/* --------------------------------------------------------------------------------
* LÍNEAS DE SEPARACIÓN
* --------------------------------------------------------------------------------
*/
/* -------------------------------------------
* LÍNEAS > LÍNEA 3px NOSPLAY CON REDONDEADO
* -------------------------------------------
*/
.line_1 {
background-repeat: no-repeat;
background-position:0px 0px;
padding: 0px 0px 20px 0px;
width: 100%;
}
/* Estructura 4 */
.inside_structure_4 .inside_column_left .line_1 { background-image: url(images/line_1_structure_4_left.gif); }
.line_2 {
background: url(images/line_2.gif) repeat-x 0 0;
clear: both;
height: 23px;
position: relative;
}
.line_3 {
background: url(images/line_3.gif) no-repeat left 27px;
clear: both;
/*height: 48px;*/
height: 57px;
position: relative;
}
.line_3_2 {
background: url(images/line_3.gif) no-repeat left top;
clear: both;
/*height: 48px;*/
height: 34px;
position: relative;
}
.line_4 {
background: url(images/line_4.gif) no-repeat 0px 0px;
clear: both;
height: 25px;
position: relative;
}
.line_5 {
background: url(images/line_6.gif) no-repeat left 27px;
clear: both;
/*height: 48px;*/
height: 57px;
position: relative;
}
/* --------------------------------------------------------------------------------
* CAJAS GRISES
* --------------------------------------------------------------------------------
*/
.grey_box {
padding: 0px 0px 25px 0px;
width: 100%;
}
.grey_box .grey_box_inner,
.grey_box .grey_box_footer {
background-color: #efefef;
background-position:0px 0px;
background-repeat: no-repeat;
width: 100%;
}
.grey_box .grey_box_footer {
background-position:left bottom;
height: 15px;
overflow: hidden;
}
.grey_box h2 {
background: #efefef;
color: #454545;
/*padding: 0px 0px 0px 0px;*/
}
.grey_box h2.big { font-size: 18px; line-height: 20px; padding-bottom: 20px; }
.grey_box .grey_box_content {
padding: 10px 14px;
}
/* Estructura 1 */
.inside_structure_1 .grey_box .grey_box_inner { background-image: url(images/grey_box_structure_1.gif); }
.inside_structure_1 .grey_box .grey_box_footer { background-image: url(images/grey_box_footer_structure_1.gif); }
.inside_structure_1 .grey_box .grey_box_column_446 { width: 446px; }
/* Estructura 4 */
.inside_structure_4 .inside_column_left .grey_box .grey_box_inner { background-image: url(images/grey_box_structure_4_left.gif); }
.inside_structure_4 .inside_column_left .grey_box .grey_box_footer { background-image: url(images/grey_box_footer_structure_4_left.gif); }
/* Estructura 6 : OJO CAMBIAR ESTRUCTURA ANTIGUA!!! */
#inside_column_left_6 .grey_box .grey_box_footer { background-image: url(images/grey_box_footer_structure_6_left.gif); }
.dark_grey_box {
padding: 0px 0px 15px 0px;
width: 100%;
}
.dark_grey_box .dark_grey_box_inner,
.dark_grey_box .dark_grey_box_footer {
background-color: #797979;
background-position:0px 0px;
background-repeat: no-repeat;
width: 100%;
}
.dark_grey_box .dark_grey_box_footer {
background-position:left bottom;
height: 15px;
overflow: hidden;
}
.dark_grey_box .dark_grey_box_content {
padding: 14px 14px 0px;
}
/* Estructura 1 */
.dark_grey_box_small { width: 489px; }
.dark_grey_box_small .dark_grey_box_inner { background-image: url(images/dark_grey_box_small_inner.gif); }
.dark_grey_box_small .dark_grey_box_footer { background-image: url(images/dark_grey_box_small_footer.gif); }
/* Naranja */
.important { color: #e36019; }
.important_big { color: #e36019; font-size: 20px; line-height: 22px; }
.important_big_2 { color: #e36019; font-size: 17px; line-height: 22px; }
.important_medium { color: #e36019; font-size: 12px; line-height: 14px; }
.important_small { color: #e36019; font-size: 9px; line-height: 12px; }
/* Azul */
.important_2 { color: #0F5E91; }
.important_2_big { color: #0F5E91; font-size: 20px; line-height: 22px; }
.important_2_medium { color: #0F5E91; font-size: 12px; line-height: 14px; }
.important_2_small { color: #0F5E91; font-size: 9px; line-height: 12px; }
.big { color: #454545; font-size: 18px; line-height: 22px; }
.medium { color: #454545; font-size: 12px; line-height: 14px; }
.white_row {
background: url(images/white_row_left.gif) no-repeat 0px 0px;
height: 22px;
line-height:22px;
padding: 0px 0px 0px 10px;
}
.white_row_content {
background: url(images/white_row_right.gif) no-repeat right top;
height: 22px;
padding: 0px 10px 0px 0px;
}
.white_row_no_bg, .white_row_no_bg .white_row_content { background: none; }
.white_row_content table { width: 100%; }
.white_row_content table tr td { padding: 0px 5px; }
.white_row_2 { padding: 0px 0px 10px; }
.white_row_2 .white_row_2_top { background: url(images/white_row_2_top.gif) no-repeat 0px 0px; height: 6px; }
.white_row_2 .white_row_2_bottom { background: url(images/white_row_2_bottom.gif) no-repeat 0px 0px; height: 6px; }
.white_row_2 .white_row_2_content { background: #ffffff; padding: 0px 12px; }
.white_row_2_small .white_row_2_top { background: url(images/white_row_2_small_top.gif) no-repeat 0px 0px; height: 6px; }
.white_row_2_small .white_row_2_bottom { background: url(images/white_row_2_small_bottom.gif) no-repeat 0px 0px; height: 6px; }
.white_row_2_no_bg .white_row_2_top,
.white_row_2_no_bg .white_row_2_bottom,
.white_row_2_no_bg .white_row_2_content { background: none; }
/* Para los enlaces típicos debajo de un listado */
.links_block {
background: url(images/line_dashed_1.gif) repeat-x 0 0;
padding: 6px 0px 0px 0px;
}
.links_block a.ver_mas {
line-height: 22px;
}
.game_title {
background: url(images/juego_listado_home_title.gif) no-repeat 0 0;
color: #ffffff;
display: block;
font-size: 10px;
font-weight:bold;
line-height:12px;
margin: 0px 0px 4px 0px;
padding: 3px 0px 0px 0px;
width: 98px;
}
.game_title a {
background: url(images/juego_listado_home_title_a.gif) no-repeat left bottom;
display: block;
color: #ffffff;
padding: 0px 4px 4px 4px;
text-align: center;
text-decoration: none;
width: 90px;
}
.game_title a:hover {
text-decoration: underline;
}
/* --------------------------------------------------------------------------------
* PESTAÑAS
* --------------------------------------------------------------------------------
*/
.tabs {
padding: 0px 0px 15px 0px;
width: 100%;
}
.tabs_links {
color: #6a6a6a;
height: 20px;
font-size: 10px;
font-weight:bold;
width: 100%;
}
.tabs_links li {
float: left;
height: 20px;
line-height:20px;
list-style: none;
padding: 0px 0px 0px 6px;
}
.tabs_links li a {
background: url(images/tabs_1_left.gif) no-repeat 0px 0px;
display: block;
color: #6a6a6a;
float: left;
height: 20px;
padding: 0px 0px 0px 6px;
text-decoration: none;
}
.tabs_links li a span {
background: url(images/tabs_1_right.gif) no-repeat right top;
display:block;
float: left;
height: 20px;
padding:0px 6px 0px 0px;
}
.tabs_links li a.selected {
background: url(images/tabs_2_left.gif) no-repeat 0px 0px;
color: #6a6a6a;
}
.tabs_links li a.selected span {
background: url(images/tabs_2_right.gif) no-repeat right top;
}
.tabs_links li a:hover { color: #e36019; }
.tabs_content { background: #ffffff; color: #6a6a6a; line-height: 14px; padding: 12px; }
.tabs_footer { background: url(images/tabs_footer_1.gif) no-repeat 0px 0px; height: 13px; }
.tabs_footer_2 { background: url(images/tabs_footer_2.gif) no-repeat right top; height: 13px; margin: 0px 0px 0px 10px; }
.tab_title {
background: url(images/tab_title.gif) no-repeat 0px 0px;
border-bottom: 1px solid #454545;
color: #ffffff;
font-weight: bold;
height: 20px;
line-height: 20px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 6px;
}
.tab_title_content {
background: url(images/tab_title_content.gif) no-repeat right top;
float: left;
height: 20px;
padding: 0px 6px 0px 0px;
}
/* --------------------------------------------------------------------------------
* TABLAS
* --------------------------------------------------------------------------------
*/
.table_standar { margin-bottom: 16px; }
.table_standar tr th {
color: #0f5e91;
font-size: 11px;
font-weight: bold;
padding: 5px 5px 10px 0px;
text-align: left;
}
.table_standar tr td {
padding: 3px 5px 3px 0px;
vertical-align: middle;
}
.table_standar tr.even td {
background: #efefef;
border-bottom: 1px solid #c0c7c7;
}
a.plus {
background: url(images/plus.gif) no-repeat right 1px;
color: #6a6a6a;
font-size: 9px;
font-weight: bold;
padding: 0px 15px 0px 0px;
}
a.plus:hover { color: #e36019; text-decoration: none; }
a.plus_2 { }
a.plus_2 img { vertical-align: -5px; }
a.email {
background: url(images/email.gif) no-repeat right 1px;
color: #6a6a6a;
font-size: 9px;
font-weight: bold;
padding: 0px 19px 0px 0px;
}
a.email:hover { color: #e36019; text-decoration: none; }
.grey_mini {
color: #6a6a6a;
font-size: 10px;
font-weight: bold;
padding: 0px 0px 0px 0px;
}
/* --------------------------------------------------------------------------------
* MENUS
* --------------------------------------------------------------------------------
*/
.nav_section {
height: 32px;
margin: 0px 0px 18px 0px;
position: relative;
}
.inside_structure_4 .inside_column_right .nav_section {
background: url(images/nav_section_306.gif) no-repeat 0 0;
}
.nav_section a {
background-repeat: no-repeat;
display: block;
float: left;
height: 32px;
position: relative;
text-indent:-10000px;
}
.nav_section a#clanes {
background-image: url(images/nav_mis_clanes.gif);
background-position: 0px 0px;
width: 63px;
}
.nav_section a#clanes:hover { background-position: 0px -32px; }
.nav_section a#clanes.selected { background-position: 0px -64px; }
.nav_section a#grupos {
background-image: url(images/nav_mis_clanes.gif);
background-position: -63px 0px;
width: 52px;
}
.nav_section a#grupos:hover { background-position: -63px -32px; }
.nav_section a#grupos.selected { background-position: -63px -64px; }
/* --------------------------------------------------------------------------------
* IBOX SHOPPING
* --------------------------------------------------------------------------------
*/
.enlace_compra
{
margin-bottom:30px;
padding-top: 5px;
padding-bottom: 5px;
width:100%;
}
.enlace_compra .enlace_compra_imagen
{
float: left;
height: 35px;
width: 90px;
}
.enlace_compra .enlace_compra_link
{
margin-left: 100px;
}
.enlace_compra .enlace_compra_link a
{
padding-top:12px;
color: #fff;
}
/* --------------------------------------------------------------------------------
* OPEN INVITER MAQUETACION
* --------------------------------------------------------------------------------
*/
div#openinviter {
padding: 0px 0px 35px 0px;
position: relative;
}
div#openinviter .content {
background: #efefef url(images/politica_privacidad_footer.gif) no-repeat left bottom;
padding: 15px 0px 25px 15px;
}
div#openinviter .content #form_data {
float:left;
width: 700px;
margin-top: 15px;
}
div#openinviter .content #form_logos {
float:right;
margin-right: 25px;
}
div#openinviter .content .ver_mas_line
{
margin: 15px 0px 9px 0px;
width: 903px;
}
div#openinviter .content #form_data .field {
float:left;
}
div#openinviter .content #form_data .field_right {
float:left;
margin-left: 20px;
}
div#openinviter h1 {
background: url(images/invita_amigos.gif) no-repeat 0 0;
height: 29px;
text-indent:-10000px;
}
h2.azul_inviter
{
font-family: Verdana;
font-size: 12px;
color: #0f5e91;
padding-bottom: 6px;
}
a.minilink
{
font-family: Verdana;
font-size: 10px;
color: #6a6a6a;
}
.open_item
{
background:none repeat scroll 0 0 #0f5e91;
float:left;
margin-left:18px;
margin-top:10px;
padding:7px 5px 5px 5px;
width:280px;
position:relative;
height: 63px;
}
.open_item_selectable
{
background:none repeat scroll 0 0 #FFFFFF;
float:left;
margin-left:18px;
margin-top:10px;
padding:7px 5px 5px 5px;
width:280px;
position:relative;
cursor:pointer;
}
.open_item_selected
{
background:none repeat scroll 0 0 #ef7426;
float:left;
margin-left:18px;
margin-top:10px;
padding:7px 5px 5px 5px;
width:280px;
position:relative;
cursor:pointer;
color: #fff;
}
.open_item a, .open_item_selectable a
{
font-size:12px;
font-weight: bold;
}
.open_item .open_item_avatar, .open_item_selectable .open_item_avatar
{
float:left;
height:62px;
margin-left: -8px;
}
.open_item .open_item_username, .open_item_selectable .open_item_username
{
float:right;
text-align: right;
width: 180px;
}
.open_item .open_item_userdata, .open_item_selectable .open_item_userdata
{
background:url("images/openinviter_user_data.png") no-repeat scroll 9px 0 transparent;
float:right;
margin-top:5px;
padding:5px;
text-align:right;
width:210px;
}
.open_item .open_item_userdata_name, .open_item_selectable .open_item_userdata_name
{
background:url("images/openinviter_user_data_name_body.png") repeat-x scroll 0 0 transparent;
color:#454545;
float:right;
height:18px;
padding:4px 6px 2px;
}
.open_item .open_item_userdata_name_border, .open_item_selectable .open_item_userdata_name
{
background:url("images/openinviter_user_data_name_left.png") repeat-x scroll 0px 0 transparent;
width:1px;
display:inline;
}
.open_item .open_item_userdata_name a, .open_item_selectable .open_item_userdata_name a
{
color: #454545;
}
.open_item .open_item_userdata strong, .open_item_selectable .open_item_userdata strong
{
color: #a0c5cc;
}
.open_item .open_item_userdata em, .open_item_selectable .open_item_userdata em
{
color: #fff;
}
.open_item .mask, .open_item_selectable .mask
{
background:url("images/avatar_mask_17.png") no-repeat scroll 0 0 transparent;
height:62px;
width:62px;
}
.open_ok
{
color: #0F5E91;
font-weight:bold;
width: 350px
}
.open_info
{
color: #6A6A6A;
margin-top:16px;
width: 350px
}
.open_error
{
font-weight:bold;
color: #6A6A6A;
margin-top:16px;
margin-bottom: 10px;
width: 350px
display:block;
}
.texto_mini
{
margin-top:5px;
width:130px
}
.primero
{
margin-left:0px;
}
/** Boton FB ***/
.fbbutton
{
margin: 5px 0px 5px 0px;
width: 100%;
}
/** Bloque de juego aleatorio en la home **/
#juegoAleatorio
{
background:url("images/fondo_juego_aleatorio.png") no-repeat scroll 128px 0 transparent;
width:110%;
}
#juegoAleatorio h2
{
background:url("images/home_juegos_aleatorios.jpg") no-repeat scroll 0 0 transparent;
display:block;
height:24px;
text-indent:-10000px;
}
#juegoAleatorio .title
{
background:url("images/juego_listado_home_title.gif") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
display:block;
font-size:10px;
font-weight:bold;
line-height:12px;
margin:0 0 4px;
padding:3px 0 0;
width:98px;
}
#juegoAleatorio .title a
{
background:url("images/juego_listado_home_title_a.gif") no-repeat scroll left bottom transparent;
color:#FFFFFF;
display:block;
padding:0 4px 4px;
text-align:center;
width:90px;
}
#juegoAleatorio .info_adicional
{
left:-20px;
margin-right:35px;
margin-top:105px;
position:relative;
z-index: 10000;
}
#juegoAleatorio .recargar
{
margin-left:-20px;
margin-top: 10px;
}
.bt_eliminar_friend{
padding-right: 10px;
margin-top: 35px;
text-align: right;
}
.bt_eliminar_friend a img{
position: relative;
}
#juegoAleatorio .gameCover
{
background:url("images/sombra_juego_aleatorio.png") no-repeat scroll 0 bottom transparent;
float:left;
height:auto;
margin:0 0 30px -21px;
padding:0 0 12px 22px;
position:relative;
width:200px;
}
#juegoAleatorio .gameCover img
{
border:1px solid #6A6A6A;
height:auto !important;
left:27px;
max-height:239px;
width:169px;
}
/* --------------------------------------------------------
* Hack para dispositivo móviles!
* --------------------------------------------------------
*/
@media screen and (max-device-width: 1024px) {
body { width: 1024px; }
#header { width: 1024px; overflow: hidden; }
#login_bg { border: 1px solid red; }
#login_content { background: url("images/login.png") no-repeat 0px 0px; padding-left: 22px; padding-right: 22px; position: relative; margin: 0px auto; left: 0px; top: 0px; }
#footer { width: 1024px; }
#footer_1 { position: relative; margin: 0px auto; left: 0px; top: 0px; padding: 10px 0px 20px; }
#footer_destacado { display: none; }
#main { padding-left: 35px; }
#home_destacado { margin: 0px 0px 0px -751px; }
}
/****
*
* Otras reglas
*
**/
#resultadoUserBusqueda{
background:transparent url(resultado_juegos_top.png) no-repeat scroll 0 0;
color:#FFFFFF;
left:0;
padding:12px 0 0;
position:absolute;
display: none;
top:30px;
width:405px;
z-index:1000;
}
#resultadoUserBusqueda .content {
background:transparent url(resultado_juegos_content.png) repeat scroll 0 0;
border-color: #FFFFFF;
border-style:none solid solid;
border-width:medium 1px 1px;
}
#mensaje_nuevo .column_right {
float:right;
width:163px;
}
#mensaje_nuevo .rank {
background:transparent url(usuario_ficha_panel_rank.gif) no-repeat scroll 0 4px;
color:#FFFFFF;
float:right;
font-size:9px;
font-weight:bold;
height:30px;
margin:0 0 7px;
padding:0 0 0 6px;
width:76px;
}
#mensaje_nuevo .rank_1 {
background:transparent url(medalla_1.png) no-repeat scroll 0 0;
color:#FFFFFF;
float:left;
font-size:9px;
font-weight:bold;
height:16px;
padding:16px 0 0;
text-align:right;
width:47px;
}
#mensaje_nuevo .agregar {
background:transparent url(usuario_mensajes_agregar.gif) no-repeat scroll 0 0;
float:right;
height:62px;
width:82px;
}
#mensaje_nuevo .agregar .mas {
margin:15px 0 0 25px;
}
#mensaje_nuevo .column_left {
float:left;
width:280px;
height: 100px;
}
span.flashNews{
background-color: orange;
border-radius: 3px 3px 3px 3px;
color: white;
display: inline;
font-weight: bold;
margin: 0 7px 5px 0;
padding: 3px 5px;
width: auto;
}