/* LA CAJA DE AHORRO Y SEGURO - TRANSACCIONALES  */
	
	/* PRINCIPALES*/

	html{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;

	}
	
	body{
	
		margin:0px auto;
		padding:0px auto;
		text-align: center;
		background-color: #002E91;
		
	}
	
	#top {

		margin:0px auto;
		text-align: left; /* no tocar */
		width: 980px;
		height: 35px;
		padding:0px auto;
		background-image: url('../int/top.jpg');
		
	}
	
	#back {

		margin:0px auto;
		text-align: left; /* no tocar */
		width: 980px;
		padding:0px;
		background-image: url('../int/back_980.jpg');
		background-repeat:repeat-y;
						
	}
	
	#bottom {
		clear:both;
		margin:0px auto;
		text-align: left; /* no tocar */
		width: 980px;
		height: 20px;
		padding:0px auto;
		background-image: url('../int/bottom.jpg');
		
	}
	
	#bottom_02 {
		clear:both;
		margin:0px auto;
		text-align: left; /* no tocar */
		width: 980px;
		height: 20px;
		padding:0px auto;
		background-image: url('../int/bottom_02.jpg');
		
	}
	
	#bottom_03 {

		clear:both;
		width: 950px;
		height:30px;
		padding:0px auto;
		margin:0px auto;
		text-align: left; /* no tocar */
		background-image: url('../int/bottom_03.jpg');
					
	}
	
	#destacado {

		margin:0px auto;
		text-align: left; /* no tocar */
		width: 950px;
		height: 140px;
		padding:0px auto;
		background-image: url('../img/destacado_newsletter.jpg');
		
	}
	
	#container {

		margin-top: 0px auto;
		margin-left: 15px;
		width: 950px;
		padding:0px auto;
					
	}
	
	#footer {

		margin:0px auto;
		width: 980px;
		padding:0px auto;
		
	}
	
		
	/*-------------------------------------------*/
	
	/*HEADER*/

	#header {

		margin-top:  0px;
		margin-left:  25px;
		width: 950px;
		height: 85px;
		padding:0px auto;
				
	}

	#header_padd {

	margin-left:  25px;
	width: 950px;
	height: 3px;
					
	}
	/*-------------------------------------------*/
	
	#menu {

		width: 290px;
		height: 20px;
			
	}
		
	

