﻿/* Generales */

li{ list-style: square;}
ul { list-style: square;}

html.body{
	color: #666;
	margin-top: 0px;
	height: 100%;
}

body
{
	background: url(../imagenes/fondo_pagina.png) repeat;
	_background: url(../imagenes/fondo_pagina.png) repeat;
	background-color: #FFF;
	margin: 0px;
	SCROLLBAR-FACE-COLOR: #526671;
	SCROLLBAR-HIGHLIGHT-COLOR: #ECF0F3;
	SCROLLBAR-SHADOW-COLOR: #ECF0F3; 
	SCROLLBAR-3DLIGHT-COLOR: #ECF0F3; 
	SCROLLBAR-WIDTH: 10px;
	SCROLLBAR-ARROW-COLOR: #ECF0F3; 
	SCROLLBAR-TRACK-COLOR: #ECF0F3; 
	SCROLLBAR-DARKSHADOW-COLOR: #526671; 
	SCROLLBAR-BASE-COLOR: #ECF0F3;
	font-family: Arial, Verdana;
	color: #000000;
	margin: 0px;
	height: 100%;
	font-size: 11px;	
}

/* Bordes */

/* Grey Border Boxes {{{ */
.bordeC1	{
	border:				1px solid #dbe4e8;
	padding:			2px;
	background:			#fff;
}

.bordeC2	{
	border:				4px solid #f2f7f9;
}

.bordeC3	{
	border:				1px solid #becbd6;
	padding:			3px;
	background:			#fff;
	background-image:	url(../imagenes/Iconos/Img_fondo.png);
	background-repeat:no-repeat;
}

/* Estilos de Cabezera*/

.fechaPagina
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
	top: -1px;
}

.fondo_blanco
{
	background-color:#FFF;
	_background-color:#FFF;
}

.fondo_boton_buscar
{
	width: 25px;
	height: 25px;
	background: url(../imagenes/02_BotonBuscar.gif) no-repeat;
}

.fondo_gris_01
{
	background-color:#EBEBEB;
	_background-color:#EBEBEB;
}

.enlaceAccesoDirecto
{
	font-family: Arial;
	font-size: 12px;
	font-weight:normal;
	color: #FFF;
	text-decoration: none;
	position: relative;
	padding-left: 5px;
}

.enlaceAccesoDirecto:hover
{
	font-family: Arial;
	font-size: 12px;
	font-weight:normal;
	color: #FF9900;
	text-decoration:underline;
	position: relative;
	padding-left: 5px;
}

.enlaceAccesoDirecto:active
{
	font-family: Arial;
	font-size: 12px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration:underline;
	position: relative;
	padding-left: 5px;
}
/* Enlace Para Noticias de la Pantalla Principal*/
.enlaceMenuVertical
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight:normal;
	color: #005F38;
	text-decoration: none;
	position: relative;
	padding-left: 5px;
}

.enlaceMenuVertical:hover
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight:normal;
	color: #FF3300;
	text-decoration:underline;
	position: relative;
	padding-left: 5px;
}

.enlaceMenuVertical:active
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight:normal;
	color: #CC3300;
	text-decoration:underline;
	position: relative;
	padding-left: 5px;
}
/* Enlace Para Noticias de la Pantalla Principal*/
.enlaceMenuInforme
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight:normal;
	color: #006699;
	text-decoration: none;
	position: relative;
	padding-left: 5px;
}

.enlaceMenuInforme:hover
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight:normal;
	color: #FF3300;
	text-decoration:underline;
	position: relative;
	padding-left: 5px;
}

.enlaceMenuInforme:active
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight:normal;
	color: #CC3300;
	text-decoration:underline;
	position: relative;
	padding-left: 5px;
}
/* Enlace Para Noticias de la Pantalla Principal*/
.enlaceMenuEnlace
{
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight:normal;
	color: #A50000;
	text-decoration: none;
	position: relative;
	padding-left: 5px;
}

.enlaceMenuEnlace:hover
{
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight:normal;
	color: #003366;
	text-decoration:underline;
	position: relative;
	padding-left: 5px;
}

.enlaceMenuEnlace:active
{
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight:normal;
	color: #CC3300;
	text-decoration:underline;
	position: relative;
	padding-left: 5px;
}
/* Enlace Para Noticias de la Pantalla Principal*/
.enlaceMenuServicios
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight:normal;
	color: #CC3300;
	text-decoration: none;
	position: relative;
	padding-left: 5px;
}

.enlaceMenuServicios:hover
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight:normal;
	color: #990000;
	text-decoration:underline;
	position: relative;
	padding-left: 5px;
}

.enlaceMenuServicios:active
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight:normal;
	color: #660000;
	text-decoration:underline;
	position: relative;
	padding-left: 5px;
}

/* topmenu*/
.topmenu {
    font-family:Verdana;
    font-size:11px;
	border:none;
	top: -3px;
	color:#ffffff;
	/*word-spacing: 0.2em;
	letter-spacing: 0.04em;*/
    }

