@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;  font-family: Verdana,Helvetica, Arial, sans-serif; border:0;}
#contenedor{margin:5px auto; width:1000px;}
#contenedorcuerpo{margin-top:0px;}
#ccuerpo2{
margin-top:0px}
#encabezado{height:85px; margin-bottom:20px;}
#pie2{float:left;}
/*#principal{ width:724px; height:890px;float:left;} */
#principal{ width:700px; float:left;}
#principal .img
{
	margin-left:15px;
}
#menu{width:169px;  float:left; }
/* CONTENIDO INTERIOR */
#contenido{width:500px;  float:left;}
#editar,#editar ul.textosListaNumerada { margin-left:20px;}
#editar .titulo{
	font-size:10pt;
	color:#000000;
	font-weight:bold;
	margin-bottom:1.5em;
	color:#333333;
}

/*#editar .subtitulos{ font-size:.8em; color:#333333; font-weight:bold; margin-bottom:1.4em; color:#0066CC;} */
#editar .subtitulos{
	font-size:10pt;
	color:#000000;
	font-weight:bold;
	margin-bottom:1.4em;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
} 
#editar .textos,#editar ul.textosListaNumerada,#editar ul.textosListaLimpia{
	font-size:10pt;
	color:#8C8C8C;
	text-align:justify;
	margin-bottom:1.2em;
	line-height:1.4em;
	font-family: Arial, Helvetica, sans-serif;
}
#editar ul.textos{margin-left:2em;}
#editar ul.textos li{ margin-bottom:1.3em;}
#editar ul.textosListaNumerada { list-style:decimal;}
#editar ul.textosListaLimpia{ list-style:none;}
/* FIN CONTENIDO INTERIOR */
#otros{width:169px; height:216px; float:left; margin-top:10px;}
#curriculum{background-image:url(imagenes/carga_tu_curriculum.jpg); width:169px; height:145px; background-repeat:no-repeat;}
#simulador{background-image:url(imagenes/simulador_de_prestamos.jpg); width:169px; height:56px; background-repeat:no-repeat; margin-top:10px;}

/*#publicidad{width:511px; height:522px; background-color:#FF9900; float:left; margin-left:18px;  margin-top:10px;} */
#publicidad{width:511px; height:522px;  float:left; margin-left:18px;  margin-top:10px;}
/*############################################ OPCIONES ###########################################*/
#operaciones{ width:296px; float:left; margin-left:4px;}
*#operaciones #autopista img { border:0; margin-bottom:10px;}
* html #operaciones #autopista img { border:0; margin-bottom:10px;}
#operaciones #clientes .fondo{width:296px; height:131px; margin-bottom:10px; }
#operaciones #clientes .fondo .izq{ float:left; width:215px; height:131px; }
#operaciones #clientes .fondo .der{ padding-left:4px; width:77px; float:left; height:131px; background-color:#8C9192;}
#operaciones #clientes .fondo .der .titulo{ font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:.8em; font-weight:bold; margin-top:10px; height:2em; }
#operaciones #clientes .fondo .der a:link,#operaciones #clientes .fondo .der a:visited { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:.7em; background-image:url(imagenes/ir.jpg); background-repeat:no-repeat; background-position:right; width:53px; display:block;  margin-top:65px; text-decoration:none;}
#operaciones #clientes .fondo .der a:hover{color:#FF9900; background-image:url(imagenes/ir_ya.jpg); background-repeat:no-repeat; background-position:right;}
/*############################################ INICIO DE CONTENIDO INTERNO DE CADA PAGINA ########################################*/
#datos { margin-left:18px; overflow:scroll; margin-bottom:10px; width:528px; height:400px;}
#datos h2 { text-align:center; font-size:.8em; font-weight:bold; color:#006699;}
#datos table{font-size:.7em; border:1px solid #003333; margin-top:10px;}
#datos table th{border:1px solid #000000; background-color:#CCCCCC;}
#datos table td{border:1px solid #000000; padding-left: 0.2em;}

/*############################################## FIN DE CONTENIDO INTERNO DE CADA PAGINA ###########################################*/

/*############################################## ESTILOS POPUP ###########################################*/

