/* CSS Document */
	
/*-----------------------------------------------------------------------
 Generico

 -Mudança de estilo solicitada pela Gemak em abril/2024
	Dourado escuro - color: #4D3100 para color: #92835d
	Dourado claro - color: #AD7D49 para color: #a79366
 ----------------------------------------------------------------------*/

 html, body {
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0;
	
}
img[title], img[alt] {
	color:#3266A0;
	font-size:0.7em;
}
a img { border: 0; }

a.valores{color:#a79366; font-style: italic;}
a.valores:hover{text-decoration:none;}

hr {
	border:#006699 1px solid;
	margin:10px;
}
dl, ol, ul{
	display: block;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
}
p {
	margin:0 0 10px 0;
	font-size:0.9em;
	color: #333333;
	line-height:1.3em;
	text-align:justify;
}
h3, h4, h5, h6{  
  margin:15px 0 5px 0; 
  font-weight:normal;
}
h3, h4, h5, h6{
font-family: "Roboto", Arial, Helvetica, sans-serif;
}
h1{
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size:1.6em;
  font-style: italic;
  margin:20px 0 15px 0; 
}
h3{
font-size:1em;
}

h4{
font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:0.8em;
}

/*-----------------------------------------------------------------------
 Acessibilidade
 ----------------------------------------------------------------------*/

#acessibilidadeES a { font-size:.8em; font-weight:700; height:1px; overflow:hidden; position:absolute; width:1px }
#acessibilidadeES a:focus { background:#EEE; border:1px solid; border-radius:2px; height:auto; left:0; margin:5px auto; max-width:190px; padding:5px; right:19%; text-align:center; top:33px; width:auto }
#acessibilidadeES ul { list-style:none; padding-top:5px; }
#acessibilidadeES {position: absolute; margin: 0 auto; width: 380px; z-index: 10000;  left: 555px;}
.noscript-aviso p { color:#4A2F00; font-family:"Roboto Condensed", sans-serif; text-align:center; margin:10px 0 }
.noscript-aviso p:before { content:url(/img/smallicons/aviso-icone-alerta.gif); left:15px; position:absolute }
.noscript-aviso { background-color:#F8F9FB; border-radius:3px; border:#4A2F00 solid 1px }

/*-----------------------------------------------------------------------
 Aviso externo
 ----------------------------------------------------------------------*/
 
#link-externo-endereco { font-size:14px }
.aviso-link-externo .aviso-corpo { background-color:#FFF; clear:both; margin-top:70px }
.aviso-link-externo h1 { font-size:20px; padding:40px 10px 0 }
.aviso-link-externo h1, .aviso-link-externo p { text-align:center }
.aviso-link-externo img { float:left }
.aviso-link-externo p { margin-left:0 }
.aviso-link-externo { padding:15px 15px 0 15px }
.aviso-texto { font-family:Roboto Condensed, sans-serif; font-size:16px }
.azul-claro { color:#0070BA }
.azul-escuro { color:#036 }
.espacamento-maior { padding:20px 0 }
.nav-atendimento li a { color:#666; display:inline-block; padding:2px 5px }
.nav-atendimento li a, a.botao, a.botao:hover { text-decoration:none }
.nav-atendimento li a:hover { text-decoration:underline }
.nav-atendimento li { border-left:solid 1px #CCC; display:inline; padding-left:5px }
.nav-atendimento li:first-child { border:none }
.nav-atendimento ol { list-style:none; margin:0; padding:0 }
.nav-atendimento { float:right; font-size:.7em; margin:20px 0 0 }
.sac { border-top:1px #EEE solid; font-size:18px; margin-bottom:0; padding-bottom:0 }
a.botao { background:#92835d; border:solid 1px #92835d; color:#FFF; font-size:12px; font-weight:700; padding:11px 40px; text-transform:uppercase; transition-duration:.2s }
a.botao, .aviso-corpo { border-radius:5px }
a.botao, .sac, .aviso-corpo h1 { font-family:Roboto, sans-serif; font-style:normal;}
a.botao:hover { background:#a79366; }

/*-----------------------------------------------------------------------
 Carrousel
 ----------------------------------------------------------------------*/
/*- Seta -*/
.jssora12l, .jssora12r, .jssora12ldn, .jssora12rdn {position: absolute; cursor: pointer; display: block; background: url(/layouts/cliente-valores/img/a12.png) no-repeat; overflow: hidden;}.jssora12l {background-position: -16px -37px;}.jssora12r {background-position: -75px -37px;}.jssora12l:hover {background-position: -136px -37px;}.jssora12r:hover {background-position: -195px -37px;}.jssora12ldn {background-position: -256px -37px;}.jssora12rdn {background-position: -315px -37px;}
/*- Bullet -*/
.jssorb14 div, .jssorb14 div:hover, .jssorb14 .av{background: url('/layouts/cliente-valores/img/b14.png') no-repeat; overflow:hidden; cursor: pointer; }.jssorb14 div { background-position: -9px -9px; }.jssorb14 div:hover, .jssorb14 .av:hover { background-position: -39px -9px; }.jssorb14 .av { background-position: -69px -9px; }.jssorb14 .dn, .jssorb14 .dn:hover { background-position: -99px -9px; }

/*-----------------------------------------------------------------------
 Estrutura
 ----------------------------------------------------------------------*/

.cor1-valores{color: #92835d;}
.cor2-valores{color: #a79366;}
.cor3-valores{color: #52514D;}

.clear{clear:both;}

.conteudo-container {
	width:775px;
	position:relative;
	margin:auto;
	clear:both;
}

.coluna-conteudo h2, .coluna-separador h2{
font-size:1.3em;
font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
margin:15px 0 5px 0; 
font-style: italic;
}

.fundo, .fundo-valores {	width:100%;	height:auto; position:absolute;	float:left;	left: 0px; top: 0px;}
.fundo {	background:url('../img/fundo.png') repeat-x;}
.fundo-valores {	background:url('/layouts/cliente-valores/img/fundo-valores.png') repeat-x;}

.coluna-lateral{ width:248px; float:left;}

.coluna-lateral h2{
font-size:1.1em;
margin:25px 0 15px 0;
font-weight:normal;
font-family: "Roboto", Arial, Helvetica, sans-serif;
}
.coluna-lateral p{
font-size:0.8em;
}

.coluna-conteudo{width:495px; margin-right:30px; float:left;}
.coluna-dupla-um{width:372px; margin-right:30px; float:left;}
.coluna-dupla-dois{width:372px; float:left;}

.coluna-separador{border-top:1px dotted #CCCCCC; margin-top:20px; display:block;}

.link-destaque-1{
border-top:1px dotted #CCCCCC;
border-bottom:1px dotted #CCCCCC; 
padding:15px 0 15px 15px; 
margin:10px 0 20px 0; 
display:block;
background: url('/layouts/cliente-valores/img/marcador-link.gif') no-repeat 0 -52px;
font-weight:bold;
font-size: 0.9em;
text-decoration:none;
}
.link-destaque-1:hover, .link-destaque-3:hover{
text-decoration:underline;
}
.link-destaque-2{
padding:8px 0 0 15px; 
margin:0 0 10px 0; 
display:inline-block;
background: url('/layouts/cliente-valores/img/marcador-link.gif') no-repeat 0 -60px;
font-weight:bold;
text-transform:uppercase;
font-size: 0.8em;
text-decoration:none;
font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
}
.link-destaque-2:hover{
text-decoration:underline;
}
.link-destaque-3{
border-top:1px dotted #CCCCCC; 
padding:15px 0 0 15px; 
margin:15px 0 0 0; 
display:block;
background: url('/layouts/cliente-valores/img/marcador-link.gif') no-repeat 0 -52px;
font-weight:bold;
font-size: 0.9em;
text-decoration:none;
}

.lista-inline{
display:inline;
padding:0;
margin:0;
}
.lista-inline li{
display:inline;
margin-right:5px;
}
.texto-menor{font-size:0.7em;}

.bkg-cinza{
padding:20px;
border: 1px solid #FFFFFF;
background: #F2F2F2;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: #C4C4C4 0px 2px 3px;
-moz-box-shadow: #C4C4C4 0px 2px 3px;
box-shadow: #C4C4C4 0px 2px 3px;
behavior: url(PIE.htc);
}

.box-cinza{
padding:20px;
border: 1px dotted #FFFFFF;
background: #F0F0F0;
margin-bottom:20px;
}

.bkg-cinza  h4, .box-cinza h4{
margin:0 0 10px 0;
color:#92835d;
font-weight:bold;
}
.bkg-cinza ul, .box-cinza ul, .lista-pontilhada ul{
margin:0;
list-style-type:none;
border-bottom:1px dotted #CCCCCC;
}
.bkg-cinza ul {padding:0;}

.box-cinza ul, .lista-pontilhada ul{
padding:10px 0 0 0;
}

ul.lista-pontilhada {
margin-bottom:0;
}

.bkg-cinza li, .box-cinza li, .lista-pontilhada li{
border-top:1px dotted #CCCCCC;
padding:15px 0;
text-transform:uppercase;
font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
font-size:0.75em;
font-weight:bold;
}

.bkg-cinza li:first-child{border-top:none;}

#lista-ordenada{
margin:0;
padding:5px 0 0 0;
list-style:none;
}

#lista-ordenada li{
list-style:none;
padding:10px 0;
font-weight:normal;
text-transform:none;
font-family: Arial, Helvetica, sans-serif;
font-size:0.75em;
}

.lista-pontilhada li{
background: url('/layouts/cliente-valores/img/marcador-link.gif') no-repeat 0 -53px;
list-style:none;
padding-left:15px;
color:#92835d;
}

.lista-pontilhada li span{
text-transform:normal;
font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
color: #a79366;
font-weight:normal;
font-size:1.2em;
text-transform:none;
}

ul.lista-separador {
margin:8px 0 20px 0;
}

.lista-separador li{
list-style:none;
border-top:1px solid #E0E0E0;
padding:0.8em 0;
font-family: Arial, Helvetica, sans-serif;
font-size:0.8em;
}
.lista-separador li p{
padding: 0;
font-size: 1em;
}
.lista-separador li a{
background: url('/layouts/cliente-valores/img/download.gif') no-repeat 0 -80px;
padding-left:24px;
text-decoration:none;
color:#333333;
}
.lista-separador li a:hover{
background-position: 0 -117px;
padding-left:24px;
color:#000000;
}
.bkg-cinza li a{
color:#92835d;
text-decoration:none;
}
.bkg-cinza li a:hover{
text-decoration:underline;
}
.pdf{
width:18px;
height:20px;
margin-right:10px;
background: url('/layouts/cliente-valores/img/sprite-icon.png') no-repeat;
display:inline-block;
vertical-align: middle;
}
.btn-lista{
display:inline-block;
padding:14px 0 12px 0;
float:left;
}
.btn{
width:100%;
display:block;
padding:14px 0 12px 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
behavior: url(PIE.htc);
}
.btn-valores, .btn-valores-dois, .btn-valores-tres{
position:relative;
color:#FFFFFF;
font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
font-size:0.8em;
text-align:center;
text-transform:uppercase;
text-decoration:none;
background-color:#a79366;
-webkit-box-shadow: #92835d 0px 1px 0px;
-moz-box-shadow: #92835d 0px 1px 0px;
box-shadow: #92835d 0px 1px 0px;
behavior: url(PIE.htc);
}
.btn-valores {
margin:18px 0 0 0;
}
.btn-valores-dois{
margin:10px 0 0 0;
}
.btn-valores-tres{
margin:0;
}
.btn-valores:hover, .btn-valores-dois:hover, .btn-valores-tres:hover{
background-color: #92835d;
}
.margem-direita{margin-right:12px;}
.borda-topo{border-top:1px dotted #CCCCCC;}

.sem-margem-topo{margin-top:0;}
.sem-borda-topo{border-top:none;}
.sem-borda-base{border-bottom:none;}

.lista-pontilhada > li.sem-borda-topo{
border-top:none;
}

.marcador-check{
background: url('/layouts/cliente-valores/img/marcador-personalizado.gif') no-repeat 0 0;
display: inline-block;
width:13px;
height:11px;
margin-right:5px;
}

.separador-topo{border-top:1px dotted #CCCCCC; padding-top:20px;}
.separador-base{border-bottom:1px dotted #CCCCCC; padding:5px 0 10px 0;}

.sub-titulo-valores{
font-size:1em;
font-family: "Roboto" Sans-serif, arial; 
color:#a79366;
}
.ajax-grau-de-risco{margin-right:5px;}

#filtro-investimento p{font-size:0.75em; margin:0;}
#filtro-investimento span{color:#a79366; padding:0 20px; font-weight:bold;}
#filtro-investimento label{vertical-align:middle; margin:0 4px 0 4px;}

#tipo-investimento fieldset {margin: 0; padding: 0;  border: 0; float:left;}
#tipo-investimento fieldset.primeiro-item {margin: 0 30px 0 0; padding:0 30px 0 0; border-right:1px dotted #CCCCCC;}
#tipo-investimento fieldset.segundo-item {margin: 0 25px 0 0;}
#tipo-investimento legend {font-size:0.8em; font-weight:bold;}
#tipo-investimento select, #tipo-investimento input {font-size:0.8em; margin: 3px 0 0 0;}
#tipo-investimento select {padding:3px 0;}
#tipo-investimento input {padding:3px;}
#tipo-investimento button {width:28px; height:26px; line-height:28px; margin:0; padding:0; border:none; background-color: #a79366; font-size:0.7em; color:#FFFFFF; font-weight:bold;}
#tipo-investimento button:hover {background-color: #92835d;}
#tipo-investimento label{vertical-align:middle; padding:2px 0; margin-right:5px; font-size:0.75em; line-height:34px;}
/*-----------------------------------------------------------------------
 Index
 ----------------------------------------------------------------------*/

.img-destaque-index{
margin-top:35px;
margin-left:20px;
float:right;
width:225px;
}
.btn-destaque-index{width:280px; margin-top:20px;}

/*-----------------------------------------------------------------------
 lista com os icones (lista-colunada)
 ----------------------------------------------------------------------*/
.conteudo-lateral{
	width: 270px;
	float:left;
}
.conteudo-principal{
	width: 380px;
	float:left;
	margin-right:40px;
} 
.lista-colunada {display:inline-block; margin-bottom:0; margin-top:0;}
 
.lista-colunada h3{
margin:2px 0 0 0;
color:#a79366;
font-weight:bold;
}
.lista-colunada  h4{
margin:2px 0 5px 0;
color:#92835d;
font-weight:bold;
}
.coluna-250 li{
width:250px;
padding-top:20px;
}
.coluna-265 li{
width:265px;
}
.coluna-270{
width:270px;
}
.coluna-380 li{
width:380px;
}
.coluna-495 li{
margin-top:0;
width:495px;
}

.portal-financeiro{margin-top:15px;}
.portal-financeiro p{margin-top:5px !important;}

.lista-colunada  li{
list-style:none;
padding:15px 0;
display:inline;
float:left;
border-bottom:1px dotted #CCCCCC;
}

.lista-colunada  li a{
text-decoration:none;
}
.lista-colunada  li a p:hover{
text-decoration:underline;
color:#a79366;
}
.lista-colunada img {float:left; margin:0 10px 0 0;}
.lista-colunada p{font-size:0.8em; color:#333333; text-transform:normal;  text-align: left; padding:0; margin:0;}
.lista-colunada span {color:#a79366; font-style:italic; font-size:1em; font-weight:bold; display:block;}

.lista-colunada > li.sem-separador{padding-bottom:0px; border-bottom:none;}
.lista-colunada > li.sem-borda-base{border-bottom:none;}
.lista-colunada > li.primeira-linha{margin-top:10px;}

.lista-colunada-cartoes  li{
list-style:none;
padding:20px 0;
display:inline;
float:left;
border-bottom:1px dotted #CCCCCC;
}
.lista-colunada-cartoes  li:first-child{
padding:0 0 20px 0;
}

.lista-colunada-cartoes {display:inline-block; margin-bottom:0; margin-top:0;}
 
.lista-colunada-cartoes h3{
margin:2px 0 5px 0;
color:#92835d;
font-weight:bold;
}

.lista-colunada-cartoes  li a{
text-decoration:none;
}
.lista-colunada-cartoes  li a p:hover{
text-decoration:underline;
color:#a79366;
}
.lista-colunada-cartoes img {float:left; margin:0 10px 0 0;}
.lista-colunada-cartoes p{font-size:0.9em; color:#333333; text-transform:normal;  text-align: left; padding:0; margin:0;}
.lista-colunada-cartoes span {color:#a79366; font-style:italic; font-size:0.9em; font-weight:bold; display:block; margin-bottom:5px;}
.lista-colunada-cartoes > li.sem-separador{padding-bottom:0px; border-bottom:none;}
.lista-colunada-cartoes > li.sem-borda-base{border-bottom:none;}


/*-----------------------------------------------------------------------
 Topo
 ----------------------------------------------------------------------*/
#TopoNav {
	background:url('/layouts/cliente-valores/img/fundo_topo_ascom.png') no-repeat;
	margin-top:0px;
	padding: 15px 0 0 0;
}
#Logo {
	display:inline-block;
	float:left;
	width:216px;
	font-size:9px;
	margin:0 0 0 10px;
	padding:0px;
	clear:both;
}
#Logo a {
    height:61px;
	width:300px;
	display:block;
	text-indent:-9999em;
	background:url('/layouts/cliente-valores/img/logo-banestes-valores.png') no-repeat;
	display:block;
	font-size:9px;
	margin-top:15px;
}
/*-----------------------------------------------------------------------
 Internet Banking
 ----------------------------------------------------------------------*/
/*-- novo topo IB --------------------------------------------------*/ 

.internet-banking {
    margin-top: 21px;
    width: 405px;
    height: 50px;
    float: right;
    position: relative;
}
.btn-acesso-ib, .btn-acesso-banescorp{
	float: right;
	background: url('/layouts/sfb/img/sprite-topo.png') no-repeat;
	height:38px;
	text-indent:-99999px;
}
.btn-acesso-ib{ width: 211px; background-position: -706px -401px;}
.btn-acesso-ib:hover{ background-position: -706px -440px;}

.btn-acesso-banescorp{ width: 130px; background-position: -921px -401px;}
.btn-acesso-banescorp:hover{ background-position: -921px -440px;}

.btn-versao-antiga {
font-size: 10px;
margin-right: 9px;
display: block;
float: right;
} 

.btn-versao-antiga, .btn-versao-antiga:visited  {
font-size: 10px;
margin-right: 9px;
display: block;
float: right;
color: #92835d;
text-decoration:none;
}

.btn-versao-antiga:hover {
color: #a79366;
text-decoration:underline;
} 
 
#internet-banking{
float:right;
width:348px;
height:47px;
text-align:right;
margin:18px 0 0 0;
background:url('/layouts/cliente-valores/img/bg-ib.png') no-repeat;
}
#internet-banking legend{
display:none;
}
#internet-banking input{
	font-size: 0.8em;
	margin:-1px 0 0 0;
	width: 140px;
    padding: 0.3em 0.6em;
    display: inline-block;
	vertical-align: middle;
    border: 1px solid #002D59;
    box-shadow: inset 0 1px 3px #CCC;
    border-radius: 4px;  
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}
#internet-banking input:focus {
    outline: 0;
    border-color: #FFF;
}
#internet-banking label {
    margin: 0.5em 0 0.2em;
}
#internet-banking fieldset {margin: 0; padding: 0;  border: 0;}
#internet-banking button {width:28px; height:26px; margin:10px 52px 0 0; padding:0; border:none; text-indent:-9999em; background: url('../img/btn-ib.png') no-repeat;}
#internet-banking button:hover{background-position: 0 -26px;}

/*-----------------------------------------------------------------------
 Navegacao Complementar
 ----------------------------------------------------------------------*/
 
#nav-complementar {margin:10px 0 0 0; font-size:0.7em; text-align:right;}
#nav-complementar ol {
	padding:0px;
	margin:0px;
	list-style:none;
}
#nav-complementar ol li { display: inline; border-left:solid 1px #CCCCCC;}
#nav-complementar ol li:first-child{border:none;}
#nav-complementar ol li a {
	padding: 2px 5px;
	display: inline-block; 
	/* visual do link */
	color: #666666;
	text-decoration: none;
}
#nav-complementar ol li a:hover {
	color: #6D6D6D;
	text-decoration:underline;
}



/*-----------------------------------------------------------------------
 2.Menu Principal
 ----------------------------------------------------------------------*/
 
 /* 2.1 Estrutura do menu principal ------------------*/
#aba-menu, #produtos-menu {margin:0; padding: 0px 10px; clear: both;}
#aba-menu{height:39px;}
#produtos-menu {height:34px;}
#aba-menu li, #produtos-menu  li { float: left; list-style: none;}
#aba-menu li a span, #produtos-menu li a span { display: none;}
#aba-menu li a, #produtos-menu  li a {display: block; background: url(../img/sprite-menu.png) no-repeat;} 
#produtos-menu  li a {height:16px;}

/* 2.2 Backgrounds do menu (aba sendo a metade superior e painel a metade inferior) ------------------*/
.aba-geral {background: url('/layouts/cliente-valores/img/aba-geral.png') no-repeat;}
.aba-valores {background: url('/layouts/cliente-valores/img/aba-valores.png') no-repeat;}
.painel-geral {background: url('/layouts/cliente-valores/img/painel-geral.png') no-repeat;}
.painel-valores {background: url('/layouts/cliente-valores/img/painel-valores.png') no-repeat;}

/* 2.3 Sprite com conteudos textuais do segmento ---------------------*/
/* 2.3.1 Segmentos Gerais -------------------*/
#aba-menu li .pf { width:75px; height:15px; margin:12px 10px 0 10px; background-position: 0 0;}
#aba-menu li .pf:hover { width:75px; height:15px; margin:12px 10px 0 10px; background-position: 0 -16px;}
#aba-menu li .pf-ativo { width:95px; height:33px; margin:7px 1px 0 0; background-position: 0 -64px;}
#aba-menu li .pj { width:92px; height:15px; margin:12px 10px 0 10px; background-position: -75px 0px;}
#aba-menu li .pj:hover { width:92px; height:15px; margin:12px 10px 0 10px; background-position: -75px -16px;}
#aba-menu li .pj-ativo { width:111px; height:33px; margin:7px 1px 0 0; background-position: -95px -64px;}
#aba-menu li .adm { width:139px; height:15px; margin:12px 10px 0 10px; background-position: -169px 0;}
#aba-menu li .adm:hover { width:139px; height:15px; margin:12px 10px 0 10px; background-position: -169px -16px;}
#aba-menu li .adm-ativo { width:156px; height:33px; margin:7px 1px 0 2px; background-position: -206px -64px;}
#aba-menu li .ag { width:97px; height:16px; margin:12px 10px 0 10px; background-position: -308px 0;}
#aba-menu li .ag:hover { width:97px; height:15px; margin:12px 10px 0 10px; background-position: -308px -16px;}
#aba-menu li .ri { width:161px; height:15px; margin:12px 0 0 98px; background-position: -405px 0;}
#aba-menu li .ri:hover { width:161px; height:15px; margin:12px 0 0 98px; background-position: -405px -16px;}
#aba-menu li .ri-ativo { width:180px; height:33px; margin:7px 1px 0 0; background-position: -362px -64px;}
/* 2.3.2 Segmentos Valores -------------------*/
#aba-menu li .pf-valores { width:73px; height:15px; margin:13px 10px 0 10px; background-position: 0 -32px;}
#aba-menu li .pf-valores:hover { width:73px; height:15px; margin:13px 10px 0 10px; background-position: 0 -48px;}
#aba-menu li .pj-valores { width:88px; height:15px; margin:13px 10px 0 10px; background-position: -73px -32px;}
#aba-menu li .pj-valores:hover { width:88px; height:15px; margin:13px 10px 0 10px; background-position: -73px -48px;}
#aba-menu li .adm-valores { width:132px; height:15px; margin:13px 10px 0 10px; background-position: -161px -32px;}
#aba-menu li .adm-valores:hover { width:132px; height:15px; margin:13px 10px 0 10px; background-position: -161px -48px;}
#aba-menu li .ag-valores { width:93px; height:15px; margin:13px 10px 0 10px; background-position: -293px -32px;}
#aba-menu li .ag-valores:hover { width:93px; height:15px; margin:13px 10px 0 10px; background-position: -293px -48px;}
#aba-menu li .ag-valores-ativo { width:115px; height:33px; margin:7px 1px 0 1px; background-position: 0 -97px;}
#aba-menu li .ri-valores { width:153px; height:15px; margin:13px 0 0 118px; background-position: -385px -32px;}
#aba-menu li .ri-valores:hover { width:153px; height:15px; margin:13px 0 0 118px; background-position: -385px -48px;}

/* 2.4 Sprite com conteudos textuais dos produtos (segmento-produto)---------------------*/
/* 2.4.1 Produtos Gerais -------------------*/
#produtos-menu li .contas { width:42px; margin:3px 6px 0 10px; background-position: -115px -97px;}
#produtos-menu li .contas:hover { width:42px; margin:4px 6px 0 10px; background-position: -115 -113px;}
#produtos-menu li .cartoes { width:48px; margin:3px 6px 0 6px; background-position: -157px -97px;}
#produtos-menu li .cartoes:hover { width:48px; margin:4px 6px 0 6px; background-position: -157px -113px;}
#produtos-menu li .credito { width:45px; margin:3px 6px 0 6px; background-position: -205px -97px;}
#produtos-menu li .credito:hover { width:45px; margin:4px 6px 0 6px; background-position: -205 -113px;}
#produtos-menu li .investimentos { width:85px; margin:3px 6px 0 6px; background-position: 0px -130px;}
#produtos-menu li .investimentos:hover { width:85px; margin:4px 6px 0 6px; background-position: 0 -146px;}
#produtos-menu li .cambio { width:43px; margin:3px 6px 0 6px; background-position: -250px -97px;}
#produtos-menu li .cambio:hover { width:43px; margin:4px 6px 0 6px; background-position: -250px -113px;}
#produtos-menu li .capitalizacao { width:83px; margin:3px 6px 0 6px; background-position: -293px -97px;}
#produtos-menu li .capitalizacao:hover { width:83px; margin:4px 6px 0 6px; background-position: -293 -113px;}
#produtos-menu li .previdencia { width:70px; margin:3px 6px 0 6px; background-position: -376px -97px;}
#produtos-menu li .previdencia:hover { width:70px; margin:4px 6px 0 6px; background-position: -376 -113px;}
#produtos-menu li .previdencia { width:70px; margin:3px 6px 0 6px; background-position: -376px -97px;}
#produtos-menu li .previdencia:hover { width:70px; margin:4px 6px 0 6px; background-position: -376 -113px;}
#produtos-menu li .seguros { width:48px; margin:3px 6px 0 6px; background-position: -446px -97px;}
#produtos-menu li .seguros:hover { width:48px; margin:4px 6px 0 6px; background-position: -446 -113px;}
#produtos-menu li .servicos { width:51px; margin:3px 6px 0 6px; background-position: -494px -97px;}
#produtos-menu li .servicos:hover { width:51px; margin:4px 6px 0 6px; background-position: -494 -113px;}
/* 2.4.2 Produtos Valores -------------------*/
#produtos-menu li .investimento-valores { width:78px; margin:3px 6px 0 10px; background-position: 0px -130px;}
#produtos-menu li .investimento-valores:hover { width:78px; margin:4px 6px 0 10px; background-position: 0 -146px;}
#produtos-menu li .credito-valores { width:148px; margin:3px 6px 0 6px; background-position: -78px -130px;}
#produtos-menu li .credito-valores:hover { width:148px; margin:4px 6px 0 6px; background-position: -78px -146px;}
#produtos-menu li .seguros-valores { width:122px; margin:3px 6px 0 6px; background-position: -227px -130px;}
#produtos-menu li .seguros-valores:hover { width:122px; margin:4px 6px 0 6px; background-position: -227px -146px;}
#produtos-menu li .cartao-valores { width:106px; margin:3px 6px 0 6px; background-position: -350px -130px;}
#produtos-menu li .cartao-valores:hover { width:106px; margin:4px 6px 0 6px; background-position: -350px -146px;}
#produtos-menu li .conta-valores { width:34px; margin:3px 6px 0 6px; background-position: -456px -130px;}
#produtos-menu li .conta-valores:hover { width:34px; margin:4px 6px 0 6px; background-position: -456px -146px;}
#produtos-menu li .beneficios-valores { width:117px; margin:3px 6px 0 6px; background-position: -342px -130px;}
#produtos-menu li .beneficios-valores:hover { width:117px; margin:4px 6px 0 6px; background-position: -342px -146px;}
#produtos-menu li .atendimento-valores { width:71px; margin:3px 6px 0 6px; background-position: -606px -130px;}
#produtos-menu li .atendimento-valores:hover { width:71px; margin:4px 6px 0 6px; background-position: -606px -146px;}
/* 2.4.2 Produtos RI -------------------*/
#produtos-menu li .companhia-ri { width:73px; margin:4px 5px 0 10px; background-position: 0px -163px;}
#produtos-menu li .companhia-ri:hover { width:73px; margin:5px 5px 0 10px; background-position: 0 -179px;}
#produtos-menu li .comunicados-ri { width:139px; margin:4px 5px 0 5px; background-position: -73px -163px;}
#produtos-menu li .comunicados-ri:hover { width:139px; margin:5px 5px 0 5px; background-position: -73 -179px;}
#produtos-menu li .governanca-ri { width:146px; margin:4px 5px 0 5px; background-position: -212px -163px;}
#produtos-menu li .governanca-ri:hover { width:146px; margin:5px 5px 0 5px; background-position: -212 -179px;}
#produtos-menu li .info-ri { width:144px; margin:4px 5px 0 5px; background-position: -358px -163px;}
#produtos-menu li .info-ri:hover { width:144px; margin:5px 5px 0 5px; background-position: -358px -179px;}
#produtos-menu li .acoes-ri { width:33px; margin:4px 5px 0 5px; background-position: -502px -163px;}
#produtos-menu li .acoes-ri:hover { width:33px; margin:5px 5px 0 5px; background-position: -502px -179px;}
#produtos-menu li .servicos-ri { width:149px; margin:4px 5px 0 5px; background-position: -535px -163px;}
#produtos-menu li .servicos-ri:hover { width:149px; margin:5px 5px 0 5px; background-position: -535px -179px;}

/*-----------------------------------------------------------------------
 3.Navegacao Breadcrumb
 ----------------------------------------------------------------------*/
#breadcrumb-valores {margin:0; position:relative; top:180px; font-size:0.7em;}
#breadcrumb-valores-sem-imagem {margin:8px 0 0 0; font-size:0.7em;}
#breadcrumb-valores-colorbox {margin:0; position:relative; top:8px; font-size:0.7em; border-bottom: 1px solid #DFD5C7; padding:2px;}
#breadcrumb-valores ol, 
#breadcrumb-valores-sem-imagem  ol, 
#breadcrumb-valores-sem-imagem ol {
padding:0px;
margin:0px;
}


#breadcrumb-valores ol li, 
#breadcrumb-valores-sem-imagem ol li, 
#breadcrumb-valores-colorbox ol li  {
  display: inline; 
  color: #666666;
  background: url('/layouts/cliente-valores/img/marcador-seta.gif') no-repeat 0 0;
  padding-left: 8px;
  margin-left: 2px;
}
#breadcrumb-valores ol li:first-child, 
#breadcrumb-valores-sem-imagem ol li:first-child, 
#breadcrumb-valores-colorbox ol li:first-child  {
background: url('/layouts/cliente-valores/img/marcador-quadrado.gif') no-repeat 0 0;
margin-left: 0;
}
#breadcrumb-valores ol li a, 
#breadcrumb-valores-sem-imagem ol li a,
#breadcrumb-valores-colorbox ol li a {
display: inline-block; 
color: #a79366;
text-decoration: none;
}
#breadcrumb-valores ol li a:hover, 
#breadcrumb-valores-sem-imagem ol li a:hover,
#breadcrumb-valores-colorbox ol li a:hover {
text-decoration:underline;
} 

/*-----------------------------------------------------------------------
 4.Banner Destaque
 ----------------------------------------------------------------------*/
.destaque-conta-valores{
background: url('/layouts/cliente-valores/img/banner/destaque-conta.jpg') no-repeat;
width:775px;
height:200px;
}
.destaque-cartao-valores{
background: url('/layouts/cliente-valores/img/banner/destaque-cartao.jpg') no-repeat;
width:775px;
height:200px;
}
.destaque-investimento-valores{
background: url('/layouts/cliente-valores/img/banner/destaque-investimento.jpg') no-repeat;
width:775px;
height:200px;
}
.destaque-credito-valores{
background: url('/layouts/cliente-valores/img/banner/destaque-credito.jpg') no-repeat;
width:775px;
height:200px;
}
.destaque-seguro-valores{
background: url('/layouts/cliente-valores/img/banner/destaque-seguros.jpg') no-repeat;
width:775px;
height:200px;
}
.destaque-atendimento-valores{
background: url('/layouts/cliente-valores/img/banner/destaque-atendimento.jpg') no-repeat;
width:775px;
height:200px;
}

/*-----------------------------------------------------------------------
 4.Rodape
 ----------------------------------------------------------------------*/
 
#rodape {
background-color:#332000; 
width:100%; 
padding:30px 0 40px 0;
border-top:1px solid #FFFFFF;
margin-top:60px;
-webkit-box-shadow: 0 -10px 10px -10px #999999;
-moz-box-shadow: 0 -10px 10px -10px #999999;
box-shadow: 0 -10px 10px -10px #999999;
behavior: url(PIE.htc);
}
#rodape  h3{
color:#FFFFFF;
margin:0 0 5px 0;
}
#rodape  h5{
color:#FFFFFF;
margin:25px 0 5px 0;
display:inline-block;
}
#rodape  a{
color:#FFFFFF;
text-decoration:none;
}
#rodape  a:hover{
text-decoration:underline;
}
.midia-social{
text-align:right;
}
#rodape .midia-social h5{
margin-right:60px;
}
#rodape .sub-titulo {
color:#a79366;
font-size:0.8em;
}
#rodape ul{ list-style:none; padding:0;  margin:0; display:inline-block; }  
#rodape ul  li{display:inline; font-size:0.7em;  margin:0 4px; }  
#rodape ul li a{color:#a79366;}