a.topmenu {
	color: #ffffff;
	/*padding: 0px 10px 4px 10px;*/
	text-decoration: none;
	}
	
a.topmenu:hover {
	color: #ffffff;
	background:url(../imagenes/Cabecera/Img_topmenu.gif);
	}
	
a.topmenu:visited {
	color: #ffffff;
	/*background:url(img/topmenu-bg.gif);*/
	}

a:visited {
	/*color: #008000;*/
}

.enlaceControlRuta
{
	font-size: 11px;
	/*color:#526671;*/
	color:#FFFFFF;
	background-image:url(../imagenes/Iconos/Img_FlechaCabecera.gif); 
	background-repeat:no-repeat; 
	text-indent:10px; 
	display:block; 
	text-decoration:underline;
}

.enlaceControlRuta:link
{
	color:#FFFFFF;
	text-decoration:underline;
}

.enlaceControlRuta:visited
{
	color:#FFFFFF;
	text-decoration:underline;
}

a.enlaceControlRuta:hover
{
	color:#ffffcc;
	text-decoration:underline;
}

.enlaceControlRuta:active
{
	color:#526671;
}

.marcoRuta
{
	border-width: 1px;
	border-color: #becbd6;
	border-style: solid;
	color: #C51818;
	font-size: 11px;
	font-family: Verdana;
	margin: 0px 0px 0px 0px;
	/*background-color: #E7EBEF;*/
	background-color: #526671;
	padding-left: 5px;
}

.marcoCabecera
{
	border-bottom: #cb1b1b 2px solid;
	border-top: #cb1b1b 2px solid;
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-right: 0px;
	padding-top: 0px; 
}

/* Estilos de Elementos de P&aacute;gina*/

.tituloPagina
{
	/* background-color:#DFFFDF; */
	font-family:Verdana;
	color: #990000;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
}

.tituloGrande
{
	background-color:#DFFFDF;
	font-family:Verdana;
	color: #990000;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
}

.tituloFicha {
	background-color:#DFFFDF;
	text-indent:5px;
	font-size: 12px;
	color: #922;
	font-weight: bold;
	line-height: 20px;
	font-family:Verdana;
}

.tituloAVerde
{
	color: #008000;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 17px;
	font-weight: 500;
}

.tituloBVerde
{
	color: #008000;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 13px;
	font-weight: 500;
}

.tituloA
{
	color: #333333;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 14px;
	font-weight: bold;
}

.tituloB
{
	color: #333333;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 12px;
	font-weight: 500;
}

.texto_general
{
	color: #333333;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 11.4px;
	line-height: 17px;
	text-align: justify;
	font-weight:100;
}

.subtituloPagina
{
	/* background-color:#DFFFDF; */
	font-family:Verdana;
	color:#000060;;
	margin:0px;
	padding:0;
	word-spacing:-1px;
	font-size:12px;
	font-weight:bold;
	margin:5px 0 5px 0;
	padding-left:5px;
}

.subtituloPaginaFund
{
	background-color:#FFFFCC;
	font-family:Verdana;
	color:#000060;;
	margin:0px;
	padding:0;
	word-spacing:-1px;
	font-size:12px;
	font-weight:bold;
	margin:5px 0 5px 0;
	padding-left:5px;
}

.subtituloTabla
{
	font-size: 			12px;
	color:				#922;
	font-weight:		bold;
	margin:				5px 0 5px 0;
	padding: 0 0 0 5px;
	line-height:        25px;
	border-bottom:      1px dashed #922;
	word-spacing: 		-1px;
}

.subtituloA
{
	color: #000000;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	
}

.encabezado
{
	font-family: Verdana;
	font-size: 11px;
	background-color: #F4EAEA;
	color: #AD1010;
	padding-left: 8px;
}

.encabezadoA
{
	color: #790F0F;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;

}

.encabezadoB
{
	font-weight: bold;
	font-size: 11px;
	color: #cc0000;
	font-family: Verdana;
}


.textoParrafoPersonalCorreo
{
	color: #0000B9;
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	text-align: justify;
	padding-left: 14px;
}

.textoParrafo
{
	font-size:9.5px;
    color:#173546;
	word-spacing: 0.2em;
	line-height: 15px;
	text-align: justify;
	font-family:Verdana;
	font-style: normal;
	font-weight: normal;
	padding-left: 5px;
	padding-rigth: 5px;
}

.textoParrafoPoli
{
	font-size:12px;
    color:#173546;
	line-height: 15px;
	text-align: justify;
	font-family:Verdana;
	font-style: normal;
	font-weight: normal;
	padding-left: 3px;
	padding-rigth: 3px;
}

.textoParrafoMargen
{
	font-size: 11px;
	word-spacing: 0.2em;
	color: #173546;
	text-indent: 0px;
	padding-left: 0px;
	line-height: 15px;
	text-align: justify;
}

.textoParrafoRojo
{
    font-size:11px;
    color:#9f605e;
	word-spacing: 0.1em;
	line-height: 14px;
}

