@font-face {
    font-family: 'trebuchet Ms';
    src: url('trebuchetMS.ttf');
}
body {
	margin:5px 0 0 0;
	background-color:#eeeeee;
	font-family:Arial,Helvetica,sans-serif;
}
h2 {
	color:#C80008;
	font-size:15px;
	font-weight:bold;
	background-image:url(../images/bullet1.gif);
	background-repeat:no-repeat;
	background-position: center left;
	margin:0px;
	padding:0 0 0 14px;
	text-align:left;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}
h3 {
	font-size:13px;
	margin:18px 0 0 8px;
}

/* 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(../images/ktop.gif);
}

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

a:hover .linktop{
	font-size: 10px;
	text-decoration:underline;
	color: #CC0000;
}

.linkTop {
	font-size: 10px;
	color: #CC0000;
}
.linkTop a {
	font-size: 10px;
	text-decoration: none;
	color: #CC0000;
}
.linkTop a:hover {
	font-size: 10px;
	text-decoration: underline;
	color: #CC0000;
}*/

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

/*------------------------------------MENU--------------------------------
-------------------------------------------------------------------------*/
.NavTercer {
	font-size: 11px;
	color: #FFFFFF;
	height: 18px;
	background-color: #CF1326;
}
.NavTercer a {
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #CF1326;
}
.NavTercer a:hover {
	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-size: 10px;
}
.NavRuta a {
	font-size: 10px;
	color: #666666;
}
.NavRuta a:hover {
	font-size: 10px;
	color: #CC0000;
}

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

/* Menu padre en rojos */
.TitTercerNivel {
	background-color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	color: #CF1326;
	text-decoration: none;
}

.MenuTercerNivelLeft a{
	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-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-size: 12px;
	font-weight: bold;
	color: #006699;
	text-decoration: none;

}

.TitMenuNavCuartoNivel a:hover{
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;

}

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

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

.ItemMenuNavQuintoNivel a:hover {
	font-size: 9px;
	text-decoration: none;
	color: #333333;
	background-color: #BFCDDC;
}

/*------------------------------------CONTENT-----------------------------
-------------------------------------------------------------------------*/
.font {
	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-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-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-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-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-size: 11px;
	font-weight: normal;
	color: #333333;
	padding-left: 0px;
	line-height: 15pt;
	background-color: #e7e7e7;


}
.BannersNav01 a {
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	padding-left: 15px;
}

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

}
.BannersNav02 a {
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	padding-left: 15px;
}

.BannersNav02 a:hover {
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	background-color: #BFCDDC;
	width: 100%;
	padding-left: 15px;
}

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

