/*  1996-2006 Inter Media S.A. Todos los Derechos Reservados. */  
/*  CSS para proyecto {TBANC}	                              */
/*  Version 1.0                                               */
/*  media: PRINT                      						  */
/*  Fecha de creación 08/12/2009                              */

/*  REDEFINICION DE ELEMENTOS HTML  */
body{margin: 0px; padding: 0px; font: 11px Tahoma, Arial, Helvetica, sans-serif;}

table{}
td{}

h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

strong, b{}

a:link{color: #707070; text-decoration: underline;}
a:visited{color: #707070; text-decoration: underline;}


form{margin: 0px; padding: 0px;}

label{margin: 0px; padding: 0px; }

ul{}

button{}


/*Estilos Css mas usados*/
.align_left{text-align:left;}
.align_right{text-align:right;}
.align_center{text-align:center;}
.float_left{float:left;}
.float_right{float:right;}

/*BOTONES*/
.boton_obten_tu_tarjeta{display: none; visibility: hidden;}

/*HEADER*/
.header{ display: none; visibility: hidden;}


/*ESTRUCTURA CONTENIDOS*/
.estructura{width: 99%; float: left; margin: 0px;}


/*PORTADA*/
.portada{margin: 0px;}
.portada .logo_tbanc{ padding: 0px 0px 10px 0px; text-align: center;}
.portada .formulario_portada{display: none; visibility: hidden;}

.portada .tips_home{padding: 35px 0px 0px 0px; clear: both;}


/*TITULO CONTENIDOS*/
.titulo_contenidos{padding: 0px 5px 0px 0px; height: 74px; clear: both; color: #A5A5A5; font-size: 11px;}
.titulo_contenidos h1{font: normal 30px Tahoma, Arial, Helvetica, sans-serif; float: right; margin: 0px; padding: 14px 0px 0px 0px; letter-spacing: -1px; color: #999;}
.titulo_contenidos h1 strong, .titulo_contenidos h1 b{color: #000; font-weight: normal;}
.titulo_contenidos p{display: none; visibility: hidden;}
.titulo_contenidos a:link, .titulo_contenidos a:visited{color: #A5A5A5; text-decoration: underline;}


/*LISTAS*/
.lista_sublista{margin: 0px; padding: 0px; list-style: none;}
.lista_sublista li{background: url(../images/html/bullet_01.gif) no-repeat 0px 5px; margin: 3px; padding: 0px 0px 0px 16px; list-style: none; color: #333; font-size: 15px;}
.lista_sublista li ul{margin: 0px; padding: 5px 0px 25px 0px;}
.lista_sublista li li{background: url(../images/html/bullet_02.gif) no-repeat 0px 6px; margin: 0px; padding: 0px 0px 0px 12px; list-style: none; color: #666; font-size: 12px;}


/*INTERNAS*/
.contenido_generico{clear: both; margin: 0px auto; padding: 0px 0px 10px 0px;}
.contenido_generico h1{font: normal 30px Tahoma, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 0px 15px 0px; letter-spacing: -1px; color: #999;}
.contenido_generico h1 strong, .contenido_generico h1 b{color: #000; font-weight: normal;}

.main{margin: 0px; padding: 30px 0px 0px 0px;}


/*CONTENIDOS PLANOS*/
.col_01{color: #999; font-size: 13px; padding: 0px 15px 10px 0px; margin-bottom: 10px;}
.col_01 p{margin: 0px; padding: 0px 0px 10px 0px;}

.col_02{font: 13px/120% Tahoma, Arial, Helvetica, sans-serif; color: #999; padding: 0px 0px 10px 0px; margin-bottom: 10px;}
.col_02 h1{margin: 0px; padding: 0px 0px 10px 0px;}
.col_02 p{margin: 0px; padding: 0px 40px 10px 0px;}


/*FORMULARIOS*/
.formularios{font-size: 12px; color: #000; padding: 20px 0px 10px 0px;}
.formularios p{margin: 0px; padding: 0px 0px 10px 0px;}
.formularios label{float: left; text-align: right; width: 138px; padding: 3px 5px 0px 0px; display: block; font-weight: bold;}
.formularios input{border: 1px solid #CCC; font: 13px Tahoma, Arial, Helvetica, sans-serif; padding: 0px; height: 20px; margin: 0px 2px 0px 0px; color: #999;}
.formularios select{border: 1px solid #CCC; font: 13px Tahoma, Arial, Helvetica, sans-serif; padding: 0px; height: 20px; margin: 0px 2px 0px 0px; color: #999;}
.formularios span{font: 9px Tahoma, Arial, Helvetica, sans-serif; color: #A4A6A8;}

.formularios .bot_continuar{display: none; visibility: hidden;}

.formularios .input_200{width: 196px;}
.formularios .input_50{width: 48px;}
.formularios .input_60{width: 58px;}
.formularios .input_80{width: 78px;}


/*EMERGENCIAS*/
.emergencias{width: 100%; color: #707070; font: 13px Tahoma, Arial, Helvetica, sans-serif; margin: 0px auto;}
.emergencias h2{color: #000; font-size: 35px; font-weight: normal; margin: 0px; padding: 0px 0px 5px 0px;}
.emergencias ul{margin: 0px; padding: 0px; list-style: none;}
.emergencias ul li{margin: 0px; padding: 0px; list-style: none;}

.emergencias .tarjetas{padding: 10px 0px 0px 0px; width: 32%; float: left; margin-right: 5px; }
.emergencias .cheques{padding: 10px 0px 0px 0px; width: 32%; float: left; margin-right: 5px; }
.emergencias .claves{padding: 10px 0px 0px 0px; width: 30%; float: left; }


/*PORTADA PRODUCTOS*/
.portada_productos{height: 280px; padding: 10px 0px 0px 0px; margin: 0px auto; clear: both; font-size: 13px;}
.portada_productos h2{margin: 0px; padding: 0px 0px 5px 0px; font: normal 20px/90% Tahoma, Arial, Helvetica, sans-serif; color:#000;}
.portada_productos h2 strong,  .portada_productos h2 b{font: normal 30px/90% Tahoma, Arial, Helvetica, sans-serif; color:#A7A7A7;}

.portada_productos .conoce_tarjetas{width: 25%; float: left; padding: 10px 0px 20px 0px;}
.portada_productos .programa_puntos{width: 25%; float: left; padding: 10px 0px 20px 0px;}
.portada_productos .beneficios_tarjeta{width: 25%; float: left; padding: 10px 0px 20px 0px;}
.portada_productos .promociones_tarjeta{width: 23%; float: left; padding: 10px 0px 20px 0px;}

.portada_productos .conoce_tarjetas_over{width: 25%; float: left; padding: 10px 0px 20px 0px; height: 200px;}
.portada_productos .programa_puntos_over{width: 25%; float: left; padding: 10px 0px 20px 0px; height: 200px;}
.portada_productos .beneficios_tarjeta_over{width: 25%; float: left; padding: 10px 0px 20px 0px; height: 200px;}
.portada_productos .promociones_tarjeta_over{width: 23%; float: left; padding: 10px 0px 20px 0px; height: 200px;}

.portada_productos .conoce_tarjetas_over ul{display: block;}
.portada_productos .programa_puntos_over ul{display: block;}
.portada_productos .beneficios_tarjeta_over ul{display: block;}
.portada_productos .promociones_tarjeta_over ul{display: block;}

.portada_productos ul{margin: 0px; padding: 10px 0px 0px 10px; list-style: none;}
.portada_productos ul li{margin: 0px; padding: 0px;}


/*INTERNA PRODUCTOS*/
.interna_productos{margin: 0px; padding: 0px; color: #919191; font: 13px/160% Tahoma, Arial, Helvetica, sans-serif;}
.interna_productos h1{margin: 0px; padding: 0px 0px 10px 0px; font: normal 30px Tahoma, Arial, Helvetica, sans-serif; color: #000;}
.interna_productos h2{margin: 0px; padding: 0px 0px 5px 0px; font: normal 13px Tahoma, Arial, Helvetica, sans-serif; color: #000;}
.interna_productos h3{font: bold 15px Tahoma, Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px 0px 10px 0px;}
.interna_productos p{margin: 0px; padding: 0px 0px 10px 0px;}
.interna_productos a:link, .interna_productos a:visited{text-decoration: none; color: #000; padding: 0px;}

.interna_productos a.activo{text-decoration: none; color: #000;}

.interna_productos .interna_productos_fondo_01{margin: 0px; padding: 25px 0px 23px 0px;}
.interna_productos .img_productos{float: left; padding: 0px 0px 0px 5px; width: 50%;}
.interna_productos .descripcion_tarjetas{float: right; width: 48%;}
.interna_productos .boton_obten_tu_tarjeta{display: none; visibility: hidden;}

.interna_productos .titulo_contenido_plano{padding: 0px 0px 0px 0px; margin: 0px; font: bold 15px Tahoma, Arial, Helvetica, sans-serif; color: #FFF;}
.interna_productos .titulo_contenido_plano a:link, .interna_productos .titulo_contenido_plano a:visited{padding: 8px 0px 10px 0px; color: #000; text-decoration: none; display: block; height: 17px;}


/*MENU PRODUCTOS INTERNAS*/
.menu_interna_productos{display: none; visibility: hidden;}

/*MENU INVERSIONES INTERNAS*/
.menu_interna_inversiones{display: none; visibility: hidden;}


/*PORTADA INVERSIONES*/
.portada_inversiones{height: 295px; padding: 10px 0px 0px 0px; margin: 0px auto; clear: both; font-size: 13px;}
.portada_inversiones h2{margin: 0px; padding: 0px 0px 5px 0px; font: normal 20px/90% Tahoma, Arial, Helvetica, sans-serif; color:#000;}
.portada_inversiones h2 strong,  .portada_inversiones h2 b{font: normal 25px/90% Tahoma, Arial, Helvetica, sans-serif; color:#A7A7A7;}

.portada_inversiones .fondos_mutuos{width: 20%; float: left; padding: 10px 0px 0px 0px;}
.portada_inversiones .deposito_a_plazo{width: 20%; float: left; padding: 10px 0px 0px 0px;}
.portada_inversiones .acciones{width: 20%; float: left; padding: 10px 0px 0px 0px;}
.portada_inversiones .avp{width: 20%; float: left; padding: 10px 0px 0px 0px;}
.portada_inversiones .cuentas_de_ahorro{width: 18%; float: left; padding: 10px 0px 0px 0px;}

.portada_inversiones .fondos_mutuos_over{width: 20%; float: left; padding: 10px 0px 0px 0px; height: 215px;}
.portada_inversiones .deposito_a_plazo_over{width: 20%; float: left; padding: 10px 0px 0px 0px; height: 215px;}
.portada_inversiones .acciones_over{width: 20%; float: left; padding: 10px 0px 0px 0px; height: 215px;}
.portada_inversiones .avp_over{width: 20%; float: left; padding: 10px 0px 0px 0px; height: 215px;}
.portada_inversiones .cuentas_de_ahorro_over{width: 18%; float: left; padding: 10px 0px 0px 0px; height: 215px;}

.portada_inversiones .fondos_mutuos_over ul{display: block;}
.portada_inversiones .deposito_a_plazo_over ul{display: block;}
.portada_inversiones .acciones_over ul{display: block;}
.portada_inversiones .avp_over ul{display: block;}
.portada_inversiones .cuentas_de_ahorro_over ul{display: block;}


.portada_inversiones ul{margin: 0px; padding: 10px 4px 0px 0px; list-style: none;}
.portada_inversiones ul li{margin: 0px; padding: 0px;}


/*CONTENIDO LARGO*/
.cont_productos_interna{ line-height: 100%;}


/*BOTONERAS*/
.botonera_cuenta{display: none; visibility: hidden;}


/*BOTONERA ACCESOS COMUNICACION*/
.botonera_comunicacion{display: none; visibility: hidden;}


/*BOTONERA: PORTADILLA CUENTA*/
.botonera_portada_cuenta{display: none; visibility: hidden;}


/*DATOS TABLA*/
.datos_tabla{border-collapse: collapse; width: 600px; margin: 0px auto 10px auto; padding: 0px; border: none;}

.datos_tabla thead{}
.datos_tabla thead th{border: 1px solid #CCCCCC; border-collapse: collapse; text-align: center; color: #000; font-size: 15px; font-weight: normal; margin: 0px; padding: 12px 0px 10px 0px;}
.datos_tabla .color2{}

.datos_tabla td{border: 1px solid #CCCCCC; border-collapse: collapse; padding: 7px 5px;}
.datos_tabla .left{text-align: left;}
.datos_tabla .center{text-align: center;}
.datos_tabla .right{text-align: right;}


/*TIPS BOTTOM*/
.tips_bottom{display: none; visibility: hidden;}


/*FOOTER*/
.footer{display: none; visibility: hidden;}