.textoParrafoSangria
{
	color: #000000;
	font-family: Verdana;
	font-size: 10px;
	font-weight:bold;
	padding-left:20;
}


.textoRojo
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR:	#990000;
	LINE-HEIGHT: 12px; 
	font-family: Verdana; 
}

.TextoSelec {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: pointer;
}

.textoPiePagina
{
	color: #FFFFFF;
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	text-align: center;
	text-decoration:none;
}

.CurMenuPrin
{
	background-image:url(../imagenes/NewImages/img_curbtn.gif); 
	background-repeat:no-repeat; 
}
.TextoMenuPrin
{
	color: #FFFFFF;
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../imagenes/NewImages/img_fonbtn.gif); 
	background-repeat:no-repeat; 
}
.TextoMenuPrin:hover
{
	color: #FFFF99;
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	cursor: hand;
	font-weight:bold;
	text-decoration:underline;
}

.TextoEnlaces
{
	color: #666666;
	font-family: Verdana;
	font-style: normal;
	font-weight:bold;
	font-size: 11px;
	text-align: center;
	text-decoration:none;
}
.TextoEnlaces:hover
{
	color: #999999;
	font-family: Verdana;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	cursor: hand;
	text-decoration:underline;
}


.pieDePagina
{
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
}

.enlacePieDePagina
{
	font-family: Verdana;
	font-size: 10px;
	color: #336699;
}

.enlacePieDePagina:hover
{
	font-family: Verdana;
	font-size: 10px;
	color: #0000AA;
}

.enlacePieDePagina:active
{
	font-family: Verdana;
	font-size: 10px;
	color: #0000AA;
}


/* Estilos de Botones*/

.botonA
{
	border-width: 1px;
	border-color: #790F0F;
	border-style: solid;
	color: #790F0F;
	font-family: Verdana;
	font-size: 11px;
	background-color: #FFFFFF;
	font-weight: bold;
	filter: DropShadow(Color=#000000, OffX=2px, OffY=2px, Positive=y);
}

.botonB
{
	background:         url(../imagenes/boton_calculos.gif);
	color:              #FFF;
	border: 			0px outset;
	cursor: 			pointer;
	font-family:		Verdana;
	font-size:			11px;
	font-weight: 		normal;
	margin: 			0px 0px 0px 0px;
	padding: 			3px 0px 2px 0px;
	/*font-weight:        bold;*/
}

.boton_calc_cuota
{
	background:         url(../imagenes/scalcula_cuota.png) no-repeat;
}

.boton_plan_cuota
{
	background:         url(../imagenes/splan_pagos.png) no-repeat;
}

.boton_simulador_ahorro
{
	background:         url(../imagenes/simula_ahorro.png) no-repeat;
}

.botonNormal
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0D4386;
	border-style: double;
	border-width: 1px;
	border-color: #C0C0C0;
}

.botonSeleccionado
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #1158AF;
	border-style: double;
	border-width: 1px;
	border-color: #C0C0C0;
}

.tituloboton
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #1158AF;
	background-color: #FFFFFF;
}

.botonNormal1
{
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	background-color: #F8F8F8;
	border-style: double;
	border-width: 1px;
	border-color: #C0C0C0;
}

.botonSeleccionado1
{
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #697D88;
	border-style: double;
	border-width: 1px;
	border-color: #C0C0C0;
}

.botonD
{
	border-width: 1px;
	border-color: #E84646;
	border-style: solid;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 11px;
	background-color: #790F0F;
	font-weight: bold;
}


/* Estilos de Tablas-Grillas- Simulador*/
.encabezadoS
{
	color: #790F0F;
	font-family: Arial Narrow;
	font-size: 15px;
	font-weight: bold;
}
.encabezadoRojoS
{
	font-weight: bold;
	font-size: 15px;
	color: #cc0000;
	font-family: Arial Narrow;
}
.textoParrafoS
{
	font-size:14px;
    color:#173546;
	word-spacing: 0.2em;
	line-height: 15px;
	text-align: justify;
	font-family: Arial Narrow;
}

.Controles
{
    text-indent: 5px;
	border: 1px solid #CCC;
	FONT-SIZE: 12px;
	MARGIN: 0px;
	color:#000000;
}

.ControlesCJN
{
	BORDER:1px solid #880211;
	border-color:#880211;
	FONT-SIZE: 11px;
    COLOR: #880211;
    FONT-FAMILY: "Trebuchet MS",tahoma;
    HEIGHT: 20px;
    TEXT-ALIGN: left;
    margin:0px 0px 0px 0px;
    cursor:text;
}
	
.cabeceraReclamos
{
	background-color: #AD1010;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 11px;
	padding: 2px 0px 2px 4px;
	text-align:left;
}

.contenidoFooter{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

.fondoFooterSupoerior{
	background:url(../imagenes/bg_verde_horizontal.gif);
	background-repeat:repeat-x;
	background-color:#FFF;
}