/* Resetear lo que sea necesario. Ej: p, h2, ul...*/ body, div, ul, ol, li, h1, h2, h3, h4, p, img, table { margin:0; padding:0; } object, a {outline:none;} img {border: 0;} ol, ul { list-style:none; } h1, h2, h3, h4 { font-size:100%; font-weight:normal; } body { text-align:center; font: 62.5% Tahoma, Geneva, sans-serif; background:#1084E0 url(../img/fnd.gif) repeat-x; height:100%; color:#b4b4b4; } /* ESTILOS PARA SIMPLIFICAR BOLD Y TAMANYOS */ .b { font-weight:800;} .l { text-align:left;} .r { text-align:right;} .c { text-align:center;} .j { text-align:justify;} .n { font-weight:normal;} .t8 { font-size:.8em;} .t9 { font-size:.9em;} .t11 { font-size:1.1em;} .t12 { font-size:1.2em;} .t13 { font-size:1.3em;} .t14 { font-size:1.4em;} .t18 { font-size:1.8em;} .arial { font-family:Arial, Helvetica, sans-serif;} .yllw { color:#ffea4c;} .blnc { color:#fff;} .grs { color:#B4B4B4;} .rj { color:#ff6666;} /* MEDIO */ .centrar { width:960px; margin:0 auto;} #contenido { clear:both; float:left; width:730px;} #logo { background: url(../img/logo_zj.png) no-repeat 20px center; height:105px; text-indent:-9999px; margin-bottom:20px;} #logo a { height:85px; width:300px; display:block;} /* POSICION DE LAS COLUMNAS */ #c_left { float:left; width:170px;} #c_home { float:left; width:540px; margin:0 10px; display:inline;} #c_right { float:left; width:230px;} .med { background-color:#000; position:relative; height:100%;} #centrar .med { padding-top:10px;} /* ALTURA DE TODOS LOS H2 */ #c_left h2, #c_right h2, #c_home h2, #comentarios h2, #masjuegos h2 { height:35px; width:100%; text-indent:-9999px; display:inline-block;} /* COLOCA TOP EN TODAS LAS TABLAS */ #c_left .superior { background:url(../img/top.gif) no-repeat left 10px;} #c_right .superior, #masjuegos .superior { background:url(../img/top.gif) no-repeat -710px 10px;} #c_home .superior { background:url(../img/top.gif) no-repeat -170px 10px;} #comentarios .superior { background:url(../img/top.gif) no-repeat -940px 10px; margin-top:10px;} #infoflash .superior { background:url(../img/top.gif) no-repeat -940px -12px; height:13px; margin-top:-13px; z-index:1;} /* COLOCA BOTTOM EN TODAS LAS TABLAS */ #categorias, #datos, #plugins, #lastusers, #multijugador { background:url(../img/bottom.gif) no-repeat left bottom; padding-bottom:30px; position:relative; margin-bottom:10px;} #websamigas, #top10, #masjuegos, #social, #parental, #publi{ background:url(../img/bottom.gif) no-repeat -710px bottom; padding-bottom:30px; position:relative; margin-bottom:10px;} #home { background:url(../img/bottom.gif) no-repeat -170px bottom; padding-bottom:27px; position:relative;} /* COLOCA TITULOS EN TODAS LAS TABLAS */ #categorias .tit { background:url(../img/titulos.png) no-repeat left top;} #datos .tit { background:url(../img/titulos.png) no-repeat left -35px;} #plugins .tit { background:url(../img/titulos.png) no-repeat left -70px;} #lastusers .tit { background:url(../img/titulos.png) no-repeat left -280px;} #top10 .tit { background:url(../img/titulos.png) no-repeat left -105px;} #websamigas .tit { background:url(../img/titulos.png) no-repeat left -140px;} #comentarios .tit { background:url(../img/titulos.png) no-repeat left -175px;} #masjuegos .tit { background:url(../img/titulos.png) no-repeat left -210px;} #parental .tit { background:url(../img/titulos.png) no-repeat left -385px;} #publi .tit { background:url(../img/titulos.png) no-repeat left -420px;} #multijugador .tit { background:url(../img/titulos.png) no-repeat left -454px;} .tit_j { background:url(../img/titulos.png) no-repeat left -315px;} .tit_a { background:url(../img/titulos.png) no-repeat left -350px; margin:25px 0 0;} .titcat { height:30px; letter-spacing:-1px; margin-bottom:-2px; padding-left:10px; position:relative;} .titmsg { letter-spacing:-1px; padding:0 10px;} .detalles { padding:0 20px 10px;} /* ICONOS FLOTANTES */ #categorias .med img { position:absolute; right:-18px; top:-55px; z-index:1;} #datos .med img { position:absolute; top:-62px; right:10px;} #plugins .med img { position:absolute; top:-64px; right:0;} #lastusers .med img { position:absolute; top:-60px; right:-12px;} #websamigas_link img { position:absolute; top:-10px; left:-15px;} /* LISTADO TABLA CATEGORIAS */ #categorias ul { line-height:19px; margin-left:10px;} #categorias ul li { background:url(../img/folder_mini.gif) no-repeat 0 center; padding-left:15px;} #categorias a, #datos a, #multijugador a { color:#b4b4b4; text-decoration:none;} #categorias a:hover, #datos a:hover, #multijugador a:hover { color:#FFF; text-decoration:underline;} /* LISTADO TABLA CATEGORIAS */ #multijugador ul { line-height:17px; margin-left:10px;} #multijugador ul li { background:url(../img/trophy.gif) no-repeat 0 center; padding-left:15px;} /* ICONOS HOME */ .icateg { text-indent:-9999px;} .icateg, .notacategoria { color:#CCC; margin:6px auto 0 8px; height:48px; width:48px;} .icateg a { display:block; height:100%; border:0; outline:none;} .categoria_accion { background:url(../img/icon_cat_panel.gif) no-repeat 0 top;} .categoria_aventuras { background:url(../img/icon_cat_panel.gif) no-repeat -48px top;} .categoria_cartas { background:url(../img/icon_cat_panel.gif) no-repeat -96px top;} .categoria_chicas { background:url(../img/icon_cat_panel.gif) no-repeat -144px top;} .categoria_clasicos { background:url(../img/icon_cat_panel.gif) no-repeat -192px top;} .categoria_deportes { background:url(../img/icon_cat_panel.gif) no-repeat -240px top;} .categoria_espaciales { background:url(../img/icon_cat_panel.gif) no-repeat -288px top;} .categoria_futbol { background:url(../img/icon_cat_panel.gif) no-repeat -336px top;} .categoria_habilidad { background:url(../img/icon_cat_panel.gif) no-repeat -384px top;} .categoria_infantiles { background:url(../img/icon_cat_panel.gif) no-repeat -432px top;} .categoria_inteligencia { background:url(../img/icon_cat_panel.gif) no-repeat -480px top;} .categoria_lucha {background:url(../img/icon_cat_panel.gif) no-repeat -528px top;} .categoria_mesa {background:url(../img/icon_cat_panel.gif) no-repeat -576px top; } .categoria_musicales {background:url(../img/icon_cat_panel.gif) no-repeat -624px top; } .categoria_plataformas {background:url(../img/icon_cat_panel.gif) no-repeat -672px top; } .categoria_sangrientos {background:url(../img/icon_cat_panel.gif) no-repeat -720px top; } .categoria_tiros {background:url(../img/icon_cat_panel.gif) no-repeat -768px top; } .categoria_vehiculos {background:url(../img/icon_cat_panel.gif) no-repeat -816px top; } .categoria_zona_Alien { background:url(../img/icon_cat_panel.gif) no-repeat -864px top;} .categoria_cocina { background:url(../img/icon_cat_panel.gif) no-repeat -912px top;} .categoria_animaciones { background:url(../img/icon_cat_panel.gif) no-repeat -1008px top;} .categoria_estrategia { background:url(../img/icon_cat_panel.gif) no-repeat -960px top;} #paginacion { margin:10px 5px 0 5px;} #paginacion a { text-decoration:none; padding:1px; margin-top:-4px;} #paginacion a:hover { color:#ffea4c;} .imgd { margin-left:2px; position:relative; top:3px;} .imgi { margin-right:2px; position:relative; top:3px;} .pactual { position:relative; top:2px;} .atention {background:#8B0202; border:1px solid #BF2020; color:#FFFFFF; font-size:1.2em; font-weight:800; margin:0 10px 10px; padding:10px 5px;text-align:left;} /* PARENTAL */ #parental a { color:#ffea4c; display:block; margin:8px 0 0;} /* PUBLICIDAD */ #publi ul { padding:10px 20px; font-size:1.1em; font-weight:800; list-style:inside;} #publi a { color:#ffea4c; text-decoration:none;} /* LISTADO TABLA DATOS */ #datos ul { line-height:18px; margin:0 20px 0 18px;} #datos ul li { height:20px; margin-top:10px; display:inline-block;} #datos ul li a, #paneluser ul li a { padding-left:28px; height:20px; display:block;} /* ICONOS LINKS TABLA DATOS */ #datos ul li.juegos { background:url(../img/iconos.png) no-repeat 0 0; padding-left:28px;} #datos ul li.animaciones { background:url(../img/iconos.png) no-repeat 0 -20px; padding-left:28px;} #datos ul li.miembros { background:url(../img/iconos.png) no-repeat 0 -40px; padding-left:28px;} #datos ul li.online { background:url(../img/iconos.png) no-repeat 0 -80px; padding-left:28px;} #datos ul li.rss a { background:url(../img/iconos.png) no-repeat 0 -100px;} #datos ul li.rss a:hover { background:url(../img/iconos.png) no-repeat 0 -120px;} #datos ul li.favoritos a { background:url(../img/iconos.png) no-repeat 0 -140px;} #datos ul li.favoritos a:hover { background:url(../img/iconos.png) no-repeat 0 -160px;} #datos ul li.contacto a { background:url(../img/iconos.png) no-repeat 0 -180px;} #datos ul li.contacto a:hover { background:url(../img/iconos.png) no-repeat 0 -200px;} /* LISTADO TABLA PANELUSER */ #paneluser { background:url(../img/paneluser_top.gif) no-repeat 0 bottom; padding-bottom:20px; position:relative; margin-top:10px; margin-bottom:10px;} #paneluser a {color:#fff; text-decoration:none;} #paneluser a:hover { color:#ffea4c;} #paneluser ul li { height:26px;} /* ICONOS EN LOS LINKS */ #paneluser ul { line-height:18px; margin:0 20px 0 18px;} #paneluser ul li a, #log_icons ul li a { background:url(../img/iconos.png) no-repeat 0 0;} #paneluser ul li.favoritos a, #log_icons ul li.favoritos a { background-position:0 -240px;} #paneluser ul li.favoritos a:hover, #log_icons ul li.favoritos a:hover { background-position:0 -220px;} #paneluser ul li.mensajes a, #log_icons ul li.mensajes a { background-position:0 -260px;} #paneluser ul li.mensajes a:hover, #log_icons ul li.mensajes a:hover { background-position:0 -280px;} #paneluser ul li.perfil a, #log_icons ul li.perfil a { background-position:0 -300px;} #paneluser ul li.perfil a:hover, #log_icons ul li.perfil a:hover { background-position:0 -320px;} #paneluser ul li.cambiarfoto a, #log_icons ul li.cambiarfoto a { background-position:0 -340px;} #paneluser ul li.cambiarfoto a:hover, #log_icons ul li.cambiarfoto a:hover { background-position:0 -360px;} #paneluser ul li.cerrarsesion a { background-position:0 -380px;} #paneluser ul li.cerrarsesion a:hover { background:url(../img/iconos.png) no-repeat 0 -400px;} #log_icons ul li.cerrarsesion a { background-position:right -380px; } #log_icons ul li.cerrarsesion a:hover { background:url(../img/iconos.png) no-repeat right -400px;} #log_icons ul li.cerrarsesion a { width:80px; line-height:18px; padding-right:24px; text-decoration:none; color:#bdc3ca;} #log_icons ul li.cerrarsesion a:hover { color:#FFF; text-decoration:underline;} #paneluser ul li.linea, #info ul li.linea, #datos ul li.linea, form ol li.linea, ul.perfilusuario li.linea, #lastusers li.linea { border-top:1px solid #292929; height:6px; display:block;margin:15px 0 0;} .cambiaravatar img{border:4px solid #FFFFFF;}/*imagen actual borde*/ #usuario { background:url(../img/paneluser_top.gif) no-repeat 0 top; height:72px;} #usuario #avatar { float:left; height:48px; margin:4px 6px 0 22px; display:inline;} #usuario h4 { padding:34px 0 0 0; letter-spacing:-1px;} /* LOGIN FLASH */ #log_usuario { background:url(../img/log_img.gif) no-repeat; height:28px; width:28px; margin:5px 0 0 10px; padding:2px; text-align:left; float:left;} #log_usuario img { width:24px; height:24px;} #log_nom { width:115px; float:left; margin-top:7px; padding-top:3px; height:19px;} #log_icons { float:left; width:210px; margin-top:8px;} #log_icons ul li { float:left;} #log_icons ul li a { display:block; width:22px; height:20px;} .ti {text-indent:-9999px;} .logbor { border-right:1px solid #878787; padding-right:4px; margin-right:4px;} /* TEXTO TABLA PLUGINS */ #plugins .med, #lastusers .med { padding:10px 10px 0 10px; line-height:1.6em;} #plugins ul { margin:10px 0 0 14px;} #plugins ul li { text-indent:-9999px; width:122px; margin-bottom:2px;} #plugins ul li a { display:block; height:28px; border:3px solid #000; background:url(../img/plugins.png) left top;} #plugins ul li a:hover { border:3px solid #FFF;} #plugins ul li a.flashplayer { background-position: left top; } #plugins ul li a:hover.flashplayer { background-position: right top;} #plugins ul li a.shockwave { background-position: left bottom;} #plugins ul li a:hover.shockwave {background-position: right bottom;} #lastusers ul { margin:0 0 0 10px;} #lastusers ul li {} #lastusers ul li a { color:#FFF; font-weight:800;text-decoration:none;} #lastusers ul li a:hover { text-decoration:underline;} #lastusers ul li a.users { color:#B4B4B4; text-decoration:none; padding:0 0 0 10px;} #lastusers ul li a:hover.users { color:#ffea4c;text-decoration:underline; } /* TOP10 TABS*/ #top10-tabs ul.tabs { overflow: hidden; margin: 0 0 10px 0;} #top10-tabs ul.tabs li { width: 115px; float: left; line-height:28px} #top10-tabs ul.tabs li a { display: block; height:52px; color:#fff; text-decoration:none; background: url(../img/top10-tabs.gif) no-repeat left -52px;} #top10-tabs ul.tabs li a:hover { background-position:0 -104px;} #top10-tabs ul.tabs li.activo, #top10-tabs ul.tabs li.activo a, #top10-tabs ul.tabs li.activo a:hover { background: url(../img/top10-tabs.gif) no-repeat left top; color:#2b270e;} #juegos ul, #animaciones ul { margin-right:10px;} #juegos ul li, #animaciones ul li { line-height:11px; padding-bottom:8px;} #juegos ul li a, #animaciones ul li a { color:#b4b4b4; text-decoration:none; padding-left:5px; padding-right:55px; display:block;} #juegos ul li a:hover, #animaciones ul li a:hover { color:#ffea4c;} #animaciones { display:none;} /* PUNTOS */ .puntos10, .puntos9, .puntos8, .puntos7, .puntos6, .puntos5, .puntos4, .puntos3, .puntos2, .puntos1, .puntos0, .puntosNO { background:url(../img/estrellitas.png) no-repeat right top;} .puntos10 {background-position:right -351px;} .puntos9 {background-position:right -319px;} .puntos8 {background-position:right -287px;} .puntos7 {background-position:right -255px;} .puntos6 {background-position:right -223px;} .puntos5 {background-position:right -191px;} .puntos4 {background-position:right -159px;} .puntos3 {background-position:right -127px;} .puntos2 {background-position:right -95px;} .puntos1 {background-position:right -63px;} .puntos0 {background-position:right -31px;} .puntosNO {background-position:right 1px;} #top10link { padding-top:8px;} #top10link a { color:#FFEA4C; text-decoration:none;} #top10link a:hover { color:#ffff6e; text-decoration:underline; color:#FFF;} a .rank { letter-spacing:-1px; color:#FFF;} /* BUSCADOR */ #buscador { background:url(../img/panelbuscador.gif) no-repeat; padding:8px 0 0 0; height:70px; } .buscador_box { background:url(../img/buscador_box.gif) repeat-x; border:none; float:right; width:157px; padding:6px 2px 10px 10px; color:#5d5d5d;} #checkbox { width:210px;; padding-left:15px;} #checkbox input { margin-left:15px; position:relative; top:2px; } input.buscador_but { background:url(../img/buscador_but.gif) no-repeat 0 top; border:0; height:27px; width:48px; float:right; position:relative; right:7px; outline: none;} input.buscador_but:hover { cursor:pointer;} input.buscador_but:active { background:url(../img/buscador_but.gif) no-repeat 0 bottom; height:27px;} /* WEBS AMIGAS */ #websamigas_listado { width:120px; margin-left:10px;float:right; line-height:1.6em;} #websamigas_listado a { color:#909090; text-decoration:none;} #websamigas_listado a:hover { color:#fff; text-decoration:underline;} #websamigas_link { clear:both; padding-top:5px; position:relative;} #websamigas_link a { color:#FFEA4C; padding-left:98px; text-decoration:none;} #websamigas_link a:hover {text-decoration:underline; color:#FFF;} #websamigas_ban { width:90px; padding-left:10px; background:#200; float:left;} #websamigas_ban a img, #masjuegos a img { border:1px solid #b4b4b4; margin-bottom:2px;} #websamigas_ban a:hover img, #masjuegos a:hover img { border:1px solid #ffea4c;} ul.webslist {margin:0 15px 0 30px; text-align:left;} .webslist li { display:inline-block; text-align:left; width:116px;line-height:2.2em;} .webslist li a { display:block; text-decoration:none; color:#999;width:155px;} .webslist li a:hover { text-decoration:underline; color:#FFF;} ul.webslistimg {margin:0 20px 0; padding:10px 0 0 0;} .webslistimg li { display:inline-block; text-align:center;} .webslistimg li a { display:block; text-decoration:none; border:1px solid #666; margin:0 2px 5px 0;} .webslistimg li a:hover { border:1px solid #FFF;} /* PANEL FLASH/ANI */ .panelflash, .panelflashtab { background:url(../img/panelflash_med.gif) repeat-x left top; height:94px; margin:0 5px;} .panelflash { margin:0 5px 5px; position:relative;} .padmed { margin-bottom:5px;} .panelflash h3 { margin:5px 0 3px 0; color:#08487a;} .panelflashtab h3 { padding:5px 0 3px 0; color:#08487a;} .panelflash h3 a { color:#08487a; text-decoration:none; padding-left:22px; background:url(../img/folder.gif) no-repeat left center;} .panelflash h3 a:hover { text-decoration:underline;} .panelflash .texto { width:465px; color:#4a4a4a; float:left; line-height:16px; position:relative;} .panelflash .imagen { float:left; padding:5px 10px 5px 5px; background:url(../img/panelflash_img.gif) no-repeat left top;} .imagen a { border:2px solid #cfcfcf; display:block; height:80px; width:100px; background:url(../img/loading.gif) center center no-repeat;} .imagen a:hover { border:2px solid #5e5e5e;} .panelflash a, .panelflashtab a { color:#0F7CD3; font-weight:bold;text-decoration:none;} .panelflash a:hover, .panelflashtab a:hover { text-decoration:underline;} .nuevo { background:url(../img/nuevo.png) no-repeat left top; width:41px; height:41px; position:absolute; top:-4px; left:-8px; text-indent:-9999px;z-index:1;} /* PAGE FLASH/ANI */ .panelflashtab .texto { width:465px; color:#4a4a4a; float:left; line-height:16px;} .panelflashtab .imagen img {border:2px solid #cfcfcf;} .panelflashtab .imagen { float:left; padding:5px 10px 5px 5px;} .panelflash .cuadro {float:right; background:url(../img/panelflash_cuadro.gif) no-repeat right top; width:56px; height:94px; padding-right:4px; position:relative;} .estrellas { height:12px; margin-top:11px;} .votarinfo .estrellas { width:50px; margin:0 auto; margin-bottom:8px;} .numcoment { position:absolute; left:-17px; bottom:2px; background:url(../img/coment_icon.gif) no-repeat center center; height:18px; width:19px; line-height:13px;} /* SUB FLASH (TODO DEBAJO DEL JUEGO/ANI) */ #subflash { width:720px; margin:10px auto 0 auto; clear:both;} #infoflash { width:482px; float:left; padding-bottom:20px; background:url(../img/bottom_flash.gif) no-repeat left bottom;} /* TABS */ #tabflash {height:25px; /*background:url(../img/top_flash.gif) no-repeat left top; */position:relative; z-index:2; } #tabflash ul.tabs { overflow: hidden; margin: 0 0 10px 130px;} #tabflash ul.tabs li {float: left; line-height:22px; border-left:2px solid #000; border-right:2px solid #000; border-top:2px solid #000;} #tabflash ul.tabs li a { display:inline-block; height:23px; color:#fff; font-size:1.1em; font-weight:800; text-decoration:none;background: url(../img/tabflash.gif) repeat-x left top; padding:0 10px;} #tabflash ul.tabs li a:hover { background: url(../img/tabflash.gif) repeat-x left -24px;} #tabflash ul.tabs li.activo, #tabflash ul.tabs li.activo a, #tabflash ul.tabs li.activo a:hover {background: url(../img/tabflash_active.gif) repeat-x left top; color:#2b270e;} #reco, #comp { display: none; } /* VOTAR */ #votarflash { width:230px; margin-left:8px; float:left; background:url(../img/bottom.gif) repeat-x -710px bottom; padding-bottom:25px;} #votarsup { background:url(../img/top.gif) no-repeat -710px top; height:25px;} #votarno, #votarsi { float:left; width:72px; height:48px; text-indent:-9999px; margin-top:-23px; position:relative;} #votarno a, #votarsi a { display:block; height:100%; background:url(../img/votar_caras.gif) no-repeat; } #votarno a { background-position:left bottom; } #votarno a:hover { background-position:left top; } #votarsi a { background-position:right bottom; } #votarsi a:hover { background-position:right top; } #votarnota { color:#8c8c8c; float:left; width:85px; padding-top:10px; line-height:24px; margin-top:-19px; position:relative;} #votarinfo { clear:both; margin-top:10px;} .votarpregunta { height:20px; padding-top:10px; } .votarresultado { color:#8c8c8c; height:10px; } .votarestrellas { height:26px;} /*COMENTARIOS */ #comentarios, #infoflash { background:url(../img/bottom.gif) no-repeat -940px bottom; padding-bottom:30px; width:482px; float:left;} .comentzone { text-align:left; padding:0 10px;} .comentzone textarea { width:452px; height:70px; margin-top:8px; font:800 1.1em Tahoma, Geneva, sans-serif; color:#7a7a7a; padding:4px; } .restantes { background:#000; color:#7a7a7a; border:0;} #comentbut input { margin-left:10px;} #coments { margin-top:30px; color:#cdcdcd;} .coment_bg {background:#585858 url(../img/coment_fnd.gif) no-repeat left top; display:inline-block; width:462px; padding-bottom:6px; position:relative; margin-top:10px;} .coment_bg_bottom {background:url(../img/coment_fnd_bottom.gif); position:absolute; bottom:-4px; left:0; width:462px; height:4px; font-size:1px;} .coment_foto { float:left; background:url(../img/coment_avatar.gif) no-repeat center 4px; } .coment_foto img { padding:8px 12px 4px; } .coment_nick { padding:8px 0 5px;} .coment_desc { width:380px; margin-top:4px; font-size:1.1em; line-height:14px; float:left; } .fecha { font-size:.9em; color:#dfdcdc; line-height:14px;} .coment_voto { background:url(../img/coment_votar_fnd.gif) no-repeat left top; width:190px; position:absolute; top:4px; right:2px; line-height:22px; font-size:.9em; } .coment_voto li { display:inline; padding-left:3px;} .coment_voto li a { color:#cccccc; display:inline-block; text-decoration:none;} .coment_voto li a:hover { color:#FFF; text-decoration:underline;} .coment_voto .espacio { padding-right:10px;} .icon_positivo { padding-left:20px; background:url(../img/icon_positivo.gif) no-repeat left center;} .icon_negativo { padding-left:20px; background:url(../img/icon_negativo.gif) no-repeat left center;} .coment_voto .positivo { background:url(../img/positivo.gif) no-repeat center center; } .coment_voto .negativo { background:url(../img/negativo.gif) no-repeat center center; } .coment_voto .positivo, .coment_voto .negativo { color:#FFF; text-align:center; width:37px; float:right; height:23px;} #coment_actualizar { padding-left:10px;} #coment_actualizar a { background:url(../img/coment_reload.png) no-repeat left center; padding:5px 0 5px 18px; color:#B4B4B4; text-decoration:none;} #coment_actualizar a:hover { color:#FFF;} #comentuser a { color:#ffea4c; text-decoration:none;} #comentuser a:hover { text-decoration:underline;} /* MAS JUEGOS */ #masjuegos { width:230px; margin-left:8px; float:left;margin-top:10px;} #masjuegos ul { margin-left:5px; margin-top:10px; } #masjuegos ul li { width:110px; float:left; height:120px;} #masjuegos .med { padding:10px 0 10px 0; line-height:1.2em;} #masjuegos a { color:#B4B4B4; text-decoration:none; font-weight:800;} #masjuegos a:hover { color:#fff;} /* COMPARTIR */ #comp ul { background:#FFF; margin:0 5px; height:135px; padding:0 5px; } #comp ul li { float:left; width:115px; margin:5px 0; text-align:left; } #comp ul li a { display:block; color:#333; height:16px; background:url(../img/icon_compartir.png) no-repeat; text-decoration:none; padding-left:20px; font-size:1.1em; font-weight:800; } #comp ul li a:hover { color:#000; color:#000; text-decoration:underline;} #comp ul li a.comp_facebook { background-position:left top;} #comp ul li a.comp_twitter { background-position:left -16px;} #comp ul li a.comp_reddit { background-position:left -32px;} #comp ul li a.comp_stumbleupon { background-position:left -48px;} #comp ul li a.comp_digg { background-position:left -64px;} #comp ul li a.comp_delicious { background-position:left -80px;} #comp ul li a.comp_technorati { background-position:left -96px;} #comp ul li a.comp_myspace { background-position:left -112px;} #comp ul li a.comp_buzz { background-position:left -128px;} #comp ul li a.comp_friendfeed { background-position:left -144px;} #comp ul li a.comp_spaceslive { background-position:left -160px;} #comp ul li a.comp_google { background-position:left -176px;} #comp ul li a.comp_meneame { background-position:left -192px;} #comp ul li a.comp_yahoo { background-position:left -208px;} #comp ul li a.comp_readitlater { background-position:left -224px;} #comp ul li a.comp_blogger { background-position:left -240px;} #comp ul li a.comp_sonico { background-position:left -256px;} #comp ul li a.comp_fresqui { background-position:left -272px;} #comp ul li a.comp_netlog { background-position:left -288px;} /* SUBIR TOP */ #subir { width:148px; height:18px; background:url(../img/subir2.gif) no-repeat left bottom; margin:10px auto 0; clear:both; line-height:19px;padding-top:30px;} #subir a { color:#fff; background:url(../img/subir_icon.gif) no-repeat left 4px; padding-left:20px; cursor: pointer;} #subir a:hover { color:#FFEA4C;} /* SCREENSHOOT HOVER */ #screenshot{ position:absolute; border:4px solid #000; background:#fff; padding:4px; display:none; color:#666; font-weight:800; text-align:center; width:100px;} #screenshot img { margin-bottom:2px;} #screenshot span { font-weight:400; font-size:.9em; border-top:1px solid #CCC; padding-top:2px; margin-top:4px; display:inline-block;} /*SHADOW LINTERNA*/ span#lightsOff { cursor:pointer;} span#lightsOn { color:#fff; cursor:pointer; position:absolute; top:0; right:0; font-size:1.6em; background:url(../img/luz_big.gif) no-repeat right top; height:125px; width:84px; text-align:right; font-weight:800; margin:10px 10px 0 0;} #oscuridad { background:#000; filter:alpha(opacity=80); -moz-opacity:0.80; opacity: 0.80; height:150%; width:100%; position:absolute; top:0; left:0; display:none; z-index:3;} #flash {z-index:5;} .social_topicons { width:100px; position:absolute; top:4px; right:0; text-align:right;} #footer { clear:both; background:#000 url(../img/footer_fnd.gif) repeat-x 0 top; height:115px;} #flink { line-height:40px; margin-bottom:-3px;} #flink a { text-decoration:none; color:#ffea4c; margin:0 10px;} #flink a:hover { text-decoration:underline; color:#FFF;} #fcateg h3 { border-bottom:1px solid #767676;} #fcateg ul {margin-left:46px;} #fcateg ul li { border-left:1px solid #767676; float:left; width:150px;} #fcateg ul li a { color:#b4b4b4; line-height:16px;} #fcateg a { text-decoration:none; color:#ffea4c; margin:0 10px;} #fcateg a:hover { text-decoration:underline; color:#FFF;} /******************************** PAGINA DE JUEGOS / ANIMACIONES ******************************************/ #ancho { margin:0 auto; width:720px; height:70px;} /* Header logo */ #logomini { background: url(../img/logo_zj_mini.png) no-repeat 20px center; height:55px; text-indent:-9999px; text-align:left; float:left; width:315px; position:relative; z-index:6;} #logomini a { height:55px; width:200px; display:block;} /* Panel superior */ #paneluser_mini { float:right; background:url(../img/paneluser_mini.gif) no-repeat 0 top; height:55px; width:404px;} #login_panel { margin-top:2px;} /* Logins superior */ .login-mini { background:url(../img/login_mini.gif) no-repeat left top;} .loginpass-mini { background:url(../img/loginpass_mini.gif) no-repeat left top;} .login-mini, .loginpass-mini { border:none; color:#5d5d5d; padding:4px 12px 4px 16px; width:85px;} .loginOK-mini:hover { cursor:pointer;} .loginOK-mini:active { background:url(../img/loginOK_mini.gif) no-repeat left bottom; color:#FFF;} .loginOK-mini { background:url(../img/loginOK_mini.gif) no-repeat; width:37px; height:21px; border:none; text-align:center; outline: none;left:-14px; position:relative;} .loginmsg-error { color:#F00; text-align:center;} .loginmsg-error a { color:#ffea4c; text-decoration:underline;} .loginmsg-error a:hover { color:#fff; text-decoration:none;} /* Registrarse */ #reg { float:left; line-height:18px; margin:0 10px 0 10px; width:90px; border-right:1px solid #999; padding-right:10px; padding-bottom:5px; height:40px;} #reg a { color:#ffea4c; text-decoration:none;} #reg a:hover { text-decoration:underline;} #reg_olvida a { color:#FFF; text-decoration:none;} #reg_olvida a:hover { text-decoration:underline;} /* TABLA FLASH */ table, th, td { margin: 0; padding: 0; border-collapse:collapse; border-spacing:0;} .flashtop { background:url(../img/flashbars.gif) repeat-x left top; height:19px; text-align:left; line-height:19px; position:relative;} .flashbottom { background:url(../img/flashbars.gif) repeat-x left bottom; height:25px; text-align:center; line-height:25px;} .flashtop, .flashbottom { padding:0 10px;} .flashtop a { color:#b2b2b2; text-decoration:none;} .flashbottom a { color:#ffea4c; text-decoration:none; } .flashbottom a:hover { text-decoration:underline;} a.flashfav { background:url(../img/icon_flash.gif) no-repeat left -43px; padding-left:20px; margin-right:55px;} a:hover.flashfav { background-position:left -63px;} a.flashcomm {background:url(../img/icon_flash.gif) no-repeat left -3px; padding-left:20px;} a:hover.flashcomm { background-position:left -23px;} .flashtop a:hover { text-decoration:underline;} .flashcontent { text-align:center; background:#000; padding:10px 0;} #flashlink { float:left; width:250px;} .favOK { padding-left:20px; padding-right:30px; background:url(../img/icon_flash.gif) no-repeat left -123px;} .favKO { } #luces { float:right;} #luces a { background:url(../img/icon_flash.gif) no-repeat left -80px; padding-left:20px; display:block;} #luces a:hover { background:url(../img/icon_flash.gif) no-repeat left -100px; text-decoration:underline; color:#ffea4c;} #clear { clear:both;} /******************** REGISTRO USUARIOS *************************/ #formulario { width:460px; margin:auto; padding:15px;} #formulario label { float: left; width: 160px; padding-left:10px; text-align:left; height:24px;} #formulario ol li, #login_user ol li { padding-bottom:10px;} input.registro { background-color:#ffea4c; border:0; height:35px; width:200px; margin-top:25px; padding-bottom:5px; border:3px solid #ffb94c;} .m_left { margin-left:12px;} .reg_ancho { width:260px;} .reg_txtarea { width:260px; height:110px;} .reg_restantes { margin-left:190px; width:245px;} #login_user { margin:0 auto; width:220px;} #login_user label { float: left; width: 90px; padding-left:10px; text-align:left;} .labelancho { width:40px;} .login_ancho { width:110px;} input.login, .volveruser { background-color:#ffea4c; border:0; height:25px; width:120px; margin-bottom:2px; padding-bottom:5px; border:2px solid #ffb94c;} .volveruser {margin:0 auto; width:220px; line-height:2em;} .volveruser a{ color:#000; text-decoration:none;} .reg_error { background:#8B0202 url(../img/reg_error.png) no-repeat center 20px; border:1px solid #BF2020; padding:100px 0 20px; margin:0 10px;} .reg_error a, .reg_ok a { text-decoration:underline; color:#FFF;} .reg_error a:hover, .reg_ok a:hover { text-decoration:none; color:#FFEA4C;} .reg_ok { background:#194200 url(../img/reg_okey.png) no-repeat center 20px; border:1px solid #538435; padding:100px 0 20px; margin:0 10px;} #zoom { position:relative; top:-15px; width:76px; margin:0 auto;z-index:20;} #zoom a.zoom_reducir { display:block; width:38px; height:24px; background:url(../img/zoom.gif) no-repeat left top; text-indent:-9999px; float:left;} #zoom a.zoom_ampliar { display:block; width:38px; height:24px; background:url(../img/zoom.gif) no-repeat right top; text-indent:-9999px; float:right;} #zoom a:hover.zoom_reducir { background-position:left bottom;} #zoom a:hover.zoom_ampliar { background-position:right bottom;} #emailok, #loginok, #passok, #passok2 {background:url(../img/reg_ok.gif) no-repeat left top; height:17px; margin-left:6px; text-align:right; padding-left:20px;} /**** INFO USUARIO ****/ .perfilusuario { width:460px; margin:auto; padding:15px;} .perfilusuario a { color:#FFF;} .perfilusuario label { float: left; width: 160px; padding-left:10px; text-align:right; color:#CCC; margin-right:20px;} .perfilusuario li { margin-bottom:10px; clear:both;} .perfilusuarioimg { border:2px solid #fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .perfilinfo { padding:5px 0 10px 30px;} .med ul.listadousuario { padding:10px 20px 0;} ul.listadousuario { text-align:left;} ul.listadousuario li {border-bottom:1px solid #414141;} ul.listadousuario li a { display:block; background:#000; text-decoration:none; padding:2px 2px;} ul.listadousuario li a:hover {background:#414141;} ul.listadousuario li img.user { vertical-align:middle; margin-right:12px; border:1px solid #fff;} .spr10 { padding-right:10px;} .spl10 { padding-left:10px;} .spr20 { padding-right:20px;} .spl20 { padding-left:20px;} /******************* FAVORITOS ***********************************/ .fav-listado ol { padding:0 10px 70px; clear:both;} .fav-listado li { clear:both; border-bottom:1px solid #2A2A2A; line-height:20px; height:20px; padding-left:6px;} .fav-listado li:hover { background:#333;} .fav-listado ol { list-style:decimal-leading-zero; margin:0 0 0 30px; color:#999;} .fav-juego { float:left; font-size:1.2em;} .fav-juego a { color:#FFF; text-decoration:none; display:block;} .fav-juego a:hover { font-size:1.2em;} .fav-cat { color:#CCC; text-align:right; height:20px; font-size:.8em; padding-left:5px;} /*.fav-num { float:left; width:18px; color:#666; text-align:right; padding-right:10px;}*/ .fav-delete { border-left:1px solid #595959; float:right; padding-left:10px; padding-right:10px;} .fav-delete a { display:block; background:url(../img/fav_delete.png) no-repeat left bottom; text-indent:-9999px; width:14px;} .fav-delete a:hover { background-position:left top;} /***************** PERFIL DE USUARIO */ /***** resaltar busqueda *****/ .resaltar {background:#0D69B1; padding: 0 3px; color:#FFF; display:inline-block; font-weight:800; height:18px;} /**** NOTIFY BAR ****/ .jquery-notify-bar { width:100%; position:fixed; top:0; left:0; z-index:32768; background:#000; font-size:1.8em; color:#FFEA4C; text-align:center; font-family: Arial, Verdana, sans-serif; padding:20px 0px; border-bottom:10px solid #FFEA4C;} .jquery-notify-bar.errorvoto { color:#fff; background:#8B0202;} .jquery-notify-bar.okvoto { color:#fff; background:#116800;} .notify-bar-close { position:absolute; left:95%; font-size:1.2em;}