/* ------------- GERAL ------------- */

.bgHeader { width: 100%; background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/bg-header.gif) repeat-x; }
#header { height: 86px; background-color: #edeceb; background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/bg-header.gif); z-index: 500; position: relative; margin: 0 auto; }
@media screen and (max-width: 1010px) or (orientation: portrait) {
	#header { height: 86px; width: 995px; background-color: #edeceb; background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/bg-header.gif); z-index: 500; position: relative; margin: 0 auto; }
}
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	#header { height: 86px; background-color: #edeceb; background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/bg-header.gif); z-index: 500; position: relative; margin: 0 auto; }
}*/
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) or (orientation: landscape) {
	#header { height: 86px; background-color: #edeceb; background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/bg-header.gif); z-index: 500; position: relative; margin: 0 auto; }	
}
@media screen and (max-device-width: 480px) {/* Styles */}

.logo { width: 75px; height: 84px; display: block; float: left; }
.logoItau { position: relative; left: 15px; top: 18px; }
.logoItauP { position: relative; left: 15px; top: 13px; }
span.txtHeader { float: right; font-size: 21px; font-weight: bold; margin: 18px 20px 0 0; }

/*#header .tag { position: absolute; width: 65px; height: 65px; right: 0; top: 86px; background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/tag-testes-trans.png) 0 0 no-repeat; z-index: 9999777; }*/

#header a { color: #373A41; text-decoration: none !important;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#header a:hover { text-decoration: underline;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

/* ------------- Busca Itaú ------------- */

.buscaItau { float: left; margin: 0 10px 0 0; padding-top: 30px; }
.buscaSiteItau {
	padding: 5px 28px 5px 8px; border: 1px solid #B6BFC4; color: #666; font-family: Arial, sans-serif; font-size: 11px; width: 120px;
	background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/search-icon.png) right center no-repeat #fff; border-radius:16px; }