#rodape .menu-site-rodape{margin-left:120px;}

.menu-rodape{
display:block; 
color:#FFFFFF; 
border-top:1px solid #a79366; 
border-bottom:1px solid #a79366; 
padding:0 0 10px 0; 
margin:5px 0 10px 0;
}
.icones-social{ 
text-align: right;
float:right;
margin: 15px 0 5px 0;
text-decoration: none;
display:inline-block;
}
  
 /*-----------------------------------------------------------------------
 5.Mapa
 ----------------------------------------------------------------------*/ 
.mapa-valores{
  position:relative;
  height:300px;
} 
#googleMap{
border-top:1px solid #FFFFFF; 
border-bottom:1px solid #FFFFFF;  
position:absolute; left:0; 
height:220px; 
width:246px;
}
#googleMapAmpliado{
height:500px; 
width:600px;
}

 /*-----------------------------------------------------------------------
 6.Abas simples
 ----------------------------------------------------------------------*/ 

div.abas { margin-top:30px; }
ul.abas-navegacao { margin:0; padding:0; text-align:left; }
ul.abas-navegacao li { list-style:none; display:inline; margin:0; padding:0; }
ul.abas-navegacao li a { 
  border:1px solid #E0E0E0; 
  padding:8px 14px; 
  line-height:20px; 
  background:#F0F0F0; 
  text-decoration:none; 
  color: #92835d; 
  font-size: 0.9em; 
  font-weight: bold; 
}  
ul.abas-navegacao li a:hover { background-color:#F6F6F6; }
ul.abas-navegacao li a.current { background:#FFFFFF; color: #92835d; border-bottom:1px solid #FFFFFF; }
div.abas-conteudo { border-top:1px solid #E0E0E0; padding:10px 0; margin-top: 6px; display:none; }
div.abas-conteudo.aba-ativa { display:block; }

 /*-----------------------------------------------------------------------
 6.Formulario 
 ----------------------------------------------------------------------*/ 
.my-placeholder { color: #666666; }

::-webkit-input-placeholder {
   color: #666666;;
}
:-moz-placeholder { /* Firefox 18- */
   color: #666666;;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #666666;;  
}
:-ms-input-placeholder {  
   color: #666666;;  
}

#form-valores-conta .margem-topo-form{margin-top:20px;}

#form-valores button, #form-valores-conta button{
padding:1em 1em;
}
#form-valores, #form-valores-conta{
font-size:0.82em;
}
#form-valores label, #form-valores-conta label{
font-size:0.9em;
}
#form-valores legend, #form-valores-conta legend{
font-weight:bold;
padding-top:0.5em;
margin-bottom:0.5em;
}
#form-valores input, #form-valores-conta input{
margin-bottom:1em;
}
#form-valores textarea, #form-valores-conta textarea{
height:100px;
resize:none;
}
ul.calculo-form{
display:inline-block;
margin:1em 0 0 0;
padding:0;
}
.calculo-form li {
display:inline;
}
#seguranca-form-valores{
margin-bottom:0;
padding-bottom:0;
}
#seguranca-form-valores legend span{
color:#666666;
font-weight:normal;
float:right;
}
#seguranca-form-valores p.texto-seguranca {
display:inline-block;
float:left;
color:#333333;
font-size:0.9em;
width:185px;
border-right: 1px solid #D6BEA4;
margin-right:15px;
margin-top:1em;
}
#seguranca-form-valores p.numeros-seguranca{
display:inline-block;
float:left;
color:#666666;
font-weight:normal;
font-size:2em;
margin-top:0.35em;
margin-right:10px;
text-align:center;
}
#seguranca-form-valores input{
margin-top:0.8em;
}
#digit1, #digit2{
color:#a79366;
font-weight:bold;
width:30px;
display:inline-block;
}
#resultInvi{
width:40px;
display:inline-block;
}

 /*-----------------------------------------------------------------------
 Resposta Formulario
 ----------------------------------------------------------------------*/ 
