@import url("reset-fonts-grids.css");
/*
Estilo : body 
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	/*height: 495px;*/
	text-align: left;
	color: #666666;
	
}

/*
Estilo : body 
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.pasos
{
}


/*
Estilo : titulo
EJEMPLO:
	<span class="titulo">Ejemplo Titulo</span>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.titulo
{
	margin: 0px; 
	color: #f38b0a; 
	font-size: 21px; 
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px
	
	/*font-size: 18px;
	color: #fb8b00;
	color: #666666;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px*/
}


/*
Estilo : subtitulo
EJEMPLO:
	<span class="subtitulo">Ejemplo Titulo</span>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.subtitulo
{
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: left;
	padding-right: 0px;
	float: left;
}

/*
Estilo : informacion
EJEMPLO:
	<table class="informacion" width="100%">
	<tr>
		<td>Nombre</td>
	</tr>
	</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/


.informacion p, span
{
	display: inline;
	/*width: 350px;
	float: left;
	*float:none;*/
	color: #666666;
	margin: 15px 0;
	padding: 0px;
	/*background-color: #fff8dd;*/
	margin-bottom: 3px;
	padding: 3px;
	/*height: 17px;*/
	font-size: 13px;
	text-align: justify;
}


/*
Estilo : informacion_aclarativa
EJEMPLO:
<table class="informacion_aclarativa">
<tr>
	<td>
		Responda las siguientes preguntas para conocer cuál es la recomendación de 
		fondos más adecuada a su perfil de riesgo para su Cuenta Obligatoria y APV.
		<br>
		La recomendación de fondos no es válida para la Cuenta 2 ni para clientes 
		pensionados.
	</td>
</tr>
</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.informacion_aclarativa
{
	border: solid 5px #dfe1e6;	
	display: inline;	
	/*color: #666666;*/
	/*margin: 15px;*/
	padding: 0px;
	background-color: #dcdcdc;
	margin-bottom: 3px;
	padding: 5px;	
	font-size: 13px;
	font-weight:bold;
	text-align: justify;
	width: 90%;
}
/*
Estilo : informacion_aclarativa
EJEMPLO:
<table class="informacion_aclarativa">
<tr>
	<td>
		Responda las siguientes preguntas para conocer cuál es la recomendación de 
		fondos más adecuada a su perfil de riesgo para su Cuenta Obligatoria y APV.
		<br>
		La recomendación de fondos no es válida para la Cuenta 2 ni para clientes 
		pensionados.
	</td>
</tr>
</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.informacion_aclarativa td
{
	border: solid 5px #dfe1e6;	
	display: inline;	
	/*color: #666666;*/
	/*margin: 15px;*/
	color: #000000;
	padding: 0px;
	background-color: #dcdcdc;
	margin-bottom: 3px;
	padding: 4px;	
	font-size: 13px;
	font-weight:bold;
	text-align: justify;	
}
/*FIN Estilo : informacion_aclarativa*/





.informacion_cliente
{
}

.informacion_conexion
{
}


 

/*
Estilo : informacion_descriptiva
EJEMPLO:
	<span class="informacion_descriptiva">Esto es solo un ejemplo</span>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.informacion_descriptiva
{
	padding-left: 0px;
	margin-left: 0px;
	color: #666666;
	font-size:13px;
}


/*
Estilo : informacion_dlegal
EJEMPLO:
	<span class="informacion_descriptiva">Esto es solo un ejemplo</span>
Creado por: HMOLLER 04/05/10
Modificado por:
*/
.informacion_legal
{
	padding-left: 0px;
	margin-left: 10px;
	color: #666666;
	text-align: justify;
}

.informacion_transaccion
{
}

.informacion_mensaje_casilla
{
}

.ingreso_clave
{
}

.titulo_datos
{
}


/*
Estilo : titulo_datos
EJEMPLO:
<div class="titulo_datos">Ingrese los datos de la persona</div>
<table class="ingreso_datos" width="100%">
	<tr>
		<td>Nombre</td>
		<td><input type="text" value="Jose Soto"></td>
		<td>Dirección</td>
		<td><input type="text" value="Los patos #222" width="180px"></td>
	</tr>
	<tr>
		<td><asp:Label CssClass="ingreso_datos" id="lblMensaje" runat="server" Visible="False" >Ingresar los siguiente datos:</asp:Label></td>
		<td><input type="text" value="45"></td>
		<td>Teléfono</td>
		<td><input type="text" value="222.22.22"></td>
	</tr>
	<tr>
		<td>Comuna</td>
		<td>		
			<select name="comuna">
			<option value="1">Comuna 1</option>
			<option value="2">Comuna 2</option>
			</select>
		</td>
		<td>Ciudad</td>
		<td>
			<select name="Ciudad">
			<option value="1">Ciudad 1</option>
			<option value="2">Ciudad 2</option>
			</select>
		</td>
	</tr>
</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.titulo_datos
{
	font-weight: bold;
	color: #666666;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	display: block;
	font-size: 15px
}
/*
Estilo : ingreso_datos
EJEMPLO:
<div class="titulo_datos">Ingrese los datos de la persona</div>
<table class="ingreso_datos" width="100%">
	<tr>
		<td>Nombre</td>
		<td><input type="text" value="Jose Soto"></td>
		<td>Dirección</td>
		<td><input type="text" value="Los patos #222" width="180px"></td>
	</tr>
	<tr>
		<td><asp:Label CssClass="ingreso_datos" id="lblMensaje" runat="server" Visible="False" >Ingresar los siguiente datos:</asp:Label></td>
		<td><input type="text" value="45"></td>
		<td>Teléfono</td>
		<td><input type="text" value="222.22.22"></td>
	</tr>
	<tr>
		<td>Comuna</td>
		<td>		
			<select name="comuna">
			<option value="1">Comuna 1</option>
			<option value="2">Comuna 2</option>
			</select>
		</td>
		<td>Ciudad</td>
		<td>
			<select name="Ciudad">
			<option value="1">Ciudad 1</option>
			<option value="2">Ciudad 2</option>
			</select>
		</td>
	</tr>
</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.ingreso_datos
{
	display: inline;
	/*width: 350px;*/
	/*float: left;*/
	color: #666666;
	margin: 15px;
	padding: 0px;
	background-color: #fff8dd;
	margin-bottom: 3px;
	padding: 3px;
	/*height: 17px;*/
	font-size: 11px;
}
/*
Estilo : titulo_datos
EJEMPLO:
<div class="titulo_datos">Ingrese los datos de la persona</div>
<table class="ingreso_datos" width="100%">
	<tr>
		<td>Nombre</td>
		<td><input type="text" value="Jose Soto"></td>
		<td>Dirección</td>
		<td><input type="text" value="Los patos #222" width="180px"></td>
	</tr>
	<tr>
		<td><asp:Label CssClass="ingreso_datos" id="lblMensaje" runat="server" Visible="False" >Ingresar los siguiente datos:</asp:Label></td>
		<td><input type="text" value="45"></td>
		<td>Teléfono</td>
		<td><input type="text" value="222.22.22"></td>
	</tr>
	<tr>
		<td>Comuna</td>
		<td>		
			<select name="comuna">
			<option value="1">Comuna 1</option>
			<option value="2">Comuna 2</option>
			</select>
		</td>
		<td>Ciudad</td>
		<td>
			<select name="Ciudad">
			<option value="1">Ciudad 1</option>
			<option value="2">Ciudad 2</option>
			</select>
		</td>
	</tr>
</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.ingreso_datos input
{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFF8DD;
	display: inline;
	color: #666666;
	/*width: 200px;*/
	height: 17px;
	margin-left: 15px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 11px;
	/*float: left;*/
}
/*
Estilo : titulo_datos
EJEMPLO:
<div class="titulo_datos">Ingrese los datos de la persona</div>
<table class="ingreso_datos" width="100%">
	<tr>
		<td>Nombre</td>
		<td><input type="text" value="Jose Soto"></td>
		<td>Dirección</td>
		<td><input type="text" value="Los patos #222" width="180px"></td>
	</tr>
	<tr>
		<td><asp:Label CssClass="ingreso_datos" id="lblMensaje" runat="server" Visible="False" >Ingresar los siguiente datos:</asp:Label></td>
		<td><input type="text" value="45"></td>
		<td>Teléfono</td>
		<td><input type="text" value="222.22.22"></td>
	</tr>
	<tr>
		<td>Comuna</td>
		<td>		
			<select name="comuna">
			<option value="1">Comuna 1</option>
			<option value="2">Comuna 2</option>
			</select>
		</td>
		<td>Ciudad</td>
		<td>
			<select name="Ciudad">
			<option value="1">Ciudad 1</option>
			<option value="2">Ciudad 2</option>
			</select>
		</td>
	</tr>
</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.ingreso_datos select
{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFF8DD;
	display: inline;
	color: #666666;
	/*width: 200px;*/
	height: 17px;
	margin-left: 15px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 11px;
	/*float: left;*/
}
/*
Estilo : titulo_datos
EJEMPLO:
<div class="titulo_datos">Ingrese los datos de la persona</div>
<table class="ingreso_datos" width="100%">
	<tr>
		<td>Nombre</td>
		<td><input type="text" value="Jose Soto"></td>
		<td>Dirección</td>
		<td><input type="text" value="Los patos #222" width="180px"></td>
	</tr>
	<tr>
		<td><asp:Label CssClass="ingreso_datos" id="lblMensaje" runat="server" Visible="False" >Ingresar los siguiente datos:</asp:Label></td>
		<td><input type="text" value="45"></td>
		<td>Teléfono</td>
		<td><input type="text" value="222.22.22"></td>
	</tr>
	<tr>
		<td>Comuna</td>
		<td>		
			<select name="comuna">
			<option value="1">Comuna 1</option>
			<option value="2">Comuna 2</option>
			</select>
		</td>
		<td>Ciudad</td>
		<td>
			<select name="Ciudad">
			<option value="1">Ciudad 1</option>
			<option value="2">Ciudad 2</option>
			</select>
		</td>
	</tr>
</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.ingreso_datos textarea
{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFF8DD;
	display: inline;
	color: #666666;
	/*width: 200px;*/
	/*height: 17px;*/
	margin-left: 15px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 11px;
	/*float: left;*/
}





