@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;
}
	/*
body "responsive" (scroll para tablas)
Creado por: Sabino Velasquez (2Brains) 02/05/16
*/
	body.scrolled {
		width: auto;
		overflow: scroll;
		margin: 5px;
		float: left;
	}
/*
Modal escroleable en mviles.
Creado por: Sabino V. (2brains)
*/
#lightbox {
	overflow-y: scroll;
	margin-bottom: 40px;
}

#lblMensajesNuevos {
	color: #000;
	text-decoration: none;
}

	#lblMensajesNuevos:hover {
		color: #fb8b00;
		text-decoration: none;
	}

.Estilo_Transacciones {
	font-size: 16px;
	color: #241A61;
	padding: 5px;
	font-weight: bold;
}

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

/*oculta pdf para sitio movil*/
.pdf-preview {
	display: block;
	position: relative;
	width: 100%;
	max-width: 720px;
	margin: 0 auto 10px;
	height: 260px;
	overflow: visible;
	-webkit-overflow-scrolling: touch;
	border: 6px solid #525659;
	z-index: 1;
}

@media (max-width: 937px) {
	.pdf-preview {
		display: none;
	}
}

.pdf-preview-mobile {
	display: block;
	font-size: 14px;
	color: #6A6A6A;
	text-decoration: underline;
	padding: 8px 10px;
	padding-top: 20px;
	text-align: center;
	font-size: 20px;
}

	.pdf-preview-mobile:hover,
	.pdf-preview-mobile:active,
	.pdf-preview-mobile:focus {
		color: #555555;
	}

@media (min-width: 938px) {
	.pdf-preview-mobile {
		display: none;
	}
}

/*
Estilo : titulo
EJEMPLO:
	<span class="titulo">Ejemplo Titulo</span>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
*/
.titulo {
	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: 20px;
	text-align: left;
	padding-right: 0px;
	float: left;
}

