/* --- Generales ---*/
/* Nota: Aqu� deben ir solo los tags generales */

* 			{ margin: 0; padding: 0; }
body 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
body.FAQ 	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background: none; }
h1 			{ color: #F1801A; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
h2 			{ color: #F1801A; font-size: 14px; font-weight: normal; margin-bottom: 10px; text-align: center; }
h3 			{ font-size: 10px; }
button 		{ border: 0; cursor: pointer; width: 86px; height: 14px; margin-left: 24px; }

 @media print {
    .oculto {display:none}
  }

/* --- Formato --- */
/* Nota: Agregar aqu� solo clases estructurales  */

div#container 				{ width: 580px; margin: 10px 0 0 10px; }
div#header, div#header_resultado
							{ position: relative; margin-bottom: 10px; margin-top: 10px; height: 37px; }
div#header 					{ background: url(bitmaps/titu_simulador.gif) 0 0 no-repeat; }
div#header img 				{top: 0px; float:right; }
div#header_avance 			{ position: relative; margin: 10px 0 16px 0; height: 17px; }
div#header_avance img 		{ float:right; margin-right:120px; }
div#header_resultado 		{ background: url(bitmaps/titu_resultado_avance.gif) 0 0 no-repeat; height:37px; margin-bottom:10px; }
div#header_resultado img 	{ position: absolute; top: 0px; right: 3px; }

#header2 		{ position: relative; margin-bottom: 20px; margin-top: 20px; height: 27px; background: url(bitmaps/titu_faq.gif) 0 0 no-repeat; }
#header2 img 	{ position: absolute; top: 0px; right: 3px; }

/* --- Tipos --- */
/* Nota: Clases relacionadas con colores y tipos de letras */ 

.letracolor 		{ color:#F1801A; }
.letraGrande		{ font-size:14px; font-weight:bold; float:left;}
.letraGrande2		{ font-size:14px; font-weight:bold; }
.info_anexa 		{ padding:10px 0px 5px 0px; display:block; }
.txt_destacado 		{ font-weight:bold; }
.peso 				{ font-weight: normal; }
.mano 				{ cursor:help; }
.mensaje 			{ font-weight: bold; border: solid #f1801A 1px; margin: 4px 0; padding: 5px; }
.ejemplo 			{ font-size:9px; font-weight:normal; color:#FF0000; }
.mail 				{ width:370px; font-size:10px; color:#000; font-weight:normal; text-align:right; }
.emailingresado 	{ width:370px; font-size:10px; color:#000; font-weight:bold; margin-top:6px; margin-bottom:10px; display:block; text-align:center; }
.flechas			{ margin:0 115px;}
p.clear				{ clear:both; padding-top:16px; display:block;}
p.exito 			{ text-align:center; font-weight:bold; margin-bottom:16px; }
p.bajadacolor 		{ color: #F1801A; font-size: 12px; font-weight: normal; margin-bottom: 10px; }
p.bajada 			{ background: url(bitmaps/bullet.gif) 0 3px no-repeat; padding:0 0 6px 10px; }
p.bullet 			{ background: url(bitmaps/bullet_flecha.gif) 0 3px no-repeat; padding:0 0 6px 12px; }
/* se cre� este nuevo estilo p.bullet_faq y se le agreg� padding a p.faq*/	
p.bullet_faq 		{ background: url(bitmaps/bullet_flecha.gif) 0 3px no-repeat; margin:0 0 6px 12px; }
p.faq 				{ padding: 8px 0 15px 12px; }
p.nota 				{ margin: 5px 20px; }
span.normal 		{ font-weight: normal; }
a 					{ color: #000; }
a.seguros 			{ color:#000000; }
p.uf				{ margin-left:64px;}

/* --- Formularios --- */
/* Nota: Agregar aqu� solo clases relacionadas con formularios. */

legend 					{ display:none; }
fieldset 				{ border:0; }
input, select, textarea	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width: 210px; }
select.largo 			{ font-family: inherit; font-size: inherit; width: 360px; }
input.monto 			{ text-align:left; width:100px; }
input.checkbox 			{ width:15px; margin:0 3px 0 7px; }
input.mail 				{ width: 150px; text-align:left; }
input.mail2 			{ width: 150px; text-align:left; margin:12px 10px 10px 0; }
input.mail3 			{ width: 150px; text-align:left; margin:10px 100px 10px 80px; }
input.direccion 		{ width: 35px; text-align:left; }
input.largo 			{ float:right; text-align:left; width:400px; }
select 					{ text-align: left; }
select.cuotas 			{ float:left; width:50px; }
select.years 			{ float:left; width:40px; }
select.moneda 			{ float:left; width:103px; }
select.meses 			{ float:left; width:100px; margin-left:4px; }
select.selectMedio		{ width:180px;}
select.selectMasLargo	{ width:285px;}
input.medio, textarea.medio, select.medio
						{ width: 100px; text-align:left; }
input.muycorto 			{ width: 25px; }
input.inputMedio		{ width: 130px;}


/* ---  Tablas --- */
/* Nota: Agregar aqu� solo clases relacionadas con tablas y su contenido */

table 				{ width: 450px; margin: 3px auto 16px auto; border-top: 1px solid #999; border-left: 1px solid #999; }
table.borde 		{ border-bottom:1px solid #999; border-right:1px solid #999 }
table.med 			{ width: 400px; }
table.largo td.top 	{ padding: 0; }
table.largo 		{ width: 580px; }
table.tableCorto	{ width: 300px;}
table.top 			{ border: 0; padding: 0; }
table.top th 		{ background: none; text-align: center; border: 0; padding: 0; }
table td, table th	{ border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 3px; }
th 					{ background: #DEDEE5; text-align: center; }
td.datos 			{ text-align: right; }
td.noborde 			{ border:none; }
td.titulo 			{ background: #E4E5EA; text-align: left; font-weight: bold; }
td.right 			{ text-align:left; }
.center 			{ text-align:center; }
td.izquierda 		{ text-align:right; }
td.tamano_medio		{ width:225px;}
td.medTamanoMedio	{ width:200px;}
.tamanoCorto		{ width:150px;}
td.sinAlto			{ padding:2px;}

/* --- Listas ---*/
/* Nota: Agregar aqu� solo clases relacionadas con listas y su despliegue */

ol, ul 				{ margin: 10px 25px; }
ol li, ul li 		{ }
ul.mensajeerror 	{ width: 500px; margin: 10px auto; }
ul.mensajeerror li	{ list-style: none; text-align: center; }

/* --- Estilos de Botonera --- */
/* Nota: Formato de la botonera inferior. */

#botonera	 		{ width: 320px; margin: 10px auto 5px auto; clear: both; position: relative;/*border: 1px solid red;*/}
#botonera_sola 		{ margin: 15px auto 5px auto; clear: both; position: relative;/*border: 1px solid red;*/}
#botonera_1boton	{ width: 100px; margin: 15px auto 5px auto; clear: both; position: relative;/*border: 1px solid red;*/}
#botonera_2boton	{ width: 250px; margin: 15px auto 5px auto; clear: both; /*border: 1px solid red;*/}
#botonera_3boton	{ width: 330px; margin: 15px auto 5px auto; clear: both; /*border: 1px solid red;*/}
#botonera_estampa	{ width:320px; margin: 10px auto 5px auto; clear: both; position:relative; padding:30px 0;}
#botonera_2boton_imprimir	{ width: 250px; height:50px; margin: 15px auto 5px auto; clear: both; /*border: 1px solid red;*/}
img.estampa 		{ top:5px; left:190px; border:0; display:block; position:absolute; float:left; }


/* --- Estilos de Pasos --- */
/*Nota: Formato de el indicador de pasos al completar formularios */

#pasos 			{ background: url(bitmaps/pasos.gif) no-repeat; width: 76px; height: 24px; position: relative; top: 0px; float:right; }
#pasos p 		{ margin-top: 5px; text-align: center; }
#pasos strong 	{ font-weight: bold; color: #F1801A; }
#pasos_2 		{ background: url(bitmaps/pasos.gif) no-repeat; width: 76px; height: 24px; position: absolute; top:37px; right:5px; }
#pasos_2 p 		{ margin-top: 5px; text-align: center; }
#pasos_2 strong	{ font-weight: bold; color: #F1801A; }


/* ---  Clases para error --- */
/* Nota: Clases relacioandas con los errores */

div#error 			{ width:450px; height:100px; margin:22px auto; border-top:2px solid #f1801a; border-bottom:2px solid #f1801a; }
div#error p 		{ float:left; margin: 35px 0 0 20px; font-weight:bold; }
div#error .titulo 	{ color:#f1801a; font-size:14px; font-weight:bold; }
div#error .exclama	{ float:left; margin:16px 0 0 7px; }
.error 				{ font-weight: bold; color: #F00; clear: both; font-size: 10px; }
#error2 			{ width:450px; height:120px; margin:0 auto; border-top:2px solid #f1801a; border-bottom:2px solid #f1801a; text-align:center; }
#header_error 		{ width:600px; height:40px; margin:40px 0 0 0; background:url(bitmaps/logo_banco.gif) no-repeat; }


/* --- Clases para botones --- */
/* Nota: Agregar aqu� solo los botones. Si el boton ya est� creado, reutilizar. */

.btn_aceptar, .btn_continuar, .btn_continuar_center, .btn_aceptar_center, .btn_cerrar_center, .btn_finalizar, .btn_guardar, .btn_guardar_operacion, .btn_nuevasimulacion, .btn_simular, .btn_simular_center, .btn_rechazar, .btn_salir, .btn_soliciteloaqui, .btn_imprimir3, .btn_cancelar, .btn_volver, .btn_imprimir, .btn_imprimir2, .btn_excel, .btn_volver_center
						{ display: block; text-indent: -999px; overflow: hidden; float:left; }
.btn_aceptar 			{ background: url(bitmaps/btn_aceptar.gif) no-repeat; width: 86px; height: 14px; }
.btn_continuar 			{ background: url(bitmaps/btn_continuar.gif) no-repeat; width: 82px; height: 14px; margin-left: 160px; _margin-left:80px; }
.btn_continuar_center 	{ width:82px; height:14px; background:url(bitmaps/btn_continuar.gif) no-repeat; margin:0px auto; float:none; }
.btn_aceptar_center 	{ width:86px; height:14px; background:url(bitmaps/btn_aceptar.gif) no-repeat; margin:20px auto; }
.btn_cerrar_center 		{ width:82px; height:14px; background:url(bitmaps/btn_cerrar.gif) no-repeat; margin:20px auto; }
.btn_cerrar_derecha 		{ width:82px; height:14px; background:url(bitmaps/btn_cerrar.gif) no-repeat; float:left;}

.btn_finalizar 			{ background: url(bitmaps/btn_finalizar.gif) no-repeat; width: 86px; height: 14px; margin-left: 25px; }
.btn_guardar 			{ background: url(bitmaps/btn_guardar.gif) no-repeat; width: 86px; height: 14px; margin-left: 24px; }
.btn_guardar_operacion	{ background: url(bitmaps/btn_guardar_operacion.gif) no-repeat; width:214px; height: 14px; margin-left: 20px; }
.btn_nuevasimulacion 	{ background: url(bitmaps/btn_nuevasimulacion.gif) no-repeat; width: 110px; height: 14px; margin-left: 24px; }
.btn_simular 			{ background: url(bitmaps/btn_simular.gif) no-repeat; width: 86px; height: 14px; margin-left: 24px; }
.btn_simular_center 	{ width:86px; height:14px; background:url(bitmaps/btn_simular.gif) no-repeat; margin:0 auto; float:none; }
.btn_rechazar 			{ background: url(bitmaps/btn_rechazar.gif) no-repeat; width: 82px; height: 14px; margin-left: 24px; _margin-left:90px; _margin-top:-14px; }
.btn_salir 				{ background: url(bitmaps/btn_salir.gif) no-repeat; width: 86px; height: 14px; margin-left: 24px; }

.btn_soliciteloaqui 	{ background: url(bitmaps/Solicitalo.gif) no-repeat; width: 120px; height: 28px; margin-left: 24px; margin-top:10px; }

.btn_imprimir3 			{ background: url(bitmaps/btn_imprimir.gif) no-repeat; width: 52px; height: 32px; margin:0 0 0 0; }
.btn_cancelar 			{ background: url(bitmaps/btn_cancelar.gif) no-repeat; width: 82px; height: 14px; margin-left: 24px; }
.btn_volver 			{ background: url(bitmaps/btn_volver.gif) no-repeat;width: 86px; height: 14px; margin-left: 24px; }
.btn_imprimir 			{ background: url(bitmaps/btn_imprimir.gif) no-repeat; width: 52px; height: 32px; margin-top:-13px; _margin-top:0px; margin-left: 50px; _margin-left: 75px; }
.btn_imprimir2			{ background: url(bitmaps/btn_imprimir.gif) no-repeat; width: 52px; height: 32px; margin-top:-13px; _margin-top:0px; margin-left: 130px; _margin-left: 75px; }
.btn_excel 				{ background: url(bitmaps/btn_excel.gif) no-repeat; width:87px; height:32px; margin-top:-13px; _margin-top:0px; margin-left: 24px; }
.btn_volver_center 		{ width:86px; height:14px; background:url(bitmaps/btn_volver.gif) no-repeat; margin:20px auto; float:none; }
#btnfaq 				{ position: absolute; margin:0; text-align: right; height: 2px; left: 394px; top: 76px; _margin-top:16px; }
.btnMargenSuperior		{ margin-top:13px;}


/* --- Otros --- */
/* Nota: Agregar aqu� solo las clases que NO est�n relacionadas con las categor�as anteriores.*/

.columna 				{ float: left; width: 40px; text-align: center; }
.columna label 			{ display: block; font-weight: bold; text-align: center; }
.columna input.muycorto	{ width: 30px; }
#clave 					{ position: relative; width: 450px; margin:  0 auto; }
#clave a.verejemplo 	{ position: absolute; right: 0; bottom: 5px; }