body {margin: 2px 8px;}
p {margin:0px;padding:0px;}

.Texto,.TextoChico,.TextoGrande,.TextoExtraChico,
 body, table, td, select, input, textarea, p
{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color:#666465; 	
	font-size:11px;
}
.TextBoxes{border: solid 1px lightgray;}
.TextoExtraChico {font-family:Tahoma; font-size:11px; padding:10px; text-align:justify;}
.TextoChico {font-size:10px;}
.TextoGrande {font-size:14px;}
.textoGrande1 { FONT-SIZE: 12px }
.TextoColorNaranja,.TextoGrandeNaranja  { color: #FF5200; }
.TextoGrandeNaranja{font-weight:bold; FONT-SIZE: 16px; } 

#textoLegal { FONT-SIZE: 9px; FONT-STYLE: normal; TEXT-ALIGN: justify; margin-bottom: 10px; }

/* Header */
table#Header A
{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color:#666465; /*gris*/ font-size:11px;
}

table#Header {width:100%; border:none; margin: 0px;}
table#Header TD#TDHeader TD{Text-Align:left; padding:0px;}
table#Header TD#TDLogo {padding-bottom:8px;}
table#Header TD#TDLogo div {color:#666465; Text-Align:right;width:218px; font-size:9px;}
table#Header TD.InfoDerecha { FONT-WEIGHT: bold; font-size:10px; text-align:center; }
table#Header #TDHomeBanking {width:135px; text-align:center; font-weight:bold ; font-size:15px; color:White ; background-color:#FF5200; /* Naranja */}
table#Header #TDContactenos{width:100px;}
table#Header #TDRRHH{width:120px;}
table#Header #TDSucursales{width:150px;}
table#Header TD.InfoDerecha .DivFecha{ color: #FF5200; width: 150px; }
table#Header #TDLogo120Anios{ width: 120px; border: solid 1px #DCDCDC; text-align: center; }
table#Header A {color:#666465; /*gris*/ TEXT-DECORATION: none;FONT-WEIGHT: bold;}
table#Header A:hover { color: #FF5200; }

/*Home Banking*/
#contenedorHomeBanking
{ 
	margin-top: -1px;
}

/* Cotizacion */
#contenedorTituloCHA{ padding: 10px 7px; }
#tablaCotizacionCHA { width: 135px; margin-top: 0px; }
#tablaCotizacionCHA TD{ color: #666465; }
#tablaCotizacionCHA TD span{ font-size: 11px; }
#tablaCotizacionCHA .col1{ }
#tablaCotizacionCHA .col2{ width: 80px; }
#tablaCotizacionCHA .col3{ width: 60px; text-align: right; }
#tablaCotizacionCHA .col4{ text-align: right; padding-right: 0px;}
#tablaCotizacionCHA .ImporteApertura{ text-align: right; }
#tablaCotizacionCHA #filaEncabezado TD{ padding-bottom: 5px; border-bottom: dotted 1px #cccccc; font-size: 11px; }
#tablaCotizacionCHA #fila2 TD{ padding-bottom: 5px; border-bottom: dotted 1px #cccccc; }
#tablaCotizacionCHA #fila2 TD.col1{ border-bottom-style: none; }
#FilaCierre TD{ height:117px; vertical-align: top; padding-top: 15px; text-align: center; }
#tablaCotizacionCHA TD#celdaDescripcion{ color: #FF5200;}

/* Tablas de Plazo Fijo */


/*Links*/
.Link1{COLOR: #003c5b; TEXT-DECORATION: none; }
.Link1:Visited {COLOR: purple;}
.Link1:Hover {TEXT-DECORATION:underline;}

.Tilde1 { padding-left: 14px; background: url(img/tilde1.jpg) no-repeat 0px 4px; }
.ListaOpciones1 { padding-left: 14px; background: url(Productos/img/FlechitaLista.jpg) no-repeat; FONT-WEIGHT: bold; margin-bottom:7px; COLOR: #648200; }



#Footer
{
	text-align:center;
	padding-top:4px; border-top: solid 3px #666465;  width:100%;
}
#Footer A {color:#FF5200;}
#Footer A:Visited {COLOR: #FF914A;}
#Footer A:hover {COLOR: #FF5200;}



/*Default 1 */
/* Estructura1 */
table tr td#TdMain {  vertical-align: top; height: 100%; PADDING-RIGHT: 15px; /* saco gris de fondo background-color:#D9D8D8;*/}
table tr td#TDTitulo {padding-top: 10px}
table tr td#Contenido {padding: 15px 5px 0px 15px;}
table tr td#Contenido A:link{ color: #FF5200; } 
table tr td#Contenido A:visited{ color: #FF914A; } 
table tr td#Contenido A:hover{ color: #FF5200; }
table tr#TRTitulo TD { BORDER-BOTTOM: #003c5b 2px solid;}						
table tr td#TDMenu {width:135px; padding-top:2px; background-color:#F2F2F2; /* Gris Claro*/ 
	/* saco borde del menu para las pag de men. izq. 
     BORDER-RIGHT: #003c5b 2px solid; */}	
table tr td#TDImagen {width:135px; padding-top:2px; vertical-align: top; background-color:#F2F2F2; /* Gris Claro*/}	
table tr td#TDcolumnaDerecha{width:135px; vertical-align:top; background-color:#F2F2F2; padding-top: 2px;}
/* Fin Estructura */


/* Tablas */
.tabla1{ margin: 5px; }
.tabla1 th{ background-color: #FF5200; padding: 5px; color: White; border-right: solid 1px white;}
.tabla1 tr.fila1 td{ background-color: #666465; padding: 5px; color: white; border-right: solid 1px white; border-top: solid 1px gray; }
.tabla1 tr.fila2 td{ background-color: #F2F2F2; padding: 4px; color: Black; border-right: solid 1px gray; border-top: solid 1px gray; }
.tabla1 th.colFinal, tr.fila1 td.colFinal, tr.fila2 td.colFinal{ border-right-style: none; }
.tabla1 tr.filaFinal td{ border-bottom-style: none; }
/* usar esta clase para las tablas que tienen encabezado naranja y cuerpo gris 
   tener en cuenta poner al TR class="fila2" p/cuerpo gris claro y 
   TR class="fila1" para celdas gris oscuro. A las TD de ultima columna poner class="colFinal". 
   A la última fila TR class="filaFinal"
   Ejemplo de estas tablas hay en plazo fijo, PP y PH.
*/

/* Tabla Contactenos */
#tablaContactenos TD{ padding: 5px; text-align: left; vertical-align: top; }
#tablaContactenos TD.col2{ text-align: left; width: 130px; }
#tablaContactenos TD.col2 A:link{ color: #FF5200; font-weight:bold; FONT-SIZE: 16px; }
#tablaContactenos TD.col2 A:visited{ color: #FF914A; }
#tablaContactenos TD.col2 A:hover{ color: #FF5200;
	 }


/* Titulos */
.Titulo1
{
	FONT-WEIGHT: bold; font-size:12px; text-align:center;	
	padding:6px 2px 6px 2px; margin:0px;
	COLOR: white; BACKGROUND-COLOR: #003c5b; width:220px;
	
}

.SubTitulo1 
{
	FONT-WEIGHT: bold; margin-bottom:7px; BORDER: #cd461c 1px solid;
}

.SubTitulo2
{
	FONT-WEIGHT: bold; margin-bottom:7px; COLOR: #FF5200; /* cambio a naranja. Este es rojo ant. #e1420b; */
}

H1
{
	color:#FF5200; 
	font-weight: bold; 
	font-size: 15px;
	margin: 2px 0px; 
	text-transform:uppercase;
}
H2
{
	color:#FF5200; 
	font-weight: bold; 
	font-size: 12px;
	margin: 4px 0px; 
	text-transform:uppercase;
}

H3
{
	color:#666465;
	font-size: 11px;
	margin: 2px 0px;  padding: 6px 2px;
	text-transform:uppercase;
}

H4
{
	color:#666465;
	font-size: 11px;
	margin: 2px 0px;  padding: 0px;
}

H5
{
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-size:15px; FONT-WEIGHT: bold;
	color: #FF5200; background-color:#ffffff; 		
	padding:0px; 
	margin: 5px 4px 5px 0px;	
	border-bottom: solid 1px #FF905C;
}




/* NOVEDADES */
#tablaNovedades{ margin: 2px 0px; }
#tablaNovedades TD{ padding: 0px; }
#tablaNovedades TD#contenidoNovedades{ vertical-align:top; width: 100%; padding-top: 2px; }

/* GALERIA DE COMPRAS */
#tablaGaleriaCompras{margin: 0px; padding: 0px; height:280px}
#tablaGaleriaCompras TD {text-align:center;}

/* CAMPAÑA DUEÑO */
#tablaCampaniaDuenio{ width: 100%; margin: -2px; }
#tablaCampaniaDuenio TD{ padding: 0px; }
#tablaCampaniaDuenio TD#colDer{ width: 302px; }
#tablaCampaniaDuenio TD#colIzq
#tablaCampaniaDuenio
{ 
	width: 100%; border-top: solid 1px White; letter-spacing: 0px; 
	font-size: 14px; font-weight: bold; 
	text-align: center; vertical-align: middle; 
	background-color:#FF5200; color: White; padding-top: 10px;
}

/* COTIZACIONES MONEDA EXTRANJERA*/
#contenedorCotizMonedaExtranjera
{ 
	padding: 2px; margin: 0px 0px 2px 0px; 
	width: 100%;
	text-align: center; 
	background-color: #666465; 
	color: White;
}

#tablaCotizMonedaExtranjera{ width: 100%; margin: 5px 0px; }
#tablaCotizMonedaExtranjera TD{ padding: 2px; color: White; }
#tablaCotizMonedaExtranjera TD.col1{ text-align: left; } 
#tablaCotizMonedaExtranjera TD.col2, #tablaCotizMonedaExtranjera TD.col3{ text-align: right; }
#tablaCotizMonedaExtranjera TD#colTextoCotizacion{ text-align: center; }
#tablaCotizMonedaExtranjera TD#colTextoCotizacion A{ font-size: 9px; color: white }


/**** ESTILO DE BotonContactenosPP.ascx ****/
/* COLOR DE FONDO */
#ColArribaIzquierda
{
	background-color: #c0c0c0;
	BACKGROUND-REPEAT: no-repeat;
}

/* TAMAÑO DE LA TABLA */
#TablaPrincipal {width: 135px;}

#ColArribaIzquierda { text-align: center; } 
#CeldaInformacion { text-align: center; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right bottom;}

#FilaMedio {background-color: #c0c0c0;}
#FilaMasInformacion {height: 20px;}

/* TIPOS DE LETRA */ 
.Telefono, 
.TextoNegro
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.TextoNegro
{	
	font-size: 11px;
	color: Black;
}

.TextoNegroNegrita
{
	font-weight:bold;
	font-size: 11px;
	color: Black;
}

.Telefono
{
	color: #FF5200;
	font-weight: bold;
	font-size: 15px;	 
}

.SeparadorChico
{
	FONT-SIZE: 1pt; 
	HEIGHT: 3px;
}

.Separador
{
	FONT-SIZE: 1pt; 
	HEIGHT: 6px;
}

.SeparadorMedio
{
	FONT-SIZE: 1pt; 
	HEIGHT: 7px;
}

.VinetaTelefono {padding-left: 21px; background: url(img/IconoTelefono.gif) no-repeat 0px 2px;}
.VinetaSobre {padding-left: 21px; background: url(img/IconoCarta.gif) no-repeat 0px 2px;}

#TablaPrincipal TD A {color: #FF5200; text-decoration: none;}
#TablaPrincipal TD A:Visited {color: #FF5200; text-decoration: underline;}
#TablaPrincipal TD A:hover {COLOR: #FF5200; text-decoration: underline;
	}
/************************************************/

/**** BOTON CALCULADOR PRESTAMOS PERSONALES E HIPOTECARIO ****/
#TituloBanerCalculadorPP
{
	background-color: #FF5200;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	height: 20px;
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: left top;		
}

#TablaPrincipal #TituloBanerCalculadorPP A {color: white; text-decoration: none;}
#TablaPrincipal #TituloBanerCalculadorPP A:visited {color: white; text-decoration: none;}
#TablaPrincipal #TituloBanerCalculadorPP A:hover {color: white; text-decoration: none;}

#TablaPrincipal #CuerpoBanerCalculadorPP A {color: #F5F5F5; text-decoration: none;}
#TablaPrincipal #CuerpoBanerCalculadorPP A:visited {color: #F5F5F5; text-decoration: none;}
#TablaPrincipal #CuerpoBanerCalculadorPP A:hover {color: #F5F5F5; text-decoration: none;}

#TablaPrincipal #CuerpoBanerCalculadorPH A {color: #505050; text-decoration: none;}
#TablaPrincipal #CuerpoBanerCalculadorPH A:visited {color: #505050; text-decoration: none;}
#TablaPrincipal #CuerpoBanerCalculadorPH A:hover {color: #505050; text-decoration: none;}

#CuerpoBanerCalculadorPP
{
	background-color: #646464;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	vertical-align: middle;
}

#CuerpoBanerCalculadorPH
{
	background-color: #C9C9C9;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	vertical-align: middle;
}

#TextoPrestamoPersonal
{
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
}

.separadorCuotaArriba
{
	FONT-SIZE: 1pt; 
	HEIGHT: 3px;
}

.separadorCuotaAbajo
{
	FONT-SIZE: 1pt; 
	HEIGHT: 6px;	
}
.PromoVisa
{
	border-style:dashed;
	border-color:Black;
	border-width:0px;
}

/* CAMPAÑA DUEÑO */
#tablaPromos{ width: 100%; margin: -2px; }
#tablaPromos TD{ padding: 2px; vertical-align: top; }
#tablaPromos #celdaDuenio div{ background-color: #FF5200; text-align: center; height: 80px; margin-right: 2px; }
#tablaPromos #celdaCedulasSerieVII div{ background-color: #FF5200; text-align: center; height: 70px; margin-right: 2px; }
#tablaPromos TD#colDer{ width: 50%; padding-right: 5px; }
#tablaPromos TD#colIzq{ width: 50%; }

.tablaPromo{ width: 100%; border: solid 2px #666465; }
.tablaPromo TD{ color: White; text-align: center; } 
.tablaPromo TD A:link{ color: #FF5200; }
.tablaPromo .tituloPromo{ background-color: #666465; font-weight: bold; font-size: 13px; font-family: Verdana, Arial; height: 40px;}
.tablaPromo TR.fila2Promo TD{ height: 312px;  }

/* ALINEACIONES PARA DIV DE TITULO DE IMAGEN DE PROMOCION COMBUSTIBLES Y LINK "MAS INFO" EN LA HOME */
.DivAlineadoCentroArriba { text-align: center; padding-left: 12px;}
.DivAlineadoDerecha { text-align: right; margin-right: 10px; margin-top: 45px;}

#tablaBuscador {width:400px;padding:0px;border-style:none;}
#tablaBuscador #ColumnaCombos{width:220px;}

#dlSucursales {width:100%;}
#tablaSucursales {width:100%;}
#tablaSucursales TH{ font-weight: normal; color: #FF5200; text-align: left; }
.lineaSeparadorSucursal{ color: #BBB; border-style: dotted; height: 1px; }

.Combos{width:100%;}
.ComboOrden{width:49%;}

/*Tabla Cotizaciones*/
#tablaCotizaciones {width:100%; border:none;}
#tablaCotizaciones TD {padding:2px;}
#tablaCotizaciones TD.Col1 {padding-left:10px;}
#tablaCotizaciones TD.Col2 {padding-right:5px; text-align:right;}
#tablaCotizaciones TD.Col3 {padding-right:5px; text-align:right;}


.trGrisOscuro	{ background-color: #5F5F5F; FONT-FAMILY: Arial; COLOR:#FFFFFF; FONT-WEIGHT: bold; text-align: center; } 	/* Fondo Gris oscuro - LetraBlanca*/
.trGris1		{ background-color: #eaeaea; FONT-FAMILY: Arial; FONT-SIZE: 10px; FONT-WEIGHT: bold; COLOR:#929292; }		/* Fondo Gris oscuro	*/
.trGris2		{ background-color: #F5F5F5; FONT-FAMILY: Arial; FONT-SIZE: 10px; COLOR:#3b3b3b;}			/* Fondo Gris claro	*/

.ColorMargenDerecho{background-color: #FFFFFF;}

.txtBodyCotizacion { text-align:justify; FONT-FAMILY: Arial; font-size: 10px; COLOR:#787878; background-color:White;}        

#TablaPlazoFijo {width:100%;}
#TablaPlazoFijo TD.ColTitulo {background-color: #5F5F5F; FONT-FAMILY: Arial; COLOR:#FFFFFF; FONT-WEIGHT: bold; HEIGHT:10px; text-align:center; }