/* Falta ponerle estilos a links en generala los <ul> y <li> */
A:hover {
	color:#CC0000;


}

A {
	color:#666666;


}

.clear{
	clear:both;
}

/*------------------------------------HEADER-----------------------------
-------------------------------------------------------------------------*/
.bgtop {
	background-image: url(../img/ktop.gif);
}

/* Se utiliza para el enlace que permite cambiar de tarketas a banco o viceversa */
a .linkTop{
	color:#004990;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	text-decoration:underline;
}

a:hover .linktop{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:underline;
	color: #CC0000;
}

.linkTop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
}
.linkTop a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #CC0000;
}
.linkTop a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	color: #CC0000;
}*/

/* estilos para el combo de los paises */
.combo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #CCCCCC;
}

/*------------------------------------MENU--------------------------------
-------------------------------------------------------------------------*/
.NavTercer {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 18px;
	background-color: #CF1326;
}
.NavTercer a {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #CF1326;
}
.NavTercer a:hover {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #FFFFFF;
	background-color: #CF1326;
}
.tdrojo {
	background-color: #CF1326;
	height: 2px;
}

/* se utiliza para los textos en el area de login */
.loginLabel {
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	COLOR: #333333; 
	LINE-HEIGHT: 15pt; 
	FONT-FAMILY: "Trebuchet MS", Arial, sans-serif; 
}

/*-----------------------------------PAGE SCRUMBS--------------------------
-------------------------------------------------------------------------*/
.NavRuta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.NavRuta a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.NavRuta a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
}

/*-----------------------------------MENU IZQUIERDA------------------------
-------------------------------------------------------------------------*/

/* Menu padre en rojos */
.TitTercerNivel {
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CF1326;
	text-decoration: none;
}

.MenuTercerNivelLeft a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CF1326;
	text-decoration: none;
}

/* Menu inquierdo de segundo nivel, cuando un usuario selecciona alguna opcion del menu izquierdo */
.TitMenuNavCuartoNivel {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

.TitMenuNavCuartoNivel a{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
	text-decoration: none;

}

.TitMenuNavCuartoNivel a:hover{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;

}

/* Existe una escala adicional que puede tener el menu inzquierdo */
.ItemMenuNavCuartoNivel {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	padding-left: 18px;
	line-height: 15pt;
}
.ItemMenuNavCuartoNivel a {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
}

.ItemMenuNavCuartoNivel a:hover {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	background-color: #BFCDDC;
	width: 155px;
}
.ItemMenuNavQuintoNivel {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	padding-left: 23px;
	line-height: 12pt;
}
.ItemMenuNavQuintoNivel a {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #333333;
}

.ItemMenuNavQuintoNivel a:hover {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #333333;
	background-color: #BFCDDC;
}

/*------------------------------------CONTENT-----------------------------
-------------------------------------------------------------------------*/
.font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	line-height: 1.5;
	vertical-align: top;
	text-align: justify;
}
.fontusrsuc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	line-height: 1.5;
	vertical-align: top;
}
.titFont {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.contentpadding {
	padding: 1px 0px 0px;
}

/* da estilo a los textos de los cuadrantes y contenido del sitio en 
las paginas principales */
.fonthome {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 3px;
}

.fonthome a{
	color:#004990;
	text-decoration:underline;
	font-size: 12px;
	line-height:17px;
}

.fonthome a:hover{
	text-decoration:underline;
	color:#CC0000;
	font-size: 12px;
	line-height:17px;
}
	

/* da estilo a los textos de los cuadrantes y contenido del sitio en 
las paginas secundarias */
.fontpanel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 1.5;
	vertical-align: top;
	padding: 6px;

}

.fontpanel a{
	color:#004990;
	text-decoration:underline;
	font-size: 11px;
	line-height:16px;
}

.fontpanel a:hover{
	text-decoration:underline;
	color:#CC0000;
	font-size: 11px;
	line-height:16px;
}

/*------------------------------------BANNERS-----------------------------
-------------------------------------------------------------------------*/

/* Se utilizan para dar la informacion del cambio de dolar
en los diferentes paises de la region */
.BannersNav01 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	padding-left: 0px;
	line-height: 15pt;
	background-color: #e7e7e7;


}
.BannersNav01 a {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	padding-left: 15px;
}

.BannersNav01 a:hover {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	background-color: #BFCDDC;
	width: 100%;
	padding-left: 15px;
	}
	
.BannersNav02 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	padding-left: 0px;
	line-height: 15pt;
	background-color: #F8F8F8;

}
.BannersNav02 a {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	padding-left: 15px;
}

.BannersNav02 a:hover {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	background-color: #BFCDDC;
	width: 100%;
	padding-left: 15px;
}

/*------------------------------------FOOTER-----------------------------
-------------------------------------------------------------------------*/

.bgbottom {
	background-image: url(../img/kbottom.gif);
}

/* Estilos para los links que estan en el footer */
.baseLine {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	height: 46px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	padding: 15px;
}
.baseLine a {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.baseLine a:hover {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #CC0000;
	text-decoration: underline;
}

.TitCuartoNivel {
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CF1326;
	text-decoration: none;
}
.bgcolorpicture {
	background-color: #006699;
}

.Novedades {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	width: 100%;
	padding-left: 15px;
}
	
.PaisesSucursal {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CF1326;
	text-decoration: none;
}

/* Cuadrantes */
.cuadro{
	width:230px;
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.cuadro h3.cuadro_title{
	font-size:18px;
	color:#CC0000;
	margin:10px !important;
	padding:0px;
	margin:5px;
}

.cuadro_info{
	float:left;
	width:160px;
	padding-left:5px;
	/*background-color:#036;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

.cuadro a.more_info{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	text-decoration:underline;
	color:#F00;
	margin:10px 10px 0px 20px;
}

.cuadro a.more_info:hover{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	text-decoration:underline;
	color:#930107;
}

/* La imagen que se utiliza para el cuadrante (solo debe haber una) */
.cuadro img{
	border:none;
	padding:10px 10px;
}

/* Es la pequena descripcion que tiene el cuadrante */
.cuadro p{
	margin:0px;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Lista que incluye los links */
.cuadro ul{
	text-align:left;
	margin:4px 0px 0px 0px;
	padding:0px 5px 0px 0px;
}

.cuadro li{
	list-style:none
}

/* Estilo que se aplica a los link del cuadrante */
.cuadro a{
	color:#6e6e6e;
	font-size:12px;
	text-decoration:underline;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.cuadro a:hover{
	font-size:12px;
	color:#ee1a2c;
	text-decoration:underline;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}