.resposta-form{
padding:20px;
border: 1px solid #FFFFFF;
background: #F2F2F2;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: #C4C4C4 0px 2px 3px;
-moz-box-shadow: #C4C4C4 0px 2px 3px;
box-shadow: #C4C4C4 0px 2px 3px;
behavior: url(PIE.htc);
}

.resposta-form h2{
font-size:1.3em;
font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
margin:15px 0 5px 0; 
font-style: italic;
}

.passos-conta{
margin-top:30px;
margin-bottom:20px;
padding-bottom:0px;
}

.separador-base{
border-bottom:1px dotted #CCCCCC;
margin-bottom:10px;
padding-bottom:20px;
}

span.name{
font-size:.9em;
font-weight:bold;
}

.assinatura{
color:#a79366;
font-weight:bold;
}

ul.passos-conta-texto{
list-style-type:none;
padding:0;
margin:20px 0 0 0;
}

ul.passos-conta-texto li{
display:table-cell;
}

ul.passos-conta-texto li p{
text-align:center;
padding:0 10px;
font-size:.8em;
}

/* Progress Tracker v2 */
ol.progress[data-steps="2"] li { width: 48%; }
ol.progress[data-steps="3"] li { width: 32%; }
ol.progress[data-steps="4"] li { width: 24.5%; }