/*
Estilo : tabla_cuestionario
Estilos Asociados:
	tabla_cuestionario_tablaPreguntas
	tabla_cuestionario_tituloPregunta
	tabla_cuestionario_pregunta td
EJEMPLO:
<TABLE class="tabla_cuestionario">
<TR>
	<TD>
		<TABLE class="tabla_cuestionario_tablaPreguntas">
			<TR class="tabla_cuestionario_tituloPregunta">
				<TD>
					<IMG src="../../serv_linea/images/home/vineta.gif" width="14" height="9"> 
					1. ¿Cuál de las siguientes frases lo interpreta mejor?
				</TD>
			</TR>
			<TR>
				<TD bgColor="#ffffff">
					<TABLE border="0" cellSpacing="1" cellPadding="1" width="100%">
						<TR class="tabla_cuestionario_pregunta">
							<TD width="20"><INPUT id="Radio20" value="a" type="radio" name="radio1">
							</TD>
							<TD>Siempre prefiero arriesgarme sabiendo que podría obtener grandes ganancias, 
								aunque arriesgue grandes pérdidas.
							</TD>
						</TR>
						<TR class="tabla_cuestionario_pregunta">
							<TD width="20"><INPUT id="Radio21" value="b" type="radio" name="radio1">
							</TD>
							<TD>Por lo general prefiero invertir en instrumentos de mayor riesgo, para obtener 
								una mejor rentabilidad.
							</TD>
						</TR>
					</TABLE>
				</TD>
			</TR>
		</TABLE>
	</TD>
</TR>
</TABLE>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/

.tabla_cuestionario
{
	BORDER: solid 2px #dfe1e6;	
	/*cellSpacing:"0";*/	
	PADDING:"1";
	WIDTH: 90%;
	BACKGROUND-COLOR: "#dfe1e6";
}
/*
Estilo : titulo_datos
EJEMPLO:
<div class="titulo_datos">Ingrese los datos de la persona</div>
<table class="ingreso_datos" width="100%">
	<tr>
		<td>Nombre</td>
		<td><input type="text" value="Jose Soto"></td>
		<td>Dirección</td>
		<td><input type="text" value="Los patos #222" width="180px"></td>
	</tr>
	<tr>
		<td><asp:Label CssClass="ingreso_datos" id="lblMensaje" runat="server" Visible="False" >Ingresar los siguiente datos:</asp:Label></td>
		<td><input type="text" value="45"></td>
		<td>Teléfono</td>
		<td><input type="text" value="222.22.22"></td>
	</tr>
	<tr>
		<td>Comuna</td>
		<td>		
			<select name="comuna">
			<option value="1">Comuna 1</option>
			<option value="2">Comuna 2</option>
			</select>
		</td>
		<td>Ciudad</td>
		<td>
			<select name="Ciudad">
			<option value="1">Ciudad 1</option>
			<option value="2">Ciudad 2</option>
			</select>
		</td>
	</tr>
</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/	
.tabla_cuestionario_tablaPreguntas
{
	BORDER: solid 0px #ffffff;	
	/*cellSpacing: 1px;	*/
	PADDING: 1px;
	WIDTH: 100%;
	/*BACKGROUND-COLOR: "#dfe1e6";*/
}
/*
Estilo : titulo_datos
EJEMPLO:
<div class="titulo_datos">Ingrese los datos de la persona</div>
<table class="ingreso_datos" width="100%">
	<tr>
		<td>Nombre</td>
		<td><input type="text" value="Jose Soto"></td>
		<td>Dirección</td>
		<td><input type="text" value="Los patos #222" width="180px"></td>
	</tr>
	<tr>
		<td><asp:Label CssClass="ingreso_datos" id="lblMensaje" runat="server" Visible="False" >Ingresar los siguiente datos:</asp:Label></td>
		<td><input type="text" value="45"></td>
		<td>Teléfono</td>
		<td><input type="text" value="222.22.22"></td>
	</tr>
	<tr>
		<td>Comuna</td>
		<td>		
			<select name="comuna">
			<option value="1">Comuna 1</option>
			<option value="2">Comuna 2</option>
			</select>
		</td>
		<td>Ciudad</td>
		<td>
			<select name="Ciudad">
			<option value="1">Ciudad 1</option>
			<option value="2">Ciudad 2</option>
			</select>
		</td>
	</tr>
</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.tabla_cuestionario_tituloPregunta
{
	TEXT-ALIGN: left;
	BACKGROUND-COLOR: #657392; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	COLOR: #ffffff; 
	FONT-SIZE: 12px; 
	FONT-WEIGHT: bold 
}
/*
Estilo : titulo_datos
EJEMPLO:
<div class="titulo_datos">Ingrese los datos de la persona</div>
<table class="ingreso_datos" width="100%">
	<tr>
		<td>Nombre</td>
		<td><input type="text" value="Jose Soto"></td>
		<td>Dirección</td>
		<td><input type="text" value="Los patos #222" width="180px"></td>
	</tr>
	<tr>
		<td><asp:Label CssClass="ingreso_datos" id="lblMensaje" runat="server" Visible="False" >Ingresar los siguiente datos:</asp:Label></td>
		<td><input type="text" value="45"></td>
		<td>Teléfono</td>
		<td><input type="text" value="222.22.22"></td>
	</tr>
	<tr>
		<td>Comuna</td>
		<td>		
			<select name="comuna">
			<option value="1">Comuna 1</option>
			<option value="2">Comuna 2</option>
			</select>
		</td>
		<td>Ciudad</td>
		<td>
			<select name="Ciudad">
			<option value="1">Ciudad 1</option>
			<option value="2">Ciudad 2</option>
			</select>
		</td>
	</tr>
</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.tabla_cuestionario_pregunta td
{
	BACKGROUND-COLOR: #FFFFFF; 
	COLOR: "#000000";
	FONT-SIZE: 12px;
}
/*FIN ESTILO : tabla_cuestionario */