.subtitulo2 {
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	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 {
	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 cul es la recomendacin de
		fondos ms adecuada a su perfil de riesgo para su Cuenta Obligatoria y APV.
		<br>
		La recomendacin de fondos no es vlida para la Cuenta 2 ni para clientes
		pensionados.
	</td>
</tr>
</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
Sabino Velsquez (2Brains) 1/05/2016
*/
.informacion_aclarativa {
}
	/*
Estilo : informacion_aclarativa
EJEMPLO:
<table class="informacion_aclarativa">
<tr>
	<td>
		Responda las siguientes preguntas para conocer cul es la recomendacin de
		fondos ms adecuada a su perfil de riesgo para su Cuenta Obligatoria y APV.
		<br>
		La recomendacin de fondos no es vlida para la Cuenta 2 ni para clientes
		pensionados.
	</td>
</tr>
</table>
Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10
Sabino Velsquez (2Brains) 1/05/2016
*/
	.informacion_aclarativa td {
		border: solid 5px #dfe1e6;
		color: #000000;
		padding: 10px;
		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>Direccin</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>Telfono</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>Direccin</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>Telfono</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: 13px;
}
	/*
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>Direccin</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>Telfono</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: 13px;
		/*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>Direccin</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>Telfono</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: 13px;
		/*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>Direccin</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>Telfono</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: 13px;
		/*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. Cul 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 podra obtener grandes ganancias,
								aunque arriesgue grandes prdidas.
							</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>Direccin</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>Telfono</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>Direccin</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>Telfono</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>Direccin</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>Telfono</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>Ttulo 1</td>
		<td>Ttulo 2</td>
		<td>Ttulo 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>Direccin</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>Telfono</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>Direccin</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>Telfono</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>Direccin</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>Telfono</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: 13px;
	color: color: #000000;
	text-align: center;
}

.tabla_mantenimiento_body_alternativa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	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: 13px;
	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: 13px;
	text-align: left;
	color: #ff0000;
	background-color: #ffffff;
	padding: 2px 2px 2px 2px;
}

.tabla_mantenimiento_body2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	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%;*/
}

h2.informacion_importante2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #181145;
	background-color: ##666666;
	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 Operacin</a>
Creado por:
Modificado por: Sabino Velsquez (2Brains)
*/
a.boton_confirmar, a.boton_confirmar_cf {
	background-image: url(../images/Botones_cuprum/boton_nar.jpg);
	color: white;
	width: 150px !important;
	height: 40px;
	line-height: 40px;
	text-align: center;
	opacity: 1;
	display: block;
}

	a.boton_confirmar:hover, a.boton_confirmar_cf:hover {
		opacity: .5;
	}

a.boton_aceptar_Condiciones {
	/*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_acepto.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_aceptar_Condiciones: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_acepto.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_cfr {
	background-image: url(../images/Botones_cuprum/boton_nar.jpg);
	margin-top: 20px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px !important;
	width: 150px !important;
	display: block;
}

	a.boton_confirmar_cfr:hover {
		background-image: url(../images/Botones_cuprum/boton_azu.jpg);
		margin-top: 20px;
		background-repeat: no-repeat;
		background-position: left top;
		height: 50px !important;
		width: 150px !important;
		display: block;
	}

#td_cf {
	width: 50%;
	text-align: center;
	*text-align: left;
	padding-left: 0px;
	*padding-left: 100px;
}

/* FIN - ESTILO : BOTON_CONFIRMAR*/

/*
Estilo : boton_aceptar
EJEMPLO:
	<a href="#" class="boton_aceptar">Aceptar</a>
Creado por:
Modificado por:
*/

a.boton_aceptar {
	/*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/bot_aceptar.PNG);
	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_aceptar: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/bot_aceptar_sobre.PNG);
		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;
	}

/*
Estilo : boton_historial
EJEMPLO:
	<a href="#" class="boton_historial">Ver Historial</a>
Creado por: Henry Daz R.
Modificado por:
*/
a.boton_historial {
	/*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_Historial_naranjo.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_historial: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_Historial_azul.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(../images/Botones_Cuprum/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: 13px;
	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: 13px;
		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(../images/Botones_Cuprum/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.boton250 {
	color: #000000;
	text-decoration: none;
	padding-left: 15px;
	background-image: url(../images/Botones_Cuprum/bot_Generico250.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 250px;
	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.boton250:hover {
		color: #ffffff;
		text-decoration: none;
		padding-left: 15px;
		background-image: url(../images/Botones_Cuprum/bot_Generico_sobre250.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		height: 20px;
		width: 250px;
		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: 13px;
	font-weight: normal;
	text-align: left;
	/*letter-spacing:1px;*/
}

a.botonimprimir2 /*es igual al boton sin texto, no considerar para imprimir*/ {
	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: 13px;
	font-weight: normal;
	text-align: left;
	cursor: hand;
	cursor: pointer;
	/*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: 13px;
	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: Sabino Velsquez (2Brains)
*/


a.boton_continuar, a.boton_paso, a.boton_cuenta, a.boton_agregar_cuenta {
	background-image: url(../images/Botones_cuprum/bot_continuar.jpg);
	color: white;
	width: 150px !important;
	height: 40px;
	line-height: 40px;
	text-align: center;
	opacity: 1;
	display: block;
}

	a.boton_continuar:hover, a.boton_paso:hover, a.boton_cuenta:hover, a.boton_agregar_cuenta:hover {
		opacity: .5;
	}

a.boton_agregar_eliminar {
	background-image: url(../images/Botones_cuprum/bot_agregar_eliminar.jpg);
	color: #000000;
	padding-left: 15px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 200px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 100px;
	*padding-right: 0px;
}

	a.boton_agregar_eliminar:hover {
		background-image: url(../images/Botones_cuprum/bot_agregar_eliminar_sobre.jpg);
		color: #000000;
		padding-left: 15px;
		background-repeat: no-repeat;
		background-position: left top;
		height: 20px;
		width: 200px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-right: 100px;
		*padding-right: 0px;
	}
/*ESTILO BOTON ELIMINAR*/
a.boton_eliminar {
	background-image: url(../images/Botones_cuprum/bot_eliminar.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_eliminar:hover {
		background-image: url(../images/Botones_cuprum/bot_eliminar_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: Sabino Velsquez
*/
a.boton_volver {
	background-image: url(../images/Botones_cuprum/bot_volver.jpg);
	color: white;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	opacity: 1;
	display: block;
}

	a.boton_volver:hover {
		opacity: .5;
	}

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;
}

/*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: 13px;
	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: 13px;
		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: 13px;
	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: 13px;
		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: 170px;
	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: 170px;
		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/cancelar_apv.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/cancelar_hover_apv.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_buscar {
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(../images/Botones_cuprum/bot_buscar.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_buscar:hover {
		color: #000000;
		text-decoration: none;
		padding-left: 20px;
		background-image: url(../images/Botones_cuprum/bot_buscar_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;
	}

a.boton_noAcepto {
	color: #000000;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(../images/Botones_cuprum/bot_cancela__noAcepto.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_noAcepto:hover {
		color: #000000;
		text-decoration: none;
		padding-left: 20px;
		background-image: url(../images/Botones_cuprum/bot_cancelar_sobre_noAcepto.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/suscribir_apv.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/suscribir_hover_apv.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>Direccin</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>Telfono</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: 13px;
	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 comunicacin expedita y oportuna con nuestra AFP. Para actualizar
	sus datos ingrese a la opcin 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: 13px;
	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>Direccin</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>Telfono</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: 7%;
	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: 7%;
	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: 7%;
	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: 7%;
	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: 7%;
	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: 7%;
	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: 7%;
	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: 7%;
	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;
}

.mensaje_leido {
	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;
}

.mensaje_asunto {
	float: left;
	height: 50px;
	line-height: 50px;
	width: 45%;
	background-color: #f5f7f7;
	border-top: dotted;
	border-color: #999;
	border-width: 1px;
	color: #33296c;
	font-weight: bold;
}

.mensaje_fecha {
	float: left;
	height: 50px;
	line-height: 50px;
	width: 45%;
	background-color: #f5f7f7;
	border-top: dotted;
	border-color: #999;
	border-width: 1px;
	color: #33296c;
	text-align: right;
}
/*Estilo div asunto de mensaje*/

.asuntomensaje {
	float: left;
	height: 50px;
	line-height: 50px;
	width: 45%;
	background-color: #f5f7f7;
	border-top: dotted;
	border-color: #999;
	border-width: 1px;
	color: #33296c;
}

.asuntomensaje_asunto {
	float: left;
	height: 50px;
	line-height: 50px;
	width: 45%;
	background-color: #f5f7f7;
	border-top: dotted;
	border-color: #999;
	border-width: 1px;
	color: #33296c;
	font-weight: bold;
}


.asuntomensaje_celda {
	float: left;
	height: 50px;
	line-height: 50px;
	background-color: #f5f7f7;
	border-top: dotted;
	border-color: #999;
	border-width: 1px;
	color: #33296c;
}

.asuntomensaje_leido {
	float: left;
	height: 50px;
	line-height: 50px;
	width: 100%;
	background-color: #f5f7f7;
	border-top: dotted;
	border-color: #999;
	border-width: 1px;
	color: #33296c;
}

.asuntomensaje_fecha {
	float: left;
	height: 50px;
	line-height: 50px;
	width: 40%;
	background-color: #f5f7f7;
	border-top: dotted;
	border-color: #999;
	border-width: 1px;
	color: #33296c;
	text-align: right;
}

.clase_final {
	float: left;
	height: 50px;
	line-height: 50px;
	width: 3%;
	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: 12px;
	font-weight: bold;
}

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

.link_volver_casilla a {
	color: #33296c;
	cursor: hand;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.asuntoultimomensaje a {
	text-decoration: none;
	list-style-type: none;
	color: #33296c;
	cursor: hand;
	cursor: pointer;
	font-size: 12px;
	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: 13px;
	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: 13px;
	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: 13px;
	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: 13px;
	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: 13px;
	color: #000000;
}
/*FIN - ESTILO : INGRESO_DATOS_RADIO_BUTTON*/


/*
Estilo : ingreso_datos_combo
Estilos relacionados:

Creado por: HMOLLER 30/04/10
Modificado por: HMOLLER 30/04/10 ; Ricardo Torreblanca
*/
.ingreso_datos_combo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	/*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: 13px;
	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: 13px;
	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: 13px;
	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="Cnyuges"></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 Telefnicas</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 da:</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: 13px;
	margin-left: 10px;
	border-width: thin;
	border-right: #D6D6D6 1px solid;
	border-bottom: #D6D6D6 1px solid;
	border-left: #D6D6D6 1px solid;
	border-top: #D6D6D6 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: #D6D6D6 1px solid;
	border-bottom: #D6D6D6 1px solid;
	border-left: #D6D6D6 1px solid;
	border-top: #D6D6D6 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">Ttulo</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>Sanda</td>
					<td><A href="#">Ver..</A></td>
				</tr>
				<tr class="tabla_informativa">
					<td>05/05/2005</td>
					<td>9.956.656</td>
					<td>Sanda</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">Ttulo
	</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: #fff;
	width: 100%;
	border-collapse: collapse;
	table-layout: auto;
}


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

tr.tabla_informativa_contenedor {
	/*position: relative;*/

	height: 60px;
	color: gray;
	font-size: 14pt;
	top: 20px;
	font-weight: bold;
}

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

table.tabla_informativa {
	text-align: center;
	border-bottom: #D6D6D6 1px solid;
	border-bottom: #D6D6D6 1px solid;
	border-left: #D6D6D6 1px solid;
	border-top: #D6D6D6 1px solid;
	width: 98%;
	border-collapse: collapse;
	table-layout: auto;
	color: gray;
	font-weight: lighter;
	border-right: #D6D6D6 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_informativa3 {
	text-align: center;
	border-bottom: gray 0px solid;
	border-bottom: gray 0px solid;
	border-left: gray 0px solid;
	border-top: gray 0px solid;
	width: 98%;
	border-collapse: collapse;
	table-layout: auto;
	color: gray;
	font-weight: lighter;
	border-right: gray 0px solid;
	margin-left: 15px;
}

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

thead.tabla_informativa {
	height: 40px;
	background-color: #184372;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	font-size: 13px;
	text-transform: uppercase;
}

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

.margensaldo {
	padding-right: 5px;
}

.margenCuenta {
	padding-left: 5px;
}

tbody.tabla_informativa {
	background-color: white;
	height: 28px;
	font-size: 13px;
}

tbody.tabla_informativa2 {
	background-color: white;
	height: 28px;
	font-size: 13px;
}

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: #D6D6D6 1px solid;
	border-bottom: #D6D6D6 1px solid;
	border-left: #D6D6D6 1px solid;
	/*border-top: #D6D6D6 1px solid;*/
}

tr.tabla_informativa2 td {
	font-size: 13px;
	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 {
	height: 40px;
	background-color: #184372 !important;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	font-size: 13px;
	text-transform: uppercase;
	border-bottom: #D6D6D6 1px solid;
	border-bottom: #D6D6D6 1px solid;
	border-left: #D6D6D6 1px solid;
	border-top: #D6D6D6 1px solid;
	border-color: Gray;
}

.tabla_informativa_header_traspasos {
	height: 40px;
	background-color: #184372;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	font-size: 13px;
	text-transform: uppercase;
	border-bottom: #D6D6D6 1px solid;
	border-bottom: #D6D6D6 1px solid;
	border-left: #D6D6D6 1px solid;
	border-top: #D6D6D6 1px solid;
	border-right: #D6D6D6 1px solid;
	border-color: Gray;
}

.tabla_informativa_header2 {
	height: 40px;
	background-color: #423a79;
	font-weight: bold;
	padding: 10px;
	font-size: 13px;
	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;
	height: 28px;
	font-size: 13px;
	border-color: Gray;
	border-bottom: #D6D6D6 1px solid;
	border-bottom: #D6D6D6 1px solid;
	border-left: #D6D6D6 1px solid;
	border-top: #D6D6D6 1px solid;
}

.tabla_informativa_item2 {
	background-color: #ebebeb;
	color: Black;
	height: 28px;
	font-size: 13px;
	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_traspasos {
	background-color: white;
	height: 28px;
	font-size: 13px;
	border-color: Gray;
	border-bottom: #D6D6D6 1px solid;
	border-bottom: #D6D6D6 1px solid;
	border-left: #D6D6D6 1px solid;
	border-top: #D6D6D6 1px solid;
	border-right: #D6D6D6 1px solid;
}

.tabla_informativa_item22 {
	background-color: #ffffff;
	color: Black;
	height: 28px;
	font-size: 13px;
	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;
	height: 28px;
	font-size: 13px;
}

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

.tabla_informativa_alternatingItem {
	background-color: white;
	height: 28px;
	font-size: 13px;
}

.tabla_informativa_alternatingItem_error {
	background-color: white;
	background-color: #feedd8;
	height: 28px;
	font-size: 13px;
}

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


.tabla_informativa_item_destacado /*color naranjo pastel*/ {
	height: 28px;
	font-size: 13px;
	border-color: Gray;
	border-bottom: #feedd8 0px solid;
	border-bottom: #feedd8 0px solid;
	border-left: #feedd8 0px solid;
	border-top: #feedd8 0px solid;
	color: #000;
	background-color: #feedd8;
}

.texto_tabla_informativa_item_beneficiario {
	font-size: 13px;
	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: 13px;
		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: #D6D6D6 1px solid;
	border-right: #D6D6D6 1px solid;
	border-left: #D6D6D6 1px solid;
	border-top: #D6D6D6 1px solid;
	width: 98%;
	border-collapse: collapse;
	table-layout: auto;
	color: gray;
	border-right: #D6D6D6 1px solid;
}

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

.tabla_informativa_item_benef {
	background-color: white;
	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 {
	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: 50%;
	height: 55px;
	font-size: 13px;
	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;
	}

/*********/
#tabscasilla2 {
	float: left;
	background-color: #f6f8f7;
	width: 80%;
	height: 55px;
	font-size: 13px;
	font-weight: bold;
	border-bottom-color: #999;
	border-bottom-style: solid;
	border-width: 1px;
	margin-bottom: 20px;
	overflow: hidden;
}

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

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

	#tabscasilla2 .selected {
		float: left;
		background-color: #d0d8d8;
		padding: 10px 10px 0 10px;
		text-decoration: none;
		width: auto;
		height: 45px;
		*height: 45px;
		color: #f99a22;
		overflow: hidden;
	}




/*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_consulta2.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_sobre2.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_enviar {
	background-image: url(../images/Botones_cuprum/bot_Enviar.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_enviar:hover {
		background-image: url(../images/Botones_cuprum/bot_Enviar_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;
	}

a.btn_subir_archivo {
	background-image: url(../images/Botones_cuprum/bot_subir.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.boton_calcular {
	background-image: url(../images/Botones_cuprum/bot_calcular.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_calcular:hover {
		background-image: url(../images/Botones_cuprum/bot_calcular_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;
	}

a.boton_siguiente {
	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: 90px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 100px;
	*padding-right: 0px;
}

	a.boton_siguiente: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: 90px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-right: 100px;
		*padding-right: 0px;
	}

a.boton_revocar_mandato {
	background-image: url(../images/Botones_cuprum/bot_revocar_mandato.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 140px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 100px;
	*padding-right: 0px;
}

	a.boton_revocar_mandato:hover {
		background-image: url(../images/Botones_cuprum/bot_revocar_mandato_sobre.jpg);
		color: #000000;
		padding-left: 15px;
		background-repeat: no-repeat;
		background-position: left top;
		height: 20px;
		width: 140px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-right: 100px;
		*padding-right: 0px;
	}


a.boton_modificar_mandato {
	background-image: url(../images/Botones_cuprum/bot_modificar_mandato.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 140px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 100px;
	*padding-right: 0px;
}

	a.boton_modificar_mandato:hover {
		background-image: url(../images/Botones_cuprum/bot_modificar_mandato_sobre.jpg);
		color: #000000;
		padding-left: 15px;
		background-repeat: no-repeat;
		background-position: left top;
		height: 20px;
		width: 140px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-right: 100px;
		*padding-right: 0px;
	}

a.boton_modificar {
	background-image: url(../images/Botones_cuprum/bot_modificar.jpg);
	color: #000000;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 120px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 100px;
	*padding-right: 0px;
}

	a.boton_modificar:hover {
		background-image: url(../images/Botones_cuprum/bot_modificar_sobre.jpg);
		color: #000000;
		padding-left: 15px;
		background-repeat: no-repeat;
		background-position: left top;
		height: 20px;
		width: 120px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-right: 100px;
		*padding-right: 0px;
	}

#boton_volver_cf {
	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: 50px;*/
	_padding-right: 25px;
	padding-right: 92px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	cursor: hand;
}

	#boton_volver_cf: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: 50px;*/
		_padding-right: 25px;
		padding-right: 92px;
		color: #000000;
		text-decoration: none;
		text-align: left;
		cursor: hand;
	}

#datos2 span {
	font-size: 13px;
}


#Ingresar {
	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;
	/**position:absolute;*/
}

	#Ingresar:hover {
		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;
	}

.div-ql {
	background-color: #FFEDE0;
	border-radius: 3px;
	border: solid 1px #FFDBA1;
	padding: 10px 20px 10px 10px;
	display: block;
	margin-right: 22px;
}

.div-info-cav {
	border-radius: 3px;
	border: solid 1px #E8E8E8;
	padding: 10px 20px 10px 10px;
	display: block;
	margin-right: 22px;
	border-left-color: #0076CF;
	border-left-width: 8px;
}

.div-ql h3 {
	margin: 0;
	font-size: large;
	text-align: center;
}

.div-ql .fa {
	margin-right: 10px;
	color: #FFA300;
	font-size: 3em;
}

.div-ql p {
	font-size: 14px;
	line-height: 20px;
	margin-top: 3px;
}

.div-ql button {
	background-color: #5AAA85;
	border: 0;
	padding: 10px;
	border-radius: 3px;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
}

.notification-sms {
	background-color: #0082ca;
	border-radius: 3px;
}

	.notification-sms p {
		display: inline-block;
		color: #ffffff;
		margin: 0;
		padding: 20px;
		font-size: 14px;
	}

	.notification-sms button {
		background-color: #FFA300;
		border: 0;
		padding: 10px;
		color: #FFFFFF;
		border-radius: 3px;
		transition: all ease .3s;
		cursor: pointer;
	}


		.notification-sms button:hover {
			background-color: #e39b1b;
		}

.notification-success {
	background-color: #eef7f3;
	padding: 20px;
	border-radius: 3px;
	border: solid 1px #ddeee6;
	height: auto;
	overflow: hidden;
}

	.notification-success i {
		color: #5AAA85;
		float: left;
		margin-right: 10px;
	}

	.notification-success label {
		color: #5AAA85;
		margin: 0;
		line-height: 2;
		font-size: 14px;
	}

/* CSS NUEVOS BOTONES */

a.btn-back {
	background-color: #b1b1b1;
	padding: 12px 17px;
	border-radius: 3px;
	color: #FFFFFF;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	transition: all ease .5s;
}

	a.btn-back:hover {
		opacity: .8;
	}

a.btn-next {
	background-color: #ffa300;
	padding: 12px 17px;
	border-radius: 3px;
	color: #FFFFFF;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	transition: all ease .5s;
}

	a.btn-next:hover {
		opacity: .8;
	}

a.btn-add-sm {
	background-color: #184372;
	padding: 3px 18px;
	margin: 5px;
	border-radius: 3px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	transition: all ease .5s;
}

	a.btn-add-sm:hover {
		opacity: .8;
	}

a.btn-disabled {
	background-color: rgba(198, 206, 213, 1);
	padding: 3px 18px;
	margin: 5px;
	border-radius: 3px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	transition: all ease .5s;
}

	a.btn-disabled:hover {
		cursor: n-resize;
	}


.informacion_declarativa {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0;
	padding: 15px;
}

	.informacion_declarativa li {
		width: 40%;
		font-size: 13px;
		padding: 8px;
	}


/* Large desktops and laptops */
@media (min-width: 1200px) {
	.informacion_declarativa {
		width: 700px;
	}

	.scrollGiroApv {
		overflow: hidden
	}
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.informacion_declarativa {
		width: 700px;
	}

	.scrollGiroApv {
		overflow: hidden
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.informacion_declarativa {
		width: 700px;
	}

	.scrollGiroApv {
		overflow: hidden
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.informacion_declarativa li {
		width: 100%;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	.informacion_declarativa li {
		width: 100%;
	}
}



.tabla_clave {
	padding: 5px;
	height: 76px;
	background-color: #e9edf0;
}

.titulo-clave-acceso {
	font-size: 18px;
	color: #184372;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 23px
}

.titulo-clave-acceso-giro {
	font-style: normal;
	font-weight: 300;
	font-size: 45px;
	line-height: 55px;
}

.subtitulo-clave {
	font-weight: bold;
	color: #666666;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-align: left;
	padding-right: 0px;
	float: left;
}


.overlay {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	z-index: 1005;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	display: inline-grid;
	align-items: flex-start;
	justify-content: center;
	align-content: center;
	flex-direction: row;
}

	.overlay .loader {
		filter: none;
		box-sizing: border-box;
		clear: both;
		border-style: solid;
		border-radius: 15px;
		border-width: 5px;
		border-color: rgba(255, 255, 255, 0.4);
		border-top-color: #fff;
		animation: spin 1.8s infinite linear;
		-webkit-animation: spin 1.8s infinite linear;
		height: 60px;
		width: 60px;
		border-width: 12px;
		border-radius: 30px;
	}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.boton_nuevo_dpp_cav {
	height: 35px;
	padding: 10px 0 20px;
	text-align: right;
}

.boton_nuevo_dpp_cav > a {
	background-color: #035fa4;
	color: #fff;
	border: none;
	text-decoration: none;
	padding: 14.5px 32px;
	border-radius: 28px;
	font-size: 16px;
	text-align: center;
	font-family: "FS Elliot Web Bold", "FS Elliot Web Regular", Arial, sans-serif;
	font-weight: bolder;
}

.boton_nuevo_dpp_cav > a:hover {
	background-color: #004887;
}

.titulo_dpp_cav {
	font-family: 'FS Elliot Pro Light', 'FS Elliot Web Regular', Arial, arial, sans-serif;
	line-height: 46px;
	margin: 0px;
	font-size: 30px
}

.text-dpp-cav {
	font-family: "FS Elliot Web Regular", "Arial", arial, sans-serif;
	line-height: 32px;
	margin: 0px;
	font-size: 20px;
	font-weight: 400;
}

.tabla_informativa_dpp_cav {
	width: 100%;
	border: 1px solid #e8e8e8;
	box-sizing: border-box;
	margin: 0;
}

.tabla_informativa_dpp_cav > tbody > tr:first-child > td {
	font-size: 16px;
	line-height: 21px;
	padding: 16px;
}

.tabla_informativa_dpp_cav > tbody > tr > td {
	font-family: 'FS Elliot Pro Light', 'FS Elliot Web Regular', Arial, arial, sans-serif !important;
	font-size: 16px;
	font-weight: 400;
}

.tabla_informativa_dpp_cav > tbody > tr > td > div {
	color: #0061A0;
	margin: 5px;
}

.tabla_informativa_dpp_cav > tbody > tr > td > div > a {
	color: #0061A0;
}

body {
	padding: 10px;
}