.progress {
    width: 100%;
    list-style: none;
    list-style-image: none;
    margin: 0px 0 20px 0;
    padding: 40px 0 0 0;
	border-top:1px dotted #CCCCCC;
}

.progress li {
    float: left;
    text-align: center;
    position: relative;
	z-index: 1;
}

.progress .name {
    display: block;
    vertical-align: bottom;
    text-align: center;
    margin-bottom: 1em;
    color: #92835d;
    opacity: 0.5;
}
.item-visitado {
   opacity: 0.5;
}

.progress .description {

}

.progress .step {
    color: #FFFFFF;
    border: 3px solid #999999;
    background-color: #999999;
    border-radius: 50%;
    line-height: 1.4;
    width: 1.4em;
    height: 1.4em;
    display: inline-block;
    z-index: 0;
	font-weight:bold;
	font-size:.9em;
}

.progress .step span {
    opacity: 0.5;
}

.progress .active .name,
.progress .active .step span {
    opacity: 1;

}

.progress .step:before {
    content: "";
    display: block;
    background-color: #999999;
    height: 0.2em;
    width: 50%;
    position: absolute;
    bottom: 0.7em;
    left: 0;
    z-index: -1;
}

.progress .step:after {
    content: "";
    display: block;
    background-color: #999999;
    height: 0.2em;
    width: 50%;
    position: absolute;
    bottom: 0.7em;
    right: 0;
    z-index: -1;
}

