/*  Estilos basicos de Layout Geneal
Cabecera
Cuerpo
Contenedor
Footer
 */


/* body */ 
body {	
	font-family: "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #666;
	margin:0;
	padding:0;
	border:0;
	text-align:center;
}


/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


img {
	border: none;
	margin-bottom: 5px;
}

h1 {
	margin:0;
	padding:5px;
	font-family: "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.3em;
	line-height: 1.2em;
	color:#ccc;
}


p {
	margin:0;
	padding:0;
	font-family: "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color:#fff;	
}

a:link {
	margin:0;
	padding:0;
	border:0;
	color:#999999;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;	
}
 
a:visited {
	margin:0;
	padding:0;
	border:0;
	color:#fff;	
	text-decoration: none;
}

/* Estilos de LAYOUT */ 
 

	
/* contenedor */ 	
#contenedor {
	margin:auto;
	border:0;
	width: 960px;  /*  Ancho total del layout  */
	text-align:center;
	}
	

/* Cuerpo*/ 
#cuerpo {
	margin:auto;
	padding:0;
	border:0;
	width: 960px;
	height:auto;
	text-align:center;
	clear: both;
	float: left;
	display: block;
}
			

/* Header */ 
#top {
	margin:auto;
	padding:0;
	border:0;
	width: 960px;
	height:65px; /*  Color de la Cabecera  */
	text-align:left;
	background: url(../img/home/logo_bf.jpg) no-repeat;
}	


#linksinst {
	margin-top: 10px;
	margin-bottom: 5px;
	float: right;
	clear: right;
}

#linksinst a:link  {
	margin-right: 20px;
	color: #fff;
	padding: 10px;
	font-size: 12px;
	text-align:right;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

#linksinst a:hover {
	margin-right: 20px;
	color: #fff;
	text-decoration: underline;
	padding: 10px;
	font-size: 12px;
	text-align:right;
}

#linksinst a:visited {
	margin-right: 20px;
	color: #fff;
	padding: 10px;
	font-size: 12px;
	text-align:right;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}


#fecha {
	width: 300px;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: normal;
	color: #fff;
	font-size: 10px;
	float: right;
	clear: right;
	text-align: right;
}


/* menu Header */ 
#menu {
	margin-top: 5px;
	margin-bottom: 5px;
	width:100%;
	top: 30px;
	float: left;
	padding-top: 7px;
	padding-bottom: 7px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	clear: left;
	font-weight: bold;
}	



#menu a {
	font: bold 11px "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
	}



#tablemenu {
	font-weight: bold;
}

