/* Reset CSS */ body { color: #000; font: normal normal 400 62.5% Tahoma, Arial, 'Trebuchet MS', Verdana, Sans-Serif; margin: 0; padding: 0; } body * { font-size: 1em; margin: 0; padding: 0; } ul, ol { list-style: none; } img { border: 0; } table { border-collapse: collapse; border-spacing: 0; } address { font-style: normal; } abbr, acronym { border: 0; font-variant: normal; } blockquote, q { quotes: "" ""; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } a { color: #000; cursor:pointer; text-decoration: none; } a:hover { text-decoration: underline; } /* a:outline { outline: none; } */ /*********************** Todas las pantallas ************************/ .clear { clear:both;} .nodisplay { display:none;} select, input { color:#1e3e5b; font-family:Tahoma, Verdana, Arial, Helvetica; font-size:1.1em;} img, div, h4 , a, ul, li, p { behavior: url(/css/iepngfix.htc) } /*********************** General ************************/ html {} body { background:#FFF url(/imagenes/bg_body.jpg) repeat-x; overflow: auto; width:100%;} #contenedor { background:url(/imagenes/bg_contenedor.jpg) center top no-repeat !important; } #contenedor #page{ margin:0 auto; padding:0 40px; position:relative; width:880px;} .ayudas { bottom:0; float:left; height:300px; left:3px; overflow:hidden; position:fixed; width:150px;} #ayudas1 { background:url(/imagenes/ayudas1.png) no-repeat;} #ayudas2 { background:url(/imagenes/ayudas2.png) no-repeat;} #ayudas3 { background:url(/imagenes/ayudas3.png) no-repeat;} #ayudas4 { background:url(/imagenes/ayudas4.png) no-repeat;} #ayudas5 { background:url(/imagenes/ayudas5.png) no-repeat;} #ayudas6 { background:url(/imagenes/ayudas6.png) no-repeat;} .ayudas p{ color:#333; font-family:"Comic Sans MS", tahoma; font-size:10px; text-align:center;} #ayudas1 p, #ayudas3 p{ padding:15px 10px;} #ayudas2 p{ padding:16px 10px;} #ayudas4 p, #ayudas5 p, #ayudas6 p{ padding:19px 10px;} .ayuda{ display:none;} #publigoogle_superior{display:none;} #publigoogle_lateral{display:none;} #publigoogle_inferior{display:none;} /*********************** No Login ************************/ #contenedor_nologin, #contenedor_nologin2 { background:#FFF url(/imagenes/bg_contenedor_nologin.jpg) repeat-x;} #contenedor_nologin #page{ background:url(/imagenes/bg_page_nologin.jpg) center top no-repeat; margin:0 auto; padding:0 40px 0 75px; position:relative; width:835px;} #contenedor_nologin2 #page{ background:url(/imagenes/bg_page_nologin2.jpg) center top no-repeat; margin:0 auto; padding:0 40px 0 75px; position:relative; width:835px;} #contenedor_nologin #page h3, #contenedor_nologin2 #page h3{ color:#466278; font-size:22px; font-weight:normal; margin-bottom:5px;} #contenedor_nologin #page h4, #contenedor_nologin2 #page h4{ color:#68869e; font-size:14px; font-weight:normal; line-height:18px; width:610px;} #contenedor_nologin #page h4 a, #contenedor_nologin2 #page h4 a{ color:#b91c4c; font-weight:bold;} #contenedor_nologin #page h5, #contenedor_nologin2 #page h5{color:#595959; font-size:16px; font-weight:bold; line-height:18px; margin:15px 0; width:650px;} #contenedor_nologin #page h5 span, #contenedor_nologin2 #page h5 span {color:#888; font-weight:normal;} #cabecera_nologin{ height:95px; padding-top:64px;} #cabecera_nologin #logo{ background:url(/imagenes/logo_nologin.png) no-repeat; display:block; height:70px; width:240px;} #cabecera_nologin #logo span{ display:none;} /*********************** Error 404 ************************/ #contenedor_error { background:#FFF url(/imagenes/bg_contenedor_error.jpg) repeat-x;} #contenedor_error #page_404{ background:url(/imagenes/bg_error404.jpg) center top no-repeat; height:500px; margin:0 auto; padding:0 30px; position:relative; width:790px;} #contenedor_error #page_404 p {color:#FFF; font-size:16px; font-weight:bold; padding-top:400px;} #contenedor_error #page_404 .boton_error{background:url(/imagenes/bg_botones_home.jpg) -6px -5px no-repeat; color:#677500; float:left; font-size:14px; font-weight:bold; height:40px; line-height:37px; margin:12px 10px 0 0; text-align:center; text-decoration:none; width:155px;} #contenedor_error #page_404 .boton_error:hover{background:url(/imagenes/bg_botones_home.jpg) -176px -5px no-repeat; color:#525d00;} /*********************** Registro ************************/ .error_reg { color:#aa0000; font-weight:bold;margin:5px 0 0 10px;} form#registro { border-bottom:1px solid #d0d0d0; margin:20px 5px 0; overflow:hidden; width:800px;} form#registro p{ clear:both; height:32px; margin-bottom:10px; overflow:hidden; width:500px;} form#registro p label{ color:#8098a7; float:left; font-size:13px; font-weight:bold; line-height:18px; padding-right:8px; text-align:right; width:145px;} form#registro p input{ border:1px solid #bbb; float:left; font-size:16px; width:230px;} form#registro p select{ border:1px solid #bbb; float:left; font-size:16px; width:232px;} form#registro p option{} form#registro p.largo{ clear:both; height:25px; margin-bottom:10px; overflow:hidden; width:700px;} form#registro p.largo span{ color:#666; font-size:12px; width:550px;} form#registro p.largo input{ border:none; margin:0 5px 0 15px; width:14px;} form#registro p.largo span a{ color:#9e0b3c; font-weight:bold;} form#registro p.largo span a:hover{ color:#d3084b;} form#registro #dia_nacim{ width:62px; } form#registro #mes_nacim{ margin-left:8px;width:72px;} form#registro #anio_nacim{ margin-left:8px; width:82px;} form#registro .input_boton{ background:#d5e93b; border:1px solid #adbf20; color:#545f01; cursor:pointer; font-size:14px; font-weight:bold; margin-left:179px; padding:4px 0; width:180px;} form#registro .input_boton:hover{ background:#b6ca1a; border:1px solid #8b9b0f; color:#2a3000;} #contenido_registro { padding:15px 20px 0 0;} #contenido_registro h3{ clear:both; margin-bottom:8px;} #contenido_registro #como_funciona{ margin-bottom:5px;} #contenido_registro p{ color:#606e75; font-size:14px; line-height:20px; margin-bottom:10px;} #contenido_registro p a{ color:#cd0a3d; font-weight:bold;} #contenido_registro img{ margin-left:20px;} #registro_error{border-bottom:1px solid #D0D0D0; height:275px; padding:15px 0 0 10px; width:770px;} #registro_error .error_invitacion{color:#BB0000; font-size:16px; font-weight:bold; margin-bottom:10px; width:380px;} #registro_error .solucion_error{color:#aaa; font-size:16px; font-weight:bold; margin-bottom:10px; width:380px;} #registro_error .solucion_error a { color:#669900;} #frase_registro #frase_ligue { border:1px solid #CCCCCC; font-size:16px; height:75px; line-height:25px; margin-bottom:15px; padding:3px 0 3px 5px; width:600px;} #frase_registro p { color:#767676; font-size:13px;} #frase_registro a { color:#66CC00; font-weight:bold;} #frase_registro #frase_contador{ display:inline; font-size:13px; font-weight:normal; color:#888888;} #frases_ejemplo{} #frases_ejemplo p { color:#767676; font-size:13px;} #frases_ejemplo p a { color:#66CC00; font-weight:bold;} #lista_frases_ejemplo { list-style:disc; margin-left:35px;} #lista_frases_ejemplo li{ color:#555; font-family: "Lucida Grande","Times New Roman", Times, serif; font-size:14px; margin:10px 0;} #lista_frases_ejemplo li a{ color:#555; font-weight:bold;} #lista_frases_ejemplo li a:hover{ color:#B00A51; text-decoration:none;} #instrucciones_foto{ float:left; padding:0 30px 20px 20px; width:320px;} #instrucciones_foto p{ color:#4c748d; font-size:14px; margin:0 0 15px; text-align:justify;} #instrucciones_foto #demo-browse { background:url(/imagenes/bt_examinar_foto.jpg) no-repeat; color:#3E4E5A; display:block; font-size:13px; font-weight:bold; height:40px; line-height:35px; margin:0 auto; text-align:center; width:140px;} #instrucciones_foto #demo-browse:hover{ color:#1b272f; text-decoration:none;} #instrucciones_foto #form_demo{ background:none; border:none; width:270px; } #foto{ border:1px solid #CCC; float:left; padding:10px; } #aceptar_texto_foto { background:url(/imagenes/bt_entrar_desidium.jpg) no-repeat; color:#3b590a; display:block; font-size:14px; font-weight:bold; height:50px; line-height:46px; margin:0 auto; text-align:center; width:175px;} #aceptar_texto_foto:hover { color:#243606; text-decoration:none;} /*********************** Home ************************/ #body_home { background:url(/imagenes/bg_body_home.jpg) repeat-x; width:100%;} #contenedor_home #page{ margin:0 auto; position:relative; width:900px;} #cabecera_home{ background:url(/imagenes/header_home.jpg) no-repeat; height:405px; overflow:hidden;} #cabecera_home #login{ margin:20px 0 0 30px;} #cabecera_home #login p{ clear:both; color:#537d98; font-size:11px; height:24px; line-height:20px;} #cabecera_home #login #loginform{} #cabecera_home #loginform input{ background:#ebf4f9; border:1px solid #4f9bcb; color:#87bbde; float:left; font-family:Tahoma, Verdana, Arial, Helvetica; font-size:11px; margin-right:5px; padding:3px 5px 4px; width:160px;} #cabecera_home #login #recordar_pass{ color:#537d98; margin-left:178px;} #cabecera_home #login .input_boton{ background:#d5e93b; border:1px solid #adbf20; color:#545f01; cursor:pointer; font-weight:bold; padding:2px 0; text-align:center; width:90px;} #cabecera_home #login .input_boton:hover{ background:#b6ca1a; border:1px solid #8b9b0f; color:#2a3000;} #cabecera_home #login span{color:#aaa; font-size:11px; } #cabecera_home #login span a {color:#80b00d; font-weight:bold;} #cabecera_home #logo_home{ background:url(/imagenes/logo_home.jpg) no-repeat; display:block; height:80px; margin:40px 0 0 30px; width:290px;} #cabecera_home #logo_home span{ display:none} #cabecera_home .texto_home{ margin:15px 0 0 30px;} #cabecera_home #aviso_cabecera{ background:none; color:#FFF; font-size:13px; margin:10px 0 0 54px;} #cabecera_home .boton_home{ float:left; font-size:14px; font-weight:bold; height:50px; line-height:46px; text-align:center; text-decoration:none; width:170px;} #cabecera_home #bt_home_invitacion{background:url(/imagenes/bg_botones_home.jpg) 0 0 no-repeat; color:#677500; margin:5px 20px 0 95px;} #cabecera_home #bt_home_invitacion:hover{background:url(/imagenes/bg_botones_home.jpg) -170px 0 no-repeat; color:#525d00;} #cabecera_home #bt_home_demo{ background:url(/imagenes/bg_botones_home.jpg) 0 -50px no-repeat; color:#9d6000; margin-top:5px;} #cabecera_home #bt_home_demo:hover{ background:url(/imagenes/bg_botones_home.jpg) -170px -50px no-repeat; color:#7a4b00;} #contenido_home { padding:15px 30px;} #contenido_home h3{ clear:both; color:#666; font-size:24px; font-weight:normal; margin-bottom:8px;} #contenido_home #lista_usuarios { height:125px; margin:0 0 10px 5px;} #contenido_home #lista_usuarios li{ border:1px solid #d5d5d5; float:left; height:50px; margin:0 3px 5px; padding:3px; width:50px;} #contenido_home #lista_usuarios li a { background:#09C; display:block; height:50px; width:50px;} #contenido_home #como_funciona{ margin-bottom:5px;} #contenido_home p{ color:#606e75; font-size:14px; line-height:20px; margin-bottom:10px;} #contenido_home p a{ color:#cd0a3d; font-weight:bold;} /*********************** Cabecera ************************/ #cabecera{ display:block; height:220px; margin:0 auto; overflow:hidden; position:relative; width:880px;} #publi_superior{ clear:both; height:90px; margin: 0 auto 47px; width:728px;} #cabecera #logo{ background:url(/imagenes/logo.png) no-repeat; display:block; height:60px; left:-10px; margin-left:60px; overflow:hidden; position:absolute; top:92px; width:220px;} #cabecera #logo span{ display:none;} #cabecera #menu_log{ height:75px; overflow:hidden; padding-left:25px; width:851px;} #cabecera #login{ color:#2c4956; float:left; font-size:11px; font-weight:bold; height:40px; line-height:40px; margin-top:28px;} #cabecera #login a{ color:#9e485d; margin-left:15px;} #cabecera #login a:hover { color:#8c1935;} #cabecera #menu{ float:right; height:75px; overflow:hidden;} #cabecera #menu li { background:url(/imagenes/bg_menu.png) -100px 0 no-repeat; float:right; height:75px; line-height:74px; overflow:hidden;} #cabecera #menu li a{ border-left:1px solid #c9cfd2; color:#627e90; font-family:Tahoma, Arial, sans-serif; font-size:11px; font-weight:bold; padding:14px 20px 14px; overflow:hidden;} #cabecera #menu li a:hover{ background:url(/imagenes/bg_menu.png) -75px -167px no-repeat; color:#415765; text-decoration:none;} #cabecera #menu li#bt_menu_prim{ background:url(/imagenes/bg_menu.png) top right no-repeat; padding-right:20px;} #cabecera #menu li#bt_menu_prim a{} #cabecera #menu li#bt_menu_prim a:hover{ background:url(/imagenes/bg_menu.png) right -167px no-repeat;} #cabecera #menu li#bt_menu_ult{ background:url(/imagenes/bg_menu.png) top left no-repeat; padding-left:30px;} #cabecera #menu li#bt_menu_ult a{ border:none;} #cabecera #menu li#bt_menu_ult a:hover{ background:url(/imagenes/bg_menu.png) left -167px no-repeat;} #cabecera #menu li .bt_activo, #cabecera #menu li .bt_activo:hover{ background:url(/imagenes/bg_menu.png) -75px -92px no-repeat; color:#e9f1f5; cursor:default;} #cabecera #menu li .bt_activo_ult, #cabecera #menu li .bt_activo_ult:hover{ background:url(/imagenes/bg_menu.png) left -92px no-repeat; color:#e9f1f5; cursor:default;} #cabecera #menu li .bt_activo_prim, #cabecera #menu li .bt_activo_prim:hover{ background:url(/imagenes/bg_menu.png) right -92px no-repeat; color:#e9f1f5; cursor:default;} /*********************** Cuerpo ************************/ #contenido { clear:both; margin:0 auto; width:840px;} #contenido #publi_lateral{float:left; height:600px; width:120px;} #contenido #publi_inferior{clear:both; height:90px; margin:0 auto; width:728px;} /*********************** Pie ************************/ #pie{ background:url(/imagenes/bg_pie.jpg) repeat-x; clear:both; height:120px; position:relative; width:100%;} #pie #centro_pie{background:url(/imagenes/bg_centro_pie.jpg) no-repeat; height:65px; margin:0 auto; padding:55px 30px 0; width:830px;} #pie #centro_pie a{ color:#43667b; font-size:11px; font-weight:bold; margin-right:15px;} #pie_nologin{ background:#f0f0f0; border-top:1px solid #d0d0d0; clear:both; height:50px; width:100%;} #pie_nologin #centro_pie{ line-height:50px; margin:0 auto; padding:0 30px; width:840px;} #pie_nologin #centro_pie a{ color:#777; font-size:11px; font-weight:bold; margin-right:20px;} /*********************** Partida ************************/ #contenido #partida { float:left; padding:0 50px 10px; width:740px;} #contenido #partida h3{ color:#466278; font-size:22px; font-weight:normal; margin-bottom:5px;} #contenido #partida .texto_demo{ color:#68869e; font-size:14px; font-weight:normal; margin-bottom:5px;} #contenido #partida .bt_demo_sexo{ color:#666; float:left; height:15px; margin:15px 30px; padding-top:155px; text-align:center; width:305px;} #contenido #partida #bt_demo_chicas{ background:url(/imagenes/bg_botones_demo.jpg) 0 0 no-repeat;} #contenido #partida #bt_demo_chicas:hover{ background:url(/imagenes/bg_botones_demo.jpg) -305px 0 no-repeat; color:#c9184a; text-decoration:none;} #contenido #partida #bt_demo_chicos{ background:url(/imagenes/bg_botones_demo.jpg) 0 -170px no-repeat;} #contenido #partida #bt_demo_chicos:hover{ background:url(/imagenes/bg_botones_demo.jpg) -305px -170px no-repeat; color:#1b7dab; text-decoration:none;} #contenido #partida #bt_partida_chicas{ background:url(/imagenes/bg_botones_demo.jpg) 0 0 no-repeat;} #contenido #partida #bt_partida_chicas:hover{ background:url(/imagenes/bg_botones_demo.jpg) -305px 0 no-repeat; color:#c9184a; text-decoration:none;} #contenido #partida #bt_partida_chicos{ background:url(/imagenes/bg_botones_demo.jpg) 0 -170px no-repeat;} #contenido #partida #bt_partida_chicos:hover{ background:url(/imagenes/bg_botones_demo.jpg) -305px -170px no-repeat; color:#1b7dab; text-decoration:none;} #contenido #partida .bt_demo_sexo span{ font-size:18px; font-weight:bold; } #contenido #partida #extra_partida{ height:40px; line-height:40px; margin:0 auto; overflow:hidden; width:740px;} #contenido #partida #extra_partida p{ font-weight:bold;} #contenido #partida #extra_partida #comodines{ float:left; width:180px;} #contenido #partida #extra_partida #comodines .ayuda{ float:left; height:14px; padding:13px 5px; width:14px; } #contenido #partida #extra_partida #comodines a{ float:left;} #contenido #partida #extra_partida #comodines #comodin1{ background:url(/imagenes/comodines.png) 0 0 no-repeat; height:40px; overflow:hidden; width:45px;} #contenido #partida #extra_partida #comodines #comodin2{ background:url(/imagenes/comodines.png) -45px 0 no-repeat; height:40px; overflow:hidden; width:45px;} #contenido #partida #extra_partida #comodines #comodin3{ background:url(/imagenes/comodines.png) -90px 0 no-repeat; height:40px; overflow:hidden; width:45px;} #contenido #partida #extra_partida #comodines #comodin1:hover{ background:url(/imagenes/comodines.png) 0 -40px no-repeat;} #contenido #partida #extra_partida #comodines #comodin2:hover{ background:url(/imagenes/comodines.png) -45px -40px no-repeat;} #contenido #partida #extra_partida #comodines #comodin3:hover{ background:url(/imagenes/comodines.png) -90px -40px no-repeat;} #contenido #partida #num_round{ background:url(/imagenes/bg_round.png) center top no-repeat; color:#3f6475; float:left; font-size:20px; font-weight:bold; height:40px; margin:0 auto; overflow:hidden; text-align:center; width:380px;} #contenido #partida #num_round_demo{ background:url(/imagenes/bg_round.png) center top no-repeat; color:#3f6475; font-size:20px; font-weight:bold; height:40px; margin:0 auto; overflow:hidden; text-align:center; width:382px;} #contenido #partida #peticiones{ float:right;} #contenido #partida #peticiones img{ float:left; padding-top:5px;} #contenido #partida #peticiones strong { float:left; width:130px;} #contenido #partida #peticiones span{ color:#a19951; float:right; font-family:georgia, tahoma; font-style:italic; font-weight:bold; font-size:18px; text-align:left; width:90px;} #contenido #partida #peticiones .ayuda{ float:left; height:14px; padding:8px 5px 0; width:14px; } #contenido #partida #versus { color:#666; float:left; font-family:tahoma; font-size:20px; font-weight:bold; height:300px; line-height:300px; text-align:center; width:36px;} #contenido #partida .fotos{ background:url(/imagenes/bg_foto.png) no-repeat; float:left; margin:0 16px; overflow:hidden; position:relative; width:320px;} #contenido #partida .fotos img{ cursor:pointer; height:280px; margin:20px 20px 13px; width:280px;} #contenido #partida .fotos h2{ color:#811418; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:16px; margin:0 auto 35px; text-align:right; width:280px;} #contenido #partida .fotos .voto{ font-size:12px; font-weight:bold; height:33px; left:25px; padding-top:17px; position:absolute; text-align:center; top:25px; width:50px;} #contenido #partida .fotos .voto1{ background:url(/imagenes/voto1.png) no-repeat; color:#2f0000;} #contenido #partida .fotos .voto2{ background:url(/imagenes/voto2.png) no-repeat; color:#331200;} #contenido #partida .fotos .voto3{ background:url(/imagenes/voto3.png) no-repeat; color:#192700;} #contenido #partida .fotos .frase_usuario{background:url(/imagenes/bg_frase_partida.png) no-repeat; color:#01242c; font-family:georgia;font-size:12px; font-style:italic;font-weight:bold;height:60px;left:20px;line-height:20px;padding:10px;position:absolute;text-align:justify;top:220px;width:260px;} #contenido #partida .fotos .bt_megusta { background:url(/imagenes/bt_gusta.jpg) no-repeat; color:#FFF; display:block; font-size:16px; font-family:Tahoma, Verdana, Arial, Helvetica; font-weight:bold; height:40px; line-height:38px; margin:0 auto; text-align:center; text-decoration:none; width:119px;} #contenido #partida #final_partida { float:left; width:380px;} #contenido #partida #final_partida h3{ clear:both; font-size:14px; font-weight:bold; line-height:18px; margin-bottom:10px;} #contenido #partida #final_partida p{ color:#68869e; font-size:13px; line-height:16px; margin-bottom:10px;} #contenido #partida #final_partida p span{ color:#075065; font-family:georgia, tahoma; font-style:italic; font-weight:bold;} #contenido #partida #final_partida #vidasinfinitas {color:#a19951; float:right; font-family:georgia, tahoma; font-style:italic; font-weight:bold; font-size:18px; line-height:40px; text-align:left; width:90px;} #contenido #partida #final_partida a{ color:#b52659; font-size:13px; font-weight:bold;} #contenido #partida #final_partida #pago_sms { background:url(/imagenes/bg_pagosms.png) no-repeat; clear:both; height:110px;} #contenido #partida #final_partida #pago_sms p { color:#e2889d; padding:12px 30px 0 80px; text-align:justify;} #contenido #partida #final_partida #pago_sms p span { color:#FFF;} #contenido #partida #final_partida #pago_sms small { color:#E0A5B3; display:block; font-size:10px; padding-left:35px; text-align:center; width:335px;} #contenido #partida #final_partida .menu_final_partida{ margin-bottom:15px; overflow:hidden; width:380px;} #contenido #partida #final_partida #menu_fp_1{ height:56px;} #contenido #partida #final_partida #menu_fp_2{ height:72px;} #contenido #partida #final_partida .menu_final_partida .bt_final_partida{ background:url(/imagenes/bt_final_partida.jpg) left top no-repeat; color:#444; float:left; font-size:12px; font-weight:bold; height:30px; line-height:30px; margin:0; overflow:hidden; text-align:center; text-decoration:none; width:175px;} #contenido #partida #final_partida .menu_final_partida .bt_final_partida:hover{ background:url(/imagenes/bt_final_partida.jpg) left -30px no-repeat; color:#556b01;} #contenido #partida #final_partida .menu_final_partida #bt_empezar_nueva_partida{ margin-left:25px;} #contenido #partida #final_partida #invitar_final_partida{background:#FFFFFF url(/imagenes/bg_invitaciones_final_partida.jpg) left top no-repeat; clear:both; margin-bottom:10px; padding-top:7px;} #contenido #partida #final_partida #invitar_final_partida span{ color:#666; font-size:13px; line-height:19px; padding-left:60px;} #contenido #partida #final_partida #invitar_final_partida a{ display:inline;} #contenido #partida #final_partida #texto_actualizar_sms { font-size:11px; text-align:justify; width:370px;} #contenido #partida #final_partida #texto_actualizar_sms a{ font-size:11px;} #contenido #partida #final_partida_demo { float:left; margin-top:40px; width:380px;} #contenido #partida #final_partida_demo h3{ clear:both; font-size:15px; font-weight:bold; line-height:18px; margin-bottom:15px;} #contenido #partida #final_partida_demo p{ clear:both; color:#68869e; font-size:14px; line-height:18px; margin-bottom:15px;} #contenido #partida #final_partida_demo p span{ color:#075065; font-family:georgia, tahoma; font-style:italic; font-weight:bold;} #contenido #partida #final_partida_demo a{ color:#b52659; font-size:15px; font-weight:bold; margin-bottom:10px;} #contenido #partida #final_partida_demo #bt_invitacion_demo{background:url(/imagenes/bt_invitacion_demo.jpg) no-repeat; color:#677500; display:block; height:50px; line-height:46px; margin:0 auto 10px; text-align:center; width:170px;} #contenido #partida #loginform { height:80px; margin-bottom:20px; overflow:hidden; padding:0 50px;} #contenido #partida #loginform #email, #contenido #partida #loginform #password, #contenido #partida #loginform #password_ { background:#ebf4f9; border:1px solid #4f9bcb; color:#87bbde; font-family:Tahoma, Verdana, Arial, Helvetica; font-size:11px; margin-bottom:5px; padding:3px 5px 4px; width:250px;} #contenido #partida #loginform #recordar_pass{ color:#537d98; float:left; font-size:10px; line-height:24px; margin-right:23px;} #contenido #partida #loginform #iniciar_session{ background:#d5e93b; border:1px solid #adbf20; color:#545f01; cursor:pointer; float:left; font-size:11px; font-weight:bold; padding:2px 0; text-align:center; width:90px;} #contenido #partida #loginform #iniciar_session:hover{ background:#b6ca1a; border:1px solid #8b9b0f; color:#2a3000;} #contenido #partida #lista_usuarios { clear:both; height:125px; margin:0 0 10px 30px;} #contenido #partida #lista_usuarios li{ border:1px solid #d5d5d5; float:left; height:50px; margin:0 5px 8px; padding:3px; width:50px;} #contenido #partida #lista_usuarios li a { background:#09C; display:block; height:50px; margin:0; width:50px;} /*********************** Modo final ************************/ #contenido #modofinal { float:left; padding:0 50px 10px; width:740px;} #contenido #modofinal h3 { color:#466278; font-size:22px; font-weight:normal; margin-bottom:4px;} #contenido #modofinal #descripcion {color:#68869e; font-size:12px; line-height:18px; margin-bottom:10px; text-align:justify;} #contenido #modofinal .foto{ background:url(/imagenes/bg_foto.png) no-repeat; float:left; height:410px; margin:0 16px; overflow:hidden; position:relative; width:320px;} #contenido #modofinal .foto img{ height:280px; margin:20px 20px 13px; width:280px;} #contenido #modofinal .foto h2{ color:#811418; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:16px; margin:0 auto 35px; text-align:right; width:280px;} #contenido #modofinal .texto_botones{ float:left; margin-top:30px; width:370px;} #contenido #modofinal .texto_botones p{ color:#666; font-size:16px; font-weight:bold; height:130px; line-height:21px; text-align:justify;} #contenido #modofinal .texto_botones p span{ color:#cd0d5a; font-family:Georgia,tahoma; font-size:18px; font-style:italic; } #contenido #modofinal .finalok{ background:url(/imagenes/bt_final_ok.jpg) center top no-repeat; color:#448323; float:left; font-size:16px; font-weight:bold; height:20px; margin:0 40px; padding-top:100px; text-align:center; text-decoration:none; width:120px;} #contenido #modofinal .finalno{ background:url(/imagenes/bt_final_no.jpg) center top no-repeat; color:#98221b; float:left; font-size:16px; font-weight:bold; height:20px; padding-top:100px; text-align:center; text-decoration:none; width:120px;} #contenido #modofinal #solicitudes_vacio{ background:url(/imagenes/bg_solicitudes_vacio.jpg) center top no-repeat; height:275px; padding:75px 170px 0 210px;} #contenido #modofinal #solicitudes_vacio p { color:#68869E; font-size:16px; line-height:20px; margin-bottom:20px;} #contenido #modofinal #solicitudes_vacio p a{ color:#99052B; font-weight:bold;} /*********************** Demo ************************/ /*********************** Inicio ************************/ #contenido #inicio { float:left; padding:0 25px 10px 10px; width:675px;} #contenido #inicio h3 { color:#466278; font-size:22px; font-weight:normal; margin-bottom:4px;} #contenido #inicio p {color:#68869e; font-size:12px; line-height:18px; text-align:justify;} #contenido #juegos {} #contenido #juegos #seleccionar_juegos{ height:190px; margin:10px 0; overflow:hidden;} #contenido #juegos #seleccionar_juegos span{display:none} #contenido #juegos #seleccionar_juegos a{ background:url(/imagenes/bt_jugar.png) no-repeat; color:#48610e; display:block; font-size:15px; font-weight:bold; height:35px; line-height:31px; text-align:center; width:100px;} #contenido #juegos #seleccionar_juegos a:hover{ text-decoration:none;} #contenido #juegos #seleccionar_juegos #versus{ background:url(/imagenes/bg_juegos.png) left top no-repeat; float:left; height:190px; margin-right:10px; overflow:hidden; padding:0 15px; width:320px;} #contenido #juegos #seleccionar_juegos #versus h4{ background:url(/imagenes/bg_juegos.png) left -336px no-repeat; height:34px; overflow:hidden; width:160px;} #contenido #juegos #seleccionar_juegos #versus .imagen_juego{ float:left; height:35px; padding-top:100px; width:165px;} #contenido #juegos #seleccionar_juegos #versus .imagen_juego a{ margin-left:26px;} #contenido #juegos #seleccionar_juegos #versus .descripcion_juego { color:#29475e; float:left; font-family:Tahoma, Verdana, Arial, Helvetica; font-size:11px; height:120px; padding-left:10px; width:140px;} #contenido #juegos #seleccionar_juegos #final{ background:url(/imagenes/bg_juegos.png) -350px top no-repeat; float:left; height:190px; overflow:hidden; padding:0 15px; width:285px;} #contenido #juegos #seleccionar_juegos #final h4{ background:url(/imagenes/bg_juegos.png) -350px -336px no-repeat; height:34px; overflow:hidden; width:150px;} #contenido #juegos #seleccionar_juegos #final .imagen_juego{ float:left; height:35px; padding-top:100px; width:120px;} #contenido #juegos #seleccionar_juegos #final .imagen_juego a{ margin-left:9px;} #contenido #juegos #seleccionar_juegos #final .descripcion_juego { color:#590025; float:left; font-family:Tahoma, Verdana, Arial, Helvetica; font-size:11px; height:120px; padding-left:10px; width:150px;} #contenido #juegos #seleccionar_juegos #final_des { background:url(/imagenes/bg_juegos.png) -665px top no-repeat; float:left; height:190px; overflow:hidden; padding:0 15px; width:285px;} #contenido #juegos #seleccionar_juegos #final_des h4{ background:url(/imagenes/bg_juegos.png) -665px -336px no-repeat; height:34px; overflow:hidden; width:150px;} #contenido #juegos #seleccionar_juegos #final_des .imagen_juego{ color:#555555; float:left; font-size:13px; font-weight:bold; height:35px; line-height:30px; padding-top:100px; text-align:center; width:120px;} #contenido #juegos #seleccionar_juegos #final_des .descripcion_juego { color:#555; float:left; font-family:Tahoma, Verdana, Arial, Helvetica; font-size:11px; height:120px; padding-left:10px; width:150px;} #contenido #juegos #seleccionar_juegos #versus .con_chicas{ background:url(/imagenes/bg_juegos.png) left -190px no-repeat;} #contenido #juegos #seleccionar_juegos #final .con_chicas{ background:url(/imagenes/bg_juegos.png) -370px -190px no-repeat;} #contenido #juegos #seleccionar_juegos #final_des .con_chicas{ background:url(/imagenes/bg_juegos.png) -685px -190px no-repeat;} #contenido #juegos #seleccionar_juegos #versus .con_chicos{ background:url(/imagenes/bg_juegos.png) -177px -190px no-repeat;} #contenido #juegos #seleccionar_juegos #final .con_chicos{ background:url(/imagenes/bg_juegos.png) -530px -190px no-repeat;} #contenido #juegos #seleccionar_juegos #final_des .con_chicos{ background:url(/imagenes/bg_juegos.png) -840px -190px no-repeat;} #contenido #complementos_inicio { float:left; width:215px;} #contenido #complementos_inicio h3{ color:#2e5d83; font-size:15px; font-weight:bold; margin-bottom:4px;} #contenido #complementos_inicio h4{ color:#888; font-size:12px; font-weight:bold; margin:10px 0 5px;} #contenido #complementos_inicio p{ font-size:11px; margin-bottom:3px;} #contenido #complementos_inicio #boton_invitaciones{ background:#a2d74f; border:1px solid #669900; color:#4c750b; display:block; font-weight:bold; height:22px; line-height:20px; margin:10px auto;text-align:center; width:110px;} #contenido #complementos_inicio #boton_invitaciones:hover{background:#7fb032; border:1px solid #456700; color:#2f4b04; text-decoration:none;} #contenido #complementos_inicio #estadisticas_inicio { background:#fff url(/imagenes/bg_estadisticas.jpg) 0 0 no-repeat; margin:10px 0; padding:10px 10px 5px; width:180px;} #contenido #complementos_inicio #estadisticas_inicio p {padding-left:10px;} #contenido #complementos_inicio #invitaciones_inicio { background:#fff url(/imagenes/bg_invitaciones.jpg) 0 0 no-repeat; margin:10px 0; padding:10px 10px 5px; width:180px;} #contenido #avisos { background:url(/imagenes/bg_avisos.jpg) 0 0 no-repeat; float:left; margin: 10px 0; padding:10px 15px; width:428px;} #contenido #avisos h3{ float:left; font-size:16px; font-weight:bold; margin-bottom:4px;} #contenido #avisos select{ border:1px solid #DDD; float:right; font-size:13px;margin-bottom:3px;padding:1px 0 1px 2px; width:120px;} #contenido #avisos .aviso { border-top:1px solid #aec4cd; clear:both; padding:15px 5px 15px 37px;} #contenido #avisos .aviso_mensaje{ background:url(/imagenes/bg_aviso_mensaje.png) left top no-repeat;} #contenido #avisos .aviso_solicitud{ background:url(/imagenes/bg_aviso_solicitud.png) left top no-repeat;} #contenido #avisos .aviso_ligue{ background:url(/imagenes/bg_aviso_ligue.png) left top no-repeat;} #contenido #avisos .aviso_sistema{ background:url(/imagenes/bg_aviso_info.png) left top no-repeat;} #contenido #avisos .foto_aceptada{ background:url(/imagenes/bg_aviso_fotosi.png) left top no-repeat;} #contenido #avisos .foto_novalida{ background:url(/imagenes/bg_aviso_fotono.png) left top no-repeat;} #contenido #avisos .texto_aceptado{ background:url(/imagenes/bg_aviso_textosi.png) left top no-repeat;} #contenido #avisos .texto_novalido{ background:url(/imagenes/bg_aviso_textono.png) left top no-repeat;} #contenido #avisos .ligue_cancelado{ background:url(/imagenes/bg_aviso_ruptura.png) left top no-repeat;} #contenido #avisos .aviso p{ font-size:12px; line-height:18px; } #contenido #avisos .aviso a{ color:#7fb100; font-weight:bold;} #contenido #avisos p.no_results{ clear:both;color:#999999;font-size:16px;font-weight:bold;height:50px;line-height:30px; } /*********************** Mis Ligues ************************/ #contenido #misligues { float:left; padding:0 15px 10px 5px; width:700px;} #contenido #misligues h3 { color:#466278; font-size:22px; font-weight:normal; margin-bottom:5px;} #contenido #misligues #descripcion {color:#68869e; font-size:12px; line-height:18px; margin-bottom:15px; text-align:justify;} #contenido #misligues h4 { border-bottom:1px solid #99052b; color:#99052b; font-size:15px; font-weight:bold; margin:6px 0 10px; padding-bottom:4px;} #contenido #misligues #consejos{ background:#f4f4f4; border:1px solid #d0d0d0; float:left; margin-right:15px; padding:5px 10px 10px; width:178px;} #contenido #misligues #consejos p{ color:#444; font-size:11px; line-height:18px; margin-bottom:8px; text-align:justify;} #contenido #misligues #consejos p strong{ color:#99052b;} #contenido #misligues #consejos p a{ color:#99052b; font-weight:bold;} #contenido #misligues #ligues{ float:left; width:485px;} #contenido #misligues #ligues h3 { background:#15679b; color:#fff; font-size:14px; font-weight:bold; margin-bottom:4px; padding:4px 5px;} #contenido #misligues #ligues .usuario_ligue{ border-bottom:1px dashed #ccc; clear:both; height:96px; overflow:hidden; padding:10px 0;} #contenido #misligues #ligues .usuario_ligue .avatar_ligue{ background:#f5f5f5; border:1px solid #d0d0d0; cursor:pointer; float:left; height:89px; padding:3px; width:89px;} #contenido #misligues #ligues .usuario_ligue .datos_ligue{ float:left; padding-left:10px;} #contenido #misligues #ligues .usuario_ligue .datos_ligue .nick_ligue{ color:#99052B; font-size:12px; font-weight:bold; height:20px; line-height:20px;} #contenido #misligues #ligues .usuario_ligue .datos_ligue .frase_ligue{ color:#52838e; font-family:Georgia, tahoma; font-size:11px; font-style:italic; font-weight:bold; height:42px; line-height:14px; margin-bottom:6px; overflow:hidden; width:377px;} #contenido #misligues #ligues .usuario_ligue .datos_ligue .opciones_ligue{ background:#f0f0f0; height:25px; line-height:25px; overflow:hidden; padding:2px 3px; width:371px;} #contenido #misligues #ligues .usuario_ligue .datos_ligue .opciones_ligue li{ float:left; height:25px; margin-right:10px; overflow:hidden;} #contenido #misligues #ligues .usuario_ligue .datos_ligue .opciones_ligue li a{ display:block; float:left; font-weight:bold; height:25px; overflow:hidden; text-decoration:none;} #contenido #misligues #ligues .usuario_ligue .datos_ligue .opciones_ligue li a span{ display:none;} #contenido #misligues #ligues .usuario_ligue .datos_ligue .opciones_ligue li.mensajes_ligue a{ background:url(/imagenes/op_misligues.jpg) 0 0 no-repeat;color:#989898; font-size:13px; padding-left:28px;} #contenido #misligues #ligues .usuario_ligue .datos_ligue .opciones_ligue li.mensajes_ligue a:hover{ background:url(/imagenes/op_misligues.jpg) 0 -25px no-repeat;color:#b6b6b6;} #contenido #misligues #ligues .usuario_ligue .datos_ligue .opciones_ligue li.mensajes_nuevos_ligue a{ background:url(/imagenes/op_misligues.jpg) 0 -50px no-repeat; width:30px;} #contenido #misligues #ligues .usuario_ligue .datos_ligue .opciones_ligue li.mensajes_nuevos_ligue a:hover{ background:url(/imagenes/op_misligues.jpg) 0 -75px no-repeat;} #contenido #misligues #ligues .usuario_ligue .datos_ligue .opciones_ligue li.enviar_mensaje_ligue{ border-left:1px solid #d0d0d0; float:right; padding-left:10px;} #contenido #misligues #ligues .usuario_ligue .datos_ligue .opciones_ligue li.enviar_mensaje_ligue a{ background:url(/imagenes/op_misligues.jpg) 0 -100px no-repeat;color:#888; padding-left:28px;} #contenido #misligues #ligues .usuario_ligue .datos_ligue .opciones_ligue li.enviar_mensaje_ligue a:hover{ background:url(/imagenes/op_misligues.jpg) 0 -125px no-repeat;color:#a0a0a0; } #contenido #misligues #ligues .usuario_ligue .datos_ligue .opciones_ligue li.borrar_ligue{ border-left:1px solid #d0d0d0; float:right; padding-left:5px;} #contenido #misligues #ligues .usuario_ligue .datos_ligue .opciones_ligue li.borrar_ligue a{background:url(/imagenes/op_misligues.jpg) 0 -150px no-repeat;color:#aa1322; padding-left:28px;} #contenido #misligues #ligues .usuario_ligue .datos_ligue .opciones_ligue li.borrar_ligue a:hover{background:url(/imagenes/op_misligues.jpg) 0 -175px no-repeat;color:#cb5d5d;} #contenido #misligues #ligues #agenda_vacia_m{background:#fff url(/imagenes/agenda_vacia_m.jpg) 0 0 no-repeat; height:305px; margin-top:10px; padding:40px 0 0 45px; width:440px;} #contenido #misligues #ligues #agenda_vacia_m p{ color:#777; font-size:12px; line-height:21px; text-align:center; width:240px;} #contenido #misligues #ligues #agenda_vacia_h{background:#fff url(/imagenes/agenda_vacia_h.jpg) 0 0 no-repeat; height:305px; margin-top:10px; padding:40px 0 0 45px; width:440px} #contenido #misligues #ligues #agenda_vacia_h p{ color:#777; font-size:12px; line-height:21px; text-align:center; width:240px;} #moognifyObject{ background:#f5f5f5; border:2px solid #D0D0D0; padding:10px;} /*********************** Mensajes ************************/ #contenido #mensajes { float:left; padding:0 25px 10px 10px; width:675px;} #contenido #mensajes h3 { color:#466278; font-size:22px; font-weight:normal; margin-bottom:4px;} #contenido #mensajes #descripcion {color:#68869e; font-size:12px; line-height:18px; margin-bottom:15px; text-align:justify;} #contenido #mensajes .no_results {clear:both;color:#999999;font-size:16px;font-weight:bold;height:50px;line-height:30px; padding-left:25px;} #contenido #mensajes #mensajes_recibidos{ background:url(/imagenes/bg_mensajes.png) 0 0 no-repeat; overflow:hidden; width:675px;} #contenido #mensajes #mensajes_recibidos .bt_inactivo{ color:#6c808c; float:left; font-size:12px; font-weight:bold; height:33px; line-height:35px; padding-right:1px; text-align:center; width:200px;} #contenido #mensajes #mensajes_recibidos #bt_mensajes_enviados { color:#354956; float:left; font-size:12px; font-weight:bold; height:33px; line-height:35px; text-align:center; text-decoration:none; width:200px;} #contenido #mensajes #mensajes_enviados{ background:url(/imagenes/bg_mensajes.png) -675px 0 no-repeat; overflow:hidden; width:675px;} #contenido #mensajes #mensajes_enviados #bt_mensajes_recibidos { color:#354956; float:left; font-size:12px; font-weight:bold; height:33px; line-height:35px; text-align:center; text-decoration:none; width:200px;} #contenido #mensajes #mensajes_enviados .bt_inactivo{ color:#6c808c; float:left; font-size:12px; font-weight:bold; height:33px; line-height:35px; padding-left:1px; text-align:center; width:200px;} #contenido #mensajes .enviar_mensaje_nuevo { background:url(/imagenes/bt_mensaje_nuevo.png) 0 0 no-repeat; color:#82a105; float:right; font-size:12px; font-weight:bold; height:33px; line-height:35px; margin-right:15px; padding-left:35px;} #contenido #mensajes .opciones_mensajes {clear:both; height:25px; line-height:26px; padding:10px 15px 0; text-align:right;} #contenido #mensajes .opciones_mensajes label{ color:#888; font-size:12px; padding-right:3px;} #contenido #mensajes .opciones_mensajes select{ border:1px solid #DDD; font-size:13px; width:120px;} #contenido #mensajes .lista_mensajes { clear:both; margin:0 auto; overflow:hidden; width:645px;} #contenido #mensajes .lista_mensajes .mensaje { clear:both; cursor:pointer; height:75px; margin-top:10px; overflow:hidden; width:645px;} #contenido #mensajes .lista_mensajes .mensaje_nuevo { background:url(/imagenes/bg_mensaje.png) 0 -75px no-repeat;} #contenido #mensajes .lista_mensajes .mensaje_leido { background:url(/imagenes/bg_mensaje.png) 0 0 no-repeat;} #contenido #mensajes .lista_mensajes .mensaje_enviado { background:url(/imagenes/bg_mensaje.png) 0 -150px no-repeat;} #contenido #mensajes .lista_mensajes .mensaje .avatar_mensaje{ background:#CCC; float:left; margin:8px 15px;} #contenido #mensajes .lista_mensajes .mensaje .info_mensaje{ float:left; height:60px; margin-top:7px; overflow:hidden; width:450px;} #contenido #mensajes .lista_mensajes .mensaje .info_mensaje li{ margin-bottom:3px;} #contenido #mensajes .lista_mensajes .mensaje p { font-size:11px; font-weight:bold;} #contenido #mensajes .lista_mensajes .mensaje p span{ font-weight:normal;} #contenido #mensajes .lista_mensajes .mensaje_nuevo p { color:#485905;} #contenido #mensajes .lista_mensajes .mensaje_nuevo p span{ color:#617901;} #contenido #mensajes .lista_mensajes .mensaje_leido p { color:#264055;} #contenido #mensajes .lista_mensajes .mensaje_leido p span{ color:#28577d;} #contenido #mensajes .lista_mensajes .mensaje_enviado p { color:#264055;} #contenido #mensajes .lista_mensajes .mensaje_enviado p span{ color:#28577d;} #contenido #mensajes .lista_mensajes .mensaje .opciones_mensaje{ float:left; margin:48px 0 0 5px; overflow:hidden; width:96px;} #contenido #mensajes .lista_mensajes .mensaje .opciones_mensaje a{ float:right; height:25px; margin-left:7px; width:25px;} #contenido #mensajes .lista_mensajes .mensaje .opciones_mensaje a.leer_mensaje{ background:url(/imagenes/bt_opciones_mensaje.png) 0 0 no-repeat;} #contenido #mensajes .lista_mensajes .mensaje .opciones_mensaje a.leer_mensaje:hover{ background:url(/imagenes/bt_opciones_mensaje.png) 0 -25px no-repeat;} #contenido #mensajes .lista_mensajes .mensaje .opciones_mensaje a.responder_mensaje{ background:url(/imagenes/bt_opciones_mensaje.png) 0 -50px no-repeat;} #contenido #mensajes .lista_mensajes .mensaje .opciones_mensaje a.responder_mensaje:hover{ background:url(/imagenes/bt_opciones_mensaje.png) 0 -75px no-repeat;} #contenido #mensajes .lista_mensajes .mensaje .opciones_mensaje a.borrar_mensaje{ background:url(/imagenes/bt_opciones_mensaje.png) 0 -100px no-repeat;} #contenido #mensajes .lista_mensajes .mensaje .opciones_mensaje a.borrar_mensaje:hover{ background:url(/imagenes/bt_opciones_mensaje.png) 0 -125px no-repeat;} #contenido #mensajes .lista_mensajes .mensaje .opciones_mensaje a span{ display:none;} #contenido #mensajes .lista_mensajes .texto_mensaje{ background:#ededed; clear:both; padding:10px 15px 15px; width:615px;} #contenido #mensajes .lista_mensajes .texto_mensaje p{ color:#666; font-size:12px; text-align:justify;} /*********************** Invitaciones ************************/ #contenido #invitaciones { float:left; padding:0 25px 10px 10px; width:675px;} #contenido #invitaciones h3 { color:#466278; font-size:22px; font-weight:normal; margin-bottom:4px;} #contenido #invitaciones #descripcion { color:#68869e; font-size:12px; line-height:18px; margin-bottom:15px; text-align:justify;} #sistema_invitaciones{ background:#FFF; border:1px solid #cacaca; margin:0 auto; overflow:hidden; width:600px;} #sistema_invitaciones ul{ float:left; width:150px;} #sistema_invitaciones ul li{ background:#f0f0f0; border-bottom:1px solid #cacaca; border-right:1px solid #cacaca; height:50px; overflow:hidden; width:150px;} #sistema_invitaciones ul li a{ display:block; height:50px; width:150px;} #sistema_invitaciones ul li a span{ display:none;} #sistema_invitaciones ul li.ultimo_lista{ border-bottom:none;} #sistema_invitaciones ul li#hotmail a{background:url(/imagenes/logos_invitaciones.jpg) -150px 0 no-repeat;} #sistema_invitaciones ul li#hotmail a:hover{background:url(/imagenes/logos_invitaciones.jpg) 0 0 no-repeat;} #sistema_invitaciones ul li#facebook a{background:url(/imagenes/logos_invitaciones.jpg) -150px -50px no-repeat;} #sistema_invitaciones ul li#facebook a:hover{background:url(/imagenes/logos_invitaciones.jpg) 0 -50px no-repeat;} #sistema_invitaciones ul li#gmail a{background:url(/imagenes/logos_invitaciones.jpg) -150px -100px no-repeat;} #sistema_invitaciones ul li#gmail a:hover{background:url(/imagenes/logos_invitaciones.jpg) 0 -100px no-repeat;} #sistema_invitaciones ul li#twitter a{background:url(/imagenes/logos_invitaciones.jpg) -150px -150px no-repeat;} #sistema_invitaciones ul li#twitter a:hover{background:url(/imagenes/logos_invitaciones.jpg) 0 -150px no-repeat;} #sistema_invitaciones ul li#hi5 a{background:url(/imagenes/logos_invitaciones.jpg) -150px -200px no-repeat;} #sistema_invitaciones ul li#hi5 a:hover{background:url(/imagenes/logos_invitaciones.jpg) 0 -200px no-repeat;} #sistema_invitaciones ul li#yahoo a{background:url(/imagenes/logos_invitaciones.jpg) -150px -250px no-repeat;} #sistema_invitaciones ul li#yahoo a:hover{background:url(/imagenes/logos_invitaciones.jpg) 0 -250px no-repeat;} #sistema_invitaciones ul li#badoo a{background:url(/imagenes/logos_invitaciones.jpg) -150px -300px no-repeat;} #sistema_invitaciones ul li#badoo a:hover{background:url(/imagenes/logos_invitaciones.jpg) 0 -300px no-repeat;} #sistema_invitaciones ul li#hotmail_seleccionado{border-right:none;} #sistema_invitaciones ul li#facebook_seleccionado{border-right:none;} #sistema_invitaciones ul li#gmail_seleccionado{border-right:none;} #sistema_invitaciones ul li#twitter_seleccionado{border-right:none;} #sistema_invitaciones ul li#hi5_seleccionado{border-right:none;} #sistema_invitaciones ul li#yahoo_seleccionado{border-right:none;} #sistema_invitaciones ul li#badoo_seleccionado{border-right:none;} #sistema_invitaciones ul li#hotmail_seleccionado a{background:url(/imagenes/logos_invitaciones.jpg) 0 0 no-repeat; cursor:default;} #sistema_invitaciones ul li#facebook_seleccionado a{background:url(/imagenes/logos_invitaciones.jpg) 0 -50px no-repeat;cursor:default;} #sistema_invitaciones ul li#gmail_seleccionado a{background:url(/imagenes/logos_invitaciones.jpg) 0 -100px no-repeat;cursor:default;} #sistema_invitaciones ul li#twitter_seleccionado a{background:url(/imagenes/logos_invitaciones.jpg) 0 -150px no-repeat;cursor:default;} #sistema_invitaciones ul li#hi5_seleccionado a{background:url(/imagenes/logos_invitaciones.jpg) 0 -200px no-repeat;cursor:default;} #sistema_invitaciones ul li#yahoo_seleccionado a{background:url(/imagenes/logos_invitaciones.jpg) 0 -250px no-repeat;cursor:default;} #sistema_invitaciones ul li#badoo_seleccionado a{background:url(/imagenes/logos_invitaciones.jpg) 0 -300px no-repeat;cursor:default;} #sistema_invitaciones #formulario_invitaciones { float:left; height:350px; overflow:hidden; width:445px;} #sistema_invitaciones #formulario_invitaciones h4{ color:#60768b; font-size:11px; font-weight:bold; margin:25px 0 25px 35px; text-align:justify; width:380px;} #sistema_invitaciones #formulario_invitaciones h4 span{ color:#8dca13;} #sistema_invitaciones #formulario_invitaciones h2 {color:#990000; font-size:13px; font-weight:bold; margin:25px 0 10px 35px; width:380px;} #sistema_invitaciones #formulario_invitaciones .error {color:#990000; display:block; font-size:12px; margin:0 0 10px 50px; width:380px;} #sistema_invitaciones #formulario_invitaciones form{ height:300px; margin:25px auto 0; width:350px;} #sistema_invitaciones #formulario_invitaciones form p{ height:60px; overflow:hidden; width:350px;} #sistema_invitaciones #formulario_invitaciones form p label { color:#bbb; display:block; font-size:18px; font-weight:bold;} #sistema_invitaciones #formulario_invitaciones form p input { border:1px solid #ccc; font-size:18px; padding:3px 5px; width:338px;} #sistema_invitaciones #formulario_invitaciones form #lista_contactos{ background:#FFF none repeat scroll 0 0; border:1px solid #d0d0d0; font-size:14px; height:230px; margin-bottom:10px; overflow-y:scroll; overflow-x:hidden; } #sistema_invitaciones #formulario_invitaciones form #lista_contactos p{ font-size:13px; height:20px; line-height:20px; margin-top:5px; padding-left:10px;} #sistema_invitaciones #formulario_invitaciones form #lista_contactos p input{margin-right:5px; vertical-align:middle; width:20px;} #sistema_invitaciones #formulario_invitaciones form #invitar_todos { background:#f5f5f5; border:1px solid #d0d0d0; border-bottom:none; color:#999; font-size:12px; font-weight:bold; height:20px; line-height:20px; padding:5px 0 5px 10px; width:338px;} #sistema_invitaciones #formulario_invitaciones form #invitar_todos input{margin-right:5px; vertical-align:middle; width:20px; } #sistema_invitaciones #formulario_invitaciones form .thButton { border:1px solid #CCC; color:#999; cursor:pointer; display:block; font-size:13px; font-weight:bold; margin:10px auto; padding:5px 6px;} #sistema_invitaciones #formulario_invitaciones form .thButton:hover{ background:#c1dbe3; border:1px solid #94bfcc; color:#588490; } /*********************** Mi Cuenta ************************/ #contenido #micuenta { float:left; overflow:hidden; padding:0 25px 10px 10px; width:675px;} #contenido #micuenta h3 { color:#466278; font-size:22px; font-weight:normal; margin-bottom:4px;} #contenido #micuenta #descripcion {color:#68869e; font-size:12px; line-height:18px; margin-bottom:15px; text-align:justify;} #contenido #micuenta #miperfil { background:url(/imagenes/bg_micuenta.png) 0 0 no-repeat; overflow:hidden; width:675px;} #contenido #micuenta #miperfil .bt_inactivo{ color:#6c808c; float:left; font-size:12px; font-weight:bold; height:33px; line-height:35px; padding-right:1px; text-align:center; width:200px;} #contenido #micuenta #miperfil .bt_activo { color:#354956; float:left; font-size:12px; font-weight:bold; height:33px; line-height:35px; text-align:center; text-decoration:none; width:200px;} #contenido #micuenta #miperfil a.bt_opcion { background:#e5e5e5; border:1px solid #CCC; color:#999; display:block; font-size:11px; font-weight:bold; margin:0 25px; padding:4px 5px; text-align:center; text-decoration:none; width:130px;} #contenido #micuenta #miperfil a.bt_opcion:hover {background:#c1dbe3; border:1px solid #94bfcc; color:#588490; } #contenido #micuenta #miperfil h4{ background:url(/imagenes/bg_op_config.png) 0 0 no-repeat; clear:both; color:#333; float:left; font-size:14px; font-weight:bold; margin-bottom:10px; padding-left:20px; width:100%;} #contenido #micuenta #miperfil #mifoto { overflow:hidden; padding: 0 10px 30px 15px; width:280px;} #contenido #micuenta #miperfil #mifoto img { background:#FFF; border:1px solid #d9d9d9; display:block; height:150px; margin:0 25px 10px; padding:3px; width:150px;} #contenido #micuenta #miperfil #texto_ligue{ padding:0 0 15px 15px;} #contenido #micuenta #miperfil #texto_ligue #frase{ color:#666; font-size:13px; font-weight:bold; line-height:19px; margin-bottom:10px; padding:0 5px 0 25px; text-align:justify;} #contenido #micuenta #miperfil #texto_ligue #frase span { color:#7C9CA6; font-family:Georgia, tahoma; font-style:italic; font-weight:normal;} #contenido #micuenta #miperfil #misdatos{ clear:both; margin-top:15px; padding:15px 0 15px 15px;} #contenido #micuenta #miperfil #misdatos p{ color:#666; font-size:13px; font-weight:bold; line-height:19px; margin-bottom:3px; padding-left:25px;} #contenido #micuenta #miperfil #misdatos p span{ color:#7C9CA6; font-weight:normal;} #contenido #micuenta #miperfil .pendiente_validar { color:#990000; font-size:11px; font-weight:bold; margin-bottom:15px; padding:0 25px;} #contenido #micuenta #miperfil .validado { color:#66CC33; font-size:11px; font-weight:bold; margin-bottom:15px; padding:0 25px;} #contenido #micuenta #miperfil #texto_ligue .validado, #contenido #micuenta #miperfil #texto_ligue .pendiente_validar{padding:0 5px 0 25px;} #contenido #micuenta #miperfil #cambiar_foto { float:left; margin:15px 0 20px;} #contenido #micuenta #miperfil #cambiar_foto #descripcion { color:#68869e; font-size:12px; line-height:18px; margin-bottom:15px; padding:0 20px; text-align:justify;} #contenido #micuenta #miperfil #cambiar_foto #botones { float:left; padding:30px 50px; width:150px;} #contenido #micuenta #miperfil #cambiar_foto #botones #publicar_foto { background:#a2d74f; border:1px solid #669900; color:#4c750b; display:block; font-size:11px; font-weight:bold; margin:0 25px; padding:4px 5px; text-align:center; text-decoration:none; width:130px;} #contenido #micuenta #miperfil #cambiar_foto #botones #publicar_foto:hover{background:#7fb032; border:1px solid #456700; color:#2f4b04; text-decoration:none;} #contenido #micuenta #miperfil #cambiar_foto #botones #form-demo{ margin-bottom:15px;} #contenido #micuenta #miperfil #cambiar_foto .progress{ display:none;} #contenido #micuenta #miperfil #cambiar_foto .progress-text{ color:#6C3; font-size:30px;} #contenido #micuenta #miperfil #cambiar_foto #foto_para_publicar{ border:1px solid #CCC; float:left; margin-bottom:15px; padding:10px;} #contenido #micuenta #configuracion { background:url(/imagenes/bg_micuenta.png) -675px 0 no-repeat; overflow:hidden; width:675px;} #contenido #micuenta #configuracion .bt_inactivo{ color:#6c808c; float:left; font-size:12px; font-weight:bold; height:33px; line-height:35px; padding-right:1px; text-align:center; width:200px;} #contenido #micuenta #configuracion .bt_activo { color:#354956; float:left; font-size:12px; font-weight:bold; height:33px; line-height:35px; text-align:center; text-decoration:none; width:200px;} #contenido #micuenta #configuracion .opcion_config{ margin:10px 20px 10px 15px; } #contenido #micuenta #configuracion .opcion_config .titulo_opcion{ background:url(/imagenes/bg_op_config.png) 0 0 no-repeat; clear:both; color:#333; float:left; font-size:14px; font-weight:bold; margin:15px 0 10px; padding-left:20px; width:100%;} #contenido #micuenta #configuracion .opcion_config #form_cambiar_pass { height:115px;} #contenido #micuenta #configuracion .opcion_config #form_cambiar_pass p { clear:both; height:20px; line-height:20px; margin-bottom:10px;} #contenido #micuenta #configuracion .opcion_config #form_cambiar_pass p label { color:#7c9ca6; float:left; font-size:12px; margin-right:5px; text-align:right; width:240px;} #contenido #micuenta #configuracion .opcion_config #form_cambiar_pass p input { border:1px solid #777; float:left; font-size:12px; padding:2px; width:170px;} #contenido #micuenta #configuracion .opcion_config #form_cambiar_pass a{ background:#f0f0f0; border:1px solid #d5d5d5; color:#888; float:left; font-size:11px; font-weight:bold; margin-left:200px; padding:4px 10px;} #contenido #micuenta #configuracion .opcion_config #form_cambiar_pass a:hover{ background:#66CC00; border:1px solid #669900; color:#fff; text-decoration:none;} #contenido #micuenta #configuracion .opcion_config .op_notificacion{ clear:both; height:16px; line-height:16px; margin-left:140px; margin-bottom:5px;} #contenido #micuenta #configuracion .opcion_config .op_notificacion input{ float:left; margin-right:10px; margin-top:2px;} #contenido #micuenta #configuracion .opcion_config .op_notificacion label{ color:#7c9ca6; float:left; font-size:12px;} #contenido #micuenta #configuracion .opcion_config .ayudante{ float:left; margin-left:5px; overflow:hidden; padding:150px 45px 10px; width:10px;} #contenido #micuenta #configuracion .opcion_config #help1{background:url(/imagenes/bg_conf_ayudas.jpg) 0 0 no-repeat;} #contenido #micuenta #configuracion .opcion_config #help2{background:url(/imagenes/bg_conf_ayudas.jpg) -100px 0 no-repeat;} #contenido #micuenta #configuracion .opcion_config #help3{background:url(/imagenes/bg_conf_ayudas.jpg) -200px 0 no-repeat;} #contenido #micuenta #configuracion .opcion_config #help4{background:url(/imagenes/bg_conf_ayudas.jpg) -300px 0 no-repeat;} #contenido #micuenta #configuracion .opcion_config #help5{background:url(/imagenes/bg_conf_ayudas.jpg) -400px 0 no-repeat;} #contenido #micuenta #configuracion .opcion_config #help6{background:url(/imagenes/bg_conf_ayudas.jpg) -500px 0 no-repeat;} #contenido #micuenta #configuracion .opcion_config #baja_usuario{ color:#d61f75; text-decoration:underline;} #contenido #micuenta #configuracion .opcion_config #baja_usuario:hover{ color:#ed8bb9;} #contenido #micuenta #op_avanzadas { background:url(/imagenes/bg_micuenta.png) -1350px 0 no-repeat; overflow:hidden; width:675px;} #contenido #micuenta #op_avanzadas .bt_inactivo{ color:#6c808c; float:left; font-size:12px; font-weight:bold; height:33px; line-height:35px; padding-right:1px; text-align:center; width:200px;} #contenido #micuenta #op_avanzadas .bt_activo { color:#354956; float:left; font-size:12px; font-weight:bold; height:33px; line-height:35px; text-align:center; text-decoration:none; width:200px;} #contenido #micuenta #op_avanzadas .opcion_config{ margin:10px 20px 10px 15px; } #contenido #micuenta #op_avanzadas .opcion_config .titulo_opcion{ background:url(/imagenes/bg_op_config.png) 0 0 no-repeat; clear:both; color:#333; float:left; font-size:14px; font-weight:bold; margin:15px 0 10px; padding-left:20px; width:100%;} #contenido #micuenta #op_avanzadas .opcion_config #form_cambiar_pass { height:115px;} #contenido #micuenta #op_avanzadas .opcion_config #form_cambiar_pass p { clear:both; height:20px; line-height:20px; margin-bottom:10px;} #contenido #micuenta #op_avanzadas .opcion_config #form_cambiar_pass p label { color:#7c9ca6; float:left; font-size:12px; margin-right:5px; text-align:right; width:240px;} #contenido #micuenta #op_avanzadas .opcion_config #form_cambiar_pass p input { border:1px solid #777; float:left; font-size:12px; padding:2px; width:170px;} #contenido #micuenta #op_avanzadas .opcion_config #form_cambiar_pass a{ background:#f0f0f0; border:1px solid #d5d5d5; color:#888; float:left; font-size:11px; font-weight:bold; margin-left:200px; padding:4px 10px;} #contenido #micuenta #op_avanzadas .opcion_config #form_cambiar_pass a:hover{ background:#66CC00; border:1px solid #669900; color:#fff; text-decoration:none;} #contenido #micuenta #op_avanzadas .opcion_config #baja_usuario{ color:#d61f75; text-decoration:underline;} #contenido #micuenta #op_avanzadas .opcion_config #baja_usuario:hover{ color:#ed8bb9;} /*********************** Terminos Legales ************************/ #contenido #terminos_legales{padding:0; width:830px;} #contenido #terminos_legales h2{color:#466278; font-size:22px; font-weight:normal; margin-bottom:10px;} #contenido #terminos_legales h3{color:#333; font-size:14px; font-weight:bold; margin-bottom:5px; padding:0 15px;} #contenido #terminos_legales p{color:#777; font-size:11px; font-weight:normal; margin-bottom:10px; padding:0 15px; text-align:justify;} /*********************** Ayuda ************************/ #contenido #ayuda { float:left; padding:0 25px 10px 10px; width:675px;} #contenido #ayuda h3 { color:#466278; font-size:22px; font-weight:normal; margin-bottom:4px;} #contenido #ayuda h4 { color:#264258; font-size:18px; font-weight:normal; margin-bottom:2px;} #contenido #ayuda p { color:#68869e; font-size:12px; line-height:18px; margin-bottom:15px; text-align:justify;} #contenido #ayuda p.big { font-size:16px; font-weight:bold;} #contenido #ayuda a{ color:#690; font-weight:bold;} /*********************** Contacto ************************/ #contenido #contacto { float:left; padding:0 25px 10px 10px; width:675px;} #contenido #contacto h3 { color:#466278; font-size:22px; font-weight:normal; margin-bottom:4px;} #contenido #contacto #descripcion { color:#68869e; font-size:12px; line-height:18px; margin-bottom:15px; text-align:justify;} #contenido #contacto form { margin:0 auto; width:500px;} #contenido #contacto form p { clear:both; height:35px;line-height:25px;} #contenido #contacto form label{ color:#888; float:left; font-size:15px; font-weight:bold; margin-right:8px; text-align:right; width:120px;} #contenido #contacto form input{ border:1px solid #ccc; float:left; font-size:16px; padding:3px 4px; width:360px;} #contenido #contacto form textarea{ border:1px solid #ccc; color:##1E3E5B; float:left; font-family:Tahoma, Geneva, sans-serif; font-size:16px; margin-bottom:12px; padding:3px 4px; width:360px;} #contenido #contacto form .input_boton{ cursor:pointer; display:block; float:right; font-weight:bold; margin-right:3px; width:150px;} #contenido #contacto form .input_boton:hover{background:#c1dbe3; border:1px solid #94bfcc; color:#588490; } /*********************** Contacto ************************/ #contenido #normas_validacion { float:left; padding:0 25px 10px 10px; width:675px;} #contenido #normas_validacion h3 { color:#466278; font-size:22px; font-weight:normal; margin-bottom:4px;} #contenido #normas_validacion p { color:#68869e; font-size:12px; line-height:18px; margin-bottom:15px; text-align:justify;} /*********************** Paginador ************************/ #nav-links { clear:both; color:#9BD9FB; font-size:11px; margin:15px auto; padding:5px 0; text-align:center; } #nav-links a:visited, #nav-links a:link { background:#9BD9FB; color:#FFFFFF; padding:5px; text-align:justify; text-decoration:none; } #nav-links a:hover{ background:#3fb7f9; }