.progress li:first-of-type .step:before {
    display: none;
}

.progress li:last-of-type .step:after {
    display: none;
}

.progress .done .step,
.progress .done .step:before,
.progress .done .step:after,
.progress .active .step,
.progress .active .step:before {
    background-color: #014587;
}

.progress .done .step,
.progress .active .step {
    border: 3px solid #014587;
}

 /*-----------------------------------------------------------------------
 7.Investimentos
 ----------------------------------------------------------------------*/ 
 .investimentos h4{
 font-weight:bold;
 color:#a79366;
 } 
 
 .categoria-ambima{font-size:0.6em; font-weight:normal; font-style:italic; color:#a79366; margin-top:0px; display:block;}
 
 .img-risco-muito-baixo, 
 .img-risco-baixo, 
 .img-risco-medio, 
 .img-risco-alto, 
 .img-risco-muito-alto {
	width:426px; 
	height:58px;
	margin:22px 0 10px 0; 
	float:left; 
	background: url('/layouts/cliente-valores/img/img-risco.png');
}
 .img-risco-muito-baixo {background-position: 0 0;}
 .img-risco-baixo {background-position: 0 -58px;}
 .img-risco-medio {background-position: 0 -116px;}
 .img-risco-alto {	background-position: 0 -174px;}
 .img-risco-muito-alto {	background-position: 0 -232px;}

.aviso-importante{color:#666666;}
.aviso-importante h4{font-weight:bold;}

.aviso-importante ol { 
  margin: 1em 0 1.5em 0; 
  padding: 0;
  counter-reset: item;
  font-size:0.8em;
}
.aviso-importante ol > li {
  margin: 0.5em 0 0 0;
  padding: 0 0 0 1.2em;
  text-indent: -1.5em;
  list-style-type: none;
  counter-increment: item;
}
.aviso-importante ol > li:before {
  display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}
.aviso-anbima{
	border: 1px dotted #CCCCCC;
	margin:10px 0 0 0;
	padding:15px 15px 5px 20px;
}
.aviso-anbima p{
	color:#666666;
	font-size:0.7em;	
	margin:0 0 10px 0;
}
#btn-investimentos ul{list-style-type:none; float: left; margin: 19px auto; padding: 0;}	
#btn-investimentos li {float: left; margin-right:2px;}
#btn-investimentos .ultimo{margin-right:6px;}
#btn-investimentos li a {display: block; padding:10px 14px 10px 30px; text-decoration: none; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; color: #333333; border:1px solid #CCCCCC; background: url('../img/download.gif') no-repeat 0 0;}
#btn-investimentos li a:hover {cursor:pointer; text-decoration:none; color:#000000; background: #F0F0F0 url('/layouts/cliente-valores/img/download.gif') no-repeat 0 -37px;}

.lista-tributacao ul{
margin:0;
padding:10px 0 0 0;
list-style-type:none;
border-bottom:1px dotted #CCCCCC;
}
ul.lista-tributacao{
margin-bottom:0;
}
.lista-tributacao li{
border-top:1px dotted #CCCCCC;
padding:15px 0;
text-transform:uppercase;
font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
font-size:0.75em;
font-weight:bold;
}
.lista-tributacao li{
list-style:none;
color:#333333;
}
.lista-tributacao li a{
text-transform:normal;
font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
color: #a79366;
font-weight:normal;
font-size:1em;
}
.lista-tributacao li a:hover{
text-decoration:none;
}
.lista-tributacao > li.sem-borda-topo{
border-top:none;
}
#cotista{
font-size:0.9em;
}
#cotista a{
font-weight:normal;
}

 /*-----------------------------------------------------------------------
 8.Acordion Geral Conteudo
 ----------------------------------------------------------------------*/ 

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .7em .5em .7em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}