/*
Estilo : tabla_despliegue_datos
EJEMPLO:
<table>
	<tr class="tabla_despliegue_datos_fila_encabezado">
		<td>Título 1</td>
		<td>Título 2</td>
		<td>Título 3</td>
	</tr>
	<tr class="tabla_despliegue_datos_fila_cuerpo">
		<td>654654</td>
		<td>ASDASD</td>
		<td>99/99/9999</td>
	</tr>
	<tr class="tabla_despliegue_datos_fila_pie">
		<td>Total:</td>
		<td>99</td>
		<td>99</td>
	</tr>		
</table>
Creado por:
Modificado por:
*/
.tabla_despliegue_datos
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: color: #000000;
	text-align: left;
	padding-left: 5px;
	/*border: solid 1px Gray;*/
}
/*
Estilo : titulo_datos
EJEMPLO:
<div class="titulo_datos">Ingrese los datos de la persona</div>
<table class="ingreso_datos" width="100%">
	<tr>
		<td>Nombre</td>
		<td><input type="text" value="Jose Soto"></td>
		<td>Dirección</td>
		<td><input type="text" value="Los patos #222" width="180px"></td>
	</tr>
	<tr>
		<td><asp:Label CssClass="ingreso_datos" id="lblMensaje" runat="server" Visible="False" >Ingresar los siguiente datos:</asp:Label></td>
		<td><input type="text" value="45"></td>
		<td>Teléfono</td>
		<td><input type="text" value="222.22.22"></td>
	</tr>
	<tr>
		<td>Comuna</td>
		<td>		
			<select name="comuna">
			<option value="1">Comuna 1</option>
			<option value="2">Comuna 2</option>
			</select>
		</td>
		<td>Ciudad</td>
		<td>
			<select name="Ciudad">
			<option value="1">Ciudad 1</option>
			<option value="2">Ciudad 2</option>
			</select>
		</td>
	</tr>
</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.tabla_despliegue_datos_fila_encabezado
{
	font-family: Arial, Helvetica, sans-serif;
	background-color:#F2F2F2;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	padding-left: 5px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	/*display: block*/
}
/*
Estilo : titulo_datos
EJEMPLO:
<div class="titulo_datos">Ingrese los datos de la persona</div>
<table class="ingreso_datos" width="100%">
	<tr>
		<td>Nombre</td>
		<td><input type="text" value="Jose Soto"></td>
		<td>Dirección</td>
		<td><input type="text" value="Los patos #222" width="180px"></td>
	</tr>
	<tr>
		<td><asp:Label CssClass="ingreso_datos" id="lblMensaje" runat="server" Visible="False" >Ingresar los siguiente datos:</asp:Label></td>
		<td><input type="text" value="45"></td>
		<td>Teléfono</td>
		<td><input type="text" value="222.22.22"></td>
	</tr>
	<tr>
		<td>Comuna</td>
		<td>		
			<select name="comuna">
			<option value="1">Comuna 1</option>
			<option value="2">Comuna 2</option>
			</select>
		</td>
		<td>Ciudad</td>
		<td>
			<select name="Ciudad">
			<option value="1">Ciudad 1</option>
			<option value="2">Ciudad 2</option>
			</select>
		</td>
	</tr>
</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.tabla_despliegue_datos_fila_cuerpo
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fb8b00;
	background-color: e9e8ef;
	padding-left: 5px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	display: block
}
/*
Estilo : titulo_datos
EJEMPLO:
<div class="titulo_datos">Ingrese los datos de la persona</div>
<table class="ingreso_datos" width="100%">
	<tr>
		<td>Nombre</td>
		<td><input type="text" value="Jose Soto"></td>
		<td>Dirección</td>
		<td><input type="text" value="Los patos #222" width="180px"></td>
	</tr>
	<tr>
		<td><asp:Label CssClass="ingreso_datos" id="lblMensaje" runat="server" Visible="False" >Ingresar los siguiente datos:</asp:Label></td>
		<td><input type="text" value="45"></td>
		<td>Teléfono</td>
		<td><input type="text" value="222.22.22"></td>
	</tr>
	<tr>
		<td>Comuna</td>
		<td>		
			<select name="comuna">
			<option value="1">Comuna 1</option>
			<option value="2">Comuna 2</option>
			</select>
		</td>
		<td>Ciudad</td>
		<td>
			<select name="Ciudad">
			<option value="1">Ciudad 1</option>
			<option value="2">Ciudad 2</option>
			</select>
		</td>
	</tr>
</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.tabla_despliegue_datos_fila_pie
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: e9e8ef;
	padding-left: 5px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	display: block
}

/*
Estilo : tabla_mantenimiento
EJEMPLO:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.tabla_mantenimiento_header
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #657392;
	color: White;
	text-align: left;
	font-weight: bold;
	padding-left: 5px;
	height: 20px;	
}

.tabla_mantenimiento_body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: color: #000000;
	text-align: center;
}

.tabla_mantenimiento_body_alternativa
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-align: center;
	color           :#34383d; 	
	background-color:#dfe1e6;	
	padding         :2px 2px 2px 2px;    
}

.tabla_mantenimiento_body_alternativa_error
{
	font-family     :Arial, Helvetica, sans-serif;
	font-size       :11px;	
	text-align		:left;
	color           :#ff0000;
	background-color:#dfe1e6;
	padding         :2px 2px 2px 2px;
    
}

.tabla_mantenimiento_body_error
{
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 11px;
	text-align		:left;	
	color           :#ff0000; 
	background-color:#ffffff;
	padding         :2px 2px 2px 2px;
    
}

.tabla_mantenimiento_body2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: color: #000000;
	text-align: left;
	height: 25px;
	border: solid 1px Silver;
	padding-left: 5px;
}
/*FIN - ESTILO : TABLA_MANTENIMIENTO*/



/*
Estilo : informacion_importante
EJEMPLO:
<table width="70%" border="0" class="table">
	<tr>
		<td>
			<h1 class="informacion_importante">Importante</h1>
		</td>
	</tr>
	<tr>
		<td class="informacion_importante">Ejemplo informacion importante</td>
	</tr>
</table>
Creado por:HMOLLER 03/05/10
Modificado por: HMOLLER 03/05/10
*/
.informacion_importante
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: justify;
	color: #666666;
	background-color: #e9e8ef;
	padding-left: 16px;
	/*padding-top: 10px;*/
	padding-right: 10px;
	line-height: 17px;
	font-size: 13px;
	/*padding-bottom: 10px;*/
	/*display: block;
	width:100%;*/
	/*margin-top:15px;
	margin-bottom:15px;*/
}

h1.informacion_importante
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #181145;
	background-color: #e9e8ef;
	font-weight: bold;
	padding-left: 3px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	/*display: block;
	width:100%;*/
}




/*FIN - ESTILO : INFORMACION_IMPORTANTE*/

