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

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

	}
	
	body{
	
		margin:0px auto;
		padding:0px;
		text-align: center;
		background-color: #ebebeb;
		
	}
	
	
	#back {

		margin:0px auto;
		text-align: left; /* no tocar */
		width: 780px;
		padding:0px;
		background-image: url('int/back_800.jpg');
		
	}
	
	
	#container {

		margin-top:  0px;
		margin-left:  5px;
		width: 770px;
		padding:0px;
		
	}
	
	#footer {

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

	
	/*HEADER HOGAR*/


	#header_hogar {

		margin-top:  0px;
		margin-left:  5px;
		width: 770px;
		height: 100px;
		padding:0px;
		
		background-image: url('int/back_head_hogar.jpg');
		background-repeat: no-repeat;
		
	}

	#header_hogar img {

		border: 0px;
	}
		
	/*-------------------------------------------*/
	

		
	
	#menu {

		margin-top: 0px;
		margin-left: 5px;
		margin-bottom: 10px;

		width: 770px;
		height: 27px;
	
		background-image: url(int/solapa-trans/back_empty.gif);
		background-attachment:scroll;
		background-repeat: repeat-x;
	
		
	}
		
	/*-------------------------------------------*/
		
		
	#tbl_750 {

		width:750px;
		margin-left: 10px;
		margin-bottom: 10px;
		
	}
	
	#tbl_660 {

		width:655px;
		
		float:right;
		
	}
	

	#tbl_560 {

		width:560px;
		
		float:right;
		
	}
	
	/*-------------------------------------------*/
	
	
	#shadow {

		margin-top: 0px;

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

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

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

		
	}

	/*-------------------------------------------*/
		
	#end {

		margin-top: 0px;
		width: 770px;
		height: 10px;
		background-image: url('int/shadow_blue.gif');
		background-attachment:scroll;
		background-repeat: repeat-x;
		
	}
	
	/*-------------------------------------------*/
	
	.tbl_gral{
	
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		color: #333333;
		text-decoration:none;
	
	}
	
	.tbl_gral a {
	
		text-decoration:none;
		color: #333333;
	
	}
	

	/*-------------------------------------------*/


	.tbl_01{
	
		width: 750px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		text-align: center;
		
	}
	
	.tbl_01 tr td{
	
		border-bottom: 1px solid #FFFFFF;
		
	}
	
	/*-------------------------------------------*/


	.tbl_hogar{
	
		width: 750px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		text-align: center;
		
	}
	
	.tbl_hogar tr td{
	
		border-bottom: 1px solid #FFFFFF;
		
	}
	
	/*-------------------------------------------*/
	

	
	.tbl_grey{

		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		text-decoration: none;
		text-align: left;
		
		padding: 5px;
		margin: 0px;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		border-top: 1px solid #CCCCCC;
		background-color: #F5F5F5;
		
		display: table;
		width: 100%;
		max-width: 738px;
		
	}

	.tbl_grey:hover{

		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		text-decoration: none;
		text-align: left;
		
		padding: 5px;
		margin-top: 0px;
		margin-bottom: 10px;
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
		
		display: table;
		width: 100%;
		
	}

	/*-------------------------------------------*/

	.tbl_grey_2{

		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		text-decoration: none;
		text-align: left;

		
		padding: 5px;
		margin: 0px;
		margin-bottom: 10px;
		border: 1px solid #CCCCCC;
		background-color: #F5F5F5;
		
		display: table;
		width: 100%;
		max-width: 738px;
		
	}
	
	
	/*-------------------------------------------*/

	.tbl_blank{

		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		text-decoration: none;
		text-align: left;
		
		padding: 5px;
		margin-top: 0px;
		margin-bottom: 10px;
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
		
		display: table;
		width: 100%;
		max-width: 738px;

	}
	
	.tbl_blank:hover {

		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		text-decoration: none;
		text-align: left;
		
		padding: 5px;
		margin-top: 0px;
		margin-bottom: 10px;
		border: 1px solid #CCCCCC;
		background-color: #EBEBEB;
		
		display: table;
		width: 100%;

	}


	/*-------------------------------------------*/
	
		.tbl_leg{

		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #999999;
		text-decoration: none;
		text-align: left;
		
		padding: 5px;
		margin-top: 10px;
		margin-bottom: 0px;
		border: 1px solid #EBEBEB;
		background-color: #FFFFFF;
		
		display: table;


	}
	
	/*-------------------------------------------*/
	

	
	/*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-left: 10px;

		padding-right: 10px;
		
		line-height: 23px;
		height: 25px;
		

		background-image: url(int/bot_azul_01.jpg);

		border-right:1px solid  #000066; 
		border-left:1px solid  #3366CC;

		display: table;
		
		}
	
	.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);

		}
	

	
		
		
	/*-------------------------------------------*/

	/* ESTILOS TITULOS y GENERALES*/

	h1{ 	/* titulo principal*/

		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		color: #003399;
		font-weight: bold;
		text-align: left;
	
		padding-top: 4px;
		padding-left: 0px;
		padding-right: 0px;	
		padding-bottom: 4px;
	
		margin-top: 0px;
		margin-bottom: 0px;
		
		border-bottom: 10px solid #FFFFFF;
		
		background:  url("int/back_h1.gif") repeat-x;
		background-color:#FFFFFF;
		background-position: bottom;
		
		width:100%;
	
		}

	h2{ 	/* titulo solapas grises*/

		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #003399;
		font-weight: bold;
		text-align: left;
	
		padding-top: 4px;
		padding-left: 5px;
		padding-right: 0px;	
		padding-bottom: 4px;
		
		border-top: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		
		margin-top: 0px;
		margin-bottom: 0px;
		
		background:   url("int/back_h2.jpg") repeat-x;
		background-color: #EBEBEB;
	
		}

	h3{ 	/* titulo principal gris*/

		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		color: #333333;
		font-weight: bold;
		text-align: left;
	
		padding-top: 10px;
		padding-left: 0px;
		padding-right: 0px;	
		padding-bottom: 4px;
	
		margin-top: 0px;
		margin-bottom: 0px;
		
		border-bottom: 10px solid #FFFFFF;
		
		background:  url("int/back_h1.gif") repeat-x;
		background-color:#FFFFFF;
		background-position: bottom;
		
		width:100%;

		}
		
	h4{ 	/* titulo secundario azul*/

		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #003399;
		font-weight: bold;
		text-align: left;
	
		padding: 0px;
	
		margin-bottom: 5px;
		margin-top: 0px;

		width:100%;

		}
	
	/*-------------------------------------------*/	
	
	.txt_gral { 
	
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;

		font-weight: normal;
		color: #333333;
		
	}

	/*-------------------------------------------*/
	
	.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;
		
	}

	/*-------------------------------------------*/

	/* PACKS*/

	.txt_ahorro { 
	
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: normal;
		color: #DA8826;
		
	}

	.txt_clasico { 
	
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: normal;
		color: #015545;
		
	}

	.txt_comodo { 
	
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: normal;
		color: #55016D;
		
	}	
	
	.txt_hogar { 
	
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: normal;
		color: #179386;
		
	}	

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

	/*-------------------------------------------*/
	
	a.link_01 {
		font-family: Arial, Helvetica, sans-serif;
		color: #333333;
		font-size: 11px;
		text-decoration: none;
	}
	
	a.link_01:hover {
		font-family: Arial, Helvetica, sans-serif;
		color: #008A65;
		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_04 {

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

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