#accordion .faq h3{
	font-size: .9em;
}
.ui-accordion .ui-accordion-icons {
	padding-left: .5em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	right: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 1em;
	border-top: 0;
	overflow: auto;
	font-size:.9em;
}

/* Component containers
----------------------------------*/
.ui-widget-content {
	border: 1px solid #DDDDDD;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}

.ui-widget-content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-state-default {
	border-bottom: 1px dotted #CCCCCC;
	border-top: 1px dotted #CCCCCC;
	color: #a79366;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #a79366;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
 .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-state-focus {
	color: #a79366;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #c77405;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
 .ui-state-active {
	color: #92835d;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #eb8f00;
	text-decoration: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("/layouts/cliente-valores/css/images/ui-icons_222222_256x240.png");
}

/* positioning */
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }


.texto-conta-valores div{
text-align: justify;
}

/*-----------------------------------------------------------------------
 4.Estilos das paginas ajax
 ----------------------------------------------------------------------*/
  
  .ajax-valores-container{padding:20px; margin: 0 auto; width:690px;}
  .ajax-valores-container h2{
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-style: italic;
    margin: 20px 0;
	color:#92835d;
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:10px;
   }
  
  div.tabela-visa {width:450px; margin: 0 auto; padding:20px;}
  .tabela-visa{width:450px; margin:20px 0 0 0; border-spacing: 0; padding-bottom:0;}  
  .tabela-visa .texto {    
    padding: 0.8em 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
  }
  .tabela-visa .titulo{
    font-weight: bold;
    color: #a79366;
	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-size: 1em;
	padding: 10px 0;
	}
  td.titulo, td.texto{text-align:center; border-top: 1px solid #E0E0E0;} 
  th.visa-internacional, th.visa-gold{ border-bottom: 1px solid #E0E0E0;}	
  .tabela-visa img{margin-bottom:15px;}
  
  
  
  div.tabela-valores {width:420px; margin: 0 auto; padding:20px;}
  div.tabela-valores h2, div.tabela-visa h2 {    
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-style: italic;
  margin: 20px 0 15px 0;
  color:#92835d;
  }

  table.tabela-valores {
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  font-family: "Roboto Condensed", Sans-serif, Arial;
  }
  
  table.tabela-valores thead{
	background-color: #92835d;
	color: #FFFFFF;
  }
  
  table.tabela-valores th, table.tabela-valores td {
  padding:.2em 1em;
  text-align:center;
  border-bottom:1px solid #CCCCCC;
  }
  .separador-tabela{border-right:1px solid #CCCCCC;}
  .tabela-valores caption, .tabela-visa caption{display:none;}  
  
/* ------------------------------------ ICONE NOVO/ENCERRADO ----------------------------------------*/
.icone-destaque {
	display: inline-block;
	height: 14px;
	margin: 0 0 0 8px;
	padding: 0;
	background: url('/layouts/cliente-valores/img/destaques-span.gif') no-repeat;
}

.destaque-novo {
	width:28px;
	background-position: 0px 0px;
}
.destaque-encerrado {
	width:54px;
	background-position: 0px -14px;
}
.destaque-indisponivel {
	width:64px;
	background-position: 0px -28px;
}