/* links menu colores 1 */
td.tdmenu1 a:link {
	color: #a2bf2a;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

td.tdmenu1 a:visited{
	color: #a2bf2a;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

td.tdmenu1 a:hover {
	color: #fff;
	background-color:  #a2bf2a;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

/* links menu colores 2 */
td.tdmenu2 a:link{
	color: #cc3333;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

td.tdmenu2 a:visited {
	color: #cc3333;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

td.tdmenu2 a:hover {
	color: #fff;
	background-color:  #cc3333;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

/* links menu colores 3 */
td.tdmenu3 a:link {
	color: #ffa400;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

td.tdmenu3 a:visited {
	color: #ffa400;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

td.tdmenu3 a:hover {
	color: #fff;
	background-color:  #ffa400;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

/* links menu colores 4 */
td.tdmenu4 a:link {
	color: #339999;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

td.tdmenu4 a:visited {
	color: #339999;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

td.tdmenu4 a:hover {
	color: #fff;
	background-color:  #339999;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

/* links menu colores 5 */
td.tdmenu5 a:link {
	color: #006600;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

td.tdmenu5 a:visited {
	color: #006600;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

td.tdmenu5 a:hover {
	color: #fff;
	background-color:  #006600;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

/* links menu colores 6 */
td.tdmenu6 a:link {
	color: #c19134;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

td.tdmenu6 a:visited{
	color: #993fc2;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

td.tdmenu6 a:hover {
	color: #fff;
	background-color:  #993fc2;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

/* links menu colores 7 */
td.tdmenu7 a:link {
	color: #003399;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

td.tdmenu7 a:visited {
	color: #003399;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

td.tdmenu7 a:hover {
	color: #fff;
	background-color:  #003399;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}


/* crumbs */ 
#breadcrumbs {	
	width: 960px;
	height: 20px;
	padding-bottom: 5px;
	text-align: left;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #f3f3f3;
}

#breadcrumbs a:link {
	padding-left:3px;
	font-weight: normal;
	color: #676767;
	text-decoration: none;
	font-size: 12px;
	list-style-type: disc;
	list-style-position: inside;
}

#breadcrumbs a:hover {
	font-weight: normal;
	color: #808080;
	text-decoration: underline;
	font-size: 12px;
}

#breadcrumbs a:visited {
	padding-left:3px;
	font-weight: normal;
	color: #676767;
	text-decoration: none;
	font-size: 12px;
	list-style-type: disc;
	list-style-position: inside;
}

#breadcrumbs p{
	font-weight: normal;
	color: #669900;
	text-decoration: none;
	font-size: 12px;
}

/* Login */ 

#login {
	margin: 0 0 5px 0;
	width:208px; 
	height: auto;
	text-align:left; 
	float:left;
	color: #fff;
	font-size: 10px;
	border: 1px solid #bfbfbf;
	background-color: #f3f3f3;
}


#login h1 {
	font-family: "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #006633;
	text-align: center;
}

#login ul {
	margin-left: 0px;
	padding-left: 1px;
	
}

#login li {
	margin-left: 0px;
	padding-left: 0px;
	text-align: center;
	list-style-type: none;
}

#login a {
	color: #006633;
	text-decoration:none;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	font-style: normal;
	line-height: 12px;
}


#login a:hover {
	color: #006633;
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

#login a:visited {
	color: #006633;
	text-decoration:none;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

/* Promo Principal Flash */ 	
#promo {
	position: relative;
	margin-right: 5px;
	width: 720px; 
	height: 260px;
	float: right;
	clear: right;
	border: 1px solid #9e9e9e;
	
}

#cajaalerta {
	background-color: #000;
	border: 1px solid #ddd;
	padding: 5px;
	font-size: 9px;
	line-height: 10px;
	font-family: "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
	color: #ececec;
	clear: left;
	margin-left: 2px;
	margin-right: 2px;
}


/* Ayuda */ 
#ayuda {
	margin:3px 0px 3px 0px;
	padding:0 0 10px 0;
	width:209px; 
	height:118px;
	text-align: left; 
	float:left;
	font-size: 12px;
	color: #676767;
	clear: left;
	line-height: 20px;
	border-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b1b1b1;
}

#ayuda ul {
	margin-left: 0px;
	padding-left: 20px;
}

#ayuda li {
	margin-left: 0px;
	padding-left: 2px;
}

#ayuda h1 {
	padding-left: 15px;
	font-weight: bold;
	color: #49cccd;
	text-decoration: none;
	font-size: 12px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color:#b1b1b1;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color:#b1b1b1;
	background-color: #f6f6f6;
	list-style-position: inside;
}

#ayuda a {
	color: #676767;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
}

#ayuda a:visited {
	color: #676767;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}

#ayuda a:hover {
	font-weight: normal;
	color: #808080;
	text-decoration: underline;
	font-size: 12px;
}

/* Promociones textos*/ 
#promostd {
	color: #b1b1b1;
	font-size: 12px;
	vertical-align: top;
	
}

#promos h4{
	float:left;
	font-size: 12px;
	padding:0 0 0 30px;
}
#promos h5{
	float:left;
	font-size: 12px;
	padding:0 0 0 10px;
}
#promo2 {
	margin-top: 5px;
	margin-right: 5px;
	height: 116px;
	float: right;
	clear: right;
}


#promo3 {
	margin-top: 8px;
	margin-right: 5px;
	height: 116px;
	float: right;
	clear: right;
}


#telefonos {
	margin: 10px 0 10px 0;
	width: 99%; 
	height: 60px;
	float: left;
	clear: left;
}

#promos1 {
	width:240px;
	height:208px;

	background: url(../img/home/promos/promo_redcompra.jpg) no-repeat;
	
}

#promos2 {
	width:240px;
	height:208px;
	background: url(../img/home/promos/promo_beneficios.jpg) no-repeat;
	
}

#promos3 {
	width:240px;
	height:208px;
	background: url(../img/home/promos/promo_inversiones.jpg) no-repeat;
	
}




	

