/*
Theme Name:	css para adt
Theme URI:http://www.ea.cl
Description:anda yo me quedo
Version:2.0
Author:ROCK-O
Author URI:http://www.ea.cl
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	color: #02026f;
}
.back {
	background-image: url(../images/background_nuevo_home.gif);
	background-attachment: fixed;
	background-color: #174D7F;
	background-repeat: no-repeat;
	background-position: center top;
}
.contenedor {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	height: 520px;
	background-image: url(../images/background_nuevo_home2.png);
}
/*---------seccion_login--------------*/
.seccion_login {
	height: 148px;
	width: 960px;
	float: left;
}
.logo {
	height: 137px;
	width: 417px;
	float: left;
	margin-top: 11px;
	margin-left: 9px;
}
.login {
	height: 106px;
	width: 161px;
	float: left;
	margin-top: 11px;
	padding:18px 8px 10px 99px ;
	background-image: url(../images/back_ingresar.png);
	background-repeat: no-repeat;
}
.login .textarea {
	background-image:url(../images/back_form.gif);
	background-repeat:repeat;
	border:1px solid #DFDFDD;
	color:#02026F;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	height:14px;
	margin-bottom:10px;
	width:120px;
	display:block;
}
.boton 
{
	filter:chroma(color=#000000); 
	background-image: url(../images/btn_ingresar.png);
	float: left;
	height: 31px;
	width: 75px;
	border: 1px solid #D7EBF7;
	background-color: #D7EBF7;
}
.boton:hover {
	background-image: url(../images/btn_ingresar.png);
	float: left;
	height: 31px;
	width: 75px;
	border: 1px solid #D7EBF7;
	background-color: #D7EBF7;
	background-position: 0px -33px;
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
}
.boton_general 
{
	filter:chroma(color=#000000); 
	background-image: url(../images/btn_general_min1.png);
	float: left;
	height: 26px;
	width: 70px;
	border: 1px solid #008DDE;
	background-color: #008DDE;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
}
.boton_general:hover {
	background-image: url(../images/btn_general_min2.png);
	float: left;
	height: 26px;
	width: 70px;
	border: 1px solid #008DDE;
	background-color: #008DDE;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
}
.input_general {
	font-size: 12px;
	color: #008DDE;
	border: 1px solid #005284;
	font-family: Arial, Helvetica, sans-serif;
}
.activacion {
	height: 137px;
	width: 222px;
	float: left;
	margin-top: 6px;
	margin-left: 14px;
}
.activacion ul{
	float: left;
	margin: 0px;
	padding: 0px;
}
.activacion ul li{
	display: block;
	list-style-type: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.activacion ul li img{
	border: none;

}

/*---------seccion_flash--------------*/
.seccion_flash {
	height: 286px;
	width: 960px;
	float: left;
}
/*---------seccion_phone--------------*/
.seccion_phone {
	height: 86px;
	width: 960px;
	float: left;
	background-image: url(../images/celular.png);
	background-repeat: no-repeat;
	background-position: 16px;
}

.seccion_phone2 {
	height: 91px;
	width: 940px;
	float: left;
	background-image: url(../images/img_fotter_en_blanco.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
}

/*---------seccion_footer--------------*/

.footer {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	height: 20px;
	text-align: center;
	font-size: 10px;
	color: #8ea9e5;
	clear: both;
	margin-bottom: 5px;
	margin-top: 5px;
}
.footer a{
	color: #FFF;
	text-decoration: none;
}
.footer a:hover{
	color: #999;
	text-decoration: underline;
}

/*---------seccion_empresa--------------*/

.back_comercial {
	background-image: url(../images/back_body_empresa.gif);
	background-attachment: fixed;
	background-color: #005284;
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #FFF;
}

.contenedor_comercial {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	min-height: 540px;
	height: auto!important;
}
.header {
	width:960px;
	height: 104px;
	float: left;
	background-image: url(../images/back_header1.png);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #FFF;
}
.logo2 {
	width:372px;
	height: 104px;
	float: left;
				
}

.foto_comercial {
	width:349px;
	height: 104px;
	float: left;
	background-image: url(../images/heder_foto_empresa.gif);
	
}

.bot {
	width:239px;
	height: 104px;
	float: left;
	background-image: url(../images/back_header2.png);
	background-repeat: no-repeat;
	background-position: right;
}
.bot a img {
	float: right;
	margin: 6px 10px 6px 6px;
	border:none;
}
.bot h1 {
	float: right;
	border:none;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #027ecc;
	display: block;
	width: 210px;
	margin: 2px 10px 0px 0px;
}

.menu {
	width:960px;
	height: 31px;
	float: left;
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #004F7F;
	color: #FFF;
	background-image: url(../images/back_menu.gif);
	border:solid 0px;
}
.nombre {
	width:341px;
	height: 25px;
	float: left;
	background-repeat: no-repeat;
	background-position: left center;
	color: #FFF;
	background-image: url(../images/flecha_menu.gif);
	font-size: 14px;
	font-weight: normal;
	padding-top: 6px;
	padding-left: 10px;
	font-style: normal;
	text-align: left;
	text-transform:capitalize;
	border:none;
}
.bold {
	font-weight: bold;
	text-align:left;
}
.bold2 {
	font-weight: bold;
	font-size: 15px;
}
.botones {
	width:609px;
	height: 31px;
	background-repeat: no-repeat;
	background-position: left center;
	color: #FFF;
	background-image: url(../images/separador_menu.gif);
	margin: 0px 0px 0px 0px;
	padding:0px;
	float: left;
	border:none;
}
.botones ul 
{
	list-style-type: none;
	
	padding:0px !important;
	border:solid 0px;
	margin: 0px 0px 0px 0px;
}
.botones ul li {
	float: left;
	margin:3px 0px 0px 8px;
	border:solid 0px;
	padding:0px !important;
}
botones ul li a {
	border:solid 0px;
	margin: 0px 0px 0px 0px;
}
.botones ul li a img {
	border:solid 0px;
	margin: 0px 0px 0px 0px;
}

.botones ul li a img:hover{
	background-image: url(../images/backgeneral_bot.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin: 0px 0px 0px 0px;
}
/*---------seccion_contenedor_general--------------*/
.contenedor_general {
	width: 960px;
	height: auto!important;
	min-height: 250px;
	background-color: #FFF;
	background-image: url(../images/back_content.gif);
	background-position: top;
	background-repeat: repeat-x;
	font-size: 12px;
	font-weight: normal;
	float: left;
}

.bottom {
	width:960px;
	height: 10px;
	background-image: url(../images/back_bottom.png);
	background-color: #005284;
	float: left;
}
.zona_cuenta {
	height: auto!important;
	min-height: 450px;
	width: 180px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	color: #FFF;
}
.micuenta {
	height: auto!important;
	min-height: 190px;
	width: 180px;
	float: left;
	background-image: url(../images/back_cuenta.png);
	background-repeat: no-repeat;
	background-color: #207BD4;
}
.micuenta_libre {
	height: auto!important;
	min-height: 190px;
	width: 180px;
	float: left;
	background-image: url(../images/back_cuenta_libre.gif);
	background-repeat: no-repeat;
	background-color: #207BD4;
}
.volver_beneficios {
	float: left;
	height: 30px;
	width: 174px;
	padding-top: 5px;
	padding-left: 6px;
	background-image: url(../images/separador_cuenta.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: left;
	background-color: #033379;
}

.volver_beneficios a {
	float: left;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	background-image: url(../images/bullet_volver_bene.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	padding-left: 15px;
	text-decoration: none;
	margin-top: 4px;
}

.volver_beneficios a:hover {
	float: left;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	background-image: url(../images/bullet_volver_bene.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	padding-left: 15px;
	text-decoration: underline;
	margin-top: 4px;
}

.mes {
	float: left;
	height: 40px;
	width: 174px;
	padding-top: 5px;
	padding-left: 6px;
	background-image: url(../images/separador_cuenta.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: left;
}

.footer_cuenta {
	height: 9px;
	width: 180px;
	float: left;
	background-image: url(../images/backfooter_cuenta.png);
	background-repeat: no-repeat;
}
.dir {
	float: left;
	min-height: 40px;
	height: auto !important;
	width: 169px;
	padding-top: 5px;
	padding-left: 6px;
	padding-bottom: 5px;
	background-image: url(../images/separador_cuenta.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: left;
	padding-right: 5px;
	line-height: 18px;
}
.banner {
	height: 198px;
	width: 178px;
	float: left;
	border:1px solid #009ee1;
	background-color: #000;
	margin-top:10px;
}
/*---------botones cuenta--------------*/

.btn_direccion{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	background-image: url(../images/icon_cambiar_direccion.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	padding-left: 14px;
}
.btn_direccion a{
	color: #FFF;
 	text-decoration:none;
}
.btn_direccion a:hover{
	color: #FFF;
	text-decoration:underline;
}

.btn_actualizar{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	background-image: url(../images/icon_actualiza_datos.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	padding-left: 14px;
}
.btn_actualizar a{
	color: #FFF;
 	text-decoration:none;
}
.btn_actualizar a:hover{
	color: #FFF;
	text-decoration:underline;
}

.btn_micuenta{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	background-image: url(../images/icon_tucuenta.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	padding-left: 14px;
}
.btn_micuenta a{
	color: #FFF;
 	text-decoration:none;
}
.btn_micuenta a:hover{
	color: #FFF;
	text-decoration:underline;
}

.btn_mercado{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	background-image: url(../images/icon_mercado.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	padding-left: 14px;
}
.btn_mercado a{
	color: #FFF;
 	text-decoration:none;
}
.btn_mercado a:hover{
	color: #FFF;
	text-decoration:underline;
}

.btn_cerrar{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	background-image: url(../images/icon_cerrar.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	padding-left: 14px;
	margin-top: 5px;
	margin-left: 5px;
}
.btn_cerrar a{
	color: #FFF;
 	text-decoration:none;
}
.btn_cerrar a:hover{
	color: #FFF;
	text-decoration:underline;
}


.zona_beneficios {
	height: auto!important;
	min-height: 450px;
	width: 750px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	color: #FFF;
}
.beneficios_dentro {
	height: auto!important;
	min-height: 250px;
	width: 740px;
	float: left;
	background-image: url(../images/back_ben_dentro.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #009ee1;
	
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 10px;
	text-align: left;
	padding-bottom: 0px;
	
}
.borde_beneficios_dentro {
	height: 9px;
	width: 750px;
	float: left;
	background-image: url(../images/borde_back_ben_dentro.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
}
.beneficios_fuera_tit_comercial {
	height: 20px;
	width: 340px;
	float: left;
	background-image: url(../images/tit_disfruta.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 410px;
}
.beneficios_fuera_tit_residencial {
	height: 20px;
	width: 340px;
	float: left;
	background-image: url(../images/tit_disfruta2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 410px;
}
.canjeLimpio {
	height: 38px;
	width: 345px;
	float: left;
	background-image: url(../images/back_confirmar2.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 385px;
}
.canje {
	height: 38px;
	width: 345px;
	float: left;
	background-image: url(../images/back_confirmar.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 385px;
}
.canje  ul{
	float: left;
	margin: 7px 0px 0px 0px;
	padding: 0px;
}
.canje  ul li{
	display: inline;
	list-style-type: none;
	border: none;
	margin-left:3px;	
}
.beneficios_fuera {
	min-height: 135px;
	height: auto!important;
	width: 750px;
	float: left;
}

.btn_canje {
	height: 27px;
	width: 143px;
	float: right;
	background-image: url(../images/btn_confirmar.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #0179be;
	border: 1px solid #0179be;
	margin-top: 4px;
	margin-right: 5px;
	background-repeat: no-repeat;
}
.btn_vermas {
	height: 19px;
	width: 74px;
	float: right;
	background-image: url(../images/btn_vermas.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFF;
	border: 1px solid #FFF;
	background-repeat: no-repeat;
}
.btn_todos {
	height: 19px;
	width: 74px;
	float: right;
	background-image: url(../images/btn_vertodos.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFF;
	border: 1px solid #FFF;
	background-repeat: no-repeat;
}
.btn_menos {
	height: 19px;
	width: 80px;
	float: right;
	background-image: url(../images/btn_vermenos.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFF;
	border: 1px solid #FFF;
	background-repeat: no-repeat;
}
.ben_fuera {
	background-color: #e2f4fc;
	background-image: url(../images/back_tit_beneficios_fuera.gif);
	background-position: left top;
	float: left;
	height: auto !important;
	min-height: 112px;
	width: 242px;
	background-repeat: no-repeat;
	border: 1px solid #66c0e8;
	text-align: left;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	display: inline;
	padding-bottom: 5px;
	margin-right: 3px;
	margin-left: 3px;
}
.ben_fuera img {
	float: left;
	border: 1px solid #dd8a16;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 0px;
}
.ben_fuera h1 {
	font-size: 14px;
	font-weight: bolder;
	color: #1165b5;
	width: 217px;
	float: left;
	height: 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #66c0e8;
	margin: 0px 0px 5px;
	padding-left: 25px;
	padding-top: 5px;
}
.ben_fuera h2 {
	float: left;
	width: 154px;
	min-height: 54px;
	height:auto !important;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;

}
.btn_detalle{
	height: 19px;
	width: 71px;
	float: right;
	background-image: url(../images/btn_verdetalle.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #e2f4fc;
	border: 1px solid #e2f4fc;
	background-repeat: no-repeat;
}
.btn_canjear{
	height: 19px;
	width: 57px;
	float: right;
	background-image: url(../images/btn_canjear.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #e2f4fc;
	border: 1px solid #e2f4fc;
	background-repeat: no-repeat;
	margin-right: 3px;
}
.lista_beneficios_dentro {
	min-height: 56px;
	height: auto!important;
	width: 730px;
	float: left;
}
.btn_agregar {
	height: 19px;
	width: 71px;
	background-image: url(../images/btn_agregar.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFF;
	border: 1px solid #FFF;
	background-repeat: no-repeat;
	float: right;
}
.btn_solicitar {
	height: 19px;
	width: 71px;
	background-image: url(../images/btn_solicita.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFF;
	border: 1px solid #FFF;
	background-repeat: no-repeat;
	float: right;
}

.btn_quitar {
	height: 19px;
	width: 71px;
	background-image: url(../images/btn_quitar.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFF;
	border: 1px solid #FFF;
	background-repeat: no-repeat;
	float: right;
}
.back_residencial {
	background-image: url(../images/back_body_hogar.gif);
	background-attachment: fixed;
	background-color: #005284;
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #FFF;
}
.contenedor_residencial {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	min-height: 540px;
	height: auto!important;
}

.foto_residencial {
	width:349px;
	height: 104px;
	float: left;
	background-image: url(../images/heder_foto_indicador_hogar.gif);
}
.ben_dos {
	background-image: url(../images/base_beneficios_dos_b.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: auto!important;
	min-height: 100px;
	width: 356px;
	background-color: #FFF;
	border: 1px solid #055f8c;
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
	padding-bottom: 5px;
}
.ben_dos h1 {
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	margin-top: 6px;
	margin-left: 0px;
	float: left;
	height: 15px;
	margin-bottom: 10px;
	width: 250px;
}
.ben_dos img {
	float: left;
	height: 57px;
	width: 57px;
	padding-top: 5px;
	padding-left: 9px;
	margin-right: 15px;
	margin-bottom: 60px;
}

.ben_dos h2 {
	font-size: 12px;
	font-weight: normal;
	color: #999;
	float: left;
	margin: 0px;
	width: 270px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	font-style: normal;
}
.ben_dos  a{
	color: #0078D6;
	text-decoration: underline;
}
.ben_dos  a:hover{
	color: #0078D6;
	text-decoration:none;
}
/*---------seccion general--------------*/

.back_sin_identificar {
	background-image: url(../images/back_body_general.gif);
	background-attachment: fixed;
	background-color: #005284;
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #FFF;
}

.contenedor_sin_identificar {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	min-height: 240px;
	height: auto!important;
}
.foto_sin_identificar {
	width:349px;
	height: 104px;
	float: left;
	background-image: url(../images/heder_foto_sin_identificar.gif);
	
}

.zona_sin_identificar  {
	height: auto!important;
	min-height: 250px;
	width: 940px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
}
.cuerpo_sin_identificar  {
	height: auto!important;
	min-height: 250px;
	width: 920px;
	float: left;
	background-image: url(../images/back_sin_identificar.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #008DDE;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
}
.cuerpo_sin_identificar a  {
	color: #FC0;
	text-decoration: underline;
	font-size: 13px;
}
.cuerpo_sin_identificar a:hover  {
	color: #FC0;
	text-decoration:none;
}
.cuerpo_sin_identificar h1  {
	font-size: 20px;
	margin: 0px 0px 10px;
	width: 900px;
}
.cuerpo_sin_identificar h2 {
	font-size: 16px;
	margin: 0px;
	color: #cccccc;
	width: 900px;
}
.cuerpo_sin_identificar h4 {
	font-size: 16px;
	margin: 0px;
	color: #FFF;
}

.borde_sin_identificar  {
	height: 10px;
	width: 940px;
	float: left;
	background-image: url(../images/borde_back_sin_identificar.gif);
	background-repeat: no-repeat;
	margin-bottom: 15px;
}
.tabla_olvido {
	float:left;
	margin-left:80px;
	margin-top:30px;
	width:500px;
}
.tabla_olvido td{
	vertical-align:top;
}

/*punta noticia*/
#punta_noticia {
	height: auto!important;
	min-height: 150px;
	width: 350px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	font-size: 13px;
	text-align:left;
	color:#666666;
	border:solid 1px #DCE5FC;
}
#punta_noticia .fecha 
{
	
	color:#91ADF6;
	font-size:9px;
	margin-bottom:5px;
	text-align:right;
}
#punta_noticia .imagen 
{
	width:100px;
	height:100px;
	margin-right:5px;
	margin-left:5px;
	float:left;
}
#punta_noticia .titulo 
{
	color:#999999;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	height:15px;
	width:235px;
 }
#punta_noticia .bajada 
{
	color:#999999;
	font-size:10px;
	height:95px;
	width:235px;
	overflow:hidden;
	text-align:justify;
}
#punta_noticia .verDetalle
{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#224295;
	background-image: url(../images/back_button.gif);
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-repeat: repeat-x;
	background-position: top;
	margin-left: 15px;
	border: 1px solid #224295;
	line-height: 30px;
}

#punta_noticia .verDetalle a{

	color:#FFFFFF;
	text-decoration:none;
}

#punta_noticia .verDetalle a:hover{

	color:#FFCC00;
	text-decoration:none;
}

/*menu interior*/
.menu_interior {
	font-size:11px;
	float:left;
	width:720px;
	min-height:20px;
	height:auto;
	padding-bottom:5px;
	background-image:url(../images/punta_beneficios.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#b1c4f4;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.menu_interior ul{
	padding: 0px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.menu_interior ul li {
	float: left;
	list-style: none;		
}
.menu_interior ul li a {
	display: block;
	text-decoration: underline;	
	padding: 0 10px;
	background: inherit;
	color: #2e499e;
}
.menu_interior ul li a:hover {
   background: inherit; 
	color: #fff;  
}

.titulo_interior {
	color:#FFF;
	font-size:16px;
	float:left;
	width:720px;
	height:18px;
	border-bottom-width:1px;
	text-align:left;
	font-weight:bold;
	padding-left:12px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/flecha_menu.gif);
	
}
.titulo_seccion {
	color:#FFF;
	font-size:14px;
	float:left;
	width:730px;
	height:30px;
	border-bottom-width:1px;
	text-align:left;
	font-weight:normal;
	background-image: url(../images/separador_cuenta.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	
}

.submenu_interior {
	min-height: 28px;
	height: auto !important;
	width: 730px;
	float: left;
	text-align: left;
	background-color: #0571af;
	margin-top: 8px;
	margin-bottom: 8px;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
}
.submenu_interior ul {
	float: left;
	margin: 0px;
	padding:0px;
	list-style-type: none;
}
.submenu_interior li {
	float: left;
	margin: 0px;
	padding:4px 7px 4px 7px;
	list-style-type: none;
	display:inline;
}
.submenu_interior li img {
	margin: 0px;
	float: left;	
}

.submenu_interior a {
 color:#FFF;
 text-decoration:underline;
}
.submenu_interior a:hover {
 color:#09F;
 text-decoration:underline;
}

.noticia {
	background-color: #e2f4fc;
	background-image: url(../images/back_tit_beneficios_fuera.gif);
	background-position: left top;
	float: left;
	height: auto !important;
	min-height: 112px;
	width: 360px;
	background-repeat: no-repeat;
	border: 1px solid #0571AF;
	text-align: left;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	display: inline;
	margin-right: 8px;
}
.noticia h1 {
	font-size: 12px;
	font-weight: bolder;
	color: #1165b5;
	width: 335px;
	float: left;
	height: 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0571AF;
	margin: 0px 0px 5px;
	padding-left: 25px;
	padding-top: 5px;
}

.noticia h2 {
	float: left;
	width: 270px;
	height: 80px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999;
	overflow:hidden;

}


.noticia img {
	float: left;
	border: 1px solid #dd8a16;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 0px;
}

.noticia  a{
	color: #0078D6;
	text-decoration: underline;
}
.noticia  a:hover{
	color: #0078D6;
	text-decoration:none;
}
/*beneficios fuera*/
.beneficioFuera {
	background-color: #e2f4fc;
	background-image: url(../images/back_tit_beneficios_fuera.gif);
	background-position: left top;
	float: left;
	height: auto !important;
	min-height: 112px;
	width: 235px;
	background-repeat: no-repeat;
	border: 1px solid #0571AF;
	text-align: left;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	display: inline;
	margin-right: 8px;
	font-variant:normal;
	
}
.beneficioFuera h1 {
	font-size: 12px;
	font-weight: bolder;
	color: #1165b5;
	width: 210px;
	float: left;
	height: 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0571AF;
	margin: 0px 0px 5px;
	padding-left: 25px;
	padding-top: 5px;
	overflow:hidden;
}

.beneficioFuera h2 {
	float: left;
	width: 146px;
	height: 80px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999;
	overflow:hidden;
}

.beneficioFuera img {
	float: left;
	border: 1px solid #dd8a16;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 0px;
}

.beneficioFuera  a{
	color: #0078D6;
	text-decoration: underline;
}
.beneficioFuera  a:hover{
	color: #0078D6;
	text-decoration:none;
}
.btn_detallebeneficioFuera{
	height: 19px;
	width: 71px;
	float: right;
	background-image: url(../images/btn_verdetalle.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #e2f4fc;
	border: 1px solid #e2f4fc;
	background-repeat: no-repeat;
}

/*fin beneficios fuera*/
.detalle{
	background-color: #e2f4fc;
	background-image: url(../images/back_tit_beneficios_fuera.gif);
	background-position: left top;
	float: left;
	height: auto !important;
	min-height: 112px;
	width: 730px;
	background-repeat: no-repeat;
	border: 1px solid #0571AF;
	text-align: left;
	margin-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	display: inline;
	margin-right: 8px;
	padding-bottom: 5px;
}
.detalle h1 {
	font-size: 14px;
	font-weight: bolder;
	color: #1165b5;
	width: 705px;
	float: left;
	height: 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0571AF;
	margin: 0px 0px 5px;
	padding-left: 25px;
	padding-top: 5px;
}
.detalle h2 {
	float: left;
	width: 480px;
	height: 10px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	color: #DD8A16;
}
.detalle h3 {
	float: left;
	width: 480px;
	min-height: 20px;
	height:auto !important;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #1165B5;
	
}
.detalle h4 {
	float: left;
	width: 500px;
	min-height: 20px;
	height:auto !important;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999;
}
.detalle h5 {
	float: left;
	width: 480px;
	min-height: 20px;
	height:auto !important;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #1165B5;
}
.detalle h6 {
	float: left;
	width: 480px;
	min-height: 20px;
	height:auto !important;
	padding-top:0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999;
}
.detalle img {
	float: left;
	border: solid 1px #dd8a16 !important;
	margin-right: 5px;
	margin-bottom: 5px !important;
	margin-left: 5px;
	margin-top: 0px;
	width:200px;
	height:200px;
}
.detalle #pnlCupon
{
	float:right;
	height:auto !important;
	min-height: 20px;
	border: solid 0px #dd8a16 !important;
	margin-right:8px;
}
.legales{
	float: left;
	width: 720px;
	min-height: 20px;
	height:auto;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #fff;
	text-align:left;
	padding:5px;
}
.legales a{
	color: #fff;
	text-decoration: underline;
}
.legales a:hover{
	color: #fff;
	text-decoration:none;
}


.detalle a{
	color: #0078D6;
	text-decoration: underline;
}
.detalle a:hover{
	color: #0078D6;
	text-decoration:none;
}

.cuerpo_que_es  {
	height: auto!important;
	min-height: 250px;
	width: 940px;
	float: left;
	background-image: url(../images/back_sin_identificar.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #008DDE;
	text-align: left;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
}
.cuerpo_que_es h1 {
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 10px;
	display: table-row;
	margin-bottom: 10px;
	float: left;
	width: 600px;
}
.cuerpo_que_es h2 {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin-top: 10px;
	float: left;
	width: 600px;
}
.cuerpo_que_es h3 {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-top: 10px;
	float: left;
	width: 588px;
	background-image: url(../images/que_es_bullet.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	background-position: left center;
	margin-left: 10px;
}


.cuerpo_que_es img {
	float: left;
	margin-right:22px;
}
.cuerpo_que_es b {
	font-weight: bold;
}
.cuerpo_que_es_cuadro  {
	background-image: url(../images/que_es_cuadro.png);
	float: left;
	height: 103px;
	width: 269px;
	color: #008DDE;
	padding: 10px;
	margin-right: 17px;
	margin-bottom: 3px;

}
.cuerpo_que_es_cuadro h1{
	font-size: 12px;
	font-weight: bold;
	width: 269px;
	margin: 0px;
	background-image: url(../images/separador_cuenta.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 4px;
	color: #005284;
}
.cuerpo_que_es_cuadro h2 {
	font-size: 12px;
	width: 269px;
	margin: 10px 0px 0px;
}
/*---------comentarios--------------*/

.comentarios_general{
	width:750px;
	min-height:300px;
	height:auto!important;
	color: #1165b5;
	float: left;
}
.titulo_comentarios {
	float:left;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/separador_cuenta.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 22px;
	width: 750px;
	display:inline;
	text-align: left;
}

.titulo_comentarios img {
	float: left;
	padding-top: 3px;
	padding-right: 3px;
}


.titulo_comentarios a {
	background-image: url(../images/icon_dejacomentario.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	color: #009ee1;
	text-decoration: underline;
	margin: 0px 0px 0px 523px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.titulo_comentarios a:hover {
	text-decoration: none;
	color: #004EA3;

}
.caja_comentario {
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/back_comentarios.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	min-height: 60px;
	height:auto!important;
	width: 740px;
	float: left;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
}

.caja_comentario h1 {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	float: left;
	margin: 5px 0px 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	padding-right: 5px;
}
.caja_comentario h2 {
	color: #ff9900;
	font-size: 10px;
	font-weight: normal;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 5px;
}
.caja_comentario h3 {
	color: #009ee1;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	text-align: left;
	width: 720px;
	padding: 0px;
	float: left;
}


.caja_tipo3b{
	margin-top: 15px;
	float: left;
	
}

.titulo_comentarios2 {
	float:left;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/separador_cuenta.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 22px;
	width: 750px !important;
	display:inline;
	text-align: left;
	margin-bottom: 10px;
}
.titulo_comentarios2 img {
	float: left;
	padding-top: 3px;
	padding-right: 3px;
}
.nombre_coment {
	font-size: 12px;
	text-align: left;
	height: 20px;
	float: left;
	width: 250px;
}
.email_coment {
	font-size: 12px;
	text-align: left;
	height: 20px;
	margin-right: 25px;
	width: 250px;
	float: left;
}

.coment_coment {
	font-size: 12px;
	text-align: left;
	width: 700px;
	height: 140px;
	vertical-align: top;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
.coment_coment h1{
	font-size:12px;
	font-style:normal;
	float: left;
	font-weight: normal;
	width: 500px;
}
.input_coment_borde{
	font-size: 12px;
	color: #008DDE;
	border: 1px solid #abcfe0;
	width: 190px;
	background-color: #edf9fe;
	
}
.input_coment_borde2{
	font-size: 12px;
	color: #008DDE;
	border: 1px solid #abcfe0;
	width: 480px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #edf9fe;
	
}
.boton_general_coment {
	background-image: url(../images/btn_coment.png);
	float: left;
	height: 28px;
	width: 70px;
	border: 1px solid #FFF;
	background-color: #fff;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 2px;
}
.boton_general_coment:hover {
	background-image: url(../images/btn_coment2.png);
	float: left;
	height: 28px;
	width: 70px;
	border: 1px solid #FFF;
	background-color: #fff;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 2px;
}


.detalle a.cupon
{
	height: 15px  !important;
	width: 100px !important;
	background-image: url(../images/btn_imprime.gif);
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	border: 0px solid #00ff00 !important;
}
.detalle a.cupon:hover
{
	border: 0px solid #ff0000 !important;
}

.detalle a.volver
{
	float: left;
	margin-left:10px;
	height: 15px  !important;
	width: 53px !important;
	background-image: url(../images/btn_volver.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: 0px solid #00ff00 !important;
}
.detalle a.volver:hover
{
	border: 0px solid #ff0000 !important;
}


.boton_extenso {
	background-image: url(../images/btn_ext.png);
	float: left;
	height: 28px;
	width: 190px;
	border: 1px solid #009ee1;
	background-color: #009ee1;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 2px;
}
.boton_extenso:hover {
	background-image: url(../images/btn_ext2.png);
	float: left;
	height: 28px;
	width: 190px;
	border: 1px solid #009ee1;
	background-color: #009ee1;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 2px;
}
.caja_nombre {
	font-size: 12px;
	color: #FFF;
	width: 100px;
	margin-bottom: 8px;
	float: left;
	height: 20px;
}
.caja_contacto {
	font-size: 12px;
	color: #FFF;
	width: 500px;
	margin-bottom: 8px;
	float: left;
	height: 20px;
}


.input_contacto {
	font-size: 12px;
	color: #008DDE;
	border: 1px solid #abcfe0;
	width: 300px;
	background-color: #edf9fe;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}
/* actualizacion de datos*/
.tabla_datos_password {
	float:left;
	height:300px;
	border:1px solid #d9deee;
	border-width:1px;
	margin-left:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-top:5px;
}
.tabla_datos_contacto {
	float:left;
	width:356px;
	min-height:300px;
	height:auto;
	border:1px solid #d9deee;
	padding-bottom:10px;
	padding-left:5px;
	padding-top:5px;
}
.tabla_datos_comunicaciones {
	float:left;
	width:724px;
	min-height:100px;
	height:auto;
	border:1px solid #d9deee;
	border-width:1px;
	margin-top:10px;
	padding-left:5px;
	padding-top:5px;
	
}
.tabla_datos_contacto h4 {
	font-size: 13px;
}
.tabla_datos_password h4 {
	font-size: 13px;
}
.tabla_datos_comunicaciones h4 {
	font-size: 13px;
}

/*---------ZONA DESCRIPCION BENEFICIOS MESES--------------*/
.zona_ben_descripcion {
	height: 50px;
	width: 732px;
	float: left;
	margin-right: 7px;
	background-image: url(../images/back_tit_zona_descripcion.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
}

.zona_ben_descripcion img{
	float: left;	
}
.zona_ben_descripcion h1{
	float: left;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #009ee1;
	width: 660px;
	height: 20px;
	margin-top: 23px;
	margin-left: 12px;
}
.zona_ben_content_descripcion {
	height: auto !important;
	min-height: 100px;
	width: 732px;
	background-color: #fff;
	padding-top: 10px;
	float: left;
	padding-bottom: 5px;
}


.ben_descripcion {
	background-image: url(../images/base_beneficios_dos_b.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 95px;
	width: 356px;
	background-color: #FFF;
	border: 1px solid #055f8c;
	margin-left: 5px;
	margin-bottom: 5px;
}
.ben_descripcion h1 {
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	margin-top: 6px;
	margin-left: 0px;
	float: left;
	height: 15px;
	margin-bottom: 10px;
	width: 250px;
}
.ben_descripcion img {
	float: left;
	height: 57px;
	width: 57px;
	padding-top: 5px;
	padding-left: 9px;
	margin-right: 10px;
	margin-bottom: 60px;
}

.ben_descripcion h2 {
	font-size: 12px;
	font-weight: normal;
	color: #999;
	float: left;
	margin: 0px;
	width: 270px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	font-style: normal;
}

.imagen_libre {
	padding-left: 4px;
}

