html {
padding: 0;
margin: 0;
}
body {
margin: 0;
font-size:62.5%;
font-family: "Trebuchet MS", sans-serif;
background: #d9d8d6 url(../img/fondo-body.gif) repeat-y center 0;
text-align: center;
color: #4f4f4f;
}
/* ============ TAGS GLOBALES ============ */
img {border: 0;}
ul, ol, li, dl, dt, dd {
list-style-type: none;
margin: 0;
padding: 0;
}
a { text-decoration: none; }
h1,h2,h3,h4,h5,h6 {padding: 0; margin: 0;}
form,fieldset,label,input {padding: 0;margin: 0;}
fieldset {border: 0;}
p {margin: 1em 0;}
.hidden {display: none;}
.clear {clear: both;}
.division {display: block; margin: 5px 0; width: 499px; border-top: 1px solid #d4d4d4; }
/* ============ ORGANIZACION ESTRUCTURAL ============ */
#container {
width: 750px;
margin: 0 auto;
text-align: left;
background: url(../img/wrapper-fondo.gif) repeat-y;
position: relative;
overflow: hidden;
z-index: 1;
padding: 0 15px;
font-size: 1.3em;
}
#header {height: 120px; border-bottom: 6px solid #fff;}
#cucarda {width: 77px; height: 78px; text-indent: -9000px; background: url(../img/natural.png) no-repeat; position: absolute; right: 7px; top: 80px; }
#content {width: 499px; float: right; overflow: hidden; }
#content h2 {text-indent: -9000px; height: 16px; margin: 8px 0 14px 0; background: url(../img/titulos.png) no-repeat; overflow: hidden; }
.en #content h2 { background-image: url(../img/titulos-en.png); }
#content #titBienvenido {background-position: 0 -17px; }
#content #titComoFunca {background-position: 0 -70px; }
#content #titMetodos {height: 17px; }
#content #titBeneficios {background-position: 0 -33px; }
#content #titPreguntas {background-position: 0 -49px; height: 21px; }
#content #titHechos {background-position: 0 -86px; }
#content #titTestimonios {background-position: 0 -102px;}
#content #titForo {background-position: 0 -118px; }
#content #titContacto {background-position: 0 -134px; }
#content #titSuscripcion {background-position: 0 -150px; height: 21px; }
#content #titHome {background:url(../img/tithome.png) no-repeat; height: 21px; }
.en #content #titHome { background-image: url(../img/tithome-en.png); height: 46px; }
#content #titRecuperar {background:url(../img/recuperar-password.png) no-repeat; height: 20px; }
.en #content #titRecuperar { background-image: url(../img/recuperar-password-en.png); }
#cuadroHome {background: #f2f2f2 url(../img/homen.gif) no-repeat 0 center; padding-left: 150px; border: 1px dashed #dfdfdf; color: #848484; margin-bottom: 17px; }
#content p {margin: 1em; }
#content a {color: #000; text-decoration: underline; }
#content a:hover {background-color: #bfe8a6; }
#content h3 + p {margin-top: 0; }
#content h3, #suscribase {text-indent: -9000px; height: 47px; background: url(../img/azules.png) no-repeat; margin: 10px 0 1px 0; overflow: hidden;}
.en #content h3 { background-image: url(../img/azules-en.png); }
#content #titIntro {}
#content #titComoEreccion {background-position: 0 -47px; }
#content #titMetodosEvitar {background-position: 0 -94px; }
#content #titObtendraBeneficios {background-position: 0 -141px; }
#content #titPreguntasFrecuentes {background-position: 0 -188px; }
#content #titHechosYProblematica {background-position: 0 -235px; }
#content #titCasosExitosos {background-position: 0 -282px; }
#content #titParticipaForo {background-position: 0 -329px; }
#content #titComplete {background-position: 0 -376px; }
#content #titAprendera, #content #titFuncionamiento, #content #titPareja {background: url(../img/verdes.png) no-repeat; }
.en #content #titAprendera, .en #content #titFuncionamiento, .en #content #titPareja { background-image: url(../img/verdes-en.png); }
#content #titFuncionamiento {background-position: 0 -48px; }
#content #titPareja {background-position: 0 -96px; }
#content #suscribase {display: block; background-image: url(../img/suscribase-ahora.png); height: 48px; }
.en #content #suscribase { background-image: url(../img/suscribase-ahora-en.png); }
#content #animaciones3d {display: block; float: right; margin-top: -62px; margin-right: 30px; position: relative; clear: right; }
#content #titanim3d {display: block; float: right; margin-top: 40px; margin-right: -120px; }
#content ul {margin-left: 15px; }
#content li {padding-left: 12px; background: url(../img/bullet-li.png) no-repeat 0 6px; }
#content .num {display: block; width: 37px; height: 30px; text-indent: -9000px; float: left; clear: left; background: url(../img/numeros.png) no-repeat; margin: 14px 8px 33px 0; overflow: hidden;}
#content #num1 {}
#content #num2 {background-position: -37px 0; }
#content #num3 {background-position: -74px 0; }
#content .imgSentido {margin-right: 8px; }
#content .imgMed {padding: 3px; background: url(../img/recuadro-img.png) no-repeat; margin-right: 4px;}
#content .imgGrande {padding: 3px; background: url(../img/recuadro-grande.png) no-repeat; margin-left: 45px; }
#content .continuar {display: block; width: 146px; height: 46px; text-indent: -9000px; background: url(../img/boton-continuar.png) no-repeat; }
.en #content .continuar { background-image: url(../img/boton-continuar-en.png); }
.pasos {font-size: 14px; color: #5976AC; }
.mensaje, .mensaje2 {background: #ffe8e8 url(../img/wrong.gif) no-repeat 15px 10px; margin: 1em auto; padding: 10px 20px 10px 70px; width: 205px; border: 2px solid #ff6666; color: #ff0000; font: bold 11px Tahoma, sans-serif; }
.mensaje2 {width: 400px; clear: both; }
.mensaje2 a {text-decoration: underline; }
.mensaje ul, .mensaje2 ul {margin-left: -10px; margin-top: 5px; }
.mensaje li, .mensaje2 li {background: url(../img/bullet-error.gif) no-repeat 3px 6px; color: #000; line-height: 1.1; margin-bottom: 0.5em; }
#right {background: #dbf1ce url(../img/right.gif) no-repeat 15px center; border-color: #8eb476; color: #2e5c11; }
.titpagos {text-indent: -9000px; width: 345px; height: 21px; background: url(../img/tit-pagos.png) no-repeat; overflow: hidden; }
.en .titpagos { background-image: url(../img/tit-pagos-en.png); }
#yamismo {margin: 10px 0; }
#elija {background-position: 0 -21px; height: 22px; margin-top: 10px; }
.en #elija { width: 600px; }
#porsolo49, #porsolo49pesos {font-size: 14px; padding: 0 160px 0 25px; background: url(../img/49/por-solo.png) no-repeat 620px 0; }
.en #porsolo49, .en #porsolo49pesos { background-image: url(../img/49/por-solo-pesos-en.png); }
#porsolo49 em, #porsolo49pesos em {font-style: normal; color: #9e0b0f; }
#porsolo49pesos {background-image: url(../img/49/por-solo-pesos.png); }
#porsolo49usd {font-size: 14px; padding: 0 160px 0 25px; background: url(../img/49/por-solo-usd.png) no-repeat 620px 0;}
.en #porsolo49pesos { background-image: url(../img/49/por-solo-pesos-en.png); }
#porsolo29, #porsolo29pesos {font-size: 14px; padding: 0 160px 0 25px; background: url(../img/29/por-solo.png) no-repeat 620px 0; }
.en #porsolo29, .en #porsolo29pesos { background-image: url(../img/29/por-solo-pesos-en.png); }
#porsolo29 em, #porsolo29pesos em {font-style: normal; color: #9e0b0f; }
#porsolo29pesos {background-image: url(../img/29/por-solo-pesos.png); }
#porsolo29usd {font-size: 14px; padding: 0 160px 0 25px; background: url(../img/29/por-solo-usd.png) no-repeat 620px 0;}
.en #porsolo29pesos { background-image: url(../img/29/por-solo-pesos-en.png); }
#seguro {background: #CCE1FF url(../img/ssl.gif) no-repeat 23px 7px; padding: 5px 0 5px 100px; font-size: 12px; line-height: 1.2; margin-top: 10px; }
#textoP {margin: 10px 0; overflow: hidden; font-size: 14px; }
#textoP a {color: #00f; text-decoration: underline; }
.tarjetas { margin: 10px 10px 15px 0; float: left; display: block; }
#textoP h3 {font-size: 14px; margin: 8px 0 1px 0; }
#div_elegir_metodo {width: 168px; height: 19px; position: relative; cursor: pointer; text-indent: -9000px; float: right; background: url(../img/otro-metodo.png) right 0; clear: both; margin-bottom: 7px; }
.en #div_elegir_metodo { background-image: url(../img/otro-metodo-en.png); }
#contactese {clear: both; background-color: #fff899; font-size: 12px; padding: 3px 12px; width: 725px; }
#contactese a {text-decoration: underline; color: #00f; }
#formCompra {font: bold 11px Tahoma, sans-serif; background-color: #9dbdf4; padding: 10px 10px 5px 10px; float: left; clear: both; width: 730px; }
#formCompra legend {display: none; }
#formCompra label {background-color: #ff0; padding: 3px; }
#formCompra input {width: 65px; }
#formCompra #allopass_email {width: 90px; }
#formCompra button {display: block; float: right; margin: -22px 0px 0 0; width: 105px; height: 30px; cursor: pointer; background: url(../img/form-continuar.gif) no-repeat; border: 0; text-indent: -9000px; }
.en #formCompra button { background-image: url(../img/form-continuar-en.png); }
#metodos {}
#metodos p {margin: 0 15px 15px 155px; }
#metodos h4 {display: block; text-indent: -9000px; background: url(../img/tit-metodos.png) no-repeat; margin: 15px 0 0 155px; height: 16px; overflow: hidden;}
.en #metodos h4 { background-image: url(../img/tit-metodos-en.png); }
#stretchers {}
#metodos #bomba {background-position: 0 -16px; height: 19px; }
#metodos #cirugia {background-position: 0 -35px; height: 19px; }
#metodos #capsulas {background-position: 0 -54px; height: 39px; }
.en #metodos #capsulas { height: 19px; }
#metodos #pesas {background-position: 0 -93px;}
#metodos img {float: left; margin-top: -20px;}
#beneficios {}
#beneficios h4, #preguntas h4 {color: #549932; font-size: 14px; margin-left: 15px; }
#beneficios img {display: block; padding: 3px; float: right; margin: 5px 15px 0 10px; background: url(../img/recuadro-116.png) no-repeat; }
#beneficios p, #preguntas p {margin: 3px 15px 10px 15px; }
#beneficios .alt {color: #549932; font-size: 12px; line-height: 1.2; }
#beneficios .division, #preguntas .division {margin: 15px; width: 474px; }
#beneficios ul {margin-bottom: 20px;}
#beneficios li {font-weight: bold; color: #549932; }
#beneficios li a {color: #38711c; text-decoration: underline; }
#preguntas h4 {text-transform: uppercase; }
#temaForo {background-color: #88CF5D; padding: 10px 0px 5px 0; margin: 5px 0 10px 0; }
#temaForo h4 {font-size: 17px; color: #193806; margin-bottom: 5px; }
#temaForo p {color: #000; }
#beneficios .desForo, #beneficios .desForo {font-size: 17px; border-bottom: 1px solid #549932; margin-bottom: 10px; }
.formulario {background: #9dbdf4 url(../img/form-top.gif) no-repeat; width: 312px; padding-top: 13px; margin: 10px auto; color: #fff; }
.formLargo {background-image: url(../img/form-largo-top.gif); width: 484px; }
.formulario fieldset {background: url(../img/form-bottom.gif) no-repeat 0 bottom; }
.formLargo fieldset {background-image: url(../img/form-largo-bottom.gif); }
.formulario fieldset br, .formulario fieldset legend {display: none; }
.formulario label {display: block; float: left; text-indent: -9000px; width: 71px; height: 13px; background: url(../img/labels.gif) no-repeat; margin: 5px 0 0 15px; }
.en .formulario label { background-image: url(../img/labels-en.gif); }
.formLargo label, span .titulo {text-indent: 0; background: none; width: 125px; font-weight: bold; color: #fff; font-size: 11px; margin-top: 3px; text-align: right; padding-right: 5px; }
span .titulo { float: left; width: 285px; font-size: 9pt; }
.formulario #formNombre {}
.formulario #formEmail {background-position: 0 -13px;}
.formulario #formAsunto {background-position: 0 -26px; }
.formulario span {display: block; overflow: hidden; background-color: #5976ac; padding: 2px 0; border: 1px solid #869bc4; border-right-color: #506a9a; border-bottom-color: #405883; border-left-color: #6b84b3; }
.formulario input {margin: 2px 0 0 4px; width: 202px; }
.formulario .inputradio { width: 15px; vertical-align: middle; height: 13px; border: 0; }
.formulario select {margin: 1px 0 0 4px; width: 206px; }
.formulario textarea {width: 277px; height: 118px; margin: 13px 0 0 15px; }
.formulario button {display: block; width: 95px; height: 29px; background: url(../img/boton-enviar.gif) no-repeat; border: 0; text-indent: -9000px; margin: 10px auto; cursor: pointer; }
.en .formulario button { background-image: url(../img/boton-enviar-en.gif); }
.formLargo button {width: 105px; height: 30px; background-image: url(../img/form-continuar.gif); }
.en .formLargo button { background-image: url(../img/form-continuar-en.gif); }
.formulario em {font-size: 10px; font-style: normal; margin-left: 15px; }
.formLargo #paypal_venc_mes, .formLargo #paypal_venc_anio {width: 25px; padding-left: 5px; }
.formLargo #paypal_csc {width: 83px; }
#content .formLargo a {font-size: 11px; color: #fff; text-decoration: none; border-bottom: 1px solid #fff; } #content .formLargo a:hover {background-color: transparent; }
.formLargo p {font-size: 12px; color: #37475E; }
.formLargo p em {font-size: 12px; margin-left: 0; background-color: #BFE8A6; padding: 0 5px; }
.formLargo2 {background-image: url(../img/form-largo-top2.gif); width: 560px; }
.formLargo2 fieldset {background-image: url(../img/form-largo-bottom2.gif); }
.formLargo2 label { background: none; display: inline; float: none; margin: 0; }
.en .formLargo2 label { background: none; display: inline; float: none; margin: 0; }
span .titulo {text-indent: 0; background: none; font-weight: bold; color: #fff; font-size: 15px; margin-top: 3px; text-align: right; padding-right: 5px; }
.formLargo2 button {width: 105px; height: 30px; background-image: url(../img/form-continuar.gif); }
.en .formLargo2 button { background-image: url(../img/form-continuar-en.gif); }
.formLargo2 #paypal_venc_mes, .formLargo2 #paypal_venc_anio {width: 25px; padding-left: 5px; }
.formLargo2 #paypal_csc {width: 83px; }
#content .formLargo2 a {font-size: 11px; color: #fff; text-decoration: none; border-bottom: 1px solid #fff; } #content .formLargo2 a:hover {background-color: transparent; }
.formLargo2 p {font-size: 12px; color: #37475E; }
.formLargo2 p em {font-size: 12px; margin-left: 0; background-color: #BFE8A6; padding: 0 5px; }
.formLargo2 input { border: 1px solid #000; font-size: 12pt; height: 22px; padding: 1px 3px 0 3px; }
.formLargo2 select { border: 1px solid #000; font-size: 12pt; height: 23px; padding: 0 0 0 3px; }
#ayuda {border: 2px solid #374f7c; background-color: #bad2fc; width: 225px; height: 140px; }
#sections {width: 235px; float: left; overflow: hidden; border-right: 1px solid #d4d4d4; padding-bottom: 5000px; margin-bottom: -5000px; }
#buttons {width: 235px; height: 262px; background: url(../img/botonera.png) no-repeat; }
.en #buttons { background-image: url(../img/botonera-en.png); }
#buttons li a {display: block; height: 29px; text-indent: -9000px; background: url(../img/botonera.png) no-repeat 235px 0; margin-bottom: 3px; }
.en #buttons li a { background-image: url(../img/botonera-en.png); }
#buttons #btn1 a:hover {background-position: -235px 0; }
#buttons #btn2 a:hover {background-position: -235px -32px; }
#buttons #btn3 a:hover {background-position: -235px -64px; }
#buttons #btn4 a:hover {background-position: -235px -96px; }
#buttons #btn5 a:hover {background-position: -235px -128px; }
#buttons #btn6 a:hover {background-position: -235px -160px; }
#buttons #btn7 a:hover {background-position: -235px -192px; }
#buttons #btn8 a:hover {background-position: -235px -224px; }
#buttons #btn1 .seleccionado, #buttons #btn1 .seleccionado:hover {background-position: -470px 0; }
#buttons #btn2 .seleccionado, #buttons #btn2 .seleccionado:hover {background-position: -470px -32px; }
#buttons #btn3 .seleccionado, #buttons #btn3 .seleccionado:hover {background-position: -470px -64px; }
#buttons #btn4 .seleccionado, #buttons #btn4 .seleccionado:hover {background-position: -470px -96px; }
#buttons #btn5 .seleccionado, #buttons #btn5 .seleccionado:hover {background-position: -470px -128px; }
#buttons #btn6 .seleccionado, #buttons #btn6 .seleccionado:hover {background-position: -470px -160px; }
#buttons #btn7 .seleccionado, #buttons #btn7 .seleccionado:hover {background-position: -470px -192px; }
#buttons #btn8 .seleccionado, #buttons #btn8 .seleccionado:hover {background-position: -470px -224px; }
.usuarios {background: url(../img/usuarios-top.png) no-repeat; padding-top: 45px; }
.en .usuarios { background-image: url(../img/usuarios-top-en.png); }
.usuarios fieldset {background: url(../img/usuarios-med.png) repeat-y; padding-top: 5px; }
.usuarios legend {display: none; }
.usuarios label {display: block; float: left; font: bold 11px Tahoma, sans-serif; width: 77px; padding: 3px 6px 0 0; text-align: right; }
.usuarios input {width: 110px; margin-bottom: 5px; }
.usuarios #checkUser {font-weight: normal; width: 175px; padding-left: 22px; text-align: left; }
.usuarios #checkUser input {width: auto; vertical-align: middle; margin-right: 3px; }
.usuarios button {display: block; clear: both; cursor: pointer; float: left; width: 96px; height: 28px; text-indent: -9000px; border: 0; background: url(../img/usuarios-btn.png) no-repeat; margin: -24px 0 0 105px; }
.en .usuarios button { background-image: url(../img/usuarios-btn-en.png); }
.usuarios #usuariosBtm {display: block; float: left; clear: both; background: url(../img/usuarios-bot.png) no-repeat; width: 227px; height: 9px; }
.usuarios #formSusc {display: block; float: left; text-indent: -9000px; width: 100px; height: 23px; background: url(../img/suscribirse-form.png) no-repeat; margin-top: 2px; }
.en .usuarios #formSusc { background-image: url(../img/suscribirse-form-en.png); }
.usuarios #formRecup {clear: both; font-size: 11px; font-family: Tahoma; color: #4f4f4f; margin-left: 22px; float: left; text-decoration: underline; }
.usuarios .error {margin: 0 38px 8px 20px; line-height: 1.6; color: #fff; border: 1px solid #ccc; padding: 5px; background: #5a85cf url(../img/error.png) no-repeat 5px 5px; text-indent: 20px; font-size: 11px; font-weight: bold; }
.usuarios #iniciando {font: bold 11px Tahoma, sans-serif; margin-right: 10px; margin-top: 5px; text-align: center; color: #000; }
.usuarios #iniciando img {vertical-align: -8px; padding-right: 5px; }
#avalado {width: 192px; margin: 8px 0 8px 14px; min-height: 366px; background: #88cf5d url(../img/fondo-avalado.gif) no-repeat 0 bottom; font: normal 11px Tahoma, sans-serif; color: #2e5c11; }
#avalado h3 {text-indent: -9000px; width: 192px; height: 67px; background: url(../img/avalado.png) no-repeat; }
.en #avalado h3 { background-image: url(../img/avalado-en.png); }
#avalado p {margin: 8px 10px 10px 10px; }
#avalado a {display: block; text-indent: -9000px; width: 127px; height: 32px; background: url(../img/suscribase-avalado.gif) no-repeat; margin: 159px 0 0 10px; overflow: hidden; }
.en #avalado a { background-image: url(../img/suscribase-avalado-en.gif); }
#atencion {background-color: #e3e3e3; width: 192px; margin-left: 14px; padding: 10px 0 20px 0; padding-bottom: 5000px; margin-bottom: -4980px; }
#atencion h3 {width: 181px; height: 52px; margin: 0 auto; background: url(../img/tit-atencion.gif) no-repeat; text-indent: -9000px; }
.en #atencion h3 { background-image: url(../img/tit-atencion-en.gif); }
#atencion ul {margin: 0 10px; width: 152px; padding: 0 10px; }
#atencion li {padding: 8px 0; background: url(../img/punteado-hor.gif) repeat-x 0 bottom; font: normal 11px Tahoma; }
#atencion .impar {font-weight: bold; }
#footer {float: left; clear: both; position: relative; height: 27px; background: url(../img/fondo-pie.png) repeat-x; border: 1px solid #fff; border-width: 10px 0; padding: 22px 0 0 13px; width: 737px; font: normal 11px Tahoma, sans-serif; color: #fff; }
#footer a {display: block; width: 113px; height: 28px; background: url(../img/webmasters.png) no-repeat; text-indent: -9000px; right: 10px; top: 17px; position: absolute; }
dt { font-weight: bold; color: #f00; }
dd { font-size: 11px; margin-bottom: 7px; padding-bottom: 5px; border-bottom: 1px solid #666; }
td { text-align: left; }
#facts { width: 400px; margin: 6px auto; }
#facts ul, #facts li { list-style-type: disc; margin: 0 15px; }
#duplicated { background-color: #eee; color: #f00; font-weight: bold; padding: 10px; }
#duplicated a { font-size: 12px; font-weight: bold; color: #666; }
#facts_li li { margin-bottom: 19px; }