
@charset "utf-8";

/*Formularios general*/
input {padding-left: 2px;}
input[type="text"] {border: 1px solid #7E9DB8;}
select{padding-left:2px; border: 1px solid #7E9DB8;}
input.extraminimo  {width: 18px;}
input.minimo {width: 20px;}
input.input30 {width: 30px;}
input.pequeno {width: 50px;}
input.input60 {width: 60px;}
input.input85 {width: 85px;}
input.medio {width: 75px;}
input.grande {width: 110px;}
.extra {width: 200px;}
input.extraplus {width: 260px;}
input.extragrande {width: 350px;}
textarea {font-family: Arial, Helvetica, sans-serif;}
textarea.gran {width: 95%;}
form p {clear:both; margin-bottom: 0 !important;}
.antes-submit {padding-top: 37px; float:left; margin-right:20px; font-size: 1.2em}
.label100 {width:75px; float:left; color: #555; text-align:right; padding-right: 5px}
.focusfallo {border: 2px solid #FF6633; background-color:#fbffcc;}
input.botones {padding:2px 6px; font-family: Arial, Helvetica; color: #555; font-weight:bold; overflow: visible}

/*Formulario clase .formulario*/
form.formulario {clear: both}
form.formulario fieldset {margin-top: 20px}
form.formulario p {margin-left:10px}
form.formulario p.helpinput {padding-left:10px;color:#666}
form.formulario input {padding-right:5px; margin: 10px 0 0 10px;}
form.formulario label {color: #333; line-height:120%;}
form.formulario fieldset legend {color: #067cff; font-size: 1.3em; font-weight: bold; line-height: 1.8em; margin-bottom: 5px;}
form.formulario fieldset fieldset {margin:10px 0 0 10px}
form.formulario fieldset fieldset legend {font-size: 1em; color: #333; font-weight:normal; margin-bottom: -5px;}
p.p-radio {clear:both; padding-left:28px;font-size:11px;color:#666}
form.formulario .nada {font-weight:normal; margin-right: -10px;}
form.formulario label.label570 {width:570px; display: block; float: left; padding-top: 12px;}
form.formulario label.label560 {width:560px; display: block; float: left;  padding-top: 12px;}
form.formulario label.label190 {width:190px; display: block; float: left;}
.pretotal {padding: 4px 0 4px 45px; background: url("/inc_images/hipotecas/flechagrande.gif") 15px 2px no-repeat; font-size: 1.2em; color: #707070; font-weight: bold;}
.presuma {padding: 4px 0 4px 25px; background: url("/inc_images/generic/plus.gif") 15px 4px no-repeat;}
.total-disabled {width: 35px; font-weight: bold; border: none; color:#47922F !important; font-size: 1.1em; background: transparent; padding-left:5px;}
form.formulario #submit {margin: 30px 0 0 -10px}
form.formulario #submitleft230 {margin: 30px 0 0 230px}

/*Formulario enviar amigo*/
form.enviar-amigo label {font-size: 1em; width: 90px; display: block; float:left; text-align: right; padding-top: 12px;}
form.enviar-amigo .checkbox {margin-left: 100px}
form.enviar-amigo label.labelcondiciones {width:auto; padding-left:5px}
form.enviar-amigo textarea {padding-right:5px; margin: 10px 0 0px 10px; width: 20em; font-size: 1em; padding: 3px;}
form.enviar-amigo #submit {margin: 30px 0 0 96px;}
.enviar-amigo-nota {margin-left: 100px;}

/*Leads*/
form.leed label {font-size: 1em; width: 150px; display: block; float:left; text-align: right; padding-top: 12px;}
form.leed label.label400 {width:400px; text-align: left; padding: 10px 0 0 5px;margin-bottom: 10px; color: #000}
form.leed label.labelcondiciones {width:auto; padding-left:5px}
form.leed #acepta {float:left; padding-right: 5px; margin-left: 155px}
form.leed select {margin: 10px 0 0px 10px; width: 20em}
form.leed #submit {margin: 30px 0 0 155px;}
form.leed #submit2 {margin: 10px 0 0 80px;}
#cuadre-verd {padding:8px; background-color: #EFFFE1; margin-bottom:30px; width: 430px}
#cuadre-verd p {padding-left:40px; margin-bottom:0}
p.done {background: url("/inc_images/faqs/altaOK.gif") left center no-repeat; font-size: 1.2em}
#cuadre-groc {padding:15px 0 25px 15px; background-color: #FEFBD8; width: 430px}
#cuadre-groc p {color: #000}
#cuadre-groc p span.marron {color: #6C6C44; font-size:1.2em}
#cuadre-groc ul li {clear:left}
#cuadre-groc ul li img {margin:2px; border: 1px solid #e8e8e8; background-color:#fff}
#cuadre-groc ul li ul{margin-left: 110px}
#cuadre-groc ul li ul li{line-height: .5em}

/*Formulario calculadora avanzada*/
form.calculadora-avanzada label {margin-left: 25px; width: 200px; display: block; float:left; text-align: right; padding-top: 10px;}
form.calculadora-avanzada .gris1-2 {font-size: 1.2em; color: #666 !important}
form.calculadora-avanzada #seleccionaropcion {float:left; margin-left: 30px; background: url("/inc_images/hipotecas/flechagrande_izq.gif") left center no-repeat; padding-left: 25px;}
form.calculadora-avanzada #seleccionaropcion label {padding-top:0; float: none; display:inline; margin-left:5px; text-align:left;}
form.calculadora-avanzada label.especial {padding-top:0; float: none; display:inline; margin-left:0; text-align:left;}
.falloseparado {padding-left: 18px; background: url("/inc_images/generic/icono_error.png") left center no-repeat; color: #FF0000 !important; margin: 3px 0 0 240px !important; display:block;}

/*Formulario pagina buscador_avanzado*/
form.formulario-preguntas {margin: 20px 0 0 10px;}
form.formulario-preguntas p {margin-bottom: 20px; color: #666;}
form.formulario-preguntas label {margin-left: -20px; color: #067cff; font-size: 1.3em; font-weight: bold; line-height: 1.8em;}
form.formulario-preguntas input{margin: 10px 5px 0 0;}

/*Resultado calculadora con sin carencia*/
.resultado-carencia { float: left; width: 30%; padding:15px; margin-left: 25px; margin-top:20px;}
.resultado-carencia h3 {font-weight:bold; color: #067CFF; background-color: #F2F8FF; padding:2px; background-image: url(/inc_images/generic/dott-blue.gif); background-repeat: repeat-x; background-position: bottom; clear: both; margin: 0 0 10px 0;}
.resultado-carencia h4 {margin: 15px 0 5px 5px;}
.resultado-carencia p {color: #000 !important; margin-left: 30px; margin-bottom: 0;}
.resultado-carencia p span.valorverde {font-size: 1.2em;}

/*Formulario Calculadora Haz numeros (x sidebar 325) */
.formulario-calculadora-lateral, 
.formulario-recomendaciones { margin: 12px 10px 20px 13px;}
.formulario-calculadora-lateral label {float: left; text-align: left; margin: 10px 0 0 20px !important; padding-top: 3px; width: 105px; font-weight: bold; color:#666;}
.formulario-calculadora-lateral label.plazo-label {width: 50px; }
.formulario-calculadora-lateral input { text-align: right; padding-right:5px; margin: 10px 0 0 15px !important;}
#calculadora-lateral p.resultado { font-size: 1.2em; margin-left: 20px;}

/*Form buscar preguntas pagina inicio y sidebar FAQS*/
form.formulario-faqs {margin: 25px 0 10px 0}
form.formulario-faqs fieldset legend {color: #666; margin-bottom: 0}
form.formulario-faqs input{margin: 5px 5px 0 0}
form.formulario-faqs .buscar {vertical-align: bottom}

/*Formulario sidebar FAQs*/
form.formulario-modulo fieldset {margin: 5px 0 0 8px;}
form.formulario-modulo fieldset legend {color: #666; margin-bottom: 5px; font-weight: normal;}
form.formulario-modulo textarea {width: 93%; margin-left:5px;}
form.formulario-modulo .botonformulario {margin:10px 5px;}
form.formulario-modulo p.error {color: #cc0000 !important;}

/*############### Formulario Pre footer recomenaciones */
.formulario-recomendaciones label {float: left; text-align: right; margin: 10px 0px 0 20px !important; padding-top: 3px; width: 150px; color:#666;}
.formulario-recomendaciones input { margin: 10px 0 0 10px !important; }
.formulario-recomendaciones #el-boton { margin:10px 0 0 179px; padding:0;}

