/*Reset CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt,var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i, input {
     margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal;
     font-size: 100%; font-family: inherit; /*vertical-align: baseline*/}
body {line-height: 1}
:focus {outline: 0}
ol, ul {list-style: none}
table {border-collapse: collapse; border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
input, textarea {margin: 0; padding: 0; border:0}
hr {margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px}

/* End Reset CSS*/

/* End Reset CSS*/
 
a{color:#606060; text-decoration:none; font-size:11px; font-weight:bold}
a:hover{color:#008cd6}

/* Clearfix*/

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}


/* End Clearfix*/
body{background:url('../images/bgBody.png') repeat 0 0; margin:0; padding:0; color:#606060; font:normal 12px/17px "trebuchet ms",arial,sans-serif; }
html{min-height:100%}
* {margin:0;padding:0;}

.floatLeft{float:left}
.floatRight{float:right}
.b{font-weight:bold}
.i{font-style:italic}

h2{font-size:17px; font-weight:normal}
h3{font-size:13px; font-weight:bold}

p{margin-bottom:10px}
.blueTxt{color:#3e96c4}
/* header */
.header{background:url('../images/bgHeader.png') repeat-x 0 0; width:100%; z-index:10; position:relative; display:block}
.containerMiddle{margin:0 auto; width:924px}
.containerMiddle  .logo{z-index:15; position:absolute; width:310px; float:left}
.contMenu{z-index:50; position:relative; width:646px; float:right; height:230px}

.login{float:right;  color:#ffffff;}
	.login .roundleft{background:url('../images/spriteLogin.png') no-repeat 0 0; display:block; width:4px; height:32px; float:left}
	.login .middle{background:url('../images/spriteLogin.png') repeat-x 0 -32px; display:block;  height:32px; float:left; padding:6px 6px 0 5px;}
	.login .roundright{background:url('../images/spriteLogin.png') no-repeat -4px 0; display:block; width:4px; height:32px; float:left}
	.login span{margin-top:2px; font-weight:bold}
	.login a {color:#dfdfdf; text-decoration:none; font-weight:bold}
	.login a:hover {color:#ffffff}
.box{background:url('../images/boxLogin.png') no-repeat 0 0; background-repeat:repeat-x; color:#8686A5; float:left; margin:0 5px; padding:3px 2px 1px 5px; width:126px; font-size:11px}
.btnEnter{width:18px; height:18px; float:left}	

/* login english*/
#english .login{float:right; width:403px; color:#ffffff;}
	#english .login .middle{background:url('../images/spriteLogin.png') repeat-x 0 -32px; display:block; width:390px; height:32px; float:left; padding:6px 0 0 5px}

	
/*.content{margin-top:-41px; float:left; display:block}*/
.content{z-index:0; position:absolute; top:189px}

.menu{float:right; /*width:646px;*/ margin-top:87px}
	.menu .roundleft{background:url('../images/spriteMenu.png') no-repeat 0 0; width:2px; height:35px;display:block; float:left}
	.menu .middle{background:url('../images/spriteMenu.png') repeat-x 0 -35px; /*width:642px;*/ height:35px; display:block; float:left}
			.menu .middle li{float:left; text-transform:uppercase}
				.menu .middle li a, .menu .middle li a.language:hover{color:#dfdfdf; text-decoration:none; font-weight:bold}
				.menu .middle li a:hover, .menu .middle li a.active{color:#ffffff}
				.menu .middle li a.language{color:#95c0fb}
			.menu .middle li.sep{padding:10px 11px 0 13px}
	.menu .roundright{background:transparent url('../images/spriteMenu.png') no-repeat -2px 0; width:2px; height:35px; display:block; float:left}

/* menu english */
#english .menu{float:right; width:559px; margin-top:87px}
	#english .menu .middle{background:url('../images/spriteMenu.png') repeat-x 0 -35px; width:555px; height:35px; display:block; float:left}
			
/* contenido texto */
.contTxt{width:884px; background:#eeeeee; padding:20px}
.col1{width:300px; float:left}
.col2{width:234px; float:left}
.col3{width:429px; float:left}

.sep20{margin-right:25px}

/* titulo blue */
.titleBlue{margin-bottom:10px}
	.titleBlue .roundleft{background:transparent url('../images/spriteTitulo.png') no-repeat 0 0; width:4px; height:28px; display:block; float:left}
	.titleBlue .middle{background:transparent url('../images/spriteTitulo.png') repeat-x 0 -28px; width:281px; height:23px;display:block; float:left; color:#ffffff; padding:5px 5px 0 }
		.titleBlue .middle img{margin-right:5px}
	.titleBlue .roundright{background:transparent url('../images/spriteTitulo.png') no-repeat -4px 0; display:block; width:4px; height:28px; float:left}	

	.cont630 .middle{width:866px !important}
	.cont4 .middle{width:410px !important}
		
/* titulo gray */
.titleGray {margin-bottom:10px}
	.titleGray .roundleft{background:transparent url('../images/spriteTitulo.png') no-repeat 0 -56px; width:4px; height:28px; display:block; float:left}
	.titleGray .middle{background:transparent url('../images/spriteTitulo.png') repeat-x 0 -84px; width:281px; height:23px;display:block; float:left; color:#ffffff; padding:5px 5px 0 }
		.titleGray .middle img{margin-right:5px}
	.titleGray .roundright{background:transparent url('../images/spriteTitulo.png') no-repeat -4px -56px; display:block; width:4px; height:28px; float:left}	
ul.inversiones{list-style:circle inside}
ul.inversiones li{padding:5px 0}	
	
/* content */
#tabs .content{margin:5px 0; width:234px; top:0; position:inherit; border-left:1px solid #e1e1e1;  border-right:1px solid #e1e1e1}
#tabs ul li{text-align:center}

table.indice{border-collapse:inherit; color:#6b6b6b; text-align:center; font-size:12px} 
table.indice td{padding:2px 0}
tr.blue{background:#d7e2e7}

.flag{background:transparent url('../images/spriteIndice.png') no-repeat 0 0px; width:14px; height:11px; display:block; float:left; margin:4px 5px 0 5px }
.flag.brasil{background-position:0 -64px}
.flag.usa{background-position:0 -76px}
.flag.eur{background-position:0 -88px}
.flag.arg{background-position:0 -100px}

.flechitaRed img{margin-left:5px}
.alignLeft{text-align:left}

/* servicios */
ul.serviciosBox{background:#d4d4d4 url('../images/boxServiciosDown.png') no-repeat bottom; margin-bottom:10px}
	ul.serviciosBox li{padding:2px 5px 2px 15px}

ul.servicios{}
	ul.servicios li{padding:10px 0 4px; }
	
h2.blue{background:#3e96c4 url('../images/boxServiciosUp.png') no-repeat 0 0px; color:#ffffff; padding:7px 0 3px 15px; font-size:13px; text-transform:uppercase}
	
h3.blue{color:#3e96c4; font-weight:bold; font-size:13px; text-transform:uppercase; background:url('../images/flechitaBlue.png') no-repeat 0 5px; padding-left:10px}
	h3.blue img{}
	
/* faq */
.menu_list {}
.menu_head {	padding: 5px 10px; cursor: pointer; position: relative;	margin:1px; font-weight:bold; color:#008cd6; background:url('../images/flechitaBlue--.png') no-repeat 0 11px;}
.menu_head.sub {	padding: 5px 5px 5px 20px; cursor: pointer; position: relative;	margin:1px; font-weight:bold; color:#606060; background:none}
.menu_body {	display:none; padding:5px 10px}
	.menu_body a{display:block; background-color:#EFEFEF; padding-left:10px; font-weight:bold; text-decoration:none;}
	.menu_body a:hover{ color: #000000; text-decoration:underline}
	.menu_body ul{padding-left:30px}
	.menu_body li{padding:5px 0px 1px}

a.linkBlue{color:#008cd6; text-decoration:none;}
	a.linkBlue:hover{color:#666666; text-decoration:none;}
	
/* forms */
#formAbrirCuentas{margin-top:15px}
	#formAbrirCuentas .box{background:url('../images/boxLogin.png') no-repeat 0 0; color:#8686A5; float:none; margin:3px 0; padding:2px; width:126px; font-size:11px}
	#formAbrirCuentas .contactoErrorAst{width:15px; height:5px; padding-left:3px}
	#formAbrirCuentas .contactoTxt{width:110px}
	#formAbrirCuentas .contactoBox{width:125px}

.boxGenInputTxt{background:url('../images/boxLogin.png'); background-repeat: repeat-x; color:#8686A5; float:none; margin:3px 0;margin-right:10px; padding:2px; font-size:11px}

.SendButton{background:#666666; color:#ffffff; margin-top:5px; padding:0 3px}
	
/* footer */
.footer{background:#d9d9d9; border-top:1px solid #bdbdbb; width:884px; padding:10px 20px; margin:0 auto}
	.footer .logo{width:38px; float:left; border-right:1px solid #bdbdbd; margin-right:10px; padding-right:10px; position:static !important; z-index:inherit}
	.footer p{font-size:11px; margin:0px }
	.footer a{color:#606060; text-decoration:none; font-size:11px; font-weight:bold}

ul.subMenu li{float:left; padding:0 2px}
	ul.subMenu li a{color:#3e3e3e; text-decoration:none; font-size:11px; font-weight:bold}
	ul.subMenu li a:hover, .footer a:hover{color:#008cd6}
	
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 80px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -80px; /* negative value of footer height */
	height: 80px;
	clear:both;} 
	
.banner {
    height:207px;
}

.roundUp
{
    height:4px;
    background-image: url('../images/roundBorderIndiceUp.png');
    background-repeat: no-repeat;
}

.roundDown
{
    height:4px;
    background-image: url('../images/roundBorderIndiceDown.png');
    background-repeat: no-repeat;
}


/* TABLE
----------------------------------------------------------*/

.tableL
{
  width:100%;
  border: solid 1px #666666;
  border-collapse: collapse;
}

.tableL td 
{
  padding: 4px;   
  border: solid 1px #666666;
  font-size:11px;
}

.tableL th
{
  color: #ffffff;
  font-weight:bold;
  padding: 6px 5px;
  text-align: left;
  background-color: #666666; 
  border: solid 1px #666666;   
}

.tableAccount
{
  width:100%;
  border-collapse: collapse;
}

.tableAccount td 
{
  font-size:11px;
  padding: 5px;
  background-color: #dfdfdf;
  border:1px solid #EAEAEA;
  text-align:right;
  vertical-align:middle;
}

.tableAccount td.icon
{
  width:1%;
  margin:0px;
}

.tableAccount td.left
{
  text-align:left;
}

.tableAccount tr.subtotal td
{
    background-color:#EAEAEA;
    font-weight:bold;
}

.tableAccount th
{
  color: #ffffff;
  padding: 6px 5px;
  text-align: right;
  font-weight:bold;
  border: solid 1px #EAEAEA; 
  vertical-align: bottom;
}

.tableAccount th.left
{
  text-align:left;
}

.blue th
{
  background-color: #108DCB; 
}

.gray th
{
  background-color: #666; 
}

.withPadding
{
  margin:10px;  
}