@charset "utf-8";

/*SALIDA A PANTALLA*/

/*HOJA DE ESTILOS DE FORMULARIOS Y CALCULADORAS PARA [CNMV] SITIO WEB
Creado por IECI*/


/* estilos calculadoras */
.calc { border: 1px solid #a8a8a8; margin: 20px; width: 590px}
.fndcalc { background:url(../img/fondos/fnd_calc.gif)  repeat-x bottom; border: 1px solid #fff }
.titlecalc { background: #0a5a92; color: #fff !important; display:block; font-weight: bold !important; font-size: 1.2em; text-align:center; padding-bottom: 5px; padding-top: 5px !important; margin: 3px}
.labelv {  margin: 10px  20px  10px 20px; font-weight: bold; padding: 10px; border-bottom: 1px dashed #b4b4b4;}
.labelv label { float: left; width: 150px; padding-top: 3px }
.calc input { border: 1px solid #0a5a92 !important; background:url(../img/fondos/fnd_input_calc.gif) repeat-x !important; color: #0a5a92; padding: 3px; font-weight: bold}

/* bloque de accion calcular */
.fndtotal { background:url(../img/fondos/fnd_total.gif)  repeat-x bottom; border: 1px solid #fff }
.labelt { display: block;  font-weight: bold; padding: 10px; border-top: 1px solid #b4b4b4;  }
.labelt  label  { font-weight: bold; color: #0a5a92; margin-left: 20px;  float: left; width: 150px; padding-top: 3px  }
input.btncalc  { background:url(../img/fondos/fnd_button.gif) no-repeat !important; color: #fff  !important; border: none  !important; width: 105px; height: 30px; margin-left: 15px; cursor:pointer;}

/* tipo fieldset preguntas */
.calc fieldset { border: 1px solid #b4b4b4; margin: 10px 20px 10px 20px; padding: 15px}
.calcdes fieldset { border: 0; margin: 10px 20px 10px 20px; padding: 0}
.calc legend { font-weight: bold}
.calc legend span{ white-space:normal; display:block; color:#444444; width:518px}
*+html .calc legend span{width:505px}
.calc fieldset  label { margin: 10px}
input.bn { border: none !important; background: none !important}

/* Centrar boton de accion */
.btncentrar { margin: 10px; text-align: center}

/* Descripcion de los resultados */
.calcdes { border-top: 2px solid  #b4b4b4; display:none}
.calcdes  p { margin: 20px}
.calcdes  li { color: #444 !important; border-bottom: 1px solid #b4b4b4; padding:10px 20px !important;font-weight:bold;list-style-position:outside;list-style-type:none;}
.calcdes dl{overflow:hidden; height:100%; padding:8px 0; font-weight:bold}
.calcdes dl dt{ padding:3px 4px 0 0; float:left;clear:both}
.calcdes dl dd{padding-top:3px;}
.calcdes span { /*display: block;*/ padding-top: 3px}
.calcdes  .correcto { color: #488a0a !important}
.calcdes  .incorrecto { color: #ca013a !important}
 
 .div-herramienta {
	border:1px solid #A8A8A8;
	padding: 5px;	
	font-family:Arial;
	color:#434343;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:20px;
}

.div-herramienta .texto-explicativo {
	border-bottom:1px solid #A8A8A8;
	padding-top: 15px;
	padding-bottom: 15px;
}

.div-herramienta .texto-explicativo p {
	padding: 0px;
	font-size:110%;
}


.div-herramienta .sin-borde {
	border-bottom:none;
	padding-top:0px;
}

.div-herramienta .titulo {
	text-align:center;
	padding:8px;
	background-color:#0B5A93;
}
.div-herramienta .titulo h3 {
	text-align:center;
	padding:0px;
	color:#FFFFFF;
	font-size:140%;
	font-weight:bold;
}

.div-herramienta legend {
	font-weight:bold;
	font-size:110%;
}

.div-herramienta legend span {
	display:block;
	white-space: normal;
}

.div-herramienta  fieldset {
	margin:10px;
	padding: 5px;
	border:1px solid #A8A8A8;
}

.div-herramienta  fieldset .ayuda p {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:90%;
}

.div-herramienta  .etiquetas {
	padding: 5px;
	border-bottom:1px dotted #A8A8A8;
}

.div-herramienta  .input-texto {
	width:50%;
}

.div-herramienta  .etiqueta-final {
	border-bottom:none;
}

.div-herramienta label {
	font-size:120%;
}

.div-herramienta input {
	color:#0B5A93;
	font-weight:bold;
	border:1px solid #0B5A93;
	height:20px;
	vertical-align:middle;
	font-size:120%;
	padding:2px;
}

.div-herramienta .botones {
	text-align:center;
	padding:8px;
}

.div-herramienta .botones input {
	color:#FFFFFF;
	font-size:110%;
	font-weight:bold;
	background-color:#0B5A93;
	border:none;
	height:34px;
	cursor:pointer;	
}



.div-herramienta .resultados .area {
	padding:8px;
	border-bottom:1px dotted #A8A8A8;
}

.div-herramienta .resultados .subtitulo {
	padding-bottom:15px;
}
.div-herramienta .resultados .subtitulo p {
	color:#ca013a;
	font-weight:bold;
	font-size:115%;
	padding-bottom:0px;
}


.div-herramienta .resultados .area .lista-detalle li, .div-herramienta .resultados .area .lista-resultados li , .div-herramienta .texto-explicativo li {
	font-weight:normal;
	list-style-position:inside;
	list-style-type:disc;
	padding:5px;
	padding-top:8px;
	padding-bottom:5px;
	font-size:110%;
	color:#404040;
}


.div-herramienta .texto-explicativo li {
	font-size:100%;
}

.div-herramienta .texto-explicativo .lista_numerada li {
	list-style-type:decimal;
}

.div-herramienta .texto-explicativo .lista_no_numerada li {
	list-style-type:disc;
	padding-left:25px;
}

.div-herramienta .resultados .area .lista-resultados .resultado {
	font-weight:bold;
	color:#ca013a;
}


.div-herramienta .resultados .area .sublista-detalle li{
	font-weight:normal;
	margin-bottom:0px;
	padding-top:8px;
	padding-bottom:0px;
	padding-left:20px;
	font-size:100%;
}



.div-herramienta .resultados .nota p {
	font-size:90%;
	font-style:italic;
	padding-top:0px;
}

#boton-enviar input, #boton-volver input {
	border:none;
}

.div-herramienta .error p {
	padding:15px;
	color:#ca013a;
}


.tabla-amortizacion {
	margin-top:15px;
	padding:0px;
	font-size:100%;
	border:1px solid #ca013a;
}

.tabla-amortizacion td,  .tabla-amortizacion th {
	padding:6px;
	border-bottom:1px dotted #A8A8A8;
}

.tabla-amortizacion .importe {
	text-align: right;	
}

.tabla-amortizacion .encabezado {
	font-weight:bold;
	color:#ca013a;
	
}



.mi_presupuesto { width:615px; height: 120px; }
.ahorrar_mes_1 { width:615px; height: 630px; }
.ahorrar_mes_2 { width:615px; height: 630px; }
.comprar_o_alquilar { width:625px; height: 870px; }
.cuota_prestamo { width:400px; height: 350px; }
.esquema_pensiones { width:620px; height: 460px; }
.glosario_infantil { width:560px; height: 343px; }
.hipoteca { width:615px; height: 600px; }
.impacto_recortes_gastos { width:615px; height: 510px; }
.invertir_pagar_deudas { width:615px; height: 680px; }
.jubilacion { width:620px; height: 690px; }
.nivel_endeudamiento { width:615px; height: 570px; }
.prestamo_coche { width:620px; height: 510px; }
.presupuesto { width:620px; height: 660px; }
.presupuesto_bebe { width:615px; height:685px; }
.presupuesto_infantil { width:615px; height: 500px; }
.priorizar_objetivos { width:615px; height: 415px; }
.test_ahorro { width:620px; height: 195px; }
.test_compatibilidad_financiera { width:620px; height:375px; }
.test_salud_financiera { width:620px; height: 475px; }
.tiempo_ahorrar_infantil { width:615px; height: 470px; }
.tocar_mirar_girar { width:620px; height: 550px; }
.valor_neto { width:615px; height: 540px; }
.vivienda_me_puedo_permitir { width:615px; height: 370px; }