#popup .textoMarcoNegro
{
	border-right: thin solid;
	border-top: thin solid;
	border-left: thin solid;
	border-bottom: thin solid;
	vertical-align: middle;
	text-align: center;
}


#popup { margin:15px;}
#popup h2 { margin:15px 0 15px 0; text-align:center; font-size:.9em; font-weight:bold; }
#popup ul.titulo{ font-size:12px; color:#0066FF; font-weight:bold; margin-bottom:15px; margin-left:15px;}
#popup .subtitulos { color:#666666; font-size:13px; font-weight:bold;margin-left:20px;}
#popup .textos { color:#666666; font-size:11px; line-height:1.5em; margin-bottom:15px; width:550px; margin-left:16px;}
#popup .textosBarra{ border-left:solid 2px #999999; margin-top:10px; margin-bottom:15px;width:550px;margin-left:16px;}
#popup .textosBarra2{ border-left:solid 2px #999999; margin-top:10px; margin-bottom:15px;width:350px;margin-left:16px;}
#popup .textosBarra500{ border-left:solid 2px #999999; margin-top:10px; margin-bottom:15px;width:500px;margin-left:16px;}
#popup .textosBarra22{ border-left:solid 2px #999999; margin-top:10px; margin-bottom:15px;width:280px;margin-left:16px;}
#popup .textosBarra222{ border-left:solid 2px #999999; margin-top:10px; margin-bottom:15px;width:900px;margin-left:16px;}
#popup ul.textos { margin-left:20px;list-style-image:url(imagenes/punto.jpg);width:550px;}
#popup .textosResaltado,#popup .textosResaltado a { color:#0066FF; text-decoration:none; font-size:12px; font-weight:bold; margin-top:15px;width:550px;}
#botonespopup {float:left; margin-left:400px;}
/*############################################## MENU ###########################################*/
#menu h3 { font-size:.6em; font-weight:bold; color:#FFFFFF; text-align:center; margin-top:45px; margin-bottom:8px; border-bottom:2px solid #FFFFFF; padding-bottom:10px; margin-left:17px; margin-right:9px;}
#menu a:link, #menu a:visited { font-size:.6em; color:#FFFFFF; text-decoration:none; display:block; margin-top:8px; margin-bottom:8px; border-bottom:1px solid #FFFFFF; padding-bottom:8px; margin-left:17px; margin-right:10px; background-image:url(imagenes/tria.gif); background-repeat:no-repeat; background-position:left top; padding-left:10px;}
#menu a:hover{color:#FF9900; font-weight:bold;}
/*############################################## SEGUROS ###########################################*/
#seguros { width:508px; padding-left:20px; }
#encabezadoSeg{/*background-image:url(imagenes/Fondo_encabezado_seguro.jpg);  background-repeat:repeat-x;*/ padding-bottom:10px;font-family: Arial, Helvetica, sans-serif;font-size: 10px}

#encabezadoSeg p.titSeccion{  font-weight:bold; color:#FFFFFF; margin-left:5px; /*margin-bottom:20px; margin-top:5px;*/ ;}
#encabezadoSeg p.subtituloSeccion{ font-weight:bold; margin-left:5px; margin-bottom:20px; margin-top:5px; color:#0066FF;}
#encabezadoSeg ul { float:left;}
#encabezadoSeg ul li{ 	font-family: Arial, Helvetica, sans-serif;font-size: 10px ;color:#666666; font-weight:bold; margin-left:55px;}
#encabezadoSeg #ope{ float:none;}

