/*SCROLLING*/
body  { 
      scrollbar-face-color:#cccccc;
      scrollbar-shadow-color: white;
      scrollbar-highlight-color: white;
      scrollbar-3dlight-color: white;
      scrollbar-track-color: #EAEAEA;
      scrollbar-arrow-color: #003366;
	  	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

table  { 
	 font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

input {
	font-size:10px
}

select {
	font-size:10px
}

textarea {
	font-size:10px
}

.boton {
	font-size:11px;
	background-color:#003366;
	border: 1px solid #666666;
	color:#FFFFFF
}

/*BORDES REDONDEADOS*/
.myBox
{
	background-color:#EAEAEA;
	border: 1px solid #CCCCCC;
}

.myBox2
{
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;	
}

/*TEXTOS CHICOS*/
.textoClaro
{
	/*height:100%; width:95%;*/ 
	overflow:auto; 
	margin-left:5px;	
	color:#3E3E3E;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.pie{
	color:#333333;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:2px;
	margin-right:2px;
	font-weight: bold;
}

.textoChico{
	color:#333333;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.textoOscuro{
	color:#333333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:2px;
	margin-right:2px;
	font-weight: bold;
}

/*TITULOS*/
.tituloOscuro{
	color:black;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:2px;
	margin-right:2px;
	text-decoration:bold;
}

.tituloOscuro{
	color:black;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:2px;
	margin-right:2px;
	text-decoration:bold;
}
.tituloOscuroConFondo{
	color:black;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:2px;
	margin-right:2px;
	text-decoration:bold;
	background-color:#CCCCCC;
	height:20px
}

.tituloGrandeBlue{
	color:#003366;
	font-size:15px;
    font-family:Arial, Helvetica, sans-serif;
	margin-right:2px;
	text-decoration:bold;
}


.slogan{
	color:#006699;
	font-size:18px;
	font-family:  Arial;
	margin-left:2px;
	margin-right:2px;
	/*text-decoration:bold;*/
	margin-left:7px;
	padding-bottom:5px;
}

.tituloTito{
	color:#003366;
	font-size:45px;
	font-family:Arial;
	margin-left:2px;
	margin-right:2px;
	text-decoration:bold;
	letter-spacing: 1px;
}

.tituloTitoLink{
	color:#003366;
	font-size:45px;
	font-family:Arial;
	text-decoration:bold;
	letter-spacing: 1px;
}
.tituloModelo{
	color:#003366;
	font-size:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.tituloLlamativo{
	color:#FF0000;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:2px;
	margin-right:2px;
	text-decoration:bold;
}

/*LINKS*/
.linkFAQ{
	color:#0066CC;
	text-decoration:none;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}
.linkFAQ:hover{
	color:#666666;
	text-decoration:none;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.linkFAQsinLink{
	color:#0066CC;
	text-decoration:none;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}
.linkFAQsinLink:hover{
	color:#0066CC;
	text-decoration:none;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.linkClaro{
	color:#0099FF;
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.linkClaro:hover{
	color:#0066CC;
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.linkOscuro{
	color:#0066CC;
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.linkOscuro:hover{
	color:#003366;
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.linkHome{
	color:#0066CC;
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.linkHome:hover{
	color:#003366;
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.linkModelo{
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color:#0066CC;
	text-decoration:none;
	font-size:14px;
}
.linkModelo:hover{
	color:#003366;
	text-decoration:none;
	bgcolor:#0099FF;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

.bordeGris
{
	border: 1px solid #cccccc;	
}

.bordeAzul
{
	border: 1px solid #3399CC;	
}


/*ESTILOS PARA PLAN DE AHORRO*/
.titulo1
{
	color:#003366;
	font-size:23px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:bold;
}

.titulo2
{
	color:#003366;
	font-size:28px;
	text-decoration:bold;
	font-family: "Bodoni MT Black";
}

.titulo3
{
	color:#FFFFCC;
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:bold;
	background-color:#003366
}

.titulo4
{
	color:#660000;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:bold;
}

.titulo5
{
	color:#660000;
	font-size:17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:bold;
	vertical-align:top;
}

.titulo6
{
	color:#003366;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:bold;
}
.titulo7
{
	color:#003366;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:bold;
	text-align:left
}
.titulo7 table
{
	color:#003366;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:bold;
}
