/****************************************************************************/ /* reset de propiedades */ * {margin: 0; padding: 0;} img, a {border: none;} *:focus {outline: none;} em {text-decoration: underline; font-style: normal;} ul {list-style: none;} table {border-collapse: 0; border-spacing: 0;} .oculto{display: none !important;} /* clearfix */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} /****************************************************************************/ /* estilo del documento */ body {font: 11px Tahoma, Sans-serif; color: #000; min-width: 900px; background: url(/imagenes/body.jpg);} #ups {position: absolute; top: 110px; left: 230px; width: 533px; height: 271px; background: url(/imagenes/ups!.jpg) no-repeat center;} #ups strong {position: absolute; left: 86px; bottom: 50px; color: #fff; font-size: 15px; font-weight: bold;} #ups span {position: absolute; left: 44px; bottom: 15px; color: #e97b0e; font-size: 12px; font-weight: bold;} #caja {position: absolute; margin-top: -311px; margin-left: -507px; width: 1015px; height: 623px; top: 50%; left: 50%; background: url(/imagenes/fondo.png) no-repeat;} #caja h1, #caja h2, #caja h3.campanal{position: absolute; text-indent: -99999px; z-index: 1;} #caja h1 a, #caja h2 a, #caja h3.campanal a{display: block;} #caja h1{top: 25px; left: 25px;} #caja h1 a{width: 380px; height: 170px;} #caja h2{bottom: 13px; left: 35px;} #caja h2 a{width: 140px; height: 40px;} #caja h3.campanal{bottom: 135px; left: 35px;} #caja h3.campanal a{width: 145px; height: 140px;} #caja.ups {background: url(/imagenes/fondo_clean.png) no-repeat;} #login{position: absolute; top: 11px; right: 32px; width: 314px;} #login .margenInferior{margin-bottom: 7px;} #login a.registrarse, #login div input, #login div p button{background: url(/imagenes/spt-login.jpg) no-repeat;} #login a, #login div span, #login div a{color: #e97b0e; font-size: 12px; font-weight: bold;} #login a{text-decoration: none;} #login a:hover{text-decoration: underline;} #login a.registrarse{position: absolute; top: 72px; left: 0; display: block; width: 108px; height: 39px; background-position: 0 19px; text-align: center;} #login div{position: absolute; top: 10px; right: 18px; width: 165px;} #login div span{display: block; text-align: right;} #login div input{padding: 3px 4px 0; width: 156px; height: 19px; font-size: 14px; color: #fff; border: 1px solid transparent; background-position: bottom left;} #login div input.error{border-color: #ff0; color: #ff0;} #login div p{width: 165px;} #login div p button{float: right; width: 57px; height: 22px; text-indent: -99999px; cursor: pointer; border: none; background-position: -108px top;} #login div p button:hover, #login div p button:active{background-position: right top;} #login div p a{float: left; margin-top: 4px;} #marcador{position: absolute; padding-right: 13px; top: 20px; right: 32px; width: 417px; height: 117px; background: url(/imagenes/fnd-marcador.jpg) no-repeat bottom;} #marcador *{font-size: 14px;} #marcador .margenInferior{margin-bottom: 4px;} #marcador p.inicio, #marcador strong.usuario, #marcador div p{text-align: right;} #marcador p.inicio a, #marcador div p strong{color: #e97b0e;} #marcador p.inicio a, #marcador strong.usuario, #marcador div *, #marcador ul li a{font-weight: bold;} #marcador p.inicio, #marcador div p{color: #fff;} #marcador p.inicio{} #marcador p.inicio a{margin-left: 15px; text-decoration: none;} #marcador p.inicio a:hover{text-decoration: underline;} #marcador strong.usuario{display: block; color: #fff;} #marcador div{} #marcador div p{display: block;} #marcador div p strong{margin: 0 3px 0 10px; color: #e97b0e;} #marcador ul{position: absolute; right: 1px; bottom: 0;} #marcador ul li{float: left;} #marcador ul li.limitador, #marcador ul li a.ON, #marcador ul li a:hover{background: url(/imagenes/spt-marcador.jpg) no-repeat;} #marcador ul li.limitador{padding-left: 1px;} #marcador ul li a{display: block; padding: 5px 20px 0; height: 23px; font-size: 15px; color: #cb838a; text-decoration: none;} #marcador ul li a.ON, #marcador ul li a:hover{text-decoration: none; background-repeat: repeat-x; color: #fff;} #marcador ul li a.misPuntos{width: 84px;} #marcador ul li a.miPena{width: 60px;} #marcador ul li a.misDatos{width: 75px;} #contenido{position: absolute; top: 148px; right: 32px; width: 780px; height: 365px;} #contenido *{font-size: 12px;} #menu, #menu li.margenIzquierdo{margin-left: 30px;} #menu {position: absolute; bottom: 55px; left: 10px; z-index: 0;} #menu li {float: left; display: inline;} #menu a {display: block; color: white; text-decoration: none; line-height: 43px; font-size: 15px; font-weight: bold; height: 48px;} /*#menu a:hover, #menu a.ON {background: url(/imagenes/lava.jpg) repeat-x bottom;}*/ #menu a.inicio{width: 45px;} #menu a.comoParticipar{width: 121px;} #menu a.premios{width: 63px;} #menu a.productos{width: 77px;} #menu a.tiendaConsorcio{width: 152px;} #menu a.consorcio{width: 78px;} #menu a.ganadoresFacebook{width: 215px;} #menu a.ganadoresFacebook span{display: inline-block; width: 107px; height: 29px; text-indent: -99999px; background: url(/imagenes/facebook.jpg) no-repeat 0 2px;} /****************************************************************************/ /* jQuery.lavalamp */ .lavaLamp{overflow: hidden;} .lavaLamp li{list-style: none;} .lavaLamp li.back{position: absolute; top: 25px; z-index: 8; width: 9px; height: 30px; background: url(/imagenes/lava.jpg) repeat-x;} .lavaLamp li.back .left{margin-right: 9px; height: 30px; background: url(/imagenes/lava.jpg) repeat-x;} .lavaLamp li a{position: relative; z-index: 10; overflow: hidden;} #terminos {position: absolute; bottom: 19px; right: 27px;} #terminos li {float: left; padding: 0 5px; color: #e97b0e; } #terminos li.sep {background: url(/imagenes/terminos.gif) no-repeat 0 4px;} #terminos a {text-decoration: none; color: #e97b0e;} #terminos a:hover {text-decoration: underline;} #pyrexPie {position: absolute; bottom: -12px; right: 22px; color: #5F0708;} /* Introduce tu codigo (input y button) */ #contenido #formularioCodigo{position: relative;} #contenido #formularioCodigo input, #contenido #formularioCodigo button{display: block; border: none; background: url(/imagenes/fnd-inputs.jpg) no-repeat top left;} #contenido #formularioCodigo input{padding: 0 3px; width: 299px; height: 42px; font-size: 25px; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 2px; border: 1px solid transparent;} #contenido #formularioCodigo button{position: absolute; bottom: -40px; left: 113px; width: 73px; height: 27px; text-indent: -99999px; cursor: pointer; background-position: bottom left;} #contenido #formularioCodigo button:hover, #contenido #formularioCodigo button:active{background-position: -74px bottom;} /****************************************************************************/ /* index */ #contenido.index{background: url(/imagenes/fnd-index-atun.jpg) no-repeat right bottom;} #contenido.index #index{position: absolute; top: 188px; left: 377px;} #contenido.index p.atun {margin: 90px 0 0 10px;} #contenido.index p.atun, #contenido.index p.atun a {color: #fff; font-size: 14px; font-weight: bold;} #contenido.index p.atun a:hover{text-decoration: none;} /****************************************************************************/ /* index atún */ #contenido.atun{background: url(/imagenes/fnd-codigo-atun.jpg) no-repeat 67px 66px;} #contenido.atun #atun{position: absolute; top: 188px; left: 377px;} #contenido.atun #atun #formularioCodigo {margin-top: 40px;} #contenido.atun #atun #formularioCodigo input {margin-left: 2px; display: inline; width: 103px;} #contenido.atun #atun #formularioCodigo button {margin-left: 27px;} #contenido.atun p.atun {margin: 60px 0 0 0px;} #contenido.atun p.atun, #contenido.atun p.atun a, #contenido.atun p.atun a:visited {color: #fff; font-size: 14px; font-weight: bold;} #contenido.atun p.atun a:hover{text-decoration: none;} /****************************************************************************/ /* como participar */ #contenido.comoParticipar{background: url(/imagenes/fnd-como-participar.jpg) no-repeat right 10px;} #contenido.comoParticipar p{position: absolute; color: #fff;} #contenido.comoParticipar p strong{color: #e97b0e;} #contenido.comoParticipar p span{font-size: 11px;} #contenido.comoParticipar p a{color: #fff; text-decoration: underline;} #contenido.comoParticipar p a:hover{text-decoration: none;} #contenido.comoParticipar p.uno{top: 50px; left: 290px; width: 467px;} #contenido.comoParticipar p.dos{top: 97px; left: 230px; width: 430px;} #contenido.comoParticipar p.tres{top: 143px; left: 156px;} #contenido.comoParticipar p.cuatro{top: 176px; left: 182px; width: 578px; text-align: justify;} #contenido.comoParticipar p.cinco{top: 250px; left: 32px; width: 460px;} #contenido.comoParticipar p.cinco span{display: block;} #contenido.comoParticipar p.seis{top: 304px; left: 32px; width: 360px; line-height: 18px;} #contenido.comoParticipar p.siete, #contenido.comoParticipar p.siete a{font-size: 10px;} #contenido.comoParticipar p.siete{top: 350px; left: 32px;} #contenido.comoParticipar p.seis strong.pena{display: inline-block; width: 50px; height: 18px; text-indent: -99999px; background: url(/imagenes/spt-elementos.jpg) no-repeat center -38px;} /****************************************************************************/ /* premios */ #contenido.premios{background: url(/imagenes/fnd-premios.jpg) no-repeat right top;} #contenido.premios p{position: absolute; color: #e97b0e; font-size: 11px;} #contenido.premios p a{color: #fff; font-size: 11px; text-decoration: underline;} #contenido.premios p a:hover{text-decoration: none;} #contenido.premios p.balones a, #contenido.premios p.polos a, #contenido.premios p.lcd a, #contenido.premios p.fiesta a{display: block;} #contenido.premios p.viaje{top: 125px; left: 384px;} #contenido.premios p.balones{top: 244px; left: 80px;} #contenido.premios p.polos{top: 244px; left: 263px;} #contenido.premios p.lcd{top: 244px; left: 464px; width: 96px;} #contenido.premios p.fiesta{top: 244px; left: 574px; width: 45px;} #contenido.premios p.pyrex{top: 323px; left: 80px; width: 172px;} /*#contenido.premios p.pyrex Con enlace ver mas{width: 195px;}*/ /****************************************************************************/ /* productos */ #contenido.productos{background: url(/imagenes/fnd-productos.jpg) no-repeat right top;} #contenido.productos #productos{float: right; margin: 45px 23px 0 0; width: 612px;} #contenido.productos #productos p{margin-left: 142px; color: #fff; text-align: justify;} #contenido.productos #productos div{margin-top: 20px; padding-right: 15px; width: 595px; height: 250px; overflow: auto;} #contenido.productos #productos div h4{float: right; margin-bottom: 5px; text-indent: -99999px; background: url(/imagenes/spt-productos.jpg) no-repeat right top;} #contenido.productos #productos div h4.consorcio{width: 123px; height: 23px;} #contenido.productos #productos div h4.campanal{width: 96px; height: 68px; background-position: left -23px;} #contenido.productos #productos div table{float: left; margin-bottom: 15px; width: 570px;} #contenido.productos #productos div table tr{} #contenido.productos #productos div table tr *{text-align: left;} #contenido.productos #productos div table tr th{height: 35px; color: #fff;} #contenido.productos #productos div table tr td, #contenido.productos #productos div table tr td a{height: 16px; color: #e97b0e;} #contenido.productos #productos div table tr.oscuro td, #contenido.productos #productos div table tr.oscuro td a{color: #f2aa64;} #contenido.productos #productos div table tr td a{text-decoration: none;} #contenido.productos #productos div table tr td a:hover, #contenido.productos #productos div table tr td a.ON{text-decoration: underline;} #contenido.productos #productos div table tr .nombre{width: 215px;} #contenido.productos #productos div table tr .peso{width: 82px;} #contenido.productos #productos div table tr .presentacion{width: 99px;} #contenido.productos #productos div table tr .codigo{width: 108px;} #contenido.productos #productos div table tr .puntos{width: 66px; text-align: center;} /****************************************************************************/ /* identificar */ #contenido.identificar{} #contenido.identificar p.datos{position: absolute; top: 45px; left: 323px; display: block; width: 377px; height: 17px; text-indent: -99999px; background: url(/imagenes/fnd-para-saber-si-has-sido-premiado.jpg) no-repeat;} #contenido.identificar #registro h3 a, #contenido.identificar #registro p, #contenido.identificar #registro p *, #contenido.identificar #identificate h3, #contenido.identificar #identificate p.texto{display: block;} #contenido.identificar #registro h3 a, #contenido.identificar #registro p, #contenido.identificar #identificate h3, #contenido.identificar #identificate p.texto{background: url(/imagenes/spt-identificar.jpg) no-repeat;} #contenido.identificar #registro h3 a, #contenido.identificar #registro p *, #contenido.identificar #identificate h3, #contenido.identificar #identificate p.texto{text-indent: -99999px;} #contenido.identificar #registro{position: absolute; top: 92px; left: 294px;} #contenido.identificar #registro a.boton{position: absolute; display: block; top: 105px; left: 43px; width: 83px; height: 22px; text-indent: -99999px;background: url(/imagenes/spt-identificar.jpg) no-repeat 0 -148px;} #contenido.identificar #registro a.boton:hover{background-position: -84px -148px;} #contenido.identificar #registro h3 a{width: 169px; height: 30px;} #contenido.identificar #registro p{position: relative; margin: 18px 0 0 -10px; width: 189px; height: 34px; background-position: 0 -62px;} #contenido.identificar #registro p a{position: absolute; bottom: -2px; right: 27px; width: 88px; height: 16px;} #contenido.identificar #registro p a:hover{background: url(/imagenes/spt-identificar.jpg) no-repeat left -131px;} #contenido.identificar #identificate{position: absolute; top: 92px; left: 546px;} #contenido.identificar #identificate h3{width: 175px; height: 30px; background-position: 0 -31px;} #contenido.identificar #identificate p.texto{margin-top: 18px; width: 173px; height: 33px; background: url(/imagenes/spt-identificar.jpg) no-repeat 0 -97px;} #contenido.identificar #identificate #login{top: 94px; left: 3px;} #contenido.identificar #identificate #login div{float: none; margin: 0; left: 2px;} /****************************************************************************/ /* registro */ #contenido.registro{background: url(/imagenes/registro/fnd-registro.jpg) no-repeat right top;} #contenido.registro #registro{position: absolute; top: 125px; right: 22px;} #contenido.registro #registro #formulario{width: 704px;} #contenido.registro #registro #formulario .margenInferior{margin-bottom: 8px;} #contenido.registro #registro #formulario p{} #contenido.registro #registro #formulario p label, #contenido.registro #registro #formulario p input, #contenido.registro #registro #formulario p select{float: left; color: #fff;} #contenido.registro #registro #formulario p label{font-weight: bold; font-size: 14px; cursor: pointer; text-align: right;} #contenido.registro #registro #formulario button{float: right; margin-top: 1px; width: 73px; height: 25px; text-indent: -99999px; cursor: pointer; border: none; background: url(/imagenes/registro/fnd-inputs.jpg) no-repeat bottom right;} #contenido.registro #registro #formulario button:hover, #contenido.registro #registro #formulario button:active{background-position: -317px bottom;} #contenido.registro #registro #formulario p.texto{float: left;} #contenido.registro #registro #formulario p.texto label{margin: 5px 15px 0 0; width: 140px;} #contenido.registro #registro #formulario p.texto input{padding: 0 4px; width: 94px; height: 25px; font-size: 14px; color: #fff; border: 1px solid transparent; background: url(/imagenes/registro/fnd-inputs.jpg) no-repeat left -26px;} #contenido.registro #registro #formulario p.texto select, #contenido.registro #registro #formulario p.texto select option{background: #870714;} #contenido.registro #registro #formulario p.texto select{padding: 3px 0 2px; width: 104px; height: 27px; font-size: 14px; color: #fff; border: 1px solid #64050C;} #contenido.registro #registro #formulario p.error select{border-color: #ff0;} #contenido.registro #registro #formulario p.texto input#email, #contenido.registro #registro #formulario p.texto input#emailRepetido{width: 198px; background: url(/imagenes/registro/fnd-inputs.jpg) no-repeat left bottom;} #contenido.registro #registro #formulario p.nombre label{width: 228px;} #contenido.registro #registro #formulario p.nombre input{width: 451px; background: url(/imagenes/registro/fnd-inputs.jpg) no-repeat left top;} /* CON NICK --> #contenido.registro #registro #formulario p.nombre input{width: 257px; background: url(/imagenes/registro/fnd-inputs.jpg) no-repeat right -26px;}*/ #contenido.registro #registro #formulario p.dos label{width: 101px;} #contenido.registro #registro #formulario p.dos label, #contenido.registro #registro #formulario p.dosA label, #contenido.registro #registro #formulario p.dosB label{margin-left: 16px;} #contenido.registro #registro #formulario p.dosB label{width: 35px;} #contenido.registro #registro #formulario p.check{margin-left: 156px;} #contenido.registro #registro #formulario p.check label, #contenido.registro #registro #formulario p.check label a{font-size: 12px; color: #e06b0f;} #contenido.registro #registro #formulario p.check label{margin-left: 5px;} #contenido.registro #registro #formulario p.check label a{font-weight: bold; text-decoration: underline;} #contenido.registro #registro #formulario p.check label a:hover{text-decoration: none;} #contenido.registro #registro #formulario p.check input{width: 16px;} #contenido.registro #registro #formulario p.error{} #contenido.registro #registro #formulario p.error label, #contenido.registro #registro #formulario p.error label a{color: #ff0;} #contenido.registro #registro #formulario p.error input{border-color: #ff0;} #contenido.registro #registro #formulario p.errores{position: absolute; bottom: -5px; left: 157px; width: 460px; height: 34px; font-weight: bold; font-size: 14px; color: #ff0;} /****************************************************************************/ /* registro request */ #contenido.registroRequest{background: url(/imagenes/registro/fnd-registro-request.jpg) no-repeat right top;} #contenido.registroRequest #registroRequest{position:absolute; top: 242px; left: 373px;} #contenido.registroRequest p.atun {margin: 50px 0 0 28px;} #contenido.registroRequest p.atun, #contenido.registroRequest p.atun a {color: #fff; font-size: 14px; font-weight: bold;} #contenido.registroRequest p.atun a:hover{text-decoration: none;} /****************************************************************************/ /* codigos erroneos, cuenta desactivada, codigos limite */ #contenido.codigosErroneos{background: url(/imagenes/codigosErroneos/fnd-codigos-erroneos.jpg) no-repeat right top;} #contenido.cuentaDesactivada{background: url(/imagenes/codigosErroneos/fnd-cuenta-desactivada.jpg) no-repeat right top;} #contenido.codigosLimite{background: url(/imagenes/codigosErroneos/fnd-codigos-limite.jpg) no-repeat right top;} #contenido.codigosErroneos #codigosErroneos{margin: 275px 0 0 431px;} #contenido.cuentaDesactivada #cuentaDesactivada{margin: 223px 0 0 435px;} #contenido.codigosErroneos #codigosErroneos a, #contenido.cuentaDesactivada #cuentaDesactivada a{display: block; width: 269px; height: 15px; text-indent: -99999px; background: url(/imagenes/codigosErroneos/fnd-email.jpg) no-repeat top;} #contenido.codigosErroneos #codigosErroneos a:hover, #contenido.cuentaDesactivada #cuentaDesactivada a:hover{background-position: bottom;} /****************************************************************************/ /* codigo error (repetido y erroneo) */ #contenido.codigoRepetido{background: url(/imagenes/fnd-codigo-repetido.jpg) no-repeat right top;} #contenido.codigoIncorrecto{background: url(/imagenes/fnd-codigo-incorrecto.jpg) no-repeat right top;} #contenido #codigoError{position: absolute; top: 193px; left: 376px;} #contenido #codigoError a{display: block; margin: 60px 0 0 39px; color: #fff; font-size: 14px; text-decoration: underline; font-weight: bold;} #contenido #codigoError a:hover{text-decoration: none;} #contenido #codigoError #formularioCodigo input{border: 1px solid #ff0; color: #ff0; text-decoration: line-through;} /****************************************************************************/ /* codigo no premiado */ #contenido.codigoNoPremiado{background: url(/imagenes/fnd-codigo-no-premiado.jpg) no-repeat right top;} #contenido #codigoNoPremiado{position: absolute; top: 193px; left: 355px;} #contenido #codigoNoPremiado #formularioCodigo{margin-left: 22px;} #contenido #codigoNoPremiado #formularioCodigo input{border-color: #ff0} #contenido #codigoNoPremiado p, #contenido #codigoNoPremiado p strong{font-weight: bold; font-size: 14px; line-height: 21px; text-align: center;} #contenido #codigoNoPremiado p{margin: 15px 0 0 -18px; width: 380px; color: #e97b0e;} #contenido #codigoNoPremiado p strong{color: #fff;} #contenido #codigoNoPremiado p strong.pyrex{display: inline-block; width: 66px; height: 21px; text-indent: -99999px; background: url(/imagenes/spt-elementos.jpg) no-repeat;} #contenido #codigoNoPremiado a{display: block; margin: 15px 0 0 60px; color: #fff; font-size: 14px; text-decoration: underline; font-weight: bold;} #contenido #codigoNoPremiado a:hover{text-decoration: none;} /****************************************************************************/ /* codigo gol */ #contenido.codigoGol{background: url(/imagenes/fnd-codigo-gol.jpg) no-repeat right top;} #contenido #codigoGol{position: absolute; top: 193px; left: 355px;} #contenido #codigoGol p, #contenido #codigoGol p strong, #contenido #codigoGol p span{font-weight: bold; font-size: 14px; line-height: 21px; text-align: center;} #contenido #codigoGol p{margin: 15px 0 0 -18px; width: 380px; color: #e97b0e;} #contenido #codigoGol p strong{color: #fff;} #contenido #codigoGol p strong.pyrex{display: inline-block; width: 66px; height: 21px; text-indent: -99999px; background: url(/imagenes/spt-elementos.jpg) no-repeat;} #contenido #codigoGol p.blanco, #contenido #codigoGol p.blanco span{color: #fff;} #contenido #codigoGol p.blanco span{display: block;} /****************************************************************************/ /* recordar contrasena */ #contenido.recordarContrasena{background: url(/imagenes/recordarContrasena/fnd-recordar-contrasena.jpg) no-repeat right top;} #contenido.recordarContrasena #recordarContrasena{position: absolute; top: 175px; left: 448px;} #contenido.recordarContrasena #formulario{width: 166px;} #contenido.recordarContrasena #formulario *{background: url(/imagenes/recordarContrasena/fnd-inputs.jpg) no-repeat top left;} #contenido.recordarContrasena #formulario input{margin-bottom: 8px; padding: 0 4px; width: 156px; height: 25px; font-size: 14px; color: #fff; border: 1px solid transparent; border: 1px solid transparent;} #contenido.recordarContrasena #formulario input.error{border-color: #ff0 !important;} #contenido.recordarContrasena #formulario button{display: block; margin-left: 52px; width: 56px; height: 22px; background-position: left bottom; text-indent: -99999px; cursor: pointer; border: none;} #contenido.recordarContrasena #formulario button:hover, #contenido.recordarContrasena #formulario button:active{background-position: -58px bottom;} #contenido.recordarContrasena p.errores{position: absolute; top: 100px; left: -67px; display: block; width: 300px; font-weight: bold; font-size: 14px; color: #ff0; text-align: center;} /****************************************************************************/ /* recordar contrasena request */ #contenido.recordarContrasenaRequest{background: url(/imagenes/recordarContrasena/fnd-recordar-contrasena-request.jpg) no-repeat right top;} #contenido.recordarContrasenaRequest #recordarContrasenaRequest{margin: 221px 0 0 401px;} #contenido.recordarContrasenaRequest #recordarContrasenaRequest a{display: block; width: 263px; height: 105px; text-indent: -99999px; background: transparent;} /****************************************************************************/ /* cambiar contrasena */ #contenido.cambiarContrasena{background: url(/imagenes/cambiarContrasena/fnd-cambiar-contrasena.jpg) no-repeat right top;} #contenido.cambiarContrasena #cambiarContrasena{position: absolute; top: 130px; left: 448px;} #contenido.cambiarContrasena #formulario{width: 166px;} #contenido.cambiarContrasena #formulario button, #contenido.cambiarContrasena #formulario p input{background: url(/imagenes/cambiarContrasena/fnd-inputs.jpg) no-repeat top left;} #contenido.cambiarContrasena #formulario p{margin-bottom: 10px;} #contenido.cambiarContrasena #formulario p label{display: block; margin-bottom: 5px; font-weight: bold; font-size: 14px; cursor: pointer; color: #fff;} #contenido.cambiarContrasena #formulario p input{padding: 0 4px; width: 156px; height: 25px; font-size: 14px; color: #fff; border: 1px solid transparent; border: 1px solid transparent;} #contenido.cambiarContrasena #formulario p input.error{border-color: #ff0 !important;} #contenido.cambiarContrasena #formulario button{display: block; margin-left: 52px; width: 71px; height: 22px; background-position: left bottom; text-indent: -99999px; cursor: pointer; border: none;} #contenido.cambiarContrasena #formulario button:hover, #contenido.cambiarContrasena #formulario button:active{background-position: -72px bottom;} #contenido.cambiarContrasena p.errores{position: absolute; top: 160px; left: -67px; display: block; width: 300px; font-weight: bold; font-size: 14px; color: #ff0; text-align: center;} /****************************************************************************/ /* cambiar contrasena request */ #contenido.cambiarContrasenaRequest{background: url(/imagenes/cambiarContrasena/fnd-cambiar-contrasena-request.jpg) no-repeat right top;} #contenido.cambiarContrasenaRequest #cambiarContrasenaRequest{margin: 221px 0 0 401px;} #contenido.cambiarContrasenaRequest #cambiarContrasenaRequest a{display: block; width: 263px; height: 105px; text-indent: -99999px; background: transparent;} /****************************************************************************/ /* premios (balon y polo) */ #contenido.premioBalon{background: url(/imagenes/premios/fnd-premio-balon.jpg) no-repeat right top;} #contenido.premioPolo{background: url(/imagenes/premios/fnd-premio-polo.jpg) no-repeat right top;} #contenido #premio{float: right; margin-top: 126px; width: 719px;} #contenido #premio p.textos, #contenido #premio p.textos strong, #contenido #premio #formulario p label, #contenido #premio #formulario p input, #contenido #premio #formulario p.errores{font-size: 14px;} #contenido #premio p.textos{display: block; margin: 0 17px 4px 161px; color: #e97b0e; font-weight: bold; line-height: 21px; text-align: center;} #contenido #premio p.puntos{margin-bottom: 12px;} #contenido #premio p.grande strong, #contenido #premio p.puntos strong{color: #fff;} #contenido #premio p.grande strong{font-size: 18px;} #contenido #premio p.puntos strong.pyrex{display: inline-block; width: 66px; height: 21px; text-indent: -99999px; background: url(/imagenes/spt-elementos.jpg) no-repeat;} #contenido #premio #formulario{width: 692px;} #contenido #premio #formulario .margenInferior{margin-bottom: 6px;} #contenido #premio #formulario p{} #contenido #premio #formulario p label, #contenido #premio #formulario p input{float: left; color: #fff;} #contenido #premio #formulario p label{font-weight: bold; font-size: 14px; cursor: pointer; text-align: right;} #contenido #premio #formulario button{float: right; width: 73px; height: 25px; text-indent: -99999px; cursor: pointer; border: none; background: url(/imagenes/premios/fnd-inputs.jpg) no-repeat -344px bottom;} #contenido #premio #formulario button:hover, #contenido #premio #formulario button:active{background-position: bottom right;} #contenido #premio #formulario p select{float: left; margin-left: 1px; padding: 3px 0 2px; width: 118px; height: 27px; color: #fff; font-size: 14px; color: #fff; border: 1px solid #64050C; background: #870714;} #contenido #premio #formulario p #talla {width: 45px;} #contenido #premio #formulario p select option{background: #870714;} #contenido #premio #formulario p.error select{border-color: #ff0;} #contenido #premio #formulario p.texto{float: left;} #contenido #premio #formulario p.texto label{margin: 5px 15px 0 0; width: 64px;} #contenido #premio #formulario p.texto input{padding: 0 4px; width: 109px; height: 25px; font-size: 14px; color: #fff; border: 1px solid transparent; background: url(/imagenes/premios/fnd-inputs.jpg) no-repeat -217px -26px;} #contenido #premio #formulario p.cp label, #contenido #premio #formulario p.provincia label, #contenido #premio #formulario p.pais label{margin-left: 20px;} #contenido #premio #formulario p.direccion input{width: 387px; background: url(/imagenes/premios/fnd-inputs.jpg) no-repeat left top;} #contenido #premio.polo #formulario p.direccion input{width: 300px} #contenido #premio #formulario p.cp label{width: 62px;} #contenido #premio.polo #formulario p.cp input{width: 71px;} #contenido #premio #formulario p.localidad input{width: 206px; background: url(/imagenes/premios/fnd-inputs.jpg) no-repeat left bottom;} #contenido #premio #formulario p.provincia label{width: 62px;} #contenido #premio #formulario p.pais label{width: 27px;} #contenido #premio #formulario p.check{float: left; padding-left: 80px;} #contenido #premio #formulario p.check label, #contenido #premio #formulario p.check label a{font-size: 12px; color: #e06b0f;} #contenido #premio #formulario p.check label{margin-left: 5px;} #contenido #premio #formulario p.check label a{font-weight: bold; text-decoration: underline;} #contenido #premio #formulario p.check label a:hover{text-decoration: none;} #contenido #premio #formulario p.check input{width: 16px;} #contenido #premio #formulario p.error{} #contenido #premio #formulario p.error label, #contenido #premio #formulario p.error label a{color: #ff0;} #contenido #premio #formulario p.error input{border-color: #ff0;} #contenido #premio #formulario p.errores{margin-left: 65px; font-weight: bold; color: #ff0;} #request p.premioAck {margin: 170px 0 0 390px; width: 250px; color: #fff; font-weight: bold; font-size: 18px; text-align: center;} /****************************************************************************/ /* submenu de misPuntos, miPena y misDatos */ #submenu{position: absolute; right: 0px; top: 44px;} #submenu li{float: left;} #submenu li.limitador, #submenu li a.ON, #submenu li a:hover{background: url(/imagenes/spt-marcador.jpg) no-repeat;} #submenu li.limitador{padding-left: 1px;} #submenu li a{display: block; padding: 6px 20px 0; font-weight: bold; height: 22px; font-size: 14px; color: #cb838a; text-decoration: none; text-transform: uppercase;} #submenu li a.ON, #submenu li a:hover{text-decoration: none; background-repeat: repeat-x; color: #fff;} #submenu li a.historial{width: 82px;} #submenu li a.ranking{width: 70px;} #submenu li a.productosPyrex{width: 49px;} #submenu li a.nuevaPena{width: 106px;} #submenu li a.miembros{width: 82px;} /****************************************************************************/ /* mis puntos */ #contenido.misPuntos{background: url(/imagenes/misPuntos/fnd-mis-puntos.jpg) no-repeat right top;} #contenido.misPuntos table tr{} #contenido.misPuntos table tr *{text-align: left;} #contenido.misPuntos table tr th{height: 35px; color: #fff;} #contenido.misPuntos table tr td{height: 16px; color: #e97b0e;} #contenido.misPuntos table tr.oscuro td{color: #f2aa64;} #contenido.misPuntos table tr.activo td{color: #fff; font-weight: bold;} #contenido.misPuntos #historial{position: absolute; top: 91px; left: 206px; width: 558px; height: 257px; overflow: auto;} #contenido.misPuntos #historial p.noCodigos{padding: 150px 0 0 62px; color: #E77F10; font-size: 15px; font-weight: bold; background: url(/imagenes/ups!.jpg) no-repeat;} #contenido.misPuntos #historial table{float: left;} #contenido.misPuntos #historial table tr .fecha{width: 90px;} #contenido.misPuntos #historial table tr .hora{width: 55px;} #contenido.misPuntos #historial table tr .codigo{width: 80px;} #contenido.misPuntos #historial table tr .producto{width: 218px;} #contenido.misPuntos #historial table tr .puntos{width: 89px; text-align: center;} #contenido.misPuntos #historial table tr.total .producto{text-align: right;} #contenido.misPuntos #ranking{position: absolute; top: 91px; left: 0; width: 780px; background: url(/imagenes/misPuntos/fnd-ranking.jpg) no-repeat 91px 75px;} #contenido.misPuntos #ranking div.lcd{position: absolute; top: 172px; left: 74px; width: 95px;} #contenido.misPuntos #ranking div.lcd *{text-align: right;} #contenido.misPuntos #ranking div.lcd p{font-size: 11px; color: #e97b0e;} #contenido.misPuntos #ranking div.lcd a{display: block; margin-top: 2px; color: #fff; text-decoration: underline;} #contenido.misPuntos #ranking div.lcd a:hover{text-decoration: none;} #contenido.misPuntos #ranking div.tabla{float: right; margin-right: 15px; height: 257px; overflow: auto;} #contenido.misPuntos #ranking div.tabla table{margin-right: 20px;} #contenido.misPuntos #ranking div.tabla table tr .posicion{width: 70px;} #contenido.misPuntos #ranking div.tabla table tr .usuario{width: 208px;} #contenido.misPuntos #ranking div.tabla table tr .puntos{width: 64px; text-align: center;} #contenido.misPuntos div.pyrex{} #contenido.misPuntos div.pyrex a.historial{position: absolute; top: 0; right: 0; display: block; width: 203px; height: 33px; text-indent: -99999px; background: url(/imagenes/misPuntos/spt-historial-pyrex.jpg) no-repeat;} #contenido.misPuntos div.pyrex a.historial:hover, #contenido.misPuntos div.pyrex a.ON{background-position: 0 -33px;} #contenido.misPuntos div.pyrex div.total{position: absolute; top: 5px; left: 180px;} #contenido.misPuntos div.pyrex div.total p{font-size: 14px; font-weight: bold; color: #fff; line-height: 27px;} #contenido.misPuntos div.pyrex div.total p strong{display: inline-block; width: 81px; height: 27px; text-indent: -99999px; background: url(/imagenes/misPuntos/fnd-pyrex.jpg) no-repeat;} #contenido.misPuntos #pyrex{position: absolute; top: 85px; right: 15px; padding: 55px 0 0 175px; width: 480px;} #contenido.misPuntos #pyrex p.canjear, #contenido.misPuntos #pyrex p.canjear span{color: #fff;} #contenido.misPuntos #pyrex p.canjear{position: absolute; top: 120px; left: 5px; width: 130px;} #contenido.misPuntos #pyrex p.canjear span{display: block; margin-top: 2px; font-size: 10px;} #contenido.misPuntos #pyrex #productos{} #contenido.misPuntos #pyrex #productos div{float: left; padding-top: 110px; width: 122px; background: url(/imagenes/misPuntos/spt-productos.jpg) no-repeat;} #contenido.misPuntos #pyrex #productos div.uno{} #contenido.misPuntos #pyrex #productos div.unoOculto{background-position: -123px 0;} #contenido.misPuntos #pyrex #productos div.uno.agotado, #contenido.misPuntos #pyrex #productos div.unoOculto.agotado{background-position: -246px 0;} #contenido.misPuntos #pyrex #productos div.dos, #contenido.misPuntos #pyrex #productos div.dosOculto, #contenido.misPuntos #pyrex #productos div.tres, #contenido.misPuntos #pyrex #productos div.tresOculto{margin-left: 50px;} #contenido.misPuntos #pyrex #productos div.dos{background-position: -369px 0;} #contenido.misPuntos #pyrex #productos div.dosOculto{background-position: -492px 0;} #contenido.misPuntos #pyrex #productos div.dos.agotado, #contenido.misPuntos #pyrex #productos div.dosOculto.agotado{background-position: -615px 0;} #contenido.misPuntos #pyrex #productos div.tres{background-position: -738px 0;} #contenido.misPuntos #pyrex #productos div.tresOculto{background-position: -861px 0;} #contenido.misPuntos #pyrex #productos div.tres.agotado, #contenido.misPuntos #pyrex #productos div.tresOculto.agotado{background-position: -984px 0;} #contenido.misPuntos #pyrex #productos div strong, #contenido.misPuntos #pyrex #productos div span, #contenido.misPuntos #pyrex #productos div a{display: block;} #contenido.misPuntos #pyrex #productos div span, #contenido.misPuntos #pyrex #productos div a.verMas{margin-top: 2px;} #contenido.misPuntos #pyrex #productos div strong{font-size: 14px; color: #fff;} #contenido.misPuntos #pyrex #productos div span{font-weight: 11px; color: #e97b0e;} #contenido.misPuntos #pyrex #productos div a.verMas{color: #fff; text-decoration: underline;} #contenido.misPuntos #pyrex #productos div a.verMas:hover{text-decoration: none;} #contenido.misPuntos #pyrex #productos div a.canjear{margin-top: 20px; width: 89px; height: 27px; text-indent: -99999px; background: url(/imagenes/misPuntos/fnd-canjear.jpg) no-repeat left top;} #contenido.misPuntos #pyrex #productos div a.canjear:hover, #contenido.misPuntos #pyrex #productos div a.canjear:active{background-position: left bottom;} #contenido.misPuntos #peticionPyrex{position: absolute; top: 85px; right: 15px; padding: 33px 0 0 50px; width: 605px;} #contenido.misPuntos #peticionPyrex #peticion{} #contenido.misPuntos #peticionPyrex #peticion div.producto, #contenido.misPuntos #peticionPyrex #peticion h3{margin-left: 80px;} #contenido.misPuntos #peticionPyrex #peticion div.producto{} #contenido.misPuntos #peticionPyrex #peticion div.producto span.producto, #contenido.misPuntos #peticionPyrex #peticion div.producto div{float: left;} #contenido.misPuntos #peticionPyrex #peticion div.producto span.producto{width: 122px; height: 101px; text-indent: -99999px; background: url(/imagenes/misPuntos/spt-productos.jpg) no-repeat;} #contenido.misPuntos #peticionPyrex #peticion div.producto span.dos{background-position: -369px 0;} #contenido.misPuntos #peticionPyrex #peticion div.producto span.tres{background-position: -738px 0;} #contenido.misPuntos #peticionPyrex #peticion div.producto div{margin: 47px 0 0 15px;} #contenido.misPuntos #peticionPyrex #peticion div.producto div p, #contenido.misPuntos #peticionPyrex #peticion div.producto div p strong, #contenido.misPuntos #peticionPyrex #peticion div.producto div p a{color: #fff;} #contenido.misPuntos #peticionPyrex #peticion div.producto div p.margenSuperior{margin-top: 5px;} #contenido.misPuntos #peticionPyrex #peticion div.producto div p strong{font-size: 14px;} #contenido.misPuntos #peticionPyrex #peticion div.producto div p span, #contenido.misPuntos #peticionPyrex #peticion div.producto div p a{margin-left: 3px;} #contenido.misPuntos #peticionPyrex #peticion div.producto div p span, #contenido.misPuntos #peticionPyrex #peticion div.producto div p a{font-size: 11px;} #contenido.misPuntos #peticionPyrex #peticion div.producto div p span{color: #e97b0e;} #contenido.misPuntos #peticionPyrex #peticion div.producto div p a{text-decoration: underline;} #contenido.misPuntos #peticionPyrex #peticion div.producto div p a:hover{text-decoration: none;} #contenido.misPuntos #peticionPyrex #peticion h4{display: block; margin: 10px 0; width: 508px; height: 11px; text-indent: -99999px; background: url(/imagenes/misPuntos/fnd-completa-tus-datos.jpg) no-repeat;} #contenido.misPuntos #peticionPyrex #peticion form div{} #contenido.misPuntos #peticionPyrex #peticion form div p{} #contenido.misPuntos #peticionPyrex #peticion form div p.error label, #contenido.misPuntos #peticionPyrex #peticion form div p.error a{color: #ff0 !important;} #contenido.misPuntos #peticionPyrex #peticion form div p.error input{border-color: #ff0 !important;} #contenido.misPuntos #peticionPyrex #peticion form div .margenInferior{margin-bottom: 5px;} #contenido.misPuntos #peticionPyrex #peticion form div p label, #contenido.misPuntos #peticionPyrex #peticion form div p input{float: left; color: #fff;} #contenido.misPuntos #peticionPyrex #peticion form div p label{font-weight: bold; font-size: 14px; cursor: pointer; text-align: right;} #contenido.misPuntos #peticionPyrex #peticion form div p input{} #contenido.misPuntos #peticionPyrex #peticion form div div p select{float: left; margin-left: 1px; padding: 3px 0 2px; width: 109px; height: 27px; color: #fff; font-size: 14px; color: #fff; border: 1px solid #64050C; background: #870714;} #contenido.misPuntos #peticionPyrex #peticion form div div p select option{background: #870714;} #contenido.misPuntos #peticionPyrex #peticion form div div p.error select{border-color: #ff0;} #contenido.misPuntos #peticionPyrex #peticion form div p.izquierda, #contenido.misPuntos #peticionPyrex #peticion form div p.localidad, #contenido.misPuntos #peticionPyrex #peticion form div p.pais{} #contenido.misPuntos #peticionPyrex #peticion form div p.izquierda label, #contenido.misPuntos #peticionPyrex #peticion form div p.localidad label, #contenido.misPuntos #peticionPyrex #peticion form div p.pais label{margin: 5px 15px 0 0; text-align: right;} #contenido.misPuntos #peticionPyrex #peticion form div p.izquierda input, #contenido.misPuntos #peticionPyrex #peticion form div p.localidad input, #contenido.misPuntos #peticionPyrex #peticion form div p.pais input{padding: 0 4px; height: 25px; font-size: 14px; color: #fff; border: 1px solid transparent; background: url(/imagenes/misPuntos/fnd-inputs.jpg) no-repeat left bottom;} #contenido.misPuntos #peticionPyrex #peticion form div p.izquierda label{width: 62px;} #contenido.misPuntos #peticionPyrex #peticion form div p.localidad{} #contenido.misPuntos #peticionPyrex #peticion form div p.localidad label{width: 64px;} #contenido.misPuntos #peticionPyrex #peticion form div p.pais label{width: 27px;} #contenido.misPuntos #peticionPyrex #peticion form div p input#direccion{width: 518px; background-position: left top;} #contenido.misPuntos #peticionPyrex #peticion form div p input#cp, #contenido.misPuntos #peticionPyrex #peticion form div p input#pais{width: 100px;} #contenido.misPuntos #peticionPyrex #peticion form div p input#localidad{width: 309px; background-position: -109px bottom;} #contenido.misPuntos #peticionPyrex #peticion form div div p{float: left;} #contenido.misPuntos #peticionPyrex #peticion form div div p.localidad, #contenido.misPuntos #peticionPyrex #peticion form div div p.pais, #contenido.misPuntos #peticionPyrex #peticion form div div p.check{margin-left: 20px;} #contenido.misPuntos #peticionPyrex #peticion form div div p.check{padding-top: 7px;} #contenido.misPuntos #peticionPyrex #peticion form div div p.check label, #contenido.misPuntos #peticionPyrex #peticion form div div p.check label a{font-size: 12px; color: #e06b0f;} #contenido.misPuntos #peticionPyrex #peticion form div div p.check label{margin-left: 5px;} #contenido.misPuntos #peticionPyrex #peticion form div div p.check label a{font-weight: bold; text-decoration: underline;} #contenido.misPuntos #peticionPyrex #peticion form div div p.check label a:hover{text-decoration: none;} #contenido.misPuntos #peticionPyrex #peticion form div div p.check input{width: 16px;} #contenido.registro #registro #formulario p.error{} #contenido.registro #registro #formulario p.error label, #contenido.registro #registro #formulario p.error label a{color: #ff0;} #contenido.registro #registro #formulario p.error input{border-color: #ff0;} #contenido.misPuntos #peticionPyrex #peticion form div p.botones{float: right;} #contenido.misPuntos #peticionPyrex #peticion form div p.botones button{float: left; margin-top: 1px; height: 25px; text-indent: -99999px; cursor: pointer; border: none; background: url(/imagenes/misPuntos/fnd-inputs.jpg) no-repeat bottom right;} #contenido.misPuntos #peticionPyrex #peticion form div p.botones button.cancelar{margin-right: 10px; width: 80px; background-position: -582px bottom;} #contenido.misPuntos #peticionPyrex #peticion form div p.botones button.cancelar:hover, #contenido.misPuntos #peticionPyrex #peticion form div p.botones button.cancelar:active{background-position: -427px bottom;} #contenido.misPuntos #peticionPyrex #peticion form div p.botones button.enviar{width: 73px;} #contenido.misPuntos #peticionPyrex #peticion form div p.botones button.enviar:hover, #contenido.misPuntos #peticionPyrex #peticion form div p.botones button.enviar:active{background-position: -508px bottom;} #contenido.misPuntos #peticionPyrex #peticion form div p.errores{display: inline; float: left; margin: 7px 0 0 78px; font-weight: bold; font-size: 14px; text-align: right; color: #ff0;} #contenido.misPuntos #requestPyrex{float: right; margin-top: 5px; padding: 137px 0 0 50px; width: 566px; background: url(/imagenes/misPuntos/fnd-peticion-pyrex-request.jpg) no-repeat right top;} #contenido.misPuntos #requestPyrex p, #contenido.misPuntos #requestPyrex p span, #contenido.misPuntos #requestPyrex a{display: block;} #contenido.misPuntos #requestPyrex .margenInferior{margin-bottom: 17px;} #contenido.misPuntos #requestPyrex p, #contenido.misPuntos #requestPyrex a{color: #fff; font-weight: bold; font-size: 14px; text-align: center;} #contenido.misPuntos #requestPyrex div p.naranja, #contenido.misPuntos #requestPyrex div p span{margin-bottom: 7px;} #contenido.misPuntos #requestPyrex p.naranja{color: #e97b0e;} #contenido.misPuntos #requestPyrex p.margenInferior{line-height: 28px;} #contenido.misPuntos #requestPyrex p span{display: block;} #contenido.misPuntos #requestPyrex p strong{display: inline-block; width: 81px; height: 27px; text-indent: -99999px; background: url(/imagenes/misPuntos/fnd-pyrex.jpg) no-repeat;} #contenido.misPuntos #requestPyrex a{text-decoration: underline;} #contenido.misPuntos #requestPyrex a:hover{text-decoration: none;} #contenido.misPuntos #historialPyrex{position: absolute; top: 85px; right: 15px; width: 655px;} #contenido.misPuntos a.canjearPuntos{position: absolute; top: 55px; left: -35px; padding-top: 180px; font-weight: bold; text-transform: uppercase; font-size: 14px; color: #fff; text-decoration: underline; background: url(/imagenes/misPuntos/fnd-productos-historial.jpg) no-repeat center top;} #contenido.misPuntos a.canjearPuntos:hover{text-decoration: none;} #contenido.misPuntos #historialPyrex div.tabla{position: absolute; top: 45px; right: 0; width: 448px; height: 228px; overflow: auto;} #contenido.misPuntos #historialPyrex div.tabla table{margin-right: 20px;} #contenido.misPuntos #historialPyrex div.tabla table tr .fecha{width: 98px;} #contenido.misPuntos #historialPyrex div.tabla table tr .productos{width: 148px;} #contenido.misPuntos #historialPyrex div.tabla table tr .puntos{width: 91px; text-align: center;} #contenido.misPuntos #historialPyrex div.tabla table tr .estado{width: 91px;} /****************************************************************************/ /* mi pena */ #contenido.miPena{background: url(/imagenes/miPena/fnd-mi-pena.jpg) no-repeat right top;} #contenido.miPena #nuevaPena{position: absolute; top: 90px; right: 35px; width: 545px;} #contenido.miPena #nuevaPena p{display: block; color: #fff; text-align: justify; line-height: 16px;} #contenido.miPena #nuevaPena p.derecha{margin-bottom: 15px; text-align: right;} #contenido.miPena #nuevaPena p strong{color: #e5730f;} #contenido.miPena #nuevaPena div{position: absolute; top: 145px; left: 190px; width: 164px;} #contenido.miPena #nuevaPena div label{color: #fff; font-weight: bold; font-size: 14px; cursor: pointer; text-align: right;} #contenido.miPena #nuevaPena div input{float: left; margin-top: 5px; padding: 3px 4px 0; width: 154px; height: 19px; color: #fff; font-size: 14px; border: 1px solid transparent; background: url(/imagenes/miPena/fnd-crear-pena-inputs.jpg) no-repeat;} #contenido.miPena #nuevaPena div input.error{border-color: #ff0;} #contenido.miPena #nuevaPena div button{margin: 15px 0 0 48px; width: 68px; height: 22px; text-indent: -99999px; cursor: pointer; border: none; background: url(/imagenes/miPena/fnd-crear-pena-inputs.jpg) no-repeat left bottom;} #contenido.miPena #nuevaPena div button:hover, #contenido.miPena #nuevaPena div button:active{background-position: -69px bottom;} #contenido.miPena #nuevaPena p.errores{position: absolute; top: 240px; left: 37px; display: block; width: 470px; text-align: center; font-weight: bold; color: #ff0;} #contenido.miPena #ranking{position: absolute; top: 91px; left: 0; width: 780px; background: url(/imagenes/miPena/fnd-ranking.jpg) no-repeat 91px 75px;} #contenido.miPena #ranking div.fiesta{position: absolute; top: 181px; left: 98px;} #contenido.miPena #ranking div.fiesta *{text-align: right;} #contenido.miPena #ranking div.fiesta p{font-size: 11px; color: #e97b0e;} #contenido.miPena #ranking div.fiesta a{display: block; margin-top: 2px; color: #fff; text-decoration: underline;} #contenido.miPena #ranking div.fiesta a:hover{text-decoration: none;} #contenido.miPena #ranking div.tabla{float: right; margin-right: 15px; height: 257px; overflow: auto;} #contenido.miPena #ranking div.tabla table{margin-right: 20px;} #contenido.miPena table tr{} #contenido.miPena table tr *{text-align: left;} #contenido.miPena table tr th{height: 35px; color: #fff;} #contenido.miPena table tr td{height: 16px; color: #e97b0e;} #contenido.miPena table tr.oscuro td{color: #f2aa64;} #contenido.miPena table tr.activo td{color: #fff; font-weight: bold;} #contenido.miPena #ranking div.tabla table tr .posicion{width: 70px;} #contenido.miPena #ranking div.tabla table tr .pena{width: 208px;} #contenido.miPena #ranking div.tabla table tr .puntos{width: 64px; text-align: center;} #contenido.miPena #miembros, #contenido.miPena #nuevoMiembro, #contenido.miPena #nuevoMiembroRequest{position: relative; margin: 140px 20px 0 50px;} #contenido.miPena #listado{position: relative; float: right; width: 727px; height: 218px;} #contenido.miPena #listado div.izquierda{position: absolute; bottom: 0; left: 0; width: 264px; height: 119px;} #contenido.miPena #listado div.izquierda p{padding: 3px; width: 258px; height: 46px; background: url(/imagenes/miPena/spt-miembros.jpg) no-repeat left -112px;} #contenido.miPena #listado div.izquierda p.margenSuperior{margin-top: 15px;} #contenido.miPena #listado div.izquierda p strong, #contenido.miPena #listado div.izquierda p span{display: block; height: 23px; font-size: 14px; line-height: 20px; text-align: center;} #contenido.miPena #listado div.izquierda p strong{color: #fff;} #contenido.miPena #listado div.izquierda p span{font-weight: bold; color: #e97b0e; overflow: hidden;} #contenido.miPena #listado div.derecha{position: absolute; bottom: 0; right: 0; width: 443px; height: 218px;} #contenido.miPena #miembros{} #contenido.miPena #miembros p.texto{position: absolute; top: -35px; right: 0; color: #fff;} #contenido.miPena #miembros #listado{} #contenido.miPena #miembros #listado div.derecha{} #contenido.miPena #miembros #listado div.derecha div, #contenido.miPena #miembros #listado div.derecha div a.anadirMiembro, #contenido.miPena #miembros #listado div.derecha div span.futuro{float: left; width: 443px; height: 28px; background: url(/imagenes/miPena/spt-miembros.jpg) no-repeat;} #contenido.miPena #miembros #listado div.derecha div a.anadirMiembro, #contenido.miPena #miembros #listado div.derecha div span.futuro{text-indent: -99999px;} #contenido.miPena #miembros #listado div.derecha div.margenSuperior{margin-top: 10px;} #contenido.miPena #miembros #listado div.derecha div p{padding-top: 8px;} #contenido.miPena #miembros #listado div.derecha div p span.email{float: left; margin-left: 95px; width: 235px; text-align: center; overflow: hidden; font-weight: bold; color: #fff;} #contenido.miPena #miembros #listado div.derecha div p strong{float: right; margin-right: 20px; color: #e97b0e;} #contenido.miPena #miembros #listado div.derecha div.invitacion{background-position: left bottom;} #contenido.miPena #miembros #listado div.derecha div.invitacion p span{margin-left: 20px; width: 280px;} #contenido.miPena #miembros #listado div.derecha div.invitacion p a{float: right; margin-right: 20px; color: #e97b0e; font-weight: bold; text-decoration: underline;} #contenido.miPena #miembros #listado div.derecha div.invitacion p a:hover{text-decoration: none;} #contenido.miPena #miembros #listado div.derecha div p strong span{color: #fff;} #contenido.miPena #miembros #listado div.derecha div a.anadirMiembro{background-position: left -28px;} #contenido.miPena #miembros #listado div.derecha div a.anadirMiembro:hover{background-position: left -56px;} #contenido.miPena #miembros #listado div.derecha div span.futuro{background-position: left -84px;} #contenido.miPena h4{position: absolute; top: 100px; right: 18px; display: block; width: 143px; height: 24px; text-indent: -99999px; background: url(/imagenes/miPena/fnd-nuevo-miembro.jpg) no-repeat;} #contenido.miPena #nuevoMiembro{} #contenido.miPena #nuevoMiembro #listado{} #contenido.miPena #nuevoMiembro #listado div.derecha{} #contenido.miPena #nuevoMiembro #listado div.derecha p, #contenido.miPena #nuevoMiembro #listado div.derecha p a{color: #fff;} #contenido.miPena #nuevoMiembro #listado div.derecha p{text-align: justify; color: #fff;} #contenido.miPena #nuevoMiembro #listado div.derecha p strong{color: #e97b0e;} #contenido.miPena #nuevoMiembro #listado div.derecha p a{text-decoration: underline;} #contenido.miPena #nuevoMiembro #listado div.derecha p a:hover{text-decoration: none;} #contenido.miPena #nuevoMiembro div.derecha div{position: absolute; top: 110px; left: 112px; width: 221px;} #contenido.miPena #nuevoMiembro div.derecha div input{float: left; padding: 3px 4px 0; width: 211px; height: 19px; color: #fff; font-size: 14px; border: 1px solid transparent; background: url(/imagenes/miPena/fnd-anadir-miembro-inputs.jpg) no-repeat;} #contenido.miPena #nuevoMiembro div.derecha div input.error{border-color: #ff0;} #contenido.miPena #nuevoMiembro div.derecha div button{margin: 15px 0 0 48px; width: 123px; height: 22px; text-indent: -99999px; cursor: pointer; border: none; background: url(/imagenes/miPena/fnd-anadir-miembro-inputs.jpg) no-repeat left bottom;} #contenido.miPena #nuevoMiembro div.derecha div button:hover, #contenido.miPena #nuevoMiembro div.derecha div button:active{background-position: right bottom;} #contenido.miPena #nuevoMiembro div.derecha p.errores{position: absolute; top: 186px; left: 0; width: 473px; text-align: center !important; font-weight: bold; color: #ff0 !important;} #contenido.miPena #nuevoMiembroRequest{} #contenido.miPena #nuevoMiembroRequest #listado{} #contenido.miPena #nuevoMiembroRequest #listado div.derecha{background: url(/imagenes/miPena/fnd-anadir-miembro-request.jpg) no-repeat;} /****************************************************************************/ /* mis datos */ #contenido.misDatos{background: url(/imagenes/misDatos/fnd-mis-datos.jpg) no-repeat right top;} #contenido.misDatos #misDatos{position: relative;} #contenido.misDatos #misDatos p.obtenerPuntos, #contenido.misDatos #misDatos #formulario, #contenido.misDatos #misDatos #formularioContrasena{position: absolute;} #contenido.misDatos #misDatos p.obtenerPuntos{top: 48px; right: 21px; display: block; width: 431px; height: 13px; text-indent: -99999px; background: url(/imagenes/misDatos/fnd-completa-el-formulario.jpg) no-repeat;} #contenido.misDatos #misDatos .margenInferior{margin-bottom: 5px !important;} #contenido.misDatos #misDatos p.error{} #contenido.misDatos #misDatos p.error label{color: #ff0;} #contenido.misDatos #misDatos p.error input{border-color: #ff0;} #contenido.misDatos #misDatos p input, #contenido.misDatos #misDatos p label{float: left; color: #fff;} #contenido.misDatos #misDatos p label, #contenido.misDatos #misDatos button{cursor: pointer;} #contenido.misDatos #misDatos p.texto input, #contenido.misDatos #misDatos div.textoDos p input, #contenido.misDatos #misDatos div p.fechaNacimiento input, #contenido.misDatos #misDatos #formularioContrasena p input, #contenido.misDatos #misDatos button{background: url(/imagenes/misDatos/fnd-inputs.jpg) no-repeat;} #contenido.misDatos #misDatos p.texto input, #contenido.misDatos #misDatos div.textoDos p input, #contenido.misDatos #misDatos div p.fechaNacimiento input, #contenido.misDatos #misDatos #formularioContrasena p input{padding: 0 4px; height: 25px; font-size: 14px; border: 1px solid transparent;} #contenido.misDatos #misDatos p label{margin: 7px 15px 0 0; text-align: right; font-weight: bold;} #contenido.misDatos #misDatos button{float: right; width: 73px; height: 25px; text-indent: -99999px; border: none; background-position: left bottom;} #contenido.misDatos #misDatos p.errores{font-size: 14px; font-weight: bold; color: #ff0; text-align: justify;} #contenido.misDatos #misDatos #formulario{top: 40px; right: 22px; width: 381px;} #contenido.misDatos #misDatos #formulario button{float: right; background-position: right bottom;} #contenido.misDatos #misDatos #formulario button:hover, #contenido.misDatos #misDatos #formulario button:active{background-position: -163px bottom;} #contenido.misDatos #misDatos #formulario p{} #contenido.misDatos #misDatos #formulario p input{color: #e97b0e;} #contenido.misDatos #misDatos #formulario p select{float: left; padding: 3px 0 2px; height: 27px; color: #fff; font-size: 14px; color: #fff; border: 1px solid #64050C; background: #870714;} #contenido.misDatos #misDatos #formulario p select option{background: #870714;} #contenido.misDatos #misDatos #formulario p.error select{border-color: #ff0;} #contenido.misDatos #misDatos #formulario p.texto{} #contenido.misDatos #misDatos #formulario p.texto input{width: 301px;} #contenido.misDatos #misDatos #formulario p.texto label{width: 55px;} #contenido.misDatos #misDatos #formulario div.fechaSexo{} #contenido.misDatos #misDatos #formulario div.fechaSexo p.fechaNacimiento{float: left; width: 230px;} #contenido.misDatos #misDatos #formulario div.fechaSexo p.fechaNacimiento label{width: 125px;} #contenido.misDatos #misDatos #formulario div.fechaSexo p.sexo{float: right; width: 135px;} #contenido.misDatos #misDatos #formulario div.fechaSexo p.sexo label{width: 30px;} #contenido.misDatos #misDatos #formulario div.fechaSexo p.sexo select{width: 90px;} #contenido.misDatos #misDatos #formulario div.fechaSexo p input{width: 80px; background-position: -108px -26px;} #contenido.misDatos #misDatos #formulario div.textoDos{} #contenido.misDatos #misDatos #formulario div.textoDos p{float: left; width: 178px;} #contenido.misDatos #misDatos #formulario div.textoDos p.derecha{float: right;} #contenido.misDatos #misDatos #formulario div.textoDos p label{width: 55px;} #contenido.misDatos #misDatos #formulario div.textoDos p input, #contenido.misDatos #misDatos #formulario div.textoDos p select{background-position: left -26px;} #contenido.misDatos #misDatos #formulario div.textoDos p input{width: 98px;} #contenido.misDatos #misDatos #formulario div.textoDos p select{width: 108px;} #contenido.misDatos #misDatos #formulario p.check{margin-left: 70px; padding: 7px 0;} #contenido.misDatos #misDatos #formulario p.check label, #contenido.misDatos #misDatos #formulario p.check label a{font-size: 12px; color: #e06b0f;} #contenido.misDatos #misDatos #formulario p.check label{margin: 0 0 0 5px !important;} #contenido.misDatos #misDatos #formulario p.check label a{font-weight: bold; text-decoration: underline;} #contenido.misDatos #misDatos #formulario p.check label a:hover{text-decoration: none;} #contenido.misDatos #misDatos #formulario p.check input{width: 16px;} #contenido.misDatos #misDatos #formulario p.errores{float: left; margin: 5px 0 0 70px;} #contenido.misDatos #misDatos #formularioContrasena{top: 140px; left: 95px; width: 218px;} #contenido.misDatos #misDatos #formularioContrasena h3{display: block; margin-bottom: 16px; height: 12px; text-indent: -99999px; background: url(/imagenes/misDatos/fnd-cambiar-contrasena.jpg) no-repeat right;} #contenido.misDatos #misDatos #formularioContrasena p{} #contenido.misDatos #misDatos #formularioContrasena p.errores{margin-top: 12px;} #contenido.misDatos #misDatos #formularioContrasena p input{width: 98px; background-position: left -26px;} #contenido.misDatos #misDatos #formularioContrasena p label{width: 95px;} #contenido.misDatos #misDatos #formularioContrasena p button{margin-top: 1px;} #contenido.misDatos #misDatos #formularioContrasena p button:hover, #contenido.misDatos #misDatos #formularioContrasena p button:active{background-position: -74px bottom;} #contenido.misDatos #request{position: relative; height: 246px; background: url(/imagenes/misDatos/fnd-request.jpg) no-repeat right 100px;} #contenido.misDatos #request p.masPuntos{position: absolute; right: 175px; bottom: -45px; width: 203px; height: 50px; text-indent: -99999px;background: url(/imagenes/misDatos/fnd-mas-puntos.jpg) no-repeat;} /****************************************************************************/ /* invitaciones peñas */ #contenido.invitacionesPenas{} #contenido.invitacionesPenas #invitacionesPenas.ups{margin: 100px 0 0 350px; padding-top: 100px; background: url(/imagenes/invitacionesPenas/fnd-ups.jpg) no-repeat;} #contenido.invitacionesPenas #invitacionesPenas.oh{margin: 100px 0 0 350px; padding-top: 100px; background: url(/imagenes/invitacionesPenas/fnd-oh.jpg) no-repeat;} #contenido.invitacionesPenas #invitacionesPenas.ok{margin: 53px 0 0 200px; padding-top: 180px; background: url(/imagenes/invitacionesPenas/fnd-ok.jpg) no-repeat;} #contenido.invitacionesPenas #invitacionesPenas p {font-size: 18px; color: #fff; text-align: center; width: 250px;} #contenido.invitacionesPenas #invitacionesPenas.oh p {margin-left: 10px; font-size: 18px; color: #fff; text-align: center; width: 280px;} #contenido.invitacionesPenas #invitacionesPenas.ok p {margin-left: 100px; font-size: 18px; color: #fff; text-align: center; width: 340px;} #contenido.invitacionesPenas #invitacionesPenas p.naranja {margin: 15px 0 0 -10px; font-size: 13px; color: #e97b0e; text-align: center; width: 270px; font-weight: bold;} #contenido.invitacionesPenas #invitacionesPenas p.naranja a, #contenido.invitacionesPenas #invitacionesPenas p.naranja span {color: #fff;} #contenido.invitacionesPenas #invitacionesPenas p.naranja a:hover {text-decoration: none;}