#automotores p, #vivienda p,.seccion p { color:#0099FF; font-size:11px; font-weight:bold; float:none;}
.seccion blockquote { color:#666666; font-size:10px; text-align:justify; margin-left:20px;	font-family: Arial, Helvetica, sans-serif;}
.seccion blockquote p { color:#666666; font-size:10px; font-weight:bold;font-family: Arial, Helvetica, sans-serif;} 
#automotores { color:#666666; font-size:10px; font-family: Arial, Helvetica, sans-serif;}
#automotores blockquote { margin:10px;font-size:10px; font-family: Arial, Helvetica, sans-serif;}
#automotores blockquote span { color:#0099CC; border-bottom:2px solid #FF0000; font-weight:bold;}
#vivienda { color:#666666}
#vivienda blockquote { margin:10px;font-size:10px; font-family: Arial, Helvetica, sans-serif;}
#vivienda p {
	margin:10px;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:bold; 
}
#vivienda blockquote table{ width:500px; border-spacing:0;font-size:10px; font-family: Arial, Helvetica, sans-serif;}
#vivienda blockquote table tr { text-align:left; height:1.2em;}
#vivienda blockquote table tr.enc th{ border-bottom:1px solid #999999; padding-left:5px;}
#vivienda blockquote table tr.sub th{ border-top:1px solid #999999;}
#vivienda blockquote table tr.sub2 th{
	border-top:1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}
#vivienda blockquote table tr td,#vivienda blockquote table tr.enc th{border-right:1px solid #999999; padding-left:5px;}
#vivienda blockquote table tr td.der,#vivienda blockquote table tr.enc th.der,#vivienda blockquote table tr.sub th.der{border-right:none; padding-left:5px;}
/*######################################################### BOTONES #######################################################*/
.btn { height:16px; text-align:center; float:right; margin-left:10px; margin-bottom:10px;}
.btn .btnIzq, .btn .btnDer{float:left;background-repeat:no-repeat; width:6px; height:22px;}
.btn .btnIzq {  background-image:url(imagenes/boton_r1_c1.jpg);}
.btn .btnCen { float:left; background-image:url(imagenes/boton_r1_c3.jpg); background-repeat:repeat-x;height:22px; padding-top:4px; _padding-top:0; #padding-top:0;}
.btn .btnCen a:link,.btn .btnCen a:visited {color:#003399; font-size:.6em; font-weight:bold; text-decoration:none;}
.btn .btnCen a:hover { color:#FFFFFF;}
.btn .btnir { float:left; background-image:url(imagenes/btnir.jpg); width:10px; height:22px;} 
.btn .btnDer {  background-image:url(imagenes/boton_r1_c5.jpg);}
.cajabtn1,.cajabtn2,.cajabtn3,.cajabtn4 {width:155px; height:200px; float:right;}
.cajabtn2 {width:195px;}
.cajabtn3 {width:85px;}
.cajabtn4 {width:89px;}
.cajabtn1 .btn,.cajabtn2 .btn,.cajabtn3 .btn,.cajabtn4 .btn { float:left;}
#seguros hr { border:1px solid #339999; margin:5px 0; width:540px; float:none;}
#contenido hr { border:1px solid #339999; margin:5px 0; width:540px; float:none;}
#seguros .opciones { height:25px; margin-top:30px;}
/*########################################### FORMULARIOS #######################################################*/
.campos{margin: .7em 1em;}
input:focus{background-color:#FFFFFF; border:#000000 solid 1px; color:#000000;}
.campos label{	width:30%;	float:left;	text-align:left;	margin-right:10px;	color:#999999;	font-size:.8em;	font-weight:bold;}
input, select, textarea {font-size:9px;border:1px solid #000000;color: #999999;	padding:2px;background-color:#CCCCCC;width:65%;}
.formulario{border:0px solid #000000; width:508px; padding:10px; margin:10px; }
.formulario .formName{ color:#0099FF; font-size:1em; font-weight:bold; float:none; margin:5px;}
.formulario .formInfo{ color:#999999; font-size:.8em; font-weight:bold; float:none; margin:5px;}
/*###################### AHORRO E INVERSION ################################*/
/*#######################      FONDOS     ################################*/
#tarjetaconfiable { background-image:url(imagenes/tarjetaconfiable.jpg); background-repeat:no-repeat; background-position:top right; margin:0 auto;}
#tarjetacmasterinter { background-image:url(imagenes/tarjetamasterinter.jpg); background-repeat:no-repeat; background-position:top right; margin:0 auto;}
#tarjetavisaclassic { background-image:url(imagenes/tarjetavisa.jpg); background-repeat:no-repeat; background-position:top right; margin:0 auto;}
.fondopiepagina {
	background-image: url(../imagenes/fondo-legales.jpg);
	background-repeat: no-repeat;
	height: 30px;
}
.textopiepagina {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
}
.TituloNegro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #4D4D4D;
	margin-left:15px;
}
.TextoNegro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4D4D4D;
	text-align: justify;
	margin-left:15px;
	text-indent: 15px;
}
.TextoNegroSegundaLinea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4D4D4D;
	text-align: justify;
	margin-left:25px;
}

.TextoNegro li{ 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt ;
	color:#4D4D4D; 
	margin-left:55px;
}
#piepagina{margin:5px auto;width:995px;float:left; }
.ListaNumeradaNegrita {
	margin-left:50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
color: #4D4D4D;
	font-weight: bold;
}
.ListaNumeradaNormal {
	margin-left:50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: justify;	
color: #4D4D4D;
}
.ListaNumeradaNormal2 {
	margin-left:58px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
color: #4D4D4D;
}
.ListaNumeradaNormal3 {
	margin-left:66px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
color: #4D4D4D;
}
hr {
	border:1px solid #339999;
	width:525px;
	float:none;
	clip:  rect(7px auto 7px auto); 
}

.TextoNegroSegundaLineaNumerada {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4D4D4D;
	text-align: justify;
	margin-left:58px;
}

.TextoNegroSegundaLineaNumeradaNegrita {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4D4D4D;
	text-align: justify;
	margin-left:58px;
	font-weight: bold;
}


.TextoBlancoFondoAzul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	text-align: justify;
	margin-left:5px;
	background-color: #0072B1;
	font-weight: bold;
}
.botonespopup {
	background-color: #FFFFFF;
	border: none;
}
.cerrardiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	background-position: right;
	text-align: right;
}
.TextoNegroDiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4D4D4D;
	text-align: justify;
	margin-left:15px;
	margin-right:15px;
 
}
.TituloNegroDiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4D4D4D;
	text-align: justify;
	font-weight: bold;	
	margin-left:15px;
	margin-right:15px;
 
}
.TextoNegroDiv2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4D4D4D;
	text-align: justify;
	margin-left:15px;
   text-indent: -0.2cm;  
}
.TextoNegroDiv3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4D4D4D;
	text-align: justify;
	margin-left:23px;
   text-indent: -0.2cm;  
}
.TextoNegroDiv4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4D4D4D;
	text-align: left;
	margin-left:15px;
	margin-right:15px;
}
.TituloNegro2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #4D4D4D;
	margin-left:15px;
	  text-indent: -0.2cm;  
}
.TextoNegroDivS{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4D4D4D;
	text-align: justify;
	margin-left:23px;
	margin-right:15px;
 }
.TituloNegroT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #4D4D4D;
	margin-left:5px;
}
.TextoNegroT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4D4D4D;
	text-align: justify;
	margin-left:5px;
	text-indent: 5px;
}
.TituloNegroI {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #4D4D4D;
}
.TextoNegroI {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4D4D4D;
}

.tituloCelestePopup
{
	color: #0072b1;
	font-family: Arial;
	text-align: left;
	margin-left:0px;
}

.TituloNegroDiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: justify;
	font-weight: bold;
	color: #4D4D4D;
	margin-left:15px;
}
.linkafip {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
	font-weight: bold;
	color: #000000;
 	text-decoration: none;
}
.TextoNegroDivJus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #4D4D4D;
	text-align: justify;
	margin-left:25px;
 }
.linknegro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
	font-weight: bold;
	color: #000000;
 	text-decoration: none
}
 
 .botonsegurosenviar
{
	width: 100px;
	color: #000000;
	height: 20px;
	background-color: #6699ff;
}
.margin15
{
	margin-left:15px;
}
#nuevoPopup
{
	background: #0072B1;
	margin: 0px;
	list-style-position: inside;
	font-size: 11pt;
	color: white;
	font-style: normal;
	font-family: Arial, Verdana;
	list-style-type: square;
	font-variant: normal;
	width:400px;
}
.TituloNegroDivPopup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	font-weight: bold;
	color: White;
	margin-left:15px;
}
.TextoNegroDivPopup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: White;
	text-align: left;
	margin-left:15px;
	margin-right:15px;
 
}
#nuevoPopup a
{
	text-decoration:underline;
	color:White;
	font-weight:bold;
}