#landing-v4 .padd-15{ padding:0 15px;} /* CONTENIDO */ header.cab-1{ padding:30px 0; margin:0; border-bottom:1px solid #9a999e;} #landing-v4 #contenido{ padding:0 0 50px;} #landing-v4 #contenido .container{} #landing-v4 #contenido .textos{ height:313px; background-image:url(../img/test-nutricional/imagen-portada.jpg); background-repeat:no-repeat; background-position: right top; background-size:contain;} #landing-v4 #contenido h1{font-size:50px; margin:0 0 30px 0; padding-top:30px; font-family: 'Oswald', sans-serif; font-weight:400; color:#536daf; } #landing-v4 #contenido p.txt-verde{ margin-bottom:20px; font-size:30px; line-height:23px; font-family: 'Oswald', sans-serif; font-weight:300; color:#92c04f; } #landing-v4 #contenido p span.fondo-verde{ background-color:#92c04f; color:#fff; padding:0 5px; font-weight:300;} #landing-v4 #contenido p.txt-gris{font-size:24px; line-height:30px; margin-bottom:0; font-family: 'Raleway', sans-serif; font-weight:300; color:#67666a;} #landing-v4 #contenido p.txt-gris strong{font-weight:600;} #landing-v4 #contenido p.txt-gris span{font-size:25px; display:block; font-weight:600;} #landing-v4 #contenido p.txt-naranja{display:none;} #landing-v4 #contenido .corp-mv{ display:none;} #landing-v4 #contenido .contenedor-formulario{ position:relative;} #landing-v4 #contenido .formulario{ padding:20px 10px 60px; background-color:#f7f8f9; border:1px solid #92c04f; overflow:hidden; position:relative;} #landing-v4 #contenido .formulario .desactivado{opacity: 0.40; filter: alpha(opacity =40);} #landing-v4 #contenido .formulario .oculto{display:none;} #landing-v4 #contenido .formulario .til-categoria{font-size:25px; padding:5px; margin-bottom:15px; font-family: 'Oswald', sans-serif; font-weight:400; color:#fff; background-color:#7b7c7c;} #landing-v4 #contenido .formulario .check-validate{float:left; margin:11px 1px 0 5px; width:18px; height:auto;} #landing-v4 #contenido .formulario .check-validate-2{margin:0 1px 0 5px; width:18px; height:auto;} #landing-v4 #contenido .formulario .check-validate-3{float:left; margin:11px 3px 0 3px; width:18px; height:auto;} #landing-v4 #contenido .formulario .datos-corporales{ padding-right:7px;} #landing-v4 #contenido .formulario .nacimiento{float:left; width:85%; } #landing-v4 #contenido .formulario input[type=text], #landing-v4 #contenido .formulario input[type=tel], #landing-v4 #contenido .formulario input[type=email], #landing-v4 #contenido .formulario input[type=number]{ height:40px; font-size:14px; padding:5px; background-color:#fff; border:1px solid #92c04f; font-family: 'Raleway', sans-serif; font-weight:400; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background-clip:padding-box !important; border-radius:0;} #landing-v4 #contenido .formulario .datos-corporales input[type=text]{ width:100%;} #landing-v4 #contenido .formulario .campo-obligatorio{display:none; font-size:12px; font-family: 'Raleway', sans-serif; font-weight:400; color:red;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia{ clear:both; overflow:hidden;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .check-bascula{font-size:14px; font-family: 'Raleway', sans-serif; font-weight:600; color:#67666a;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .check-bascula img{ margin-right:8px;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .check-bascula input[type=checkbox]{ margin-left:8px;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .campos-bascula{font-size:14px; margin-bottom:0; font-family: 'Raleway', sans-serif; font-weight:600; color:#67666a;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .campos-bascula p{font-size:16px; margin:20px 0 10px; font-family: 'Raleway', sans-serif; font-weight:400; color:#67666a;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .campos-bascula input[type=text]{ width:43%;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .campos-bascula input[type=radio]{ margin:0 8px;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .campos-bascula .grasa{ margin-bottom:12px;} #landing-v4 #contenido .formulario .datos-corporales .preguntas{ margin-left:15px; padding-left:15px; border-left:1px solid #c6c6c7;} #landing-v4 #contenido .formulario .datos-corporales .preguntas .til-pregunta{font-size:13px; margin-bottom:10px; font-family: 'Raleway', sans-serif; font-weight:600; color:#67666a;} #landing-v4 #contenido .formulario .datos-corporales .preguntas .respuestas{font-size:13px; padding-left:10px; font-family: 'Raleway', sans-serif; font-weight:400; color:#67666a;} #landing-v4 #contenido .formulario .datos-corporales .preguntas .respuestas div{ height:27px; line-height:27px;} #landing-v4 #contenido .formulario .datos-corporales .preguntas .pregunta1{ margin-bottom:20px;} #landing-v4 #contenido .formulario .datos-corporales .preguntas .pregunta2{ margin-bottom:20px;} #landing-v4 #contenido .formulario .datos-corporales .preguntas .pregunta2 input[type=radio]{ margin:0 8px;} #landing-v4 #contenido .formulario .datos-corporales .preguntas .pregunta3{ padding-bottom:20px;} #landing-v4 #contenido .formulario .separador{ padding-left:7px; border-left:1px solid #67666a;} #landing-v4 #contenido .formulario .datos-personales{ text-align:left;} #landing-v4 #contenido .formulario .datos-personales .campo{float:left; width:84%;} #landing-v4 #contenido .formulario .datos-personales .campo input{ width:100%; margin-bottom:15px;} #landing-v4 #contenido .formulario .datos-personales .whatsapp{font-size:13px; margin-top:7px; font-family: 'Raleway', sans-serif; font-weight:600; color:#5b5b5f} #landing-v4 #contenido .formulario .datos-personales .whatsapp .ico-whatsapp{ width:30px; height:auto;} #landing-v4 #contenido .formulario .datos-personales .opcional{font-size:16px; margin:10px 0; clear:both; font-family: 'Raleway', sans-serif; font-weight:600; color:#5b5b5f} #landing-v4 #contenido .formulario .datos-personales .redes{ overflow:hidden;} #landing-v4 #contenido .formulario .datos-personales .redes input[type=text]{ width:82%;} #landing-v4 #contenido .formulario .datos-personales .redes input.facebook{ background-image:url(../img/comunes/ico-facebook.gif); background-repeat:no-repeat; background-position:95% center;} #landing-v4 #contenido .formulario .datos-personales .redes input.instagram{ background-image:url(../img/comunes/ico-instagram.gif); background-repeat:no-repeat; background-position:95% center;} ::-webkit-input-placeholder { color:#5b5b5f; opacity: 1 !important; filter: alpha(opacity =100); } /* WebKit */ :-moz-placeholder { color:#5b5b5f; opacity: 1 !important; filter: alpha(opacity =100); } /* Firefox 18- */ ::-moz-placeholder { color:#5b5b5f; opacity: 1 !important; filter: alpha(opacity =100); } /* Firefox 19+ */ :-ms-input-placeholder { color:#5b5b5f; opacity: 1 !important; filter: alpha(opacity =100); } /* IE 10+ */ #landing-v4 #contenido .formulario .check{ clear:both; float:none; font-family: 'Raleway', sans-serif; font-weight:400; font-size:13px; color:#5b5b5f; margin:20px 0 20px 0; padding-left:9px; text-align:center; } #landing-v4 #contenido .formulario .check a{ font-family: 'Raleway', sans-serif; font-weight:600; font-size:13px; color:#5b5b5f; text-decoration:underline; } #landing-v4 #contenido .formulario .boton{ clear:both; width:324px; margin:10px auto 0;} #landing-v4 #contenido .formulario .boton a{ display:block; float:left; background:#92c04f; font-size:21px; font-family: 'Oswald', sans-serif; font-weight:300; color:white; padding:10px 23px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} #landing-v4 #contenido .formulario .boton a strong{font-weight:600;} #landing-v4 #contenido .formulario .boton a:hover{ text-decoration:none; color:yellow;} #landing-v4 #contenido .formulario .boton a img{float:left;} #landing-v4 #contenido .formulario .aviso-legal{position:absolute; left:0; bottom:0; width:100%; padding:5px 10px; font-size:12px; color:#5b5b5f; font-family: 'Raleway', sans-serif; font-weight:400; background-color:#dedfe0;} #landing-v4 #contenido .usuario-registrado{position:absolute; top:20px; right:10px; width:380px; height:482px; background-color:#FFF; border:1px solid #92c04f; padding:20px;} #landing-v4 #contenido .usuario-registrado p{margin:0 0 10px;font-size:14px; font-family: 'Raleway', sans-serif; font-weight:400; color:#67666a;} #landing-v4 #contenido .usuario-registrado .nombre-distri{ font-size:14px; padding:10px 0; margin:0 0 10px; background-color:#f7f8f9; font-family: 'Raleway', sans-serif; font-weight:600; color:#000; text-align:center;} #landing-v4 #contenido .usuario-registrado .botones-us-reg{ margin:20px 0 0;} #landing-v4 #contenido .usuario-registrado .boton-us-reg{ clear:both; width:284px; margin:10px auto 0;} #landing-v4 #contenido .usuario-registrado .boton-us-reg a{ display:block; float:left; background:#92c04f; font-family: 'Oswald', sans-serif; font-weight:300; font-size:18px; color:white; padding:5px 4px 6px 6px;} #landing-v4 #contenido .usuario-registrado .boton-us-reg a strong{font-weight:600;} #landing-v4 #contenido .usuario-registrado .boton-us-reg a:hover{ text-decoration:none; color:yellow;} #landing-v4 #contenido .usuario-registrado .boton-us-reg a img{float:left;} #landing-v4 #contenido .usuario-registrado .boton-us-reg.nuevo a{padding:5px 20px 6px 6px;} #landing-v4 #contenido .usuario-registrado-2{position:absolute; top:20px; right:10px; width:380px; height:482px; background-color:#FFF; border:1px solid #92c04f; padding:60px 20px 20px;} #landing-v4 #contenido .usuario-registrado-2 .titulo{font-size:30px; padding:60px 0 5px; margin:0 0 20px; font-family:"oswald-bold"; color:#92c04f; border-bottom:1px solid #92c04f; background-image:url(../img/test-nutricional/operadora.jpg); background-position:right bottom; background-size:contain; background-repeat:no-repeat;} #landing-v4 #contenido .usuario-registrado-2 p{margin:0 0 20px;font-size:18px; line-height:24px; font-family: 'Raleway', sans-serif; font-weight:400; color:#67666a;} #landing-v4 #contenido .usuario-registrado-2 .listado{ margin-bottom:20px; overflow:hidden;} #landing-v4 #contenido .usuario-registrado-2 .listado .SelectStyleImp{ width:100%;} #landing-v4 #contenido .usuario-registrado-2 .boton{ clear:both; width:317px; margin:20px auto 0;} #landing-v4 #contenido .usuario-registrado-2 .boton a{ display:block; float:left; background:#92c04f; font-family: 'Raleway', sans-serif; font-weight:400; font-size:30px; color:white; padding:10px 18px 11px;} #landing-v4 #contenido .usuario-registrado-2 .boton a strong{font-family: 'Raleway', sans-serif; font-weight:600;} #landing-v4 #contenido .usuario-registrado-2 .boton a:hover{ text-decoration:none; color:yellow;} #landing-v4 #contenido .usuario-registrado-2 .boton a img{float:left;} /*checkbox*/ body{-webkit-animation:bugfix infinite 1s} @-webkit-keyframes bugfix{from{padding:0}to{padding:0}} .checkbox-btn,.radio-btn{position:relative;padding-left:20px} .checkbox-btn input[type="checkbox"],.checkbox-btn input[type="radio"],.radio-btn input[type="checkbox"],.radio-btn input[type="radio"]{position:absolute;opacity:0;z-index:1} .checkbox-btn label,.radio-btn label{display:inline-block;line-height:24px;vertical-align:middle;position:relative;padding-left:20px;cursor:pointer;user-select:none;color:#5b5b5f} .checkbox-btn label::after,.radio-btn label::after{position:absolute;content:"";width:18px;height:18px;left:0;top:6px;margin-left:-10px;background-color:white;border:1px solid #5b5b5f;-webkit-border-radius:3px;border-radius:3px;background-clip:padding-box;cursor:pointer} .checkbox-btn label::before,.radio-btn label::before{position:absolute;content:"";width:10px;height:5px;top:6px;left:6px;margin:-3px 0 0 -20.75px;border:1px solid #000;border-top:none;border-right:none;background:transparent;-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;-webkit-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;z-index:1} .checkbox-btn label:active::before,.radio-btn label:active::before{opacity:0.3} .checkbox-btn input[type="checkbox"]:checked+label,.checkbox-btn input[type="radio"]:checked+label,.radio-btn input[type="checkbox"]:checked+label,.radio-btn input[type="radio"]:checked+label{color:#5b5b5f} .checkbox-btn input[type="checkbox"]:checked+label::after,.checkbox-btn input[type="radio"]:checked+label::after,.radio-btn input[type="checkbox"]:checked+label::after,.radio-btn input[type="radio"]:checked+label::after{border:1px solid #5b5b5f} .checkbox-btn input[type="checkbox"]:checked+label::before,.checkbox-btn input[type="radio"]:checked+label::before,.radio-btn input[type="checkbox"]:checked+label::before,.radio-btn input[type="radio"]:checked+label::before{opacity:1} .checkbox-btn input[type="checkbox"]:disabled+label,.checkbox-btn input[type="radio"]:disabled+label,.radio-btn input[type="checkbox"]:disabled+label,.radio-btn input[type="radio"]:disabled+label{color:#787878;cursor:default} .checkbox-btn input[type="checkbox"]:disabled+label::after,.checkbox-btn input[type="radio"]:disabled+label::after,.radio-btn input[type="checkbox"]:disabled+label::after,.radio-btn input[type="radio"]:disabled+label::after{border:3px solid #787878;background-color:#ffffff} .checkbox-btn input[type="checkbox"]:disabled+label::before,.checkbox-btn input[type="radio"]:disabled+label::before,.radio-btn input[type="checkbox"]:disabled+label::before,.radio-btn input[type="radio"]:disabled+label::before{display:none} .radio-btn label::after{-webkit-border-radius:50%;border-radius:50%;background-clip:padding-box} .radio-btn label::before{width:8px;height:8px;border:none;top:14px;left:16px;-webkit-border-radius:50%;border-radius:50%;background-clip:padding-box;background-color:#5b5b5f;-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)} .SelectStyleImp {display:block !important; float:left; margin:0 auto; position:relative; width:85%; margin-bottom:15px; overflow:hidden; text-align:left;} select { font-family: 'Raleway', sans-serif; font-weight:400; width: 100%; background: #fff; color: #585757; padding:5px; font-size: 14px; line-height: 100%; border: 1px solid #92c04f; border-radius: 0; height: 40px; -webkit-appearance: none; cursor:pointer; float:left; } #test-nutricional option {padding:5px;} .SelectStyleImp:after { width: 20px; height: 40px; display: block; content: ''; position: absolute; top: 0;right: 0; pointer-events: none; background:#fff; background-image: url(../img/test-nutricional/flecha-select.gif); background-repeat: no-repeat; background-position: center center; border-top: 1px solid #92c04f; border-right: 1px solid #92c04f; border-bottom: 1px solid #92c04f; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } /* ESTILOS CHEKBOX */ /* SQUARED TWO */ #landing-v4 .squaredTwo { float:left; width: 22px; height: 24px; background:#f6f6f6; border:1px solid #00c000; position: relative; margin-right:5px; } #landing-v4 .squaredTwo label { cursor: pointer; position: absolute; width: 21px; height: 21px; left:0; top:0; background:#f6f6f6; } #landing-v4 .squaredTwo label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 10px; height: 10px; background: #00c000; top: 0; left:0; margin: 6px 5px 5px 5px; } #landing-v4 .squaredTwo label:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3; } #landing-v4 .squaredTwo input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } #informacion-login{ height:152px; overflow:hidden; border-top:1px solid #dad8d8; border-bottom:1px solid #dad8d8; background: #ebf7e4; /* Old browsers */ background: -moz-linear-gradient(top, #ebf7e4 0%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ebf7e4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ebf7e4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf7e4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } /*GRACIAS*/ #landing-v4 .venta-paquete .texto-bienvenida-gracias .titulo{ font-size:48px; line-height:52px; margin:0 0 30px 0; font-family: 'Raleway', sans-serif; font-weight:400; color:#92c04f;} #landing-v4 .venta-paquete .texto-bienvenida-gracias .titulo strong{font-size:48px; font-family: 'Raleway', sans-serif; font-weight:600;} #landing-v4 .venta-paquete .texto-bienvenida-gracias p{ width:55%; font-size:30px; margin:0 0 30px 0; font-family: 'Raleway', sans-serif; font-weight:400; color:#67666a;} #landing-v4 .venta-paquete .texto-bienvenida-gracias p strong{font-family: 'Raleway', sans-serif; font-weight:600;} #landing-v4 .venta-paquete .texto-bienvenida-gracias .contacto{font-size:30px; margin-bottom:300px; font-family: 'Oswald', sans-serif; font-weight:400; color:#536daf} /*====================================================== GRACIAS antigua ======================================================== */ #landing-v4 .gracias{ padding:0 0 50px;} /*#landing-v4 .gracias {padding:80px 0 0 0; background-image:url(../img/test-nutricional/imagen-gracias.jpg); background-repeat:no-repeat; background-position:right top;}*/ #landing-v4 .gracias h1{font-size:30px; line-height:30px; margin-bottom:30px; font-family:"oswald-bold"; color:#92c04f;} #landing-v4 .gracias p.info-continuar{width:100%; font-size:32px; margin-bottom:30px; font-family: 'Raleway', sans-serif; font-weight:400; color:#536daf;} #landing-v4 .gracias p.info-continuar strong{font-family: 'Raleway', sans-serif; font-weight:600;} #landing-v4 .gracias p.txt-gris-gracias{width:100%; font-size:22px; padding-bottom:120px; margin-bottom:100px; font-family: 'Raleway', sans-serif; font-weight:400; color:#67666a;} #landing-v4 .gracias .hablar-wapp{position:relative; padding:8px; margin-bottom:15px; background: #258917; background: -moz-linear-gradient(left, #258917 39%, #196b0d 100%); background: -webkit-linear-gradient(left, #258917 39%,#196b0d 100%); background: linear-gradient(to right, #258917 39%,#196b0d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258917', endColorstr='#196b0d',GradientType=1 );} #landing-v4 .gracias .hablar-wapp span.titulo{font-size:25px; color:white; font-family: 'Raleway', sans-serif; font-weight:600;} #landing-v4 .gracias .hablar-wapp{font-size:17px; line-height:22px; color:white; font-family: 'Raleway', sans-serif; font-weight:400;} #landing-v4 .gracias .hablar-wapp strong{font-family: 'Raleway', sans-serif; font-weight:600;} #landing-v4 .gracias .hablar-wapp .ico-wapp{position:absolute; top:5px; right:5px; width:47px; height:49px; background:url(../img/test-nutricional/ico-whatsapp.png) no-repeat center;} /*FOOTER*/ footer .pie-test{ text-align:center; clear:both;} footer .logo-pie{ display:inline-block; float:none;} footer .nombre-telefono{display:inline-block; float:none; overflow:hidden; text-align:left;} /* ***************************************************************************************************************************************************************************************************** ------------------------------------------------------------------------------------- 992 PIXELS --------------------------------------------------------------------------------------------------- ***************************************************************************************************************************************************************************************************** */ @media (min-width:992px) and (max-width:1199px){ /* ************************************************************************************************************************************************************************************************************************************************************* **************************************************************************************************************** NUEVO TEST NUTRICIONAL *************************************************************************************************************************************** ************************************************************************************************************************************************************************************************************************************************************* */ /* CONTENIDO */ #landing-v4 #contenido{ padding:0 0 50px;} #landing-v4 #contenido .container{} #landing-v4 #contenido .textos{ height:260px; padding-top:10px;} #landing-v4 #contenido h1{font-size:38px; } #landing-v4 #contenido p.txt-verde{ margin-bottom:10px; font-size:23px; line-height:20px;} #landing-v4 #contenido p.txt-gris{ font-size:22px;} #landing-v4 #contenido p.txt-gris span{ font-size:25px;} #landing-v4 #contenido p.txt-naranja{display:none;} #landing-v4 #contenido .txt-azul-mv{display:none;} #landing-v4 #contenido .corp-mv{ display:none;} #landing-v4 #contenido aside .img-chica{ width:280px; height:auto;} #landing-v4 #contenido .formulario{ padding:20px 10px 75px;} #landing-v4 #contenido .formulario .titulo{font-size:30px; margin-bottom:25px;} #landing-v4 #contenido .formulario .datos-corporales .til-categoria{font-size:22px;} #landing-v4 #contenido .formulario input[type=text], #landing-v4 #contenido .formulario input[type=tel], #landing-v4 #contenido .formulario input[type=email], #landing-v4 #contenido .formulario input[type=number]{ height:35px; font-size:12px; padding:5px; } #landing-v4 #contenido .formulario .til-categoria{font-size:22px; margin-bottom:15px;} #landing-v4 #contenido .formulario .nacimiento{width:83%;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .check-bascula img{ height:35px;} #landing-v4 #contenido .formulario .datos-corporales .preguntas .til-pregunta { font-size:12px;} #landing-v4 #contenido .formulario .datos-corporales .preguntas .respuestas{ font-size:12px;} #landing-v4 #contenido .formulario .datos-corporales .preguntas .respuestas div {line-height:17px;} #landing-v4 #contenido .formulario .datos-personales .campo{ width:80%;} #landing-v4 #contenido .formulario .datos-personales .campo input{ margin-bottom:10px;} #landing-v4 #contenido .formulario .datos-personales .campo.tel{ width:90% !important;} #landing-v4 #contenido .formulario .boton { width:281px;} #landing-v4 #contenido .formulario .boton a { font-size:19px;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .check-bascula{ font-size:12px;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .check-bascula img{ height:25px;} #landing-v4 #contenido .usuario-registrado{position:absolute; top:20px; right:10px; width:313px; height:445px; padding:15px;} #landing-v4 #contenido .usuario-registrado p{margin:0 0 10px;font-size:13px; } #landing-v4 #contenido .usuario-registrado .nombre-distri{ font-size:13px; padding:10px 0; margin:0 0 10px;} #landing-v4 #contenido .usuario-registrado .botones-us-reg{ margin:15px 0 0;} #landing-v4 #contenido .usuario-registrado .boton-us-reg{ clear:both; width:284px; margin:10px auto 0;} #landing-v4 #contenido .usuario-registrado .boton-us-reg a{font-size:16px; padding:5px 4px 6px 6px;} #landing-v4 #contenido .usuario-registrado .boton-us-reg.nuevo a{padding:5px 20px 6px 6px;} #landing-v4 #contenido .usuario-registrado-2{position:absolute; top:20px; right:10px; width:313px; height:407px; padding:20px 20px 20px;} #landing-v4 #contenido .usuario-registrado-2 .titulo{font-size:30px; padding:60px 0 5px; margin:0 0 20px;} #landing-v4 #contenido .usuario-registrado-2 p{margin:0 0 20px;font-size:18px; line-height:24px;} #landing-v4 #contenido .usuario-registrado-2 .listado{ margin-bottom:20px; overflow:hidden;} #landing-v4 #contenido .usuario-registrado-2 .listado .SelectStyleImp{ width:100%;} #landing-v4 #contenido .usuario-registrado-2 .boton{ clear:both; width:280px; margin:20px auto 0;} #landing-v4 #contenido .usuario-registrado-2 .boton a{ font-size:26px; padding:10px 18px 11px;} #landing-v4 #contenido .usuario-registrado-2 .boton img{ height:47px;} /* SELECT */ select {height:35px; padding:3px; font-size:12px;} .SelectStyleImp{ width:83%;} .SelectStyleImp:after {width:15px; height:35px;} /*GRACIAS*/ #landing-v4 .venta-paquete .texto-bienvenida-gracias .contacto{margin-bottom:200px;} /*====================================================== GRACIAS antigua ======================================================== */ #landing-v4 .gracias{ padding:0 0 50px;} /*#landing-v4 .gracias {padding:80px 0 0 0; background-image:url(../img/test-nutricional/imagen-gracias.jpg); background-repeat:no-repeat; background-position:right top;}*/ #landing-v4 .gracias h1{font-size:30px; line-height:30px; margin-bottom:30px; font-family:"oswald-bold"; color:#92c04f;} #landing-v4 .gracias p.info-continuar{width:100%; font-size:32px; margin-bottom:30px; font-family: 'Raleway', sans-serif; font-weight:400; color:#536daf;} #landing-v4 .gracias p.info-continuar strong{font-family: 'Raleway', sans-serif; font-weight:600;} #landing-v4 .gracias p.txt-gris-gracias{width:100%; font-size:22px; padding-bottom:120px; margin-bottom:100px; font-family: 'Raleway', sans-serif; font-weight:400; color:#67666a;} #landing-v4 .gracias .hablar-wapp{position:relative; padding:8px; margin-bottom:15px; background: #258917; background: -moz-linear-gradient(left, #258917 39%, #196b0d 100%); background: -webkit-linear-gradient(left, #258917 39%,#196b0d 100%); background: linear-gradient(to right, #258917 39%,#196b0d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258917', endColorstr='#196b0d',GradientType=1 );} #landing-v4 .gracias .hablar-wapp span.titulo{font-size:25px; color:white; font-family: 'Raleway', sans-serif; font-weight:600;} #landing-v4 .gracias .hablar-wapp{font-size:17px; line-height:22px; color:white; font-family: 'Raleway', sans-serif; font-weight:400;} #landing-v4 .gracias .hablar-wapp strong{font-family: 'Raleway', sans-serif; font-weight:600;} #landing-v4 .gracias .hablar-wapp .ico-wapp{position:absolute; top:5px; right:5px; width:47px; height:49px; background:url(../img/test-nutricional/ico-whatsapp.png) no-repeat center;} } /* ***************************************************************************************************************************************************************************************************** ------------------------------------------------------------------------------------- 768 PIXELS --------------------------------------------------------------------------------------------------- ***************************************************************************************************************************************************************************************************** */ @media (min-width:768px) and (max-width:991px){ /* ************************************************************************************************************************************************************************************************************************************************************* **************************************************************************************************************** NUEVO TEST NUTRICIONAL *************************************************************************************************************************************** ************************************************************************************************************************************************************************************************************************************************************* */ header.cab-1{ padding:15px 0; height:70px;} header .logo{ position:relative; display:block; left:auto; top:auto;} /* CONTENIDO */ #landing-v4 #contenido{ padding:0 0 50px;} #landing-v4 #contenido .container{} #landing-v4 #contenido .textos{ height:260px; padding-top:10px;} #landing-v4 #contenido h1{font-size:30px; padding-top:15px; margin-bottom:18px; } #landing-v4 #contenido p.txt-verde{ margin-bottom:10px; font-size:20px; line-height:15px;} #landing-v4 #contenido p.txt-gris{ font-size:15px; line-height:23px;} #landing-v4 #contenido p.txt-gris span{ font-size:20px;} #landing-v4 #contenido p.txt-naranja{display:none;} #landing-v4 #contenido .corp-mv{ display:none;} #landing-v4 #contenido aside .img-chica{ width:280px; height:auto;} #landing-v4 #contenido .formulario{ padding:20px 10px 50px; text-align:left;} #landing-v4 #contenido .textos{ height:195px;} #landing-v4 #contenido .formulario .titulo{font-size:30px; margin-bottom:25px;} #landing-v4 #contenido .formulario .til-categoria{ font-size:22px;} #landing-v4 #contenido .formulario .datos-corporales .til-categoria{font-size:22px;} #landing-v4 #contenido .formulario input[type=text], #landing-v4 #contenido .formulario input[type=tel], #landing-v4 #contenido .formulario input[type=email], #landing-v4 #contenido .formulario input[type=number]{ height:30px; font-size:12px; padding:5px; } #landing-v4 #contenido .formulario #Cintura, #landing-v4 #contenido .formulario #FecNac, #landing-v4 #contenido .formulario #Nombre, #landing-v4 #contenido .formulario #Apellidos, #landing-v4 #contenido .formulario #Telefono, #landing-v4 #contenido .formulario #IdFacebook, #landing-v4 #contenido .formulario #IdInstagram{ margin:0;} #landing-v4 #contenido .formulario .datos-personales .til-categoria{font-size:22px; margin-bottom:15px;} #landing-v4 #contenido .formulario .check-validate { width:12px;} #landing-v4 #contenido .formulario .check-validate-2 {width:12px; margin: 11px 1px 0 3px;} #landing-v4 #contenido .formulario .check-validate-2.tab {margin:4px 1px 0 3px;} #landing-v4 #contenido .formulario .check-validate-3 { width:12px;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .check-bascula{ font-size:12px;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .check-bascula img{ height:20px;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .campos-bascula input[type="text"]{ width:80px;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .campos-bascula input[type="radio"]{ margin:0 5px !important;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .campos-bascula {font-size:17px;} #landing-v4 #contenido .formulario .datos-corporales .preguntas{ letter-spacing:-0.5px;} #landing-v4 #contenido .formulario .datos-corporales .preguntas .til-pregunta { font-size:12px; line-height:18px; margin-bottom:0;} #landing-v4 #contenido .formulario .datos-corporales .preguntas{margin-left: 3px; padding-left: 9px;} #landing-v4 #contenido .formulario .datos-corporales .preguntas .respuestas{ font-size:12px; padding-left:0;} #landing-v4 #contenido .formulario .datos-corporales .preguntas .respuestas div{ height:auto !important; margin-bottom:3px; line-height:15px;} #landing-v4 #contenido .formulario .datos-personales .campo{ width:80%;} #landing-v4 #contenido .formulario .datos-personales .campo input{ margin-bottom:10px;} #landing-v4 #contenido .formulario .datos-personales .campo.tel{ width:90% !important;} #landing-v4 #contenido .formulario .datos-personales .whatsapp {font-size:11px; margin-top:8px;} #landing-v4 #contenido .formulario .datos-personales .whatsapp .ico-whatsapp{width:20px;} #landing-v4 #contenido .formulario .datos-personales .opcional{ font-size:13px; padding-top:10px;} #landing-v4 #contenido .formulario .datos-personales .redes input.facebook{background-size:15%;} #landing-v4 #contenido .formulario .datos-personales .redes input.instagram{background-size:15%;} #landing-v4 #contenido .formulario .check{ font-size:12px;} #landing-v4 #contenido .formulario .check a{ font-size:12px;} #landing-v4 #contenido .formulario .boton { width:222px;} #landing-v4 #contenido .formulario .boton a { font-size:17px; padding:10px 8px;} #landing-v4 #contenido .formulario .boton img{ height:42px;} #landing-v4 #contenido .formulario .aviso-legal{ font-size:10px;} #landing-v4 #contenido .usuario-registrado{position:absolute; top:20px; right:10px; width:247px; height:398px; padding:8px;} #landing-v4 #contenido .usuario-registrado p{margin:0 0 8px;font-size:12px; } #landing-v4 #contenido .usuario-registrado .nombre-distri{ font-size:12px; padding:10px 0; margin:0 0 8px;} #landing-v4 #contenido .usuario-registrado .botones-us-reg{ margin:8px 0 0;} #landing-v4 #contenido .usuario-registrado .boton-us-reg{ clear:both; width:228px; margin:5px auto 0;} #landing-v4 #contenido .usuario-registrado .boton-us-reg a{font-size:14px; padding:5px 4px 6px 6px;} #landing-v4 #contenido .usuario-registrado .boton-us-reg.nuevo a{padding:5px 17px 6px 6px;} #landing-v4 #contenido .usuario-registrado-2{position:absolute; top:20px; right:10px; width:247px; height:398px; padding:10px 10px 10px;} #landing-v4 #contenido .usuario-registrado-2 .titulo{font-size:26px; padding:60px 0 5px; margin:0 0 20px;} #landing-v4 #contenido .usuario-registrado-2 p{margin:0 0 20px;font-size:18px; line-height:24px;} #landing-v4 #contenido .usuario-registrado-2 .listado{ margin-bottom:20px; overflow:hidden;} #landing-v4 #contenido .usuario-registrado-2 .listado .SelectStyleImp{ width:100%;} #landing-v4 #contenido .usuario-registrado-2 .boton{ clear:both; width:222px; margin:20px auto 0;} #landing-v4 #contenido .usuario-registrado-2 .boton a{ font-size:22px; padding:10px 7px 11px;} #landing-v4 #contenido .usuario-registrado-2 .boton img{ height:43px;} /* SELECT */ .SelectStyleImp {margin-bottom:10px; width:85%;} select {height:30px; padding:3px; font-size:12px;} .SelectStyleImp:after {width:10px; height:30px;} /*GRACIAS*/ #landing-v4 .venta-paquete .texto-bienvenida-gracias .titulo{ font-size:38px; line-height:40px; margin:0 0 30px 0;} #landing-v4 .venta-paquete .texto-bienvenida-gracias .titulo strong{font-size:38px; font-family: 'Raleway', sans-serif; font-weight:600;} #landing-v4 .venta-paquete .texto-bienvenida-gracias p{ width:68%; font-size:24px; margin:0 0 30px 0;} #landing-v4 .venta-paquete .texto-bienvenida-gracias .contacto{font-size:24px; margin-bottom:200px;} /*====================================================== GRACIAS antigua ======================================================== */ #landing-v4 .gracias{ padding:0 0 50px;} #landing-v4 .gracias {padding:80px 0 0 0; } #landing-v4 .gracias h1{font-size:30px; line-height:30px; margin-bottom:30px; font-family:"oswald-bold"; color:#92c04f;} #landing-v4 .gracias p.info-continuar{width:100%; font-size:32px; margin-bottom:30px; font-family: 'Raleway', sans-serif; font-weight:400; color:#536daf;} #landing-v4 .gracias p.info-continuar strong{font-family: 'Raleway', sans-serif; font-weight:600;} #landing-v4 .gracias p.txt-gris-gracias{width:100%; font-size:22px; padding-bottom:120px; margin-bottom:100px; font-family: 'Raleway', sans-serif; font-weight:400; color:#67666a;} #landing-v4 .gracias .hablar-wapp{position:relative; padding:8px; margin-bottom:15px; background: #258917; background: -moz-linear-gradient(left, #258917 39%, #196b0d 100%); background: -webkit-linear-gradient(left, #258917 39%,#196b0d 100%); background: linear-gradient(to right, #258917 39%,#196b0d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258917', endColorstr='#196b0d',GradientType=1 );} #landing-v4 .gracias .hablar-wapp span.titulo{font-size:25px; color:white; font-family: 'Raleway', sans-serif; font-weight:600;} #landing-v4 .gracias .hablar-wapp{font-size:17px; line-height:22px; color:white; font-family: 'Raleway', sans-serif; font-weight:400;} #landing-v4 .gracias .hablar-wapp strong{font-family: 'Raleway', sans-serif; font-weight:600;} #landing-v4 .gracias .hablar-wapp .ico-wapp{position:absolute; top:5px; right:5px; width:47px; height:49px; background:url(../img/test-nutricional/ico-whatsapp.png) no-repeat center;} } /* ***************************************************************************************************************************************************************************************************** ------------------------------------------------------------------------------------- 320 PIXELS --------------------------------------------------------------------------------------------------- ***************************************************************************************************************************************************************************************************** */ @media (max-width:767px){ /* ************************************************************************************************************************************************************************************************************************************************************* **************************************************************************************************************** NUEVO TEST NUTRICIONAL *************************************************************************************************************************************** ************************************************************************************************************************************************************************************************************************************************************* */ header.cab-1{ position:relative; padding-top:5px; height:50px;} header .logo {position: relative; left:auto; top:auto; z-index:auto;} main{ padding:0;} /* CONTENIDO */ #landing-v4 #contenido{ padding:0 0 20px;} #landing-v4 #contenido .container{} #landing-v4 #contenido .textos{ height:160px; padding-top:0; background-image:url(../img/test-nutricional/imagen-portada-mv.jpg); background-repeat:no-repeat; background-position: right bottom; background-size:240px;} #landing-v4 #contenido h1{font-size:20px; margin:0 0 10px; padding-top:15px;} #landing-v4 #contenido p.txt-verde{ margin-bottom:10px; font-size:18px; line-height:25px; height:70px;} #landing-v4 #contenido p.txt-gris{ display:none;} #landing-v4 #contenido .corp-mv{ display:inline;} #landing-v4 #contenido p.txt-naranja{display:inline-block; background-color:#ec8205; line-height:auto; height:auto; padding:3px 5px; font-size:14px; color:#fff; font-family: 'Oswald', sans-serif; font-weight:400;} #landing-v4 #contenido p.txt-naranja strong{font-family: 'Oswald', sans-serif; font-weight:600;} #landing-v4 #contenido .formulario .pad0mv{ padding:0 !important;} #landing-v4 #contenido .formulario .pad05mv{ padding:0 5px !important;} #landing-v4 #contenido .formulario {padding: 10px 5px 105px;} #landing-v4 #contenido .formulario .titulo{font-size:25px; margin-bottom:10px;} #landing-v4 #contenido .formulario .til-categoria { font-size:18px;} #landing-v4 #contenido .formulario .datos-corporales .til-categoria{ margin-bottom:15px;} #landing-v4 #contenido .formulario .check-validate { width:14px;} #landing-v4 #contenido .formulario .check-validate-2 {width:14px; margin:0 1px 0 3px;} #landing-v4 #contenido .formulario .check-validate-2.tab {margin:4px 1px 0 3px;} #landing-v4 #contenido .formulario .check-validate-3 { width:14px;} #landing-v4 #contenido .formulario input[type=text]{ height:40px; font-size:15px; } #landing-v4 #contenido .formulario input[type=text], #landing-v4 #contenido .formulario input[type=tel], #landing-v4 #contenido .formulario input[type=email], #landing-v4 #contenido .formulario input[type=number]{ width:100%; font-size:12px;} #landing-v4 #contenido .formulario #Cintura, #landing-v4 #contenido .formulario #FecNac, #landing-v4 #contenido .formulario #Nombre, #landing-v4 #contenido .formulario #Apellidos, #landing-v4 #contenido .formulario #Telefono, #landing-v4 #contenido .formulario #Email, #landing-v4 #contenido .formulario #Pais, #landing-v4 #contenido .formulario #IdFacebook, #landing-v4 #contenido .formulario #IdInstagram{ margin:0;} #landing-v4 #contenido .formulario .datos-corporales{ padding-right:0;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia{ text-align:center;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .check-bascula{ width:82%; display:inline-block;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .check-bascula img { height:20px; margin-right:5px;} #landing-v4 #contenido .formulario .datos-corporales .bascula-bioimpedancia .campos-bascula input[type="text"] {width:38%;} #landing-v4 #contenido .formulario .datos-corporales .preguntas { margin:15px 0 0 0; padding:15px 0 0 0; border-left:0; border-top:1px solid #c6c6c7; text-align:left;} #landing-v4 #contenido .formulario .datos-corporales .preguntas .respuestas div{ line-height:16px;} #landing-v4 #contenido .formulario .separador{ margin:15px 0 0 0; padding:15px 0 0 0px; border-left:0; border-top:1px solid #67666a;} #landing-v4 #contenido .formulario .datos-personales{ text-align:left;} #landing-v4 #contenido .formulario .datos-personales .til-categoria{font-size:20px; margin-bottom:15px; } #landing-v4 #contenido .formulario .datos-personales .campo { width:98%; margin-bottom:12px;} #landing-v4 #contenido .formulario .nacimiento{width:95%;} #landing-v4 #contenido .formulario .datos-personales .whatsapp{font-size:12px;} #landing-v4 #contenido .formulario .datos-personales .whatsapp .ico-whatsapp{width:27px;} #landing-v4 #contenido .formulario .datos-personales .opcional{ font-size:14px;} #landing-v4 #contenido .formulario .check{ clear:both; float:none; font-family: 'Raleway', sans-serif; font-weight:400; font-size:12px; color:#5b5b5f; margin:20px 0 20px 0; } #landing-v4 #contenido .formulario .check a{ font-family: 'Raleway', sans-serif; font-weight:600; font-size:12px; color:#5b5b5f; text-decoration:underline; } #landing-v4 #contenido .formulario .boton{ clear:both; width:290px; margin:10px auto 0; padding:0; overflow:hidden;} #landing-v4 #contenido .formulario .boton a { width:100%; font-size:20px; padding:10px 0;} #landing-v4 #contenido .usuario-registrado{} #landing-v4 #contenido .usuario-registrado p{margin:0 0 10px;font-size:14px; } #landing-v4 #contenido .usuario-registrado .nombre-distri{ font-size:14px; padding:10px 0; margin:0 0 10px;} #landing-v4 #contenido .usuario-registrado .botones-us-reg{ margin:15px 0 0;} #landing-v4 #contenido .usuario-registrado .boton-us-reg{ clear:both; width:284px; margin:10px auto 0;} #landing-v4 #contenido .usuario-registrado .boton-us-reg a{font-size:18px; padding:5px 4px 6px 6px;} #landing-v4 #contenido .usuario-registrado .boton-us-reg.nuevo a{padding:5px 20px 6px 6px;} #landing-v4 #contenido .usuario-registrado-2{position:relative; top:auto; right:auto; min-width:310px; width:auto; height:auto; padding:20px 20px 20px;} #landing-v4 #contenido .usuario-registrado-2 .titulo{font-size:30px; padding:60px 0 5px; margin:0 0 20px;} #landing-v4 #contenido .usuario-registrado-2 p{margin:0 0 20px;font-size:18px; line-height:24px;} #landing-v4 #contenido .usuario-registrado-2 .listado{ margin-bottom:20px; overflow:hidden;} #landing-v4 #contenido .usuario-registrado-2 .listado .SelectStyleImp{ width:100%;} #landing-v4 #contenido .usuario-registrado-2 .boton{ clear:both; width:281px; margin:20px auto 0;} #landing-v4 #contenido .usuario-registrado-2 .boton a{ font-size:26px; padding:10px 18px 11px;} #landing-v4 #contenido .usuario-registrado-2 .boton img{ height:47px;} /* SELECT */ #landing-v4 #contenido .formulario select{font-size:12px; padding-left:2px;} .SelectStyleImp { width:98%; margin-bottom:10px; font-size:12px; } #informacion-login{height:auto;} #informacion-login .caja-texto{float:none; text-align:center;} #informacion-login .caja-texto h2{font-size:20px; margin:17px 0 8px 0; } #informacion-login .caja-texto p{display:none;} #informacion-login .telefono{font-size:22px; margin:0 0 10px 0; text-align:center; float:none;} #informacion-login .telefono img{width:auto; height:30px; padding-top:5px;} #informacion-login .telefono .separador{padding:0 15px;} /*FOOTER*/ footer .pie-test{ text-align:center; clear:both;} footer .logo-pie{ display:block; float:none; margin-bottom:20px;} footer .nombre-telefono{display:block; float:none; text-align:center;} /*GRACIAS*/ #landing-v4 .venta-paquete .texto-bienvenida-gracias .titulo{ font-size:20px; line-height:22px; margin:10px 0 10px 0;} #landing-v4 .venta-paquete .texto-bienvenida-gracias .titulo strong{font-size:20px;} #landing-v4 .venta-paquete .texto-bienvenida-gracias p{ width:100%; font-size:18px; margin:0 0 20px 0;} #landing-v4 .venta-paquete .texto-bienvenida-gracias .contacto{display:none;} /*====================================================== GRACIAS antigua ======================================================== */ #landing-v4 .gracias{ padding:0 0 50px;} #landing-v4 .gracias {padding:80px 0 0 0; } #landing-v4 .gracias h1{font-size:30px; line-height:30px; margin-bottom:30px; font-family:"oswald-bold"; color:#92c04f;} #landing-v4 .gracias p.info-continuar{width:100%; font-size:32px; margin-bottom:30px; font-family: 'Raleway', sans-serif; font-weight:400; color:#536daf;} #landing-v4 .gracias p.info-continuar strong{font-family: 'Raleway', sans-serif; font-weight:600;} #landing-v4 .gracias p.txt-gris-gracias{width:100%; font-size:22px; padding-bottom:120px; margin-bottom:100px; font-family: 'Raleway', sans-serif; font-weight:400; color:#67666a;} #landing-v4 .gracias .hablar-wapp{position:relative; padding:8px; margin-bottom:15px; background: #258917; background: -moz-linear-gradient(left, #258917 39%, #196b0d 100%); background: -webkit-linear-gradient(left, #258917 39%,#196b0d 100%); background: linear-gradient(to right, #258917 39%,#196b0d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258917', endColorstr='#196b0d',GradientType=1 );} #landing-v4 .gracias .hablar-wapp span.titulo{font-size:25px; color:white; font-family: 'Raleway', sans-serif; font-weight:600;} #landing-v4 .gracias .hablar-wapp{font-size:17px; line-height:22px; color:white; font-family: 'Raleway', sans-serif; font-weight:400;} #landing-v4 .gracias .hablar-wapp strong{font-family: 'Raleway', sans-serif; font-weight:600;} #landing-v4 .gracias .hablar-wapp .ico-wapp{position:absolute; top:5px; right:5px; width:47px; height:49px; background:url(../img/test-nutricional/ico-whatsapp.png) no-repeat center;} }