.bgbottom {
	background-image: url(../images/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-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	padding: 15px;
}
.baseLine a {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.baseLine a:hover {
	font-size: 11px;
	color: #CC0000;
	text-decoration: underline;
}

.TitCuartoNivel {
	background-color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	color: #CF1326;
	text-decoration: none;
}
.bgcolorpicture {
	background-color: #006699;
}

.Novedades {
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	width: 100%;
	padding-left: 15px;
}
	
.PaisesSucursal {
	font-size: 10px;
	font-weight: bold;
	color: #CF1326;
	text-decoration: none;
}

/* Cuadrantes */
.cuadro{
	width:100%;
	text-align:left;
	padding:0px;
}

.cuadro h3.cuadro_title{
	font-size:18px;
	color:#CC0000;
	margin:10px !important;
	padding:0px;
	margin:5px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}

.cuadro_info{
	float:left;
	width:160px;
	padding-left:5px;
	/*background-color:#036;*/
	font-size:12px;
}

.cuadro a.more_info{
	font-size:12px;
	font-style:italic;
	text-decoration:underline;
	color:#F00;
	margin:10px 10px 0px 20px;
}

.cuadro a.more_info:hover{
	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 2px;
}

/* Es la pequena descripcion que tiene el cuadrante */
.cuadro p{
	margin:10px 8px;
	font-size:11px;
	text-align:justify;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	line-height:1.5;
}

/* Lista que incluye los links */
.cuadro ol{
	text-align:left;
	margin:6px 0 6px 20px;
}
.cuadro li{
	text-align:left;
	margin:6px 0 6px 20px;
}
.cuadro li{
	font-size:12px;
}

/* Estilo que se aplica a los link del cuadrante */
.cuadro a{
	color:#6e6e6e;
	font-size:12px;
	text-decoration:underline;
}

.cuadro a:hover{
	font-size:12px;
	color:#ee1a2c;
	text-decoration:underline;
	background-image:
}
/*estilos elempleo */
.menus {
	width:229px;
	margin:0px auto;
}
.separadorMenu {
	background-image: url(../images/hrhome.gif);
	height:3px;
	width:100%;
	margin:6px 0;
}
.menuListas {
	margin:0 0 0 24px;
}
.menuListas ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.menuListas li {
	font-family:Verdana,Arial,Helvetica,sans-serif !important;
	color: #333;
	font-size:11px;
	text-align:left;
	line-height:26px;
	text-decoration:underline;
}
.menuListas li a {
	color:#333;
}
.menuListas li a:visited {
	color:#333;
}
.menuListas li a:hover {
	color:#C80008;
}
.menuListas ul ul {
	margin:0 0 0 10px;
}
.menuListas ul ul li {
	line-height:18px;
}
.login {
	width:229px;
	margin:0px auto;
}
.loginTop {
	background-image:url(../images/top_login.jpg);
	height:46px;
}
.loginTop2 {
	background-image:url(../images/top_login2.jpg);
	height:40px;
}
.loginTop h2 {
	background-image:none;
	color:#FFF;
	text-align: center;
	font-size:15px;
	line-height:15px;
	padding:12px 0 0 0;
}
.loginTop2 h2 {
	background-image:none;
	color:#FFF;
	text-align: center;
	font-size:15px;
	line-height:15px;
	padding:12px 0 0 0;
}
.loginDatos {
	width:229px;
	height:211px;
}
.loginDatosLeft {
	background-image:url(../images/login_bg_left.jpg);
	height:211px;
	width:9px;
	float:left;
}
.loginDatosRight {
	background-image:url(../images/login_bg_right.jpg);
	height:211px;
	width:9px;
	float:left;
}
.loginDatosBg {
	background-image:url(../images/login_bg.jpg);
	height:211px;
	width:211px;
	float:left;
}
.loginDatosBg ul {
	margin:0 0 0 16px;
	list-style:none;
	padding:0px;
}
.loginDatosBg li {
	font-family:Verdana,Arial,Helvetica,sans-serif !important;
	font-size:11px;
	color:#333;
	padding:4px 0;
	*padding:2px 0;
	text-align:left;
}
.olvide {
	font-size:10px !important; 
}
.poweredEe {
	font-family:Verdana,Arial,Helvetica,sans-serif !important;
	font-size:10px;
	text-align:right;
	padding:0 4px;
}
.contenidoIndex {
	margin:20px 0 0 0;
}
.imagenesPrincipales {
	width:493px;
	height:189px;
	padding:9px 0 0 0;
	background-color:#FFF;
}
.banderas {
	height:44px;
	*height:64px;
	margin:0px;
	width:470px;
}
.banderas ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.banderas li {
	padding:0px;
	float:left;
}
.nota-login {
	font-size:9px !important;
}
.banderas2 img {
	padding:12px;
}
.popup {
	background-image:url(../images/popup.jpg);
	width:229px;
	height:86px;
}
.cerrar_sesion {
	margin:10px 0;
}
.texto_noofer {
	color:#333333;
	font-size:11px;
	line-height:1.5;
	padding:10px 0;
	text-align:justify;
	font-family:Verdana, Geneva, sans-serif;
}
.space_includes {
	padding:8px;
}
.titulos2 {
	font-size:13px;
	padding:0 4px 0 0;
}
.titulos2 input {
	margin:0 0 10px 0;
}
.parrafo {
	color:#333333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:1.5;
	text-align:justify;
}

.titulo_tabla {
	font-size:13px;
	color:#333;
	font-weight:bold;
}
.tabla_gris {
	background-color:#CCCCCC;
}
.texto_tablalink {
	background-color:#E7E7E7;
	border-bottom:1px solid #fff;
}
.texto_tabla {
	font-size:11px;
	background-color:#E7E7E7;
	border-bottom:1px solid #FFF;
	height:34px;
}
.detalle_titulo { 
   font-size:13px; 
   color:#333;
   font-weight:bold;
}
.detalle_text {
	font-size:12px;
	color:#666;
	padding:0 0 0 10px;
}
.enviar {
	color:#333;
	font-size:13px;
	font-weight:bold;
	padding:10px 0;
}
.botones {
	font-size:13px;
	padding:2px 4px;
	color:#333;
}
.ubicacion-sitio {
	background-color:#ccc;
	text-align: left; 
	font-size:10px;
	color: #333;
	background:url(../images/bandera-cr.jpg) no-repeat left top;
	height:22px;
	padding:0 0 0 26px;
	line-height:18px;
	margin:0 0 8px 0;
}
.resaltado {
	color: #CF1326;
	font-weight:bold;
}



.cuadro div table[style]{
	background-color: transparent!important;}