/*
Estilo : boton_confirmar
EJEMPLO:
	<a href="#" class="boton_confirmar">Confirmar Operación</a>
Creado por:
Modificado por:
*/
a.boton_confirmar
{
	/*color: #FFF;
	text-decoration: none;
	padding-left: 5px;
	margin-top: 5px;
	height: 20px;
	width: 130px;
	color: #FFF;
	background-color:#ff9900;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	width: 130px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align:center;*/
	background-image: url(../images/Botones_cuprum/boton_nar.jpg);	
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 125px;  /*160px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 110px;
	
}

a.boton_confirmar:hover {
	/*color: #FFF;
	background-color:#241a61;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	width: 130px;
	padding-top: 3px;
	padding-bottom: 3px;*/
	background-image: url(../images/Botones_cuprum/boton_azu.jpg);	
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 125px;  /*160px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;	
	padding-right: 110px;
}	
/* FIN - ESTILO : BOTON_CONFIRMAR*/


/*
Estilo : boton
EJEMPLO:
	<a class="boton" href="">Enviar</a>
Creado por:
Modificado por:
*/

a.boton
{
	color: #000000;
	text-decoration: none;
	padding-left: 15px;	
	background-image: url(../img/botones/bot_Generico.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	height: 20px;
	width: 192px;
	padding-top: 3px;
	padding-bottom: 3px;
	/*width: 160px;*/
	padding-right: 25px;
	*padding-right: 0px;
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	/*letter-spacing:1px;*/
	
}

/*
Estilo : boton_enviar_h
EJEMPLO:
	<a class="boton_enviar" href="">Enviar</a>
Creado por: HARCE
Modificado por: HARCE
Fecha : 31/08/2010
*/

a.boton_enviar_h
{
	color: #000000;
	text-decoration: none;
	padding-left: 15px;	
	background-image: url(../images/Botones_Cuprum/bot_Generico.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	height: 20px;
	width: 120px;
	padding-top: 3px;
	padding-bottom: 3px;
	/*width: 160px;*/
	padding-right: 25px;
	*padding-right: 0px;
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	/*letter-spacing:1px;*/
	
}

a.boton_enviar_h:hover 
{
	color: #ffffff;
	text-decoration: none;
	padding-left: 15px;
	background-image: url(../images/Botones_Cuprum/bot_Generico_sobre.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	height: 20px;
	width: 120px;
	padding-top: 3px;
	padding-bottom: 3px;	
	padding-right: 25px;
	*padding-right: 0px;
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

/*
Estilo : boton Mandato
Creado por: Harttyn Arce 23/07/2010
Modificado por: Harttyn Arce 23/07/2010
*/

a.boton_mandato
{
	color: #000000;
	text-decoration: none;
	padding-left: 15px;	
	background-image: url(../images/Botones_Cuprum/bot_Generico.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	height: 20px;
	width: 120px;
	padding-top: 3px;
	padding-bottom: 3px;
	/*width: 160px;*/	
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	/*letter-spacing:1px;*/	
	padding-right: 17px;
	*padding-right: 0px;
}

a.boton_mandato:hover 
{
	color: #ffffff;
	text-decoration: none;
	padding-left: 15px;
	background-image: url(../images/Botones_Cuprum/bot_Generico_sobre.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	height: 20px;
	width: 120px;
	padding-top: 3px;
	padding-bottom: 3px;
	/*width: 160px;*/
	/*_padding-right: 25px;*/
	/*padding-right: 128px;*/
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	/*letter-spacing:1px;*/
	padding-right: 17px;
	*padding-right: 0px;	
}


/*
a.boton:visited
{
	color: #000000;
	text-decoration: none;
	padding-left: 15px;	
	background-image: url(../images/btn_01_off.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	height: 20px;
	width: 153px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 160px;
	padding-right: 25px;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}
*/

a.boton:hover 
{
	color: #ffffff;
	text-decoration: none;
	padding-left: 15px;
	background-image: url(../img/botones/bot_Generico_sobre.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	height: 20px;
	width: 192px;
	padding-top: 3px;
	padding-bottom: 3px;
	/*width: 160px;*/
	padding-right: 25px;
	*padding-right: 0px;
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	/*letter-spacing:1px;*/
}

a.boton130
{
	color: #000000;
	text-decoration: none;
	padding-left: 15px;	
	background-image: url(../images/Botones_Cuprum/bot_Generico130.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	height: 20px;
	width: 130px;
	padding-top: 3px;
	padding-bottom: 3px;
	/*width: 160px;*/
	padding-right: 35px;
	*padding-right: 0px;
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	/*letter-spacing:1px;*/
	
}
a.boton130:hover 
{
	color: #ffffff;
	text-decoration: none;
	padding-left: 15px;
	background-image: url(../images/Botones_Cuprum/bot_Generico_sobre130.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	height: 20px;
	width: 130px;
	padding-top: 3px;
	padding-bottom: 3px;
	/*width: 160px;*/
	padding-right: 35px;
	*padding-right: 0px;
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	/*letter-spacing:1px;*/
}
a.botonimprimir /*es igual al boton sin texto, no considerar para imprimir*/
{
	color: #000000;
	text-decoration: none;
	padding-left: 15px;	
	background-image: url(../images/Botones_Cuprum/bot_Generico.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	/*width: 160px;*/
	padding-right: 35px;
	*padding-right: 0px;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	/*letter-spacing:1px;*/
	
}
a.botonimprimir:hover 
{
	color: #ffffff;
	text-decoration: none;
	padding-left: 15px;
	background-image: url(../images/Botones_Cuprum/bot_Generico_sobre.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	/*width: 160px;*/
	padding-right: 35px;
	*padding-right: 0px;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	/*letter-spacing:1px;*/
}
/* FIN - ESTILO : BOTON*/


/*
estilo:boton_paso
ejemplo: <a href="#" class="boton_paso">Continuar al Paso 3</a>
Creado por: RAP - 04/05/2010
Modificado por: 
*/
a.boton_paso
{
	background-image: url(../images/Botones_cuprum/bot_continuar.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 92px;
}
a.boton_paso:hover 
{
	background-image: url(../images/Botones_cuprum/bot_continuar_sobre.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 92px;
}
a.boton_continuar
{
	background-image: url(../images/Botones_cuprum/bot_siguiente.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 92px;
}
a.boton_continuar:hover 
{
	background-image: url(../images/Botones_cuprum/bot_siguiente_sobre.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 92px;
}
a.boton_cuenta
{
	background-image: url(../images/Botones_cuprum/bot_agregar.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 100px;
	*padding-right: 0px;
}
a.boton_cuenta:hover 
{
	background-image: url(../images/Botones_cuprum/bot_agregar_sobre.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 100px;
	*padding-right: 0px;
}
/*ESTILO BOTON BORRAR*/
a.boton_borrar
{
	background-image: url(../images/Botones_cuprum/bot_borrar.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 92px;
}
a.boton_borrar:hover 
{
	background-image: url(../images/Botones_cuprum/bot_borrar_sobre.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 92px;
}
/*FIN ESTILO BOTON BORRAR*/
/*FIN - ESTILO:BOTON_PASO*/
	
	
/*
estilo:boton_agregar
ejemplo: <a href="#" class="boton_agregar">Agregar</a>
Creado por: RAP - 04/05/2010
Modificado por: 
*/	
a.boton_agregar{
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(../images/agregar.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 92px;
	width: 160px;
	color: #000000;
	text-decoration: none;
	text-align:left;
}
/*FIN - ESTILO:BOTON_AGREGAR*/


/*
estilo:boton_quitar
ejemplo: <a href="#" class="boton_quitar">Quitar</a>
Creado por: RAP - 04/05/2010
Modificado por: 
*/	
a.boton_quitar
{
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(../images/quitar.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 117px;
	_padding-right: 25px;
	padding-right: 92px;
	color: #000000;
	text-decoration: none;
	text-align:left;
}
/*FIN - ESTILO:BOTON_QUITAR*/



/*
estilo:boton_siguiente
ejemplo: <a href="#" class="boton_siguiente">Siguiente</a>
Creado por: RAP - 04/05/2010
Modificado por: 
*/	
a.boton_siguiente
{
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(../images/siguiente.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 92px;
	color: #000000;
	text-decoration:none;
	text-align:left;
}
/*FIN - ESTILO:BOTON_SIGUIENTE*/

/*
estilo:boton_revocar
ejemplo: <a href="#" class="boton_revocar">Revocar</a>
Creado por: HMOLLER - 12/05/2010
Modificado por:
*/

a.boton_revocar
{
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(../images/Botones_cuprum/bot_revocar.jpg); 
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 117px;
	_padding-right: 25px;
	padding-right: 92px;
	color: #000000;
	text-decoration: none;
	text-align:left;
}
a.boton_revocar:hover
{
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(../images/Botones_cuprum/bot_revocar_sobre.jpg); 
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 92px;
	color: #000000;
	text-decoration: none;
	text-align:left;
}
/*FIN - ESTILO:BOTON_REVOCAR*/

/*
estilo:boton_revocar
ejemplo: <a href="#" class="btn_continuar">Continuar</a>
Creado por: HMOLLER - 12/05/2010
Modificado por:
*/
a.btn_continuar {
	color: #000000;
	text-decoration: none;
	padding-left: 15px;
	background-image: url(../images/btn_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 92px;
	font-weight: normal;
}
a.btn_continuar:hover {
	color: #FFF;
	text-decoration: none;
	padding-left: 15px;
	background-position:left bottom;
	background-repeat: no-repeat;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 92px;
	font-weight: normal;
}
/*FIN - ESTILO:BOTON_CONTINUAR*/

/*
estilo:boton_volver
ejemplo: <a href="#" class="boton_volver">Volver</a>
Creado por: RAP - 04/05/2010
Modificado por: Sergio Carreño <Se agrega hover y se modifica imagen de boton> 06-05-2010
*/
a.boton_volver
{
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(../images/Botones_cuprum/bot_volver.jpg); 
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 117px;
	_padding-right: 25px;
	padding-right: 92px;
	color: #000000;
	text-decoration: none;
	text-align:left;
}
a.boton_imprimir
{
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(../images/Botones_Cuprum/bot_Generico.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 117px;
	_padding-right: 25px;
	padding-right: 92px;
	color: #000000;
	text-decoration: none;
	text-align:left;
}
a.boton_volver:hover
{
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(../images/Botones_cuprum/bot_volver_sobre.jpg); 
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 117px;
	_padding-right: 25px;
	padding-right: 92px;
	color: #000000;
	text-decoration: none;
	text-align:left;
}
/*FIN - ESTILO:BOTON_VOLVER*/


/*
estilo:boton_consulta
ejemplo: <a href="#" class="boton_consulta">Nueva Consulta</a>
Creado por: RAP - 04/05/2010
Modificado por: 
*/
a.boton_consulta
{
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(../images/nueva_consulta.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;	
	padding-right: 92px;
	_padding-right: 25px;
	color: #000000;
	text-decoration: none;
	text-align:left;
}
/*FIN - ESTILO:BOTON_CONSULTA*/


/*
estilo:boton_certificado
ejemplo: <a href="#" class="boton_certificado">Obtener Certificado</a>
Creado por: RAP - 04/05/2010
Modificado por: 
*/
a.boton_certificado{	
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	text-align: left;
	color: #000000;
	text-decoration: none;
	padding-left: 25px;
	background-image: url(../images/btn_pdf.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	width: 128px;
	_width: 153px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	font-weight: normal;
	display: block;
	font-size: 11px;
	height: 14px;
	margin: 0px;
	text-align:left;
}

a.boton_certificado :hover {
	color: #000000;
	text-decoration: none;
	padding-left: 25px;
	background-image: url(../images/btn_pdf.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	font-weight: normal;
	display: block;
	font-size: 11px;
	height: 14px;
	margin: 0px;
	text-align:left;
	width: 153px;
}
/*FIN - ESTILO:BOTON_CERTIFICADO*/


/*
estilo:boton_actualizarDatos
ejemplo: <a href="#" class="boton_actualizarDatos">Actualizar Datos</a>
Creado por: RAP - 04/05/2010
Modificado por: 
*/
a.boton_actualizarDatos
{
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	text-align: left;
	color: #000000;
	text-decoration: none;
	padding-left: 25px;
	background-image: url(../images/btn_datos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	font-weight: normal;
	display: block;
	font-size: 11px;
	height: 14px;
	margin: 0px;
	width: 153px;
}

a.boton_actualizarDatos :hover {
	color: #000000;
	text-decoration: none;
	padding-left: 25px;
	background-image: url(../images/btn_datos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	font-weight: normal;
	display: block;
	font-size: 11px;
	height: 14px;
	margin: 0px;
	text-align:left;
	width: 153px;
}
/*FIN - ESTILO:BOTON_ACTUALIZARDATOS*/

/*
estilo:boton_nuevo
ejemplo: <a href="#" class="boton_nuevo"></a>
Creado por: SCA - 06/05/2010
Modificado por: 
*/
a.boton_nuevo
{
	background-image: url(../images/Botones_cuprum/bot_nuevo.jpg);
	color: #000000;
	text-decoration: none;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 92px;
}



a.boton_nuevo:hover 
{
	background-image: url(../images/Botones_cuprum/bot_nuevo_sobre.jpg);
	color: #000000;
	text-decoration: none;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 92px;
}

/*
estilo:boton_cancelar
ejemplo: <a href="#" class="boton_cancelar"></a>
Creado por: SCA - 06/05/2010
Modificado por: 
*/
a.boton_cancelar
{
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(../images/Botones_cuprum/bot_cancelar.jpg); 
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 117px;
	_padding-right: 25px;
	padding-right: 92px;
	color: #000000;
	text-decoration: none;
	text-align:left;
}
a.boton_cancelar:hover
{
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(../images/Botones_cuprum/bot_cancelar_sobre.jpg); 
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 92px;
	color: #000000;
	text-decoration: none;
	text-align:left;
}
/*
estilo:boton_guardar
ejemplo: <a href="#" class="boton_guardar"></a>
Creado por: SCA - 06/05/2010
Modificado por: 
*/
a.boton_guardar
{
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(../images/Botones_cuprum/bot_guardar.jpg); 
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 117px;
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 92px;
	color: #000000;
	text-decoration: none;
	text-align:left;
}
a.boton_guardar:hover
{
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(../images/Botones_cuprum/bot_guardar_sobre.jpg); 
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;	
	padding-top: 3px;
	padding-bottom: 3px;
	width: 117px;
	_padding-right: 25px;
	padding-right: 92px;
	color: #000000;
	text-decoration: none;
	text-align:left;
}
/*
estilo:boton_revocar_mandato
ejemplo: <a href="#" class="boton_revocar_mandato"></a>
Creado por: SCA - 06/05/2010
Modificado por: 
*/
a.boton_revocar_mandato
{
	background-image: url(../images/Botones_cuprum/bot_revocar.jpg); 
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 117px;
	_padding-right: 25px;
	padding-right: 92px;
	color: #000000;
}
a.boton_revocar_mandato:hover
{
	background-image: url(../images/Botones_cuprum/bot_revocar_sobre.jpg); 
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 117px;
	_padding-right: 25px;
	padding-right: 92px;
	color: #000000;
}



/*
Estilo : titulo_datos
EJEMPLO:
<div class="titulo_datos">Ingrese los datos de la persona</div>
<table class="ingreso_datos" width="100%">
	<tr>
		<td>Nombre</td>
		<td><input type="text" value="Jose Soto"></td>
		<td>Dirección</td>
		<td><input type="text" value="Los patos #222" width="180px"></td>
	</tr>
	<tr>
		<td><asp:Label CssClass="ingreso_datos" id="lblMensaje" runat="server" Visible="False" >Ingresar los siguiente datos:</asp:Label></td>
		<td><input type="text" value="45"></td>
		<td>Teléfono</td>
		<td><input type="text" value="222.22.22"></td>
	</tr>
	<tr>
		<td>Comuna</td>
		<td>		
			<select name="comuna">
			<option value="1">Comuna 1</option>
			<option value="2">Comuna 2</option>
			</select>
		</td>
		<td>Ciudad</td>
		<td>
			<select name="Ciudad">
			<option value="1">Ciudad 1</option>
			<option value="2">Ciudad 2</option>
			</select>
		</td>
	</tr>
</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.boton_pdf
{
	color: #000000;
	text-decoration: none;
	padding-left: 15px;	
	background-image: url(../images/btn_pdf.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 153px;
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 140px;
	font-size: 11px;
	font-weight: normal
}

.consulta_clientes
{
}

.despliegue_certificado
{
}

.descargar_reader
{
}

.popup
{
}

.grafico_torta
{
}

.texto_producto
{
}


/*
Estilo : nota
Ejemplo:
<table class="nota">
<tr>
	<td>
	Le recordamos que mantener actualizados sus antecedentes es muy importante 
	para una comunicación expedita y oportuna con nuestra AFP. Para actualizar 
	sus datos ingrese a la opción de la derecha: 
	<STRONG>Actualizar Antecedentes</STRONG>
	</td>
</tr>
</table>
Autor:
Modificaciones:
*/
.nota
{
	TEXT-ALIGN: justify; 
	BACKGROUND-COLOR: #e57c19; 
	/*FONT-FAMILY: Arial, Helvetica, sans-serif; */	
	COLOR: #ffffff; 
	FONT-SIZE: 12px; 
	TEXT-DECORATION: none;
	WIDTH: 80%;
}

.nota td
{
	padding: 10px;	
}
/*FIN - ESTILO : NOTA*/


.advertencia
{
}


/*
Estilo : controles
EJEMPLO:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.controles
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: 18px; 
	color: #5A5A3E; 
	list-style-type: circle
}
/*FIN - ESTILO : CONTROLES*/


/*CASILLA*/
/*estilo div imagen de emnsaje leido*/
/*
Estilo : titulo_datos
EJEMPLO:
<div class="titulo_datos">Ingrese los datos de la persona</div>
<table class="ingreso_datos" width="100%">
	<tr>
		<td>Nombre</td>
		<td><input type="text" value="Jose Soto"></td>
		<td>Dirección</td>
		<td><input type="text" value="Los patos #222" width="180px"></td>
	</tr>
	<tr>
		<td><asp:Label CssClass="ingreso_datos" id="lblMensaje" runat="server" Visible="False" >Ingresar los siguiente datos:</asp:Label></td>
		<td><input type="text" value="45"></td>
		<td>Teléfono</td>
		<td><input type="text" value="222.22.22"></td>
	</tr>
	<tr>
		<td>Comuna</td>
		<td>		
			<select name="comuna">
			<option value="1">Comuna 1</option>
			<option value="2">Comuna 2</option>
			</select>
		</td>
		<td>Ciudad</td>
		<td>
			<select name="Ciudad">
			<option value="1">Ciudad 1</option>
			<option value="2">Ciudad 2</option>
			</select>
		</td>
	</tr>
</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/

/**********CASILLA****************************/
.imagenmensajeleido
{
	background-image: url(../images/mensaje_leido.jpg);
	background-repeat:no-repeat;
	background-color: #eeeee7;
	background-position: 3px 10px;
	width: 9%;
	height: 50px;
	float: left;
	text-align:center;
	clear:left;
	float:left;
	text-align:center;
	height: 50px;
	background-color: #f5f7f7;
	border-top:dotted;
	border-color:#999;
	border-width:1px;
	background-position: 20px 20px;
}
.imagenultimomensajeleido
{
	background-image: url(../images/mensaje_leido.jpg);
	background-repeat:no-repeat;
	background-color: #eeeee7;
	background-position: 3px 10px;
	width: 9%;
	height: 50px;
	float: left;
	text-align:center;
	clear:left;
	float:left;
	text-align:center;
	height: 50px;
	*height: 52px;
	background-color: #f5f7f7;
	border-top:dotted;
	border-bottom:dotted;
	border-color:#999;
	border-width:1px;
	background-position: 20px 20px;
}
/*estilo div imagen de mensaje no leido*/
.imagenmensajenoleido
{
	background-image: url(../images/mensaje.jpg);
	background-repeat:no-repeat;
	background-color: #eeeee7;
	background-position: 3px 10px;
	width: 9%;
	height: 50px;
	float: left;
	text-align:center;
	clear:left;
	float:left;
	text-align:center;
	height: 50px;
	background-color: #f5f7f7;
	border-top:dotted;
	border-color:#999;
	border-width:1px;
	background-position: 20px 20px;
}
.imagenultimomensajenoleido
{
	background-image: url(../images/mensaje.jpg);
	background-repeat:no-repeat;
	background-color: #eeeee7;
	background-position: 3px 10px;
	width: 9%;
	height: 50px;
	float: left;
	text-align:center;
	clear:left;
	float:left;
	text-align:center;
	height: 50px;
	*height: 52px;
	background-color: #f5f7f7;
	border-top:dotted;
	border-bottom:dotted;
	border-color:#999;
	border-width:1px;
	background-position: 20px 20px;
}
.imagenmensajeurgenteleido
{
	background-image: url(../images/mensajeurg_leido.jpg);
	background-repeat:no-repeat;
	background-color: #eeeee7;
	background-position: 3px 10px;
	width: 9%;
	height: 50px;
	float: left;
	text-align:center;
	clear:left;
	float:left;
	text-align:center;
	height: 50px;
	*height:51px;
	background-color: #f5f7f7;
	border-top:dotted;
	/*border-bottom:dotted;*/
	border-color:#999;
	border-width:1px;
	background-position: 20px 20px;
}
.imagenultimomensajeurgenteleido
{
	background-image: url(../images/mensajeurg_leido.jpg);
	background-repeat:no-repeat;
	background-color: #eeeee7;
	background-position: 3px 10px;
	width: 9%;
	height: 50px;
	float: left;
	text-align:center;
	clear:left;
	float:left;
	text-align:center;
	height: 50px;
	*height: 52px;
	background-color: #f5f7f7;
	border-top:dotted;
	border-bottom:dotted;
	border-color:#999;
	border-width:1px;
	background-position: 20px 20px;
}
.imagenmensajeurgentenoleido
{
	background-image: url(../images/mensajeurg.jpg);
	background-repeat:no-repeat;
	background-color: #eeeee7;
	background-position: 3px 10px;
	width: 9%;
	height: 50px;
	float: left;
	text-align:center;
	clear:left;
	float:left;
	text-align:center;
	height: 50px;
	*height:51px;
	background-color: #f5f7f7;
	border-top:dotted;
	/*border-bottom:dotted;*/
	border-color:#999;
	border-width:1px;
	background-position: 20px 20px;
}
.imagenultimomensajeurgentenoleido
{
	background-image: url(../images/mensajeurg.jpg);
	background-repeat:no-repeat;
	background-color: #eeeee7;
	background-position: 3px 10px;
	width: 9%;
	height: 50px;
	float: left;
	text-align:center;
	clear:left;
	float:left;
	text-align:center;
	height: 50px;
	*height: 52px;
	background-color: #f5f7f7;
	border-top:dotted;
	border-bottom:dotted;
	border-color:#999;
	border-width:1px;
	background-position: 20px 20px;
}
/*Estilo div asunto de mensaje*/

/*.asuntomensaje
{
	width: 91%;
	height: 50px;
	line-height: 50px;
	float: left;
	background-color:           #eeeee7;
	border:                     0px;
}*/
.asuntomensaje
{
	float:left;
	height: 50px;
	line-height: 50px;
	width:91%;
	background-color: #f5f7f7;
	border-top:dotted;
	border-color:#999;
	border-width:1px;
	color: #33296c;
}
.asuntoultimomensaje
{
	float:left;
	height: 50px;
	line-height: 50px;
	width:91%;
	background-color: #f5f7f7;
	border-top:dotted;
	border-bottom:dotted;
	border-color:#999;
	border-width:1px;
	color: #33296c;
}

.asuntomensaje a
{
	text-decoration: none;
	list-style-type: none;
	color: #33296c;
	cursor:hand;
	cursor:pointer;
	font-size: 11px;
	font-weight: bold;
}
.asuntoultimomensaje a
{
	text-decoration: none;
	list-style-type: none;
	color: #33296c;
	cursor:hand;
	cursor:pointer;
	font-size: 11px;
	font-weight: bold;
}

/*Estilo div fecha de mensaje, no se usa porque el servicio no devuelve la fecha*/
.fechamensaje
{
	width: 20%;
	height: 50px;
	float: left;
	padding-top: 18px;
	background-color:           #eeeee7;
	border:                     0px;
}

/*Estilo para div del mensaje del correo*/
.mensaje
{
	color: #33296c;
	text-decoration: none;
	list-style-type: none;
	background-color:           #f5f7f7;
    text-align:                 justify;
    /*padding-left:               10px;
    padding-right:               10px;*/
    padding: 15px 15px 15px 15px;
    border-top:dotted;
	border-color:#999;
	border-width: 1px;
	font-size: 12px;
	clear:left;
}
.ultimomensaje
{
	color: #33296c;
	text-decoration: none;
	list-style-type: none;
	background-color:           #f5f7f7;
    text-align:                 justify;
    /*padding-left:               10px;
    padding-right:               10px;*/
    padding: 15px 15px 15px 15px;
	border-color:#999;
	border-width: 1px;
	font-size: 12px;
	clear:left;
}
.mensajeestilo
{
	
}
/*.mensaje
{
	float:left;
	width:100%;
	padding: 20px 20px 40px 20px;
	background-color: #f5f7f7;
}*/

.mensaje a
{
	text-decoration: none;
	list-style-type: none;
}

/*estilo del span que carga el link para los mensajes obtenidos por score*/
/*.mensajescore 
{
	color: black;
	background-image: url(../images/Botones_cuprum/bot_Generico.jpg);
	background-repeat: no-repeat;
	background-position: 100%;
	width:123px;
	text-align:right;
	padding-right: 20px;
	padding-left: 20px;
	height: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 80%;
	clear:left;
}*/
/*.mensajescore:hover
{
	color: #ffffff;
	background-image: url(../images/Botones_cuprum/bot_Generico_sobre.jpg);
	text-align:right;
	height: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}*/

/*.mensajescore a
{
	color: black;
}*/
/*.mensajescore a:hover
{
	color: orange;
}*/

/*.msgOtros
{
	 width: 100%; 
	 padding-left: 3px; 
	 text-align:left;
}*/


.msgUrg
{
	 width: 100%; 
	 padding-left: 3px; 
	 text-align:left;
	 clear:left;
}
.imgOtros
{
	
}
.imgUrg
{
}

/*Estilo para ocultar mensajes, no se usa actualmente */
msgOtros .mensajeoculto
{
	display:none;
}
/********FIN - ESTILO : CASILLA**************/ 


/*
Estilo : titulo_ingreso
Estilos relacionados:	
Ejemplo:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.titulo_ingreso
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:larger;/* 19px;*/
	font-weight: bold;
	color: #000000;
	padding-left: 5px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	/*display: block;*/
}
/*FIN - ESTILO : TITULO_INGRESO*/

/*.tabla_ingreso_datos
{
	border-collapse:collapse;
	border: solid 1px #E9E8EF;
	border-bottom-width:medium;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 10px;
}*/



/*
Estilo : tabla_ingreso_informacion
Estilos relacionados:
Ejemplo:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.tabla_ingreso_informacion
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
}
/*FIN - ESTILO : TABLA_INGRESO_INFORMACION*/

/*.tabla_ingreso_datos_titulo
{
	height: 25px;
	color: Black;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}
.tabla_ingreso_datos_fila
{
	background-color: #E9E8EF;
	height: 25px;
	color: #666666;
}
.tabla_ingreso_datos_celda
{
	padding:5px;
}*/


/*
Estilo : ingreso_datos_titulo_label
Estilos relacionados:
Ejemplo:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.ingreso_datos_titulo_label
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	/*color: #000000;*/
	padding:0px;
	margin-left: 0px;
}
/*FIN - ESTILO : INGRESO_DATOS_TITULO_LABEL*/


/*
Estilo : ingreso_datos_select
Estilos relacionados:
Ejemplo:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.ingreso_datos_select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
}
/*FIN - ESTILO : INGRESO_DATOS_SELECT*/


/*
Estilo : ingreso_datos_text
Estilos relacionados:
	
Ejemplo:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.ingreso_datos_text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
}
/*FIN - ESTILO : INGRESO_DATOS_TEXT*/


/*
Estilo : ingreso_datos_radio_button
Estilos relacionados:

Ejemplo:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.ingreso_datos_radio_button
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
}
/*FIN - ESTILO : INGRESO_DATOS_RADIO_BUTTON*/


/*
Estilo : ingreso_datos_combo
Estilos relacionados:

Ejemplo:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.ingreso_datos_combo
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
}
/*FIN - ESTILO : INGRESO_DATOS_COMBO*/

/*
Estilo : ingreso_datos_combo
Estilos relacionados:

Ejemplo:
Creado por: HMOLLER 04/05/10
Modificado por:
*/
.ingreso_datos_input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
}
/*FIN - ESTILO : INGRESO_DATOS_INPUT*/

/*
Estilo : oculto
Estilos relacionados:

Ejemplo:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.oculto 
{
	display:none;
}
/*FIN - ESTILO : OCULTO*/


/*
Estilo : autorizacion_usuario
Estilos relacionados:
	
Ejemplo:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.autorizacion_usuario
{
	background-color:White;
	color:Red;
}
/*FIN - ESTILO : AUTORIZACION_USUARIO*/

/*
Estilo : informacion_destacada
Estilos relacionados:
	
Ejemplo:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.informacion_destacada
{
	BACKGROUND-COLOR: #e57c19; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	TEXT-ALIGN: justify; 
	COLOR: #ffffff; 
	FONT-SIZE: 10px; 
	TEXT-DECORATION: none;
	WIDTH: 100%;
}
/*FIN - ESTILO : INFORMACION_DESTACADA*/


/*
Estilo : informacion_comentario
Estilos relacionados:
	
Ejemplo:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.informacion_comentario
{
	padding-left: 0px;
	float:none;
	color: #666666;
	text-align: justify;
	font-style:italic;
	
}
/*FIN - ESTILO : INFORMACION_COMENTARIO*/

/*
Estilo : label_error
Estilos relacionados:

Ejemplo:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.label_error
{
	color: Red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0px;
}
/*FIN - ESTILO : LABEL_ERROR*/

/*
Estilo: tabs
NOTAS:  Este control requiere la definicion de estilos en linea para las siguientes propiedades:
	TabSelectedStyle
	TabDefaultStyle
	TabHoverStyle
	BorderStyle

Ejemplo:
<iewc:tabstrip id="tabConjuntoPaginas" runat="server" CssClass="tabs" BorderStyle="None" TargetId="mpContenido"
	TabSelectedStyle="background-color:#ef9f49;color:#ffffff;font-family=arial;font-size:8pt;font-weight:bold;"
	TabDefaultStyle="text-align=center;background-color:#ffffff;color:#000000;font-family=arial;font-size:8pt;font-weight:normal;width:100;height:30;"
	TabHoverStyle="background-color:#ffffff;color:#ef9f49;font-family=arial;font-size:8pt;font-weight:normal;width:100;height:30;">
	<iewc:tab Text="Cónyuges"></iewc:tab>
	<iewc:tab Text="Hijos"></iewc:tab>
	<iewc:tab Text="Otros"></iewc:tab>
</iewc:tabstrip>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.tabs
{
	/*font-size:12px;
	font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;*/   
    
	background-color:#f6f8f7;
	/*width:709px;
	height:55px;*/
	font-size:18px;
	font-weight:bold;
	/*border-bottom-color:#999;
	border-bottom-style:solid;
	border-width:1px;*/
    
}
/*FIN Estilo: tabStrip*/


/*********INGRESO DATOS TABLA***************/
/*
Estilo : tabla_ingreso_datos
Estilos relacionados:
	tabla_ingreso_datos_titulo
	tabla_ingreso_datos_fila
	tabla_ingreso_datos_celda

Ejemplo:
<table class="tabla_ingreso_datos" width="500">
<tr class="tabla_ingreso_datos_titulo">
	<td colspan="2" style="padding-left: 5px;">Detalle Citas Telefónicas</td>
</tr>
<tr class="tabla_ingreso_datos_fila">
	<td class="tabla_ingreso_datos_celda">Estado de su Cita:</td>
	<td class="tabla_ingreso_datos_celda">
	</td>
</tr>
<tr class="tabla_ingreso_datos_fila">
	<td class="tabla_ingreso_datos_celda">Su Cita es el día:</td>
	<td class="tabla_i
ngreso_datos_celda">
	</td>
<tr class="tabla_ingreso_datos_fila">
	<td class="tabla_ingreso_datos_celda">En el horario de :</td>
	<td class="tabla_ingreso_datos_celda">
	</td>
</tr>
</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.ingreso_datos_tabla
{
	border: solid 1px gray;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 10px;
	border-width:thin;
	border-right: gray 1px solid;
	border-bottom: gray 1px solid;
	border-left: gray 1px solid;
	border-top: gray 1px solid;
}

.ingreso_datos_tabla_titulo
{
	height: 30px;
	color: Black;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	vertical-align: top;
	border: solid 1px gray;	
	border-right: gray 1px solid;
	border-bottom: gray 1px solid;
	border-left: gray 1px solid;
	border-top: gray 1px solid;
}
.ingreso_datos_tabla tr.ruled td
{
	color:#000;
	background-color: #ffffd3;
}
.ingreso_datos_tabla_fila
{
	background-color: #E9E8EF;
	height: 25px;
	color: #666666;	
}

.ingreso_datos_tabla_fila_blanco
{
	height:5px;
	background-color:White;
}
tr.ingreso_datos_tabla_fila:hover
{
	BACKGROUND-COLOR: #ffffcc;
}
.ingreso_datos_tabla_celda
{
	padding:5px;
	border: solid 1px gray;
}
/*fin estilo: ingreso_datos_tabla*/


/*
Estilo: tabla_informativa
Estilos relacionados:
		tabla_informativa_contenedor
Ejemplo: <TABLE>
----------------------
<table class="tabla_informativa_contenedor">
<tr class="tabla_informativa_contenedor">
	<td class="tabla_informativa_contenedor">Título</td>
<tr>
	<td class="tabla_informativa_contenedor">
		<table class="tabla_informativa" border="1">
			<thead class="tabla_informativa">
				<tr>
					<td>Lorem</td>
					<td>Nam blandit</td>
					<td>Aecenas</td>
					<td>Nombre</td>
				</tr>
			</thead>
			<tbody class="tabla_informativa">
				<tr class="tabla_informativa">
					<td>05/05/2005</td>
					<td>9.956.656</td>
					<td>Sandía</td>
					<td><A href="#">Ver..</A></td>
				</tr>
				<tr class="tabla_informativa">
					<td>05/05/2005</td>
					<td>9.956.656</td>
					<td>Sandía</td>
					<td><A href="#">Ver..</A></td>
				</tr>
			</tbody>
		</table>
	</td>
</tr>
</table>

Ejemplo: <TABLE> / DATAGRID
-----------------------------
<TABLE class="tabla_informativa_contenedor">
<TR class="tabla_informativa_contenedor">
	<td class="tabla_informativa_contenedor">Título
	</td>
</TR>
<tr>
	<td class="tabla_informativa_contenedor">
		<asp:DataGrid id="ddlSolicitudesReclamos" CssClass="tabla_informativa" runat="server" Visible="False" AutoGenerateColumns="False" Width="560px">
			<HeaderStyle CssClass="tabla_informativa_header"></HeaderStyle>
			<ItemStyle CssClass="tabla_informativa_item"></ItemStyle>
			<AlternatingItemStyle CssClass="tabla_informativa_alternatingItem"></AlternatingItemStyle> 
			<Columns>				
				<asp:BoundColumn DataField="Estado" HeaderText="Estado">
					<HeaderStyle Width="127px"></HeaderStyle>
				</asp:BoundColumn>				
				<asp:BoundColumn DataField="Estado" HeaderText="Estado Consulta">
					<HeaderStyle Width="127px"></HeaderStyle>
				</asp:BoundColumn>				
			</Columns>
		</asp:DataGrid>
	</td>
</tr>
</TABLE>


Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
table.tabla_informativa_contenedor
{
	background-color: #f5f5f5;
	width: 98%;
	border-collapse: collapse;
	table-layout: auto;
}


.tabla_informativa_contenedor_titulo
{
	/*position: relative;*/
	font-family: Arial;
	/*height: 60px;*/
	color: gray;
	font-size: 14pt;
	/*top: 20px;*/
	font-weight: bold;
	padding-left:0px;
	margin-left:0px;
}

tr.tabla_informativa_contenedor
{
	/*position: relative;*/
	font-family: Arial;
	height: 60px;
	color: gray;
	font-size: 14pt;
	top: 20px;
	font-weight: bold;	
}

td.tabla_informativa_contenedor
{
	padding-left: 10px;
	padding-bottom: 20px;
	padding-right:25px;
}

table.tabla_informativa
{
	text-align: center;
	border-bottom: gray 1px solid;
	border-left: gray 1px solid;
	border-top: gray 1px solid;
	width: 98%;
	border-collapse: collapse;
	table-layout: auto;
	color: gray;
	font-weight: lighter;
	border-right: gray 1px solid;	
	margin-left:15px;
}
table.tabla_informativa2
{
	width: 98%;
	border-collapse: collapse;
	table-layout: auto;
	color: gray;
	font-weight: lighter;
	margin-left: -5px;
	_margin-left: 5px;	
}

table.tabla_informativa1
{
	text-align: center;
	border-bottom: gray 1px solid;
	border-bottom: gray 1px solid;
	border-left: gray 1px solid;
	border-top: gray 1px solid;
	width: 98%;
	border-collapse: collapse;
	table-layout: auto;
	color: gray;
	font-weight: lighter;
	border-right: gray 1px solid;	
	margin-left:20px;
}

thead.tabla_informativa
{
	
	font-family: Arial;
	height: 40px;
	background-color:#e2d6e3;
	font-weight:bold;
	padding:10px;
	font-size: 8pt;
	text-transform: uppercase;
}

thead.tabla_informativa2
{
	
	font-family: Arial;
	height: 40px;
	background-color:#ebebeb;
	font-weight:bold;
	padding:10px;
	font-size: 8pt;
	text-transform: uppercase;
}

.margensaldo
{
      padding-right: 5px;
}

.margenCuenta
{
     padding-left: 5px;
}

tbody.tabla_informativa
{
	background-color: white;
	font-family: Arial;
	height: 28px;
	font-size: 8pt;
}
tbody.tabla_informativa2
{
	background-color: white;
	font-family: Arial;
	height: 28px;
	font-size: 8pt;
}

tr.tabla_informativa:hover
{
	color:#000;
	background-color: #ffffd3;
}

tbody.tabla_informativa tr.ruled td
{
	color:#000;
	background-color: #ffffd3;
}

.tabla_informativa tr.ruled td
{
	color:#000;
	background-color: #ffffd3;
}

/* Opera fix */
head:first-child+body tr.ruled td
{
	background-color: #ffffd3;
	color:#000;
}

tr.tabla_informativa td
{
	/*font-size:8pt;*/
	border-bottom: gray 1px solid;
	border-bottom: gray 1px solid;
	border-left: gray 1px solid;
	/*border-top: gray 1px solid;*/
}

tr.tabla_informativa2 td
{
	font-size:8pt;
	border-bottom: White 1px solid;
	border-bottom: White 1px solid;
	border-left: White 1px solid;
	border-top: White 1px solid;
	width:auto;
}

.tabla_informativa_header
{
	font-family: Arial;
	height: 40px;
	background-color:#e2d6e3;
	font-weight:bold;
	padding:10px;
	font-size: 8pt;
	text-transform: uppercase;
	border-bottom: gray 1px solid;
	border-bottom: gray 1px solid;
	border-left: gray 1px solid;
	border-top: gray 1px solid;
	border-color:Gray;
}

.tabla_informativa_header2
{
	font-family: Arial;
	height: 40px;
	background-color:#423a79;
	font-weight:bold;
	padding:10px;
	font-size: 8pt;
	text-transform: uppercase;
	border-bottom: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-color:#FFFFFF;
	color:#FFFFFF
}

.tabla_informativa_item
{
	background-color: white;
	font-family: Arial;
	height: 28px;
	font-size: 8pt;
	border-color:Gray;
	border-bottom: gray 1px solid;
	border-bottom: gray 1px solid;
	border-left: gray 1px solid;
	border-top: gray 1px solid;
}

.tabla_informativa_item2 
{
	background-color: #ebebeb;
	font-family: Arial;
	color:Black;
	height: 28px;
	font-size: 8pt;
	border-color:#FFFFFF;
	border-bottom: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	
}

.tabla_informativa_item22
{
	background-color: #ffffff;
	font-family: Arial;
	color:Black;
	height: 28px;
	font-size: 8pt;
	border-color:#FFFFFF;
	border-bottom: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
}



.tabla_informativa_item_error
{
	background-color: white;
	background-color:#feedd8;
	font-family: Arial;
	height: 28px;
	font-size: 8pt;
}

tr.tabla_informativa_item:hover
{
	BACKGROUND-COLOR: #ffffcc;
}

.tabla_informativa_alternatingItem
{	
	background-color: white;
	font-family: Arial;
	height: 28px;
	font-size: 8pt;
}

.tabla_informativa_alternatingItem_error
{	
	background-color: white;
	background-color:#feedd8;
	font-family: Arial;
	height: 28px;
	font-size: 8pt;
}

tr.tabla_informativa_alternatingItem:hover
{
	BACKGROUND-COLOR: #ffffcc;
}


.tabla_informativa_item_destacado /*color naranjo pastel*/
{		
	font-family: Arial;
	height: 28px;
	font-size: 8pt;
	border-color:Gray;
	border-bottom: gray 1px solid;
	border-bottom: gray 1px solid;
	border-left: gray 1px solid;
	border-top: gray 1px solid;
	color:#000;
	background-color:#feedd8;
}
.texto_tabla_informativa_item_beneficiario
{
	font-family: Arial;
	font-size: 8pt;
    color:Black;
}
/*FIN - Estilo: tabla_informativa*/


/*
Estilo: a.link
Estilos relacionados:
		
Ejemplo: <a href="#" class="link">Prueba</a>

Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 03/05/10
*/
a.link
{
color:#181145;
text-decoration:underline;
}

a.link:hover 
{
color:#fb7000;
text-decoration:underline;
}


a.link:visited 
{
	text-decoration:underline;
}
/*FIN - ESTILO: A.LINK*/


/*
Estilo: link_alternativo
Estilos relacionados:
		
Ejemplo: <a href="#" class="link_alternativo">Prueba</a>

Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 03/05/10
*/
a.link_alternativo
{
color:#181145;
text-decoration:none;
}

a.link_alternativo:hover 
{
color:#fb7000;
text-decoration:underline;
}
/*FIN - ESTILO: link_alternativo*/


/*
Estilo : a img
Estilos relacionados:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
a img 
{
border:none;
}



/*FIN - Estilo: a*/

/*
Estilo : subtitulo_separador
EJEMPLO:
	<span class="subtitulo_separador">Ejemplo Titulo</span>
	<asp:label id="Label1" runat="server" CssClass="subtitulo_separador">
		Seleccione la Modalidad de Giro:
	</asp:label>
Deja el subtitulo de esta forma:
______________________
Prueba de subtitulo

Creado por: SCARRENO 29-04-2010
*/
.subtitulo_separador
{
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	padding-top: 7px;
	padding-bottom: 7px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-left: 0px;
	text-align: left;
	padding-right: 0px;
	/*float: left;*/
	width: 100%;
}



/*
Estilo : subtitulo_separador_ext
EJEMPLO:
	<span class="subtitulo_separador">Ejemplo Titulo</span>
	<asp:label id="Label1" runat="server" CssClass="subtitulo_separador">
		Seleccione la Modalidad de Giro:
	</asp:label>
Creado por: SCARRENO 29-04-2010
*/
.subtitulo_separador_ext
{
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	padding-top: 7px;
	padding-bottom: 7px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-left: 5px;
	text-align: left;
	padding-right: 0px;
	float: left;
	width: 100%;
}


/*
Estilo : <H4>
Estilos relacionados:
Ejemplo:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.h4 {
	font-weight: bold;
	color: #000000;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	display: block;
}


/*
Estilo : tabla_blanca
Estilos relacionados:
Ejemplo:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.tabla_blanca
{
	padding:5px;
}



/*
Estilo : tabla_blanca
Ejemplo:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.tabla_blanca tr
{
	height:25px;
}


/*
Estilo : tabla_blanca
Ejemplo:
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.tabla_blanca td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 5px;	
}

sup.requerido
{
	padding-left:5px; 
	color:#fb7000;
}


.naranjo
{
	color:#fb7000;
}

.filaTabla a
{
	/*font-size       :11px;
	font-weight     :normal;
	color           :#34383d; 
	background-color:#ffffff;
	text-align      :center;
	padding         :2px 2px 2px 2px;
    font-family     :Arial, Helvetica, sans-serif;*/
	color:#181145;
text-decoration:none;
font-size: 9pt;
}
.filaTabla a:hover
{
	color:#fb7000;
text-decoration:none;
}

/**********************Tabla informativa beneficiarios**********************************/
table.tabla_informativa_benef
{
	text-align: center;
	border-bottom: gray 1px solid;
	border-right: gray 1px solid;
	border-left: gray 1px solid;
	border-top: gray 1px solid;
	width: 98%;
	border-collapse: collapse;
	table-layout: auto;
	color: gray;
	border-right: gray 1px solid;	
}

.tabla_informativa_benef tr.ruled td
{
	color:#000;
	background-color: #ffffd3;
}

.tabla_informativa_item_benef
{
	background-color: white;
	font-family: Arial;
	font-size: 13px;
	border-color:Gray;
	border-bottom: 0px;
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	color: gray;
}

tr.tabla_informativa_item_benef:hover
{
	BACKGROUND-COLOR: #ffffcc;
}
table.tabla_informativa_contenedor_benef
{
	background-color: #f5f5f5;
	width: 98%;
	border-collapse: collapse;
	table-layout: auto;
}

tr.tabla_informativa_contenedor_benef
{
	font-family: Arial;
	height: 60px;
	color: gray;
	font-size: 14pt;
	top: 20px;
	font-weight: bold;	
}


/**********************fin Tabla informativa beneficiarios**********************************/

/*
Estilo : cont_error
Ejemplo:
Creado por: HMOLLER 20/05/10
Modificado por:
*/
#cont_error{
	float: left;
	width:500px;
	height:270px;
	background-color:#FFF;
	text-align:left;
	padding: 0 20px 10px 20px;}
	
/*
Estilo : top_error
Ejemplo:
Creado por: HMOLLER 20/05/10
Modificado por:
*/
#top_error{
	float:left;
	width:500px;
	padding: 10px 0 0 0px;
	font-size:20px;
	color: #b9b8b8;
	font-weight:bold;
	margin-bottom: 10px;
	}
	
/*
Estilo : espacio_error
Ejemplo:
Creado por: HMOLLER 20/05/10
Modificado por:
*/
#espacio_error{
	float:left;
	width:400px;
	height: 5px;
	}
	
/*
Estilo : espacio_error2
Ejemplo:
Creado por: HMOLLER 20/05/10
Modificado por:
*/	
#espacio_error2{
	float:left;
	width:450px;
	height: 30px;
	}
	
/*
Estilo : contenido_error
Ejemplo:
Creado por: HMOLLER 20/05/10
Modificado por:
*/		
#contenido_error{
	float:left;
	background-color:#fff2e4;
	width:485px;
	height: 66px;
	margin-bottom: 10px;
	padding: 10px 0 0 10px;
	
	}
	
/*
Estilo : contenido_error
Ejemplo:
Creado por: HMOLLER 20/05/10
Modificado por:
*/		
#contenido_error img{
	float:left;
	margin-right: 10px;
}

/**********ESTILO CASILLA NUEVA*************/
#tabscasilla{
	float:left;
	background-color:#f6f8f7;
	width:100%;
	height:55px;
	font-size:18px;
	font-weight:bold;
	border-bottom-color:#999;
	border-bottom-style:solid;
	border-width:1px;
	margin-bottom: 20px;

	
} 

#tabscasilla a{
	float:left;
	background-color:#F6F8F7;
	padding: 10px 10px 0 10px;
	width:auto;
	height:45px;
	color:#f99a22;
	text-decoration:none;
}

#tabscasilla a:hover{
	float:left;
	background-color:#d0d8d8;
	padding: 10px 10px 0 10px;
	text-decoration:none;
    width:auto;
	height:45px;
	*height: 55px;
	color:#f99a22;
}

#tabscasilla .selected{
	float:left;
	background-color:#d0d8d8;
	padding: 10px 10px 0 10px;
	text-decoration:none;
    width:auto;

	height:45px;
	*height:55px;
	color:#f99a22;
}




/*RAP 20100721
Botones nuevos*/

a.btn_nueva_consulta {
	background-image: url(../images/Botones_cuprum/bot_nueva_consulta.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 130px;  /*160px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 110px;
}


a.btn_nueva_consulta:hover {
	background-image: url(../images/Botones_cuprum/bot_nueva_consulta_sobre.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 130px;  /*160px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 110px;
}

a.btn_estado_consulta {
	background-image: url(../images/Botones_cuprum/bot_estado_consulta.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 130px;  /*160px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 110px;
}


a.btn_estado_consulta:hover {
	background-image: url(../images/Botones_cuprum/bot_estado_consulta_sobre.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 130px;  /*160px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 110px;
}

a.btn_atencion_preferente {
	background-image: url(../images/Botones_cuprum/bot_atencion_preferente.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 130px;  /*160px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 110px;
}


a.btn_atencion_preferente:hover {
	background-image: url(../images/Botones_cuprum/bot_atencion_preferente_sobre.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 130px;  /*160px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 110px;
}


a.btn_productos {
	background-image: url(../images/Botones_cuprum/bot_productos.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 150px;  /*160px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 130px;
}


a.btn_productos:hover {
	background-image: url(../images/Botones_cuprum/bot_productos_sobre.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 150px;  /*160px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 130px;
}

a.btn_info_previsional {
	background-image: url(../images/Botones_cuprum/bot_info_previsional2.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 150px;  /*160px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 130px;
}


a.btn_info_previsional:hover {
	background-image: url(../images/Botones_cuprum/bot_info_previsional2_sobre.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 150px;  /*160px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 25px;
	padding-right: 130px;
}


a.btn_nueva_consulta_img {
	background-image: url(../images/Botones_cuprum/bot_nueva_consulta2_img.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 150px;  /*160px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 10px;
	padding-right: 130px;
}
  
a.btn_nueva_consulta_img:hover{
	background-image: url(../images/Botones_cuprum/bot_nueva_consulta2_sobre.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 150px;  /*160px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	_padding-right: 10px;
	padding-right: 130px;
}
#datos2 span
{ 
	font-size:13px;
}