/* Auto-Complete */
.buscaItau .autoComplete { margin-top: 4px; margin-left: -30px; z-index: 9999999;  position:absolute; }
.buscaItau .autoComplete .seta { margin-left: 100px; margin-bottom: -1px; }
.buscaItau .autoComplete .content { width: 190px; border: 1px solid #cdd2d5; background-color: #FFF; padding: 12px 14px; border-radius:6px; }
.buscaItau .autoComplete .content ul li { margin-top: 5px; }
.buscaItau .autoComplete .content p { margin: 10px 0 0 0; }
.buscaItau .autoComplete .content a { color: #373d45; text-decoration: none; transition: all 0.2s linear; }
.buscaItau .autoComplete .content a:hover {	color: #7a828c; text-decoration: underline; transition: all 0.3s linear; }
.buscaItau .autoComplete .content a.link { color: #373d45; text-decoration: underline; transition: all 0.2s linear; }
.buscaItau .autoComplete .content a.link:hover { color: #7a828c; transition: all 0.3s linear; }

/* ------------- Menu Principal ------------- */

.mnuHeader { z-index: 899; position: relative; float: left; }
.mnuHeader ul.contentAll li { float: left; }
#header .mnuHeader ul.contentAll li a.mnu { color: #373d45; display: block; border-left: 1px solid #b8b7b6; height: 50px; padding: 35px 13px 0 13px; font-size: 14px; font-weight: bold; transition: .1s ease-in all; box-shadow: 0 0 4px rgba(255,255,255,1) inset; }
#header .mnuHeader ul.contentAll li a.mnu:hover  { background-color: #e3e2e1;	box-shadow: 0 0 6px rgba(0,0,0,.3) inset, 0 0 1px rgba(0,0,0,.2) inset; }
#header .mnuHeader ul.contentAll li a.borderRight { border-right: 1px solid #c3c2c2; }
#header .mnuHeader ul.contentAll li a.mnu:hover { text-decoration: none; }

/* Sub-Menu */
.mnuHeader ul.contentAll .subMnu { z-index: 3999; position: absolute; }

.mnuHeader .subMnu {
	background: #FFF; font-weight: normal; position: absolute; border: 1px solid #e3e2e1\9; /* border apenas para IE8< - hack \9 */
	-webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.5); -moz-box-shadow: 0 1px 5px rgba(0,0,0,.5); box-shadow: 0 1px 5px rgba(0,0,0,.5);
	-webkit-transition: .15s ease-in all; -moz-transition: .15s ease-in all; transition: .15s ease-in all;
	display: none; }
.mnuHeader .subMnu.open { opacity: 1; visibility: visible; }

.mnuHeader .subMnu p.btn {	margin: 15px 0 0 5px; *list-style: none; }
.mnuHeader .subMnu .abrirConta {
	padding: 2px 13px; padding: 2px 10px\9; *display:block; *width: 170px; background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/bg-btn-mnu.gif) center -3px repeat-x; font-weight: bold; border: 1px solid #bebab9;
	border-radius: 15px; transition: .3s ease-in all; }
.mnuHeader .subMnu .abrirConta:hover { border: 1px solid #7b7b7b; transition: .3s ease-in all; }
#header .mnuHeader .subMnu p.btn a:hover { text-decoration: none; }

/* Sub-Menu - Produtos */
.mnuHeader .mnuProdutos .subMnu { width: 440px; }
.mnuHeader .mnuProdutos .subMnu .pf,
.mnuHeader .mnuProdutos .subMnu .pj { background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/bg-submnu.gif) center 10px repeat-y; }

#header .mnuHeader .mnuProdutos .subMnu .pf a.titSessao,
#header .mnuHeader .mnuProdutos .subMnu .pj a.titSessao,
#header .mnuHeader .mnuProdutos .subMnu .pp a.titSessao {
	color: #fff;	padding: 8px 15px 8px 22px; display: block; position: relative; font-weight: bold; font-size: 13px; overflow: hidden; cursor: pointer; }

.mnuHeader .mnuProdutos .subMnu .pf a.titSessao { background: #f58220; }
.mnuHeader .mnuProdutos .subMnu .pj a.titSessao { background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/bg-mnu-tit-pj.gif) top center repeat-x #003767; }
.mnuHeader .mnuProdutos .subMnu .pp a.titSessao { background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/bg-mnu-tit-pp.gif) top center repeat-x #9b9a99; }

.mnuHeader .mnuProdutos .subMnu .pf a.titSessao span { float: right; *float: none; *margin-left: 130px; color: #f6bf1c; }
.mnuHeader .mnuProdutos .subMnu .pj a.titSessao span { float: right; *float: none; *margin-left: 100px; color: #317db2; }
.mnuHeader .mnuProdutos .subMnu .pp a.titSessao span { float: right; *float: none; *margin-left: 71px; color: #d0cdce; }

#header .mnuHeader .mnuProdutos .subMnu .pf a.titSessao:hover,
#header .mnuHeader .mnuProdutos .subMnu .pj a.titSessao:hover,
#header .mnuHeader .mnuProdutos .subMnu .pp a.titSessao:hover { text-decoration: none; }

.mnuHeader .mnuProdutos .subMnu .listaMnuProd,
.mnuHeader .mnuProdutos .subMnu .listaMnuSeg,
.mnuHeader .mnuProdutos .subMnu .listaMnuPoder { float:left; width: 205px; padding: 0 0 0 12px; margin: 10px 0; }

.mnuHeader .mnuProdutos .subMnu .listaMnuProd ul,
.mnuHeader .mnuProdutos .subMnu .listaMnuSeg ul,
.mnuHeader .mnuProdutos .subMnu .listaMnuPoder ul { *margin-bottom: 10px; }

.mnuHeader .mnuProdutos .subMnu .listaMnuProd li,
.mnuHeader .mnuProdutos .subMnu .listaMnuSeg li,
.mnuHeader .mnuProdutos .subMnu .listaMnuPoder li { float:none; line-height: 20px; }

.mnuHeader .mnuProdutos .subMnu .listaMnuProd li a:hover,
.mnuHeader .mnuProdutos .subMnu .listaMnuSeg li a:hover,
.mnuHeader .mnuProdutos .subMnu .listaMnuPoder li a:hover { text-decoration: underline; }

.mnuHeader .mnuProdutos .subMnu .pf .listaMnuProd li a, 
.mnuHeader .mnuProdutos .subMnu .pf .listaMnuSeg li a {
	background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/bullet-circ-lja.png) left 6px no-repeat; padding: 0 0 0 9px; }
.mnuHeader .mnuProdutos .subMnu .pj .listaMnuProd li a, 
.mnuHeader .mnuProdutos .subMnu .pj .listaMnuSeg li a {
	background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/bullet-circ-azl.png) left 6px no-repeat; padding: 0 0 0 9px; }
.mnuHeader .mnuProdutos .subMnu .pp .listaMnuPoder li a {
	background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/bullet-circ-cza.png) left 6px no-repeat; padding: 0 0 0 9px; }

/* Sub-Menu - Seus Objetivos */
.mnuHeader .mnuObjetivos .subMnu { width: 350px; }

.mnuHeader .mnuObjetivos .subMnu li { float: none; height: 45px; border-top: 1px solid #ebeae9; padding-bottom: 10px; *padding-bottom: 5px; line-height: 16px; background: #fcf9f9; }
.mnuHeader .mnuObjetivos .subMnu li a  { display: block; height: 100%; padding: 11px 0 0 15px; }

.mnuHeader .mnuObjetivos ul.listaObjetivos span { display: block; }
#header .mnuHeader .mnuObjetivos .subMnu .listaObjetivos li a { font-weight: bold; }
#header .mnuHeader .mnuObjetivos .subMnu .listaObjetivos li a:hover { text-decoration: none; background: #edeceb; height: 44px; }
#header .mnuHeader .mnuObjetivos .subMnu .listaObjetivos li span { font-weight: normal; }

.mnuHeader .mnuObjetivos .subMnu .listaObjetivos img { float: right; margin-top: -32px; margin-right: 8px; }
.mnuHeader .mnuObjetivos .subMnu .listaObjetivos span { font-size: 11px; color:#666; }

/* Sub-Menu - Atendimento */
.mnuHeader .mnuAtendimento .subMnu { width: 300px; }
#header .mnuHeader .mnuAtendimento .subMnu .help a.titSessao,
#header .mnuHeader .mnuAtendimento .subMnu .servicos a.titSessao {
	color: #fff;	padding: 8px 15px 8px 22px; display: block; position: relative; font-weight: bold; font-size: 13px; overflow: hidden; cursor: pointer; }
#header .mnuHeader .mnuAtendimento .subMnu .help p.titSessao,
#header .mnuHeader .mnuAtendimento .subMnu .servicos p.titSessao {
	color: #fff;	padding: 8px 15px 8px 22px; display: block; position: relative; font-weight: bold; font-size: 13px; overflow: hidden; }

.mnuHeader .mnuAtendimento .subMnu .help a.titSessao,
.mnuHeader .mnuAtendimento .subMnu .help p.titSessao { background: #9b9a99; }
.mnuHeader .mnuAtendimento .subMnu .servicos a.titSessao,
.mnuHeader .mnuAtendimento .subMnu .servicos p.titSessao { background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/bg-mnu-tit-pp.gif) top center repeat-x #9b9a99; }

#header .mnuHeader .mnuAtendimento .subMnu .help a.titSessao:hover,
#header .mnuHeader .mnuAtendimento .subMnu .servicos a.titSessao:hover { text-decoration: none; }

.mnuHeader .mnuAtendimento .subMnu .listaMnuContent { float:left; width: 205px; padding: 0 0 0 12px; margin: 10px 0; }
.mnuHeader .mnuAtendimento .subMnu .listaMnuContent li { float:none; line-height: 20px; }
.mnuHeader .mnuAtendimento .subMnu .listaMnuContent li a:hover { text-decoration: underline; }

.mnuHeader .mnuAtendimento .subMnu .help .listaMnuContent li a,
.mnuHeader .mnuAtendimento .subMnu .servicos .listaMnuContent li a { background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/bullet-circ-cza.png) left 6px no-repeat; padding: 0 0 0 9px; }

/* ------------- Formulário de Login ------------- */

#header .formLogin { display: block; float: right; margin-top: 27px; margin-right: 5px; }
#header .loginSelect, #header .loginFields, #header .loginBtn { float: left; }
#header .logo30h { float: left; margin: -1px 0 0 5px; }
#header .loginBtn { margin: 0 5px 0 2px; margin-top: -1px; *margin-top: 0; }
#header .loginBtn .btnSubmit img { padding: 0 4px 0 0; }

#header .loginItau { 
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
	background: #fff; margin: 0 7px 0 0; padding: 5px; *padding: 7px 5px 3px 5px; padding: 7px 5px 3px 5px\9; border: 1px solid; border-color: #8C9399 #B6BFC4 #B6BFC4; color: #68727B; font-family: Arial, sans-serif; font-size: 13px;  }
#header .wAg, #header .wPrevRg, #header .wCc, #header .wPrevCpf { font-size: 11px; width: 40px; height: 17px; }
#header .wOper, #header .wCpf, #header .wUser { font-size: 11px; width: 102px; height: 17px; }
#header .wCartao { font-size: 11px; width: 98px; height: 17px; }
#header .wEmail { font-size: 11px; width: 162px; height: 17px; }
#header fieldset.cod_operador, #header fieldset.cartao_credito { display: none; }

/* Login-OLD */
#header .loginSelect { 
	position: relative;	border: 1px solid #b6bfc4; border-bottom: 1px solid #8c9399; background: #fff url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/select-bg.png) repeat-x 0 bottom; color: #68727b; margin: 0 10px 0 0;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;	
	-moz-box-shadow: 0 1px 2px rgba(49,57,63,.2); -webkit-box-shadow: 0 1px 2px rgba(49,57,63,.2); box-shadow: 0 1px 2px rgba(49,57,63,.2); }
#header .loginSelect .label { display: block; height: 16px;width: 200px !important; padding: 6px 25px 5px 8px; background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/select-arrows.png) right center no-repeat; }
#header .loginSelect:hover { border: 1px solid #919ea4; border-bottom: 1px solid #596369; }
#header .loginSelect select {	position: absolute;	top: 0;	left: 0; width: 100% !important;	height: auto;	margin: 5px 0 0 0; border: 0;	-webkit-appearance: none; }
#header .loginSelect select.tipo_conta { width: 230px !important; }
#header .loginSelect select option { padding: 3px; text-align: left; font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; }
#header .loginSelect select optgroup { text-align: center; }
#header .loginSelect select optgroup option { margin: 0; }
/* Login-OLD */

.btnPosLeft { float: left; margin-right: 12px; }
.btnGroup { position: relative; }
.btnGroup .dropdownSelect {
	border-radius: 4px;, -moz-border-radius: 4px;, -webkit-border-radius: 4px;
	padding-left: 8px; padding-right: 22px; }
.btnGroup a, #header .btnGroup a:hover { text-decoration: none; }
.btnGroup span.arrows {
	position: absolute; /*padding: 10px 25px 5px 8px;*/ text-align: right; width: 7px; height: 9px; right: 8px; top: 10px; *top: 12px; 
	background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/select-arrows.png) 0 0 no-repeat; *background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/select-arrows.png) 0 0 no-repeat; }

.btnSelect {
	display: inline-block; *display: inline;
	padding: 4px 10px 4px 0; margin-bottom: 0; *margin-top: 2px;
	line-height: 18px; font-size: 13px; color: #333333; text-align: center; vertical-align: middle; cursor: pointer;
  border: 1px solid #b6bfc4; border-bottom: 1px solid #8c9399; background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/select-bg.png) 0 bottom repeat-x #e6e6e6; }

.btnSelect:first-child { *margin-left: 0; }
.btnSelect:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; text-decoration: none; }

.dropdownSelect, .dropdownSelect:hover {
	/*background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/select-arrows.png) right center no-repeat;
	*background: url(/_arquivosestaticos/SecuritiesServices/defaultTheme/img/select-arrows.png) right 10px no-repeat;*/ }

.dropdownMenu {
  display: none; position: absolute; top: 100%; left: 0; z-index: 9999999; float: left; min-width: 150px; padding: 4px 0; margin: 1px 0 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px;
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
.dropdownMenu .divider { *width: 100%; height: 1px; margin: 8px 1px; *margin: 0 0 5px 0; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; }
.dropdownMenu a { display: block; padding: 3px 9px; clear: both; font-weight: normal; line-height: 18px; color: #373d45; white-space: nowrap; }

#header .dropdownMenu li > a:hover { color: #373d45; text-decoration: none; background-color: #dadddf; }