table.promo2 a:link {
	margin:0;
	border:0;
	color:#fff;	
	text-decoration: none;
	background-color: #669900;
	font: bold 10px "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
	padding: 3px 5px;
	float: right;
	top: 145px;
	position: relative;
}

table.promo2 a:hover {
	margin:0;
	padding:0;
	border:0;
	color: #fff;	
	text-decoration: none;
	background-color: #8d8d8d;
	padding: 3px 5px;
	text-decoration: none;
	font: bold 10px "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
	float: right;
	top: 145px;
	position: relative;
}
 
table.promo2 a:visited {
	margin:0;
	padding:0;
	border:0;
	color:#fff;	
	text-decoration: none;
	background-color: #669900;
	font: bold 10px "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
	padding: 2px 6px;
	float: right;
	top: 145px;
	position: relative;
}

table.promo3 a:link {
	margin:0 5px 0 0;
	border:0;
	color:#fff;	
	text-decoration: none;
	background-color: #006633;
	font: bold 10px "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
	padding: 6px;
	float: right;
	top:160px;
	position: relative;
}

table.promo3 a:hover {
	margin:0 5px 0 0;
	padding:0;
	border:0;
	color: #fff;	
	text-decoration: none;
	background-color: #8d8d8d;
	padding: 6px;
	text-decoration: none;
	font: bold 10px "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
	float: right;
	top:160px;
	position: relative;
}
 
table.promo3 a:visited {
	margin:0 5px 0 0;
	padding:0;
	border:0;
	color:#fff;	
	text-decoration: none;
	background-color: #006633;
	font: bold 10px "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
	padding: 6px;
	float: right;
	top:160px;
	position: relative;
}
table.promo4 a:link {
	margin:0;
	border:0;
	color:#fff;	
	text-decoration: none;
	background-color: #669900;
	font: bold 10px "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
	padding: 2px 6px;
	float: right;
	top:145px;
	position: relative;
}

table.promo4 a:hover {
	margin:0;
	padding:0;
	border:0;
	color: #fff;	
	text-decoration: none;
	background-color: #8d8d8d;
	padding: 2px 6px;
	text-decoration: none;
	font: bold 10px "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
	float: right;
	top:145px;
	position: relative;
}
 
table.promo4 a:visited {
	margin:0;
	padding:0;
	border:0;
	color:#fff;	
	text-decoration: none;
	background-color: #669900;
	font-family: "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
	font: bold 10px "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
	padding: 2px 6px;
	float: right;
	top:145px;
	position: relative;
}

#fono {
	margin: 10px 10px 10px 235px;
	width:720px; 
	float: left;
	clear: left;	
}
	
#fono1 {
	width:350px;
	float:left;}
	
#fono2 {
	width:350px;;
}

#fono3 {
	width:234px;
	border: 1px solid #fff;
}

#fono4 {
	width:234px;
	border: 1px solid #fff;
}

#fono5 {
	width:234px;
	border: 1px solid #fff;
}

#fono6 {
	width:234px;
	border: 1px solid #fff;
}
	
#fono6 {
	width:234px;
	border: 1px solid #fff;
}
	
#fonotd {
	color: #fff;
	font-size: 12px;
	vertical-align: top;
	float:left;
}
	

table.fono a{
	color:#fff;	
	background-color: #fff;
	float: right;
	position: relative;
}




/* Boton mas info */

a.btnmasinfo {
	padding-left: 13px;
	text-align: left;
	font-size: 9px;
	display: block;
	color: #fff;
	width:77px;
	height:15px;
	line-height: 16px;
	text-decoration:none;
	text-transform: uppercase;
	vertical-align: top;
	background: url(../img/home/btn_masinfo.gif) no-repeat;
	font-weight: bold;
}

a:hover.btnmasinfo {
	padding-left: 13px;
	text-align: left;
	font-size: 9px;
	display: block;
	color: #fff;
	width:77px;
	height:15px;
	line-height: 16px;
	text-decoration:none;
	text-transform: uppercase;
	vertical-align: top;
	background: url(../img/home/btn_masinfo_over.gif) no-repeat;
	font-weight: bold;
}



/* Botonera */ 
#botones {
	margin-top:2px;
	width: 209px;  
	float:left;
	clear: left;
}

/* img_telemarketing */ 
#tlmkt {
	margin-top:5px;
	width:209px; 
	text-align: left; 
	float:left;
	clear: left;
}

/* Indicadores Economicos */ 
#indicadores {
	margin:10px 5px 15px 0;
	padding:5px 0px 10px 0px;
	width:720px; 
	height:35px;
	float:right;
	border-bottom: 1px solid #b1b1b1;
	border-top: 1px solid #b1b1b1;
	color: #333;
	font-size: 11px;
	font-weight: normal;
}

#indicadores h3 {
	color: #9dc118;
	font-size: 11px;
	font-weight: bold;
	position: relative;
}

/* Texto legal */ 
.clear { clear:both;}

#legal {
	margin-top:10px;
	margin-bottom: 10px;
	float:left;
	width: 960px;
	text-align: left;
	height:20px;
	color: #8d8d8d;
	font-size: 10px;
	font-weight: normal;
	clear: both;
	border-top: #006633 thin solid;
}

#legal p {
	margin:0;
	padding:5px;
	font-family: "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sanas, sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	color: #8d8d8d;	
}

#legal a {
	color: #9dc118;
	font-size: 10px;
	font-weight: normal;
}

#legal a:hover {
	color: #669900;
	font-size: 10px;
	font-weight: normal;
}

#legal a:visited {
	color: #9dc118;
	font-size: 10px;
	font-weight: normal;
}

/* Footer */ 
#footer {
	margin-top: 10px;
	width:960px;
	text-align:left;
	background: #efefef;
	border: 1px solid #b1b1b1;
	clear: both;
	position: relative;
	float: left;
	bottom: 0;
}	

#tdfooter {
	margin-top:5px;
	margin-bottom:5px;
	color: #676767;
}


table.tdfooter a {
	padding:4px 4px 4px 4px;
	text-decoration: none;
	color: #676767;
	font-size: 10px;
	font-weight: bold;
}

table.tdfooter a:visited {
	padding:4px 4px 4px 4px;
	text-decoration: none;
	color: #676767;
	font-size: 10px;
	font-weight: bold;
}

table.tdfooter a:hover {
	padding:4px 4px 4px 4px;
	color: #fff;
	text-decoration: none;
	background-color: #676767;
	font-size: 10px;
	font-weight: bold;
}


#tdfonos {
	border-left: 1px solid #b1b1b1;
	list-style-position: inside;
	text-indent: 5px;
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
}

#tdfonos ul, li {
	margin-top: 3px;
	padding-left: 3px;
	font-size: 9px;
	line-height: 11px;
	text-align: left;
	direction: ltr;
}

#cajainfo{ clear:right;}                                


#contenedor #cuerpo #cajainfo img {
	margin-left: 10px;
}
#contenedor #cuerpo #cajainfo ul li{
	font-family: "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	
}

#contenedor #cuerpo #cajainfo2 ul li{
	font-family: "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
}

/*Side*/
#side {
width:208px;
height:auto;
float:left;
}

/*Caja simulador*/


.Simulador{
background:url("../img/bg_gris.jpg") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #BFBFBF;
color:#666666;
float:left;
width:208px;
height:auto;
font-size:10px;
margin:0;
padding:0;
text-align:left;

}

.Simulador p{
font-size:11px;
color:#666666;
line-height:13px;
width:188px;
padding:2px 10px 5px 10px;

}

.Simulador h1{
background:url("../img/globo_simulador.png") no-repeat scroll 0 0;
text-align:right;
font-size:13px;
color:#666666;
width:95%;
text-indent:3px;
line-height:18px;
margin:0;
padding:4px 0 14px;

}

.Simulador h5{
text-align:left;
color:#999999;
font-size:8px;
margin:0;
padding:5px 0 5px 10px;
}

.Simulador a{
margin:2px;
float: right;
display:block;
}


.Simulador img{
margin:0 0 0 0;
padding:0 0.1em 0.5em 0;
position:relative !important;
}



.Simulador form{
color:#666666;
font-size:7px;
margin:0;
padding:0 0 0 10px;
display:inline;

}



#input
{
background: #ffffff;
border: 1px solid #CCCCCC;



}

#submit input{
color: #000;
background: #ffffff;


} 

.caja_rut{
color:#999999;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
width:130px;
height: 17px;
-moz-border-radius:3px 3px 3px 3px;
margin:0;
padding:0;

} 

.caja_dv{
color:#999999;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
width:15px;
height: 17px;
-moz-border-radius:3px 3px 3px 3px;
margin:0;
padding:0;

}