/*-------------------------------------------*/
			
	#tbl_980 {

		width:980px;
				
	}
	
	#tbl_950 {

		width:950px;
	}
	
	#tbl_860 {

		width:855px;
		float:right;
	}
	
	#tbl_313 {

		width:313px;
		float:left;
				
	}
	
	
	.tbl_legales{
	
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-decoration:none;
	
	}
	
	.tbl_01{
	
		width: 731x;
		height: 31px;
		padding-left:11px;
		border-right:1px solid #CCCCCC;
		
	}
	
	.tbl_02 {
	
	float: left;
	width: 160px;
	padding-left: 10px;
	 
	}
	
	.objeto_01 {
	
	float: left; 
	width:126px;
	align: top;
	
	}
	
	.objeto_02 {
	
	float: left; 
	width:100px;
	align: top;
	
	}
	
	.beneficios {
	
	float: left;
	width:313px;
		
	}
	
	.exclusivos {
	
	float: left;
	width:313px;
	
	}
	
	.promociones {
	
	float: left;
	width:313px;
	align: top;
	
	}
	
	.novedades {
	
	float: left;
	width:324px;
	align: top;
	
	}
	
	.tbl_datos_gris_01{

		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		text-decoration: none;
		text-align: left;
		
		background-color: #F5F5F5;
		
		width: 933px;
		height: 82px;
		margin-left: 10px;
				
	}
	
	.tbl_datos_gris_02{

		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		text-decoration: none;
		text-align: left;
		background-image: url('../int/back_tbl_02.jpg');
		border-left: 1px solid #CCCCCC;
		width: 177px;
		margin-left: 10px;
				
	}
	
	/*-------------------------------------------*/
	
	
	#shadow {

		width: 950px;
		height: 10px;
		background-image: url('../int/shadow_hor.jpg');
		background-repeat: repeat-x;
		
	}

	
	/*-------------------------------------------*/
	
		
	#line_01{

		margin-top: 5px;
		margin-bottom: 5px;
		width: 100%;
		height: 1px;
		background-image: url('../int/line_01.gif');
		background-repeat: repeat-x;
		
	}

		
	/*-------------------------------------------*/
	
	/*ESTILOS FORMULARIO*/	
	
	
	#registro {
	
		width:100%;
		margin:0px;
		margin-bottom: 10px; 
		
		border: 1px solid #CCCCCC;
		background-color:#FFFFFF;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #333333;
		text-decoration: none;
		
		padding:0px;
		
	}
	
	
	#registro fieldset {
		
		border:0px;
		padding:0px;
		margin: 5px;

	}
	
	
	#registro legend{
	
		font:11px Arial, sans-serif;
		color: #003399;
		padding:0px;
		
	}
		
	
	#registro label {
	
		font:11px Arial, sans-serif; 
		float: left;
		width: 30%; 
		text-align:right;
		color: #333333;
		padding: 5px;
	}
	
	#registro br {
	
		clear: left;

	}
	

	.input {
	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #333333;
		text-decoration: none;
		
	}


	/*-------------------------------------------*/
	
	/*BOTONES*/
	
	.bot_azul{
		
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size:10px; 
		text-decoration:none; 
		color: #FFFFFF;
		text-align: center;
		font-weight:bold;

		padding: 5px; /*no tocar*/
	    line-height: 30px; /*no tocar*/
		
		border:1px solid #3366CC;
	    background-image: url(../int/bot_azul_01.jpg);
	
		}
	
	.bot_azul:hover{
		
		color: #FFFFFF;
		background-image: url(../int/bot_azul_02.jpg);

		}
	
	.bot_gris{
		
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size:10px; 
		text-decoration:none; 
		color: #333333;
		text-align: center;

		padding-left: 10px;

		padding-right: 10px;

		background-image: url(../int/bot_top_menu_01.gif);

		border-right:1px solid  #333333; 
		border-left:1px solid #EBEBEB;

		display: table;
		
		height: 19px;
		line-height: 16px;
		
		}
	
	.bot_gris:hover{
		
		color: #333333;
		background-image: url(../int/bot_top_menu_02.gif);

		}
		
			
	/*-------------------------------------------*/
	
	/*  TEXTOS   */
	
	.txt_resultado { 
	
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;

		text-align: left;
		font-weight: bold;
		color: #003399;
		
	}
	
	.txt_white { 
	
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;

		text-align: left;
		font-weight: normal;
		color: #FFFFFF;
		
	}
	
	.txt_error { 
	
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;

		text-align: left;
		font-weight: normal;
		color: #FF0000;
		
	}
	
	.txt_solapa { 
	
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
        color: #003399;
	}
	
		.txt_atras { 
	
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
        color: #666666;
	}

	/*-------------------------------------------*/
	
	/*  LINKS   */
	
	a.link_01 {
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-size: 11px;
		text-decoration: none;
	}
	
	a.link_01:hover {
		font-family: Arial, Helvetica, sans-serif;
		color: #FFCC00;
		font-size: 11px;
		text-decoration: underline;
	}
	
	a.link_02 {
		font-family: Arial, Helvetica, sans-serif;
		color: #3366CC;
		font-size: 11px;
		text-decoration: none;
		background-color: #E1F0FF;
		padding-left: 3px;
		padding-right: 3px;
	}
	
	a.link_02:hover {
		font-family: Arial, Helvetica, sans-serif;
		color: #3366CC;
		font-size: 11px;
		text-decoration: underline;
		background-color: #E1F0FF;
		padding-left: 3px;
		padding-right: 3px;
	}
	
	a.link_03 {
		font-family: Arial, Helvetica, sans-serif;
		color: #003399;
		font-size: 11px;
		text-decoration: underline;
	}
	
	a.link_03:hover {
		font-family: Arial, Helvetica, sans-serif;
		color: #000066;
		font-size: 11px;
		text-decoration: underline;
	}
	
	/*-------------------------------------------*/
	

	a.link_04 {

		font-family: Arial, Helvetica, sans-serif;
		color: #003399;
		font-size: 11px;
		text-decoration: none;
}
	a.link_04:hover {

		font-family: Arial, Helvetica, sans-serif;
		color: #003399;
		font-size: 11px;
		text-decoration: underline;
}

	/*-------------------------------------------*/
	  
	
	/* ESTILOS DIV INFO EXTRA */
	
	.thumbnail2{
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	display: block;
	padding: 5px;
	border-bottom: 1px solid #FFFFFF;
	background-color: #f5f5f5;
	left: 0px;
	top: 0px;
	
	}
	.thumbnail2:hover{
		background-color: #ebebeb;
		text-decoration: none;
	}
	.thumbnail2 span{
	position: absolute;
	background-color: #EBEBEB;
	padding: 5px;
	border: 1px solid #CCCCCC;
	width: 180px;
	visibility: hidden;
	color: #333333;
	text-decoration: none;
	z-index: 10;
	}
	.thumbnail2 span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;
	}
	.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		top: -30px;
		left: 190px; /*position where enlarged image should offset horizontally */
	}
	
	/*-------------------------------------------*/