body, form, ul, li, a, h1, h2{
 margin:0px;
 padding:0px;
}

body{
 background-image:url(../app/webroot/img/bg_body.jpg);
 background-repeat:repeat-x;
 background-color:#007DC3;
 margin:0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
}

#cuerpo{
 width:793px;
 padding:0px;
 margin:0px auto;
 background-image:url(../app/webroot/img/bg_cuerpo.png);
 background-repeat:repeat-y;
}

#encabezado_pag, #cuepo_pag, #pie_pag{
 width:787px;
 margin:0px auto;
}

h2, h3{
 font-family:"Century Gothic", Arial;
 font-size:14px;
 margin:0px 0px 10px 0px;
}

h2{
 color:#00599A;
}

h3{
 color:#FFFFFF;
}

#encabezado_pag{
  height:128px;
  border-top:1px solid #72CEF4;
}

#logogrande{
 height:92px;
 width:400px;
 float:left;
}

.columna1{
 font-size:11px;
 margin:0px 4px 0px 410px;
 height:92px;
 text-align:right;
 color:#212020;
 padding-top:5px;
}

a#contacto{
	text-decoration:none;
	color:#0A83CB;
	font-weight:bold;
	background-image:url(../app/webroot/img/mail_ico.jpg);
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding-left:30px;
}

a#contacto:hover{
	text-decoration:underline;
}

.region{
 padding-top:7px;
}

.region select{
 font-size:11px;
 font-family:Arial, Helvetica, sans-serif;
 color:#212020;
 width:100px;
}

.direccion_up{
  margin-top:7px;
}

#login{
 background-image: url(../app/webroot/img/bg_login.jpg);
 background-repeat:repeat-x;
 background-color:#1E1E1E;
 height:30px;
 padding:0px 6px;
}

form#form_login_in, form#form_login_out{
  padding:0px;
  margin:0px 0px 5px 0px;
  float:left;
  height:23px;
  width:370px;
}
#div_login_nombre{
	margin:5px 0px 5px 0px;
	float:left;
}	
#div_login_clave{
	margin:5px 0px 5px 0px;
	float:left;
}
form#form_login_out span{
  color:#FFFFFF;
  font-weight:bold;
}

form#form_login_out a.bot_registrarse{
  margin-left:3px;
  outline:0px;
  text-transform:lowercase;
  border-left:1px solid #FFF;
}

#login label{
  color:#FFFFFF;
  font-weight:bold;
  font-size:11px;
  text-transform:lowercase;
}

#login input{
  color:#666;
  font-family: 'Century Gothic', Arial;
  font-size:10px;
  border:1px solid #666666;
  margin:0px 3px 0px 0px;
  background-color:#FFFFFF;
}

#form_login_in div.submit input{
  color:#FFFFFF;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  border:0px;
  background-image: url(../app/webroot/img/bg_login.jpg);
  background-repeat:repeat-x;
  background-color:#202020;
  padding:0px 3px;
  margin:5px 0px 0px 0px;
  text-transform:uppercase;
  cursor:pointer;
  outline:0px;
  float:right;
}

#login button:hover{
  color:#016599;
}

#login a{
  color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
  padding:0px 8px;
}

#login a:hover{
  color:#016599;
}

/*==========MENU=========*/

div.container{
  height:267px;
  width:787px;
  margin:0px auto;
  padding-bottom:35px;
}

body.home div.tour a.signup{
  background-color: transparent;
  background-image: url(../app/webroot/img/bot_menu.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  height: 28px;
  left: 550px;
  position: absolute;
  top: 280px;
  width: 86px;
  z-index: 999;
}

div.tour h1 {
	margin:0px
}

div.tour h5 {
	background: url(../app/webroot/img/press.png) 0 0 no-repeat;
	height: 23px;
	margin: 9px 0 2px 30px;
	text-indent: -9999px;
	width: 890px;
	position: relative;
}

div#benefit-invest {
	background: url(../app/webroot/img/invest.png) 0 30px no-repeat;
}

div#benefit-understand {
	background: url(../app/webroot/img/bg_empresa.png) 30px 0px no-repeat;
}

div#benefit-accounts {
	background: url(../app/webroot/img/bg_servicios.png) 10px 0px no-repeat;
}

div#benefit-budget {
	background: url(../app/webroot/img/bg_portfolio.png) 5px 0px no-repeat;
}

div#benefit-protect {
	background: url(../app/webroot/img/bg_presupuesto.png) 20px 0px no-repeat;
}

div#benefit-savings {
	background: url(../app/webroot/img/bg_soluciones.png) 20px 0px no-repeat;
}

div#benefit-content {
	height: 250px;
	width: 787px;
	background-image:url(../app/webroot/img/bg_menu.jpg);
	background-repeat:repeat-x;
}


div.benefit h3 {
	color: #444;
	margin: 2em 0 .25em 0;
	font-size: 24px;
	letter-spacing: -1px;
}

div.benefit {
	height: 250px;
	position: absolute;
	visibility: hidden;
}

div.benefit div img {
	height: 220px;
	width: 560px;
}

div.benefit h3,
div.benefit p {
	margin-left:480px;
	width: 300px;
}

div.benefit p {
	color: #555;
	font-size: 110%;
}

ul#benefit-tabs{
 width:787px;
 margin:0px auto;
 height:49px;
 padding:0px;
 background-image:url(../app/webroot/img/menu.png);
 background-repeat:no-repeat;
 background-position:10% 0%;
}

ul#benefit-tabs li a  {
	text-decoration:none;
}

ul#benefit-tabs li a span  {
	display:none;
}

ul#benefit-tabs li, ul#benefit-tabs li a  {
	display: block;
	float:left;
	margin:0px;
	padding:0px;
	height:49px;
}

ul#benefit-tabs li#tab-understand a{
  width:150px;
}

ul#benefit-tabs li#tab-budget a{
  width:150px;
}

ul#benefit-tabs li#tab-accounts a{
  width:155px;
}

ul#benefit-tabs li#tab-savings a{
  width:160px;
}

ul#benefit-tabs li#tab-protect a{
  width:170px;
}

ul#benefit-tabs li a:hover{
 background-color: transparent;
 background-image: url(../app/webroot/img/menu_up.png);
 background-repeat: no-repeat;
 background-attachment: scroll;

}

ul#benefit-tabs li#tab-understand a:hover{
 background-position:0px 0px;
}

ul#benefit-tabs li#tab-accounts a:hover{
  background-position:-150px 0px;
}

ul#benefit-tabs li#tab-budget a:hover{
  background-position:-305px 0px;
}

ul#benefit-tabs li#tab-savings a:hover{
   background-position:-455px 0px;
}

ul#benefit-tabs li#tab-protect a:hover{
  background-position:-615px 0px;
}

/*==========FIN MENU=========*/



#botonera_login{
 float:right;
 margin:7px 0px 0px 0px;
}

#beneficios{
  background-image:url(../app/webroot/img/bg_beneficios.jpg);
  background-repeat:repeat-x;
  border:1px solid #B3C8D4;
  height:97px;
  width:428px;
  padding:5px;
  float:left;
  margin-left:7px;
}

#beneficios ul{
  padding:0px;
  margin:10px;
  width:100%;
}

#beneficios ul li{
  list-style-type:none;
  padding:5px 0px 5px 19px;
  background-image: url(../app/webroot/img/signo_naranja.jpg);
  background-repeat:no-repeat;
  background-position:0% 50%;
  margin:0px;
  width:45%;
  float:left;
  color:#00599A;
}

#beneficios h2{
 margin:5px 0px 0px 5px;
}

#beneficios a{
 float:right;
 text-decoration:underline;
 color:#FE6500;
 cursor:pointer;
}

#beneficios a:hover{
 color:#333;
}

#novedades{
  height:98px;
  padding:5px;
  width:320px;
  background-color:#3E4240;
  margin-left:453px;
  border:1px solid #3E4240;
}

#novedades_chicas #novedades{
	height:auto;
	padding:5px;
	width:auto;
	margin-left:0px;
	border:0px;
	color: #EEE;
}

#soluciones{
  height:128px;
  width:767px;
  background-image:url(../app/webroot/img/bg_soluciones.jpg);
  background-repeat: no-repeat;
  padding:10px;
  margin:3px 0px 0px 3px;
  }

#soluciones .titulo{
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  margin-bottom:5px;
  padding-left:16px;
  background-repeat:no-repeat;
  background-position:0% 50%;
}

#menu_soluciones1 .titulo{
 background-image:url(../app/webroot/img/bullet_celeste.jpg);
}

#menu_soluciones1, #menu_soluciones2, #menu_soluciones3, #menu_soluciones4 {
 float:left;
 margin:0px 35px;
}

#menu_soluciones2 .titulo{
 background-image:url(../app/webroot/img/bullet_violeta.jpg);
}

#menu_soluciones3 .titulo{
 background-image:url(../app/webroot/img/bullet_verde.jpg);
}

#menu_soluciones4 .titulo{
 background-image:url(../app/webroot/img/bullet_azul.jpg);
}

#soluciones ul{
 margin:0px;
 padding:0px;
}

#soluciones ul li{
 list-style-type:none;
 margin:0px;
 padding:0px 0px 5px 15px;
}

#soluciones ul li{
 text-decoration: none;
 color:#FFFFFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
}

#soluciones ul li a:hover{
 text-decoration:underline;
}

#pie_pag{
  font-size:10px;
  color:#333333;
  text-align:center;
  border-top:1px solid #333;
  padding:6px 0px;
  float:none;
  margin:7px auto 0px auto;
  width:780px;
}

ul#menu_pie{
 margin:0px;
 padding:0px;
}

ul#menu_pie li{
 margin:0px;
 padding:0px 3px;
 border-right:1px solid #333333;
 border-left:1px solid #333333;
 display:inline;
}

ul#menu_pie li a{
 color:#333333;
 text-decoration:none;
 font-size:10px;
 padding:0px;
}

#pie_pag .texto{
 padding-top:3px;
}
.divconscroll{
margin-left:10px;
overflow:auto;
float:left;
}