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

	html{
	
		margin: 0px;
		padding: 0px;
		font-size: 12px;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	}
	
	body {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 12px;
    background-image: url('/retail/Retail/images/static/back.png');
    background-position: center top;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #666;
    font-weight: normal;
} 
	
	
	#back {
    margin:0px auto;
    text-align: left; /* no borrar esta linea */
    width: 980px;
	} 
	
	
	#container {

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

		margin-top:  0px;
		margin-left:  5px;
		width: 770px;
		padding:0px auto;
		
	}
	
	/*-------------------------------------------*/	
	
	/* ESTILOS TITULOS y GENERALES*/
	

	h1{ 	/* titulo principal*/

		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 18px;
		color: #1079bb;
		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('/retail/Retail/images/static/back_h1.gif') repeat-x;
		background-color:#FFFFFF;
		background-position: bottom;
		
		width:100%;
	
		}

	h2{ 	/* titulo solapas grises*/

		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 12px;
		color: #1079bb;
		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('/retail/Retail/images/static/back_h2.jpg') repeat-x;
		background-color: #EBEBEB;
	
		}

	h3{ 	/* titulo principal gris*/

		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 18px;
		color: #666;
		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('/retail/Retail/images/static/back_h1.gif') repeat-x;
		background-color:#FFFFFF;
		background-position: bottom;
		
		width:100%;

		}
		
	h4{ 	/* titulo secundario azul*/

		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 12px;
		color: #1079bb;
		font-weight: bold;
		text-align: left;
	
		padding: 0px;
	
		margin-bottom: 5px;
		margin-top: 0px;

		width:100%;

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


	#header {
    margin-top:  0px;
    margin-left:  5px;
    width: 770px;
    height: 110px;
    padding:0px;
    color: #FFF;
    font-size: 12px;
    margin-bottom: 20px;
}


	#header img {

		border: 0px;
		margin-top: 10px;
	}
		
	/*-------------------------------------------*/
	
	#menu {

		margin-top: 0px;

		width: 100%;
		height: 27px;
	
		background-image: url('/retail/Retail/images/static/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;
		
	}
	
	.tbl_gral{
	
		font-size: 12px;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #666;
		text-decoration:none;
	
	}
	
	.tbl_gral a {
	
		text-decoration:none;
		color: #666;
	
	}

	.tbl_01{
	
		width: 750px;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 12px;
		color: #666;
		text-align: center;
		
	}
	
	.tbl_01 tr td{
	
		border-bottom: 1px solid #FFFFFF;
		
	}
	
	.tbl_grey{

		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 12px;
		color: #666;
		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_2{

		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 12px;
		color: #666;
		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: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 12px;
		color: #666;
		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: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 12px;
		color: #666;
		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: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 12px;
		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;
		width: 100%;
		max-width: 738px;

	}
	
	.tbl_datos_gris{

		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 12px;
		color: #666;
		text-decoration: none;
		text-align: left;

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

	.tbl_datos_gris:hover{

		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 12px;
		color: #666;
		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_datos_gris_02{

		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 12px;
		color: #666;
		text-decoration: none;
		text-align: left;

		
		padding: 0x;
		
		margin-top: 0px;
		margin-bottom: 10px;
		
		border: 1px solid #CCCCCC;
		
		background-color: #F5F5F5;
		
		
		width: 100%;
		
	}
	
	/*-------------------------------------------*/
	
	#shadow {
       width:770px;
       margin: 0px;
       padding:0px;
       height:20px;
       _height:5px;
       _width:770px;
       background-image: url('/retail/Retail/images/static/space.jpg');
       background-repeat: repeat-x;
       background-position:left top;
}

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

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

		
	}

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

		margin-top: 0px;
		width: 770;
		height: 10px;
		background-image: url('/retail/Retail/images/static/shadow_blue.gif');
		background-attachment:scroll;
		background-repeat: repeat-x;
		
	}
	
	/*-------------------------------------------*/
	
	/*ESTILOS FORMULARIO*/	
	
	
	
	
	#registro {
	margin:0px;
	padding:0px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	background-color:#f4f4f4;
	text-decoration: none;
	width:748px;
}
#registro fieldset {
	border:0px;
	padding:0px;
}
#registro tbody td{
	padding:5px;
}
#registro label {
	float: left;
	width: 30%;
	text-align:right;
	padding: 5px;
}
#registro select {
	color: #1079bb;
	height: 20px;
	line-height: 20px;
	border: solid 1px #cccccc;
}
#registro input {
	color: #1079bb;
	height: 20px;
	line-height: 20px;
	border: solid 1px #cccccc;
	background-color: #FFFFFF
}
#registro input option {
	color: #1079bb;
	text-decoration: none;
	background-color: #FFFFFF;
}

#registro textarea {
	color: #1079bb;
	border: solid 1px #cccccc;
	background-color: #FFFFFF;
	height:80px;
	width:262px;
}

#registro br {
	clear: left;
}
#registro legend {
	font: 11px;
	color: #1079bb;
	padding:0px;
}
	
	#registro tbody tr td{
	font-size:12px;
	}
	/*INPUT COMBOBOX*/

.input {
       font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
       font-size: 12px;
       color: #1079bb;
       height: 25px;
       line-height: 25px;
       margin-right: 10px;
}
.input option {
       font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
       font-size: 12px;
       font-weight: normal;
       color: #666;
       text-decoration: none;
       background-color: #FFFFFF;
}
.input_2 {
       background-color:#F5F5F5;
       border-color:#7C7B7D #A5ACB2 #A5ACB2 #7C7B7D;
       border-style:solid;
       border-width:1px;
       color:#333333;
       font-family:Arial, Helvetica, sans-serif;
       font-size:12px;
       font-weight:normal;
       text-decoration:none;
}
	
	
	
	
	
	


	/*-------------------------------------------*/
	
	/*BOTONES*/
	
	.bot_azul{
		
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	text-decoration:none;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	padding: 7px 21px; /*no tocar*/
	/*line-height: 30px; no tocar*/
	background-color: #4B7E00;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	letter-spacing: 1px;
		
		}
	
	.bot_azul:hover{
		
		color: #FFFFFF;
	background-color: #669900;

		}

	.bot_gris{
		
		font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
		font-size:10px; 
		text-decoration:none; 
		color: #666;
		text-align: center;

		padding-left: 10px;

		padding-right: 10px;

		background-image: url('/retail/Retail/images/static/bot_top_menu_01.gif');

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

		display: table;
		
		height: 19px;
		line-height: 16px;
		
		}
	
	.bot_gris:hover{
		
		color: #666;
		background-image: url('/retail/Retail/images/static/bot_top_menu_02.gif');

		}
		
	.bot_verde {
       font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
       font-size:12px;
       text-decoration:none;
       color: #FFFFFF;
       text-align: center;
       font-weight: bold;
       padding: 7px 21px; /*no tocar*/
       /*line-height: 30px; no tocar*/
       background-color: #4B7E00;
       -moz-border-radius: 6px;
       border-radius: 6px;
       -webkit-border-radius: 6px;
       letter-spacing: 1px;
	}
	.bot_verde:hover {
       color: #FFFFFF;
       background-color: #669900;
	}
		
	/*-------------------------------------------*/
	
	/*  TEXTOS   */
	
	.txt_resultado { 
	
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:12px;

		text-align: left;
		font-weight: bold;
		color: #1079bb;
		
	}
	
	.txt_white { 
	
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:12px;

		text-align: left;
		font-weight: normal;
		color: #FFFFFF;
		
	}
	
	.txt_error { 
	
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:12px;

		text-align: left;
		font-weight: normal;
		color: #FF0000;
		
	}

	/*-------------------------------------------*/
	
	/*  LINKS   */
	
	a.link_01 {
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #666;
		font-size: 12px;
		text-decoration: none;
	}
	
	a.link_01:hover {
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #1079bb;
		font-size: 12px;
		text-decoration: underline;
	}
	
	a.link_02 {
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #3366CC;
		font-size: 12px;
		text-decoration: none;
		background-color: #E1F0FF;
		padding-left: 3px;
		padding-right: 3px;
	}
	
	a.link_02:hover {
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #3366CC;
		font-size: 12px;
		text-decoration: underline;
		background-color: #E1F0FF;
		padding-left: 3px;
		padding-right: 3px;
	}
	
	a.link_03 {
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #1079bb;
		font-size: 12px;
		text-decoration: underline;
	}
	
	a.link_03:hover {
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #000066;
		font-size: 12px;
		text-decoration: underline;
	}
	
	/*-------------------------------------------*/
	

	a.link_04 {

		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #1079bb;
		font-size: 12px;
		text-decoration: none;
}
	a.link_04:hover {

		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #1079bb;
		font-size: 12px;
		text-decoration: underline;
}
a.link_05 {

		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #fff;
		font-size: 12px;
		text-decoration: none;
}

	a.link_05:hover {

		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 12px;
		text-decoration: underline;
}

.thumbnail-help {
    color: #FFFFFF;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 11px;
    font-weight: normal;
    left: 3px;
    position: relative;
    text-decoration: none;
    top: 3px;
}
.thumbnail-help:hover {
    text-decoration: none;
}
.thumbnail-help span {
    background-color: #EBEBEB;
    border: 1px solid #CCCCCC;
    color: #666666;
    padding: 5px;
    position: absolute;
    text-align: left;
    text-decoration: none;
    visibility: hidden;
    width: 180px;
}
.thumbnail-help span img {
    border-width: 0;
    padding: 2px;
}
.thumbnail-help:hover span {
    left: 20px;
    top: -10px;
    visibility: visible;
}
.thumbnail2 {
    background-color: #F5F5F5;
    border-bottom: 1px solid #FFFFFF;
    color: #666666;
    display: block;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 11px;
    font-weight: normal;
    left: 0;
    padding: 5px;
    position: relative;
    text-align: left;
    text-decoration: none;
    top: 0;
}
.thumbnail2:hover {
    background-color: #EBEBEB;
    text-decoration: none;
}
.thumbnail2 span {
    background-color: #EBEBEB;
    border: 1px solid #CCCCCC;
    color: #666666;
    padding: 5px;
    position: absolute;
    text-decoration: none;
    visibility: hidden;
    width: 180px;
    z-index: 10;
}
.thumbnail2 span img {
    border-width: 0;
    padding: 2px;
}
.thumbnail2:hover span {
    left: 190px;
    top: -30px;
    visibility: visible;
}

.text_azul{
	font-size:12px;
	color:
}
