/* ========================================================= Site Institucional Banco Banif FOLHA DE ESTILOS CSS ========================================================= */ /* GERAL */ form { margin: auto 0pt; padding: 0pt; } p { margin-top: 4px; } img {border: none;} a { text-decoration: none; } hr { color: #ccc; background-color: #ccc; height: 1px; margin: 10px 0; } ul li, ol li { list-style-image: none; list-style-position: outside; list-style-type: none; } ul, ul.bullet { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 5px 0 10px 0; padding: 0pt; } ul.bullet li, ul li { background: transparent url('/bc/imagens/b_geral.gif') no-repeat scroll 0pt; line-height: 14px !important; margin: 3px; padding-left: 14px; } ul .nada, ul.bullet .nada { background-image: none } ul .setasimples, ul.bullet .setasimples { background-position: 0pt 0px; } ul .setabege, ul.bullet .setabege { background-position: 0pt -100px; } ul .box, ul.bullet .box { background-position: 0pt -200px; } ul .boxseta, ul.bullet .boxseta { background-position: 0pt -300px; } ul .setapratras, ul.bullet .setapratras { background-position: 0pt -400px; } ul .setagrande, ul.bullet .setagrande { background-position: 0pt -500px; } ul .setadupla, ul.bullet .setadupla { background-position: 0pt -600px; } ul .pontoroxo, ul.bullet .pontoroxo{ background-position: 0pt -700px; } ul .setaroxa, ul.bullet .setaroxa{ background-position: 0pt -800px; } .hidden { display: none; } /* HOME home ========================================================= */ #homeMain { font: 12px/1.25em arial, sans-serif; padding-left: 2px; } #homeDestaques { width: 530px; float: left; margin-right: 5px; margin-bottom: 20px; } #homeDestaqueGRD { margin-bottom: 10px; } #homeDestaqueMED { margin-bottom: 10px; clear: both; float: left; } #homeDestaqueMED .destaque { width: 252px; float: left; padding-right: 10px; } #homeDestaqueMED .destaque .descricao { float: left; width: 145px; margin-left: 10px; } * html #homeDestaqueMED .destaque .descricao { margin-left: 5px; } #homeDestaqueMED .destaque .descricao a { color: #77278B; } #homeDestaqueMED .destaque .descricao a h3 { margin: 0 0 5px; font-size: 12px; text-decoration: none; } #homeDestaqueMED .destaque .descricao a h4 { margin: 0 0 3px; color: #777; font-weight: normal; font-size: 12px; } #homeDestaqueMED .destaque .descricao a span { font-size: 11px; text-decoration: none; } #homeDestaqueMED .destaque .descricao a span strong { color: #a481b4; } #homeDestaqueMED .destaque .descricao a:hover h4 { text-decoration: underline; } * html #homeDestaqueMED .destaque .descricao a:hover { text-decoration: underline; } #homeDestaquePEQ { margin-bottom: 10px; clear: both; border-top: 1px solid #ededed; padding-top: 10px; } #homeDestaquePEQ .destaque { width: 165px; float: left; padding-right: 10px; } #homeDestaquePEQ .destaque a { color: #77278B; } #homeDestaquePEQ .destaque a h4 { margin: 0; font-size: 11px; background: transparent url(/bc/imagens/b_geral.gif) no-repeat scroll 0 -802px; padding-left: 12px; text-decoration: none; } #homeDestaquePEQ .destaque a h5 { margin: 0; color: #777; font-weight: normal; font-size: 11px; line-height:normal; } #homeDestaquePEQ .destaque a:hover h5 { text-decoration: underline; } * html #homeDestaquePEQ .destaque a:hover { text-decoration: underline; } #homeLateral { width: 230px; float: left; } #homeLateral .conteudo { padding: 0; } #homeChamadaServicos { margin-bottom: 10px; } /*** Caixa Mercado ***/ #homeMercado { } #homeMercado h2 { font-size:14px; padding: 5px 0; color: #77278B; margin: 0; } #homeMercado h2 a { color: #77278B; } #homeMercado h2 a:hover { text-decoration: underline; } #homeMercado h2 span, #homeMercado h2 a span { color: #a481b4; } #homeIndicesMercado { border-top: 1px solid #E4E4E4; } #homeIndicesMercado #glbTabelaIndicesBolsas, #homeIndicesMercado #glbTabelaIndicesInflacao, #homeIndicesMercado #glbTabelaIndicesJuros, #homeIndicesMercado #glbTabelaIndicesMoedas { padding: 0; } #homeIndicesMercado table tr th { font-size:10px; color: #999; font-weight: normal; padding:0; background:#F2F2F2 none repeat scroll 0 0; white-space: nowrap; } #homeIndicesMercado table tr th a { color:#999; display:block; padding:4px 12px; text-decoration:none; } #homeIndicesMercado table tr th a:hover { color: #555; } #homeIndicesMercado table tr th.ativa a { background-color: #fff; color:#6f4282; cursor: text; } #homeIndicesMercado table tr th#opt1, #homeIndicesMercado table tr th#opt2 { border-right:1px solid #E4E4E4; width:70px; } #homeIndicesMercado table tr th#opt3 { border-right:1px solid #E4E4E4; width:110px; } #homeIndicesMercado #glbTabelaIndicesBolsas, #homeIndicesMercado #glbTabelaIndicesMoedas { margin: 0; } #homeIndicesMercado #glbTabelaIndicesBolsas table tr td, #homeIndicesMercado #glbTabelaIndicesMoedas table tr td { border-bottom: 1px solid #e4e4e4; cursor: pointer; } #homeIndicesMercado #glbTabelaIndicesMoedas table .mouseover td, #homeIndicesMercado #glbTabelaIndicesBolsas table .mouseover td { border-bottom: 1px solid #ccc; } #homeIndicesMercado #glbTabelaIndicesBolsas table tr .indice, #homeIndicesMercado #glbTabelaIndicesMoedas table tr .moeda { font-size:10px; text-align: left; overflow:hidden; padding:3px 0 3px 3px; color: #555; } #homeIndicesMercado #glbTabelaIndicesBolsas table tr .pontos, #homeIndicesMercado #glbTabelaIndicesMoedas table tr .compra, #homeIndicesMercado #glbTabelaIndicesMoedas table tr .venda { overflow:hidden; padding:3px 0 3px 3px; text-align:right; font-size:10px; color: #777; } #homeIndicesMercado #glbTabelaIndicesMoedas table tr .compra, #homeIndicesMercado #glbTabelaIndicesMoedas table tr .venda { max-width:45px; min-width:40px; width:45px; } #homeIndicesMercado #glbTabelaIndicesBolsas table tr .indice {} #homeIndicesMercado #glbTabelaIndicesMoedas table tr .moeda {} #homeIndicesMercado #glbTabelaIndicesBolsas table tr .pontos { max-width:50px; min-width:45px; width:50px; } #homeIndicesMercado #glbTabelaIndicesMoedas table tr .compra span.up, #homeIndicesMercado #glbTabelaIndicesMoedas table tr .venda span.up, #homeIndicesMercado #glbTabelaIndicesBolsas table tr .pontos span.up { color:#009900; } #homeIndicesMercado #glbTabelaIndicesMoedas table tr .compra span.down, #homeIndicesMercado #glbTabelaIndicesMoedas table tr .venda span.down, #homeIndicesMercado #glbTabelaIndicesBolsas table tr .pontos span.down { color:#CA0002; } #homeIndicesMercado #glbTabelaIndicesBolsas table tr .variacao, #homeIndicesMercado #glbTabelaIndicesMoedas table tr .variacao { max-width:45px; min-width:40px; width:45px; overflow:hidden; padding: 3px; text-align:right; font-size: 10px; color: #777; } #homeIndicesMercado #glbTabelaIndicesBolsas table tr .variacao span.up, #homeIndicesMercado #glbTabelaIndicesMoedas table tr .variacao span.up { color:#009900; font-size:11px; } #homeIndicesMercado #glbTabelaIndicesBolsas table tr .variacao span.down, #homeIndicesMercado #glbTabelaIndicesMoedas table tr .variacao span.down { color:#CA0002; font-size:11px; } /** Mercado News **/ #homeMercadoNews { border-top: 1px solid #E4E4E4; padding: 4px; } #homeMercadoNews table tr td { font-size: 10px; color: #999999; padding: 4px 0; border-bottom: 1px solid #f2f2f2; } #homeMercadoNews table tr td span { font-weight: bold; color: #a58eaf; } #homeMercadoNews table tr td h5 { font-size: 10px; color: #555; margin: 3px 0; line-height: normal; font-weight: normal; } #homeMercadoNews table tr td h5 a:link, #homeMercadoNews table tr td h5 a:visited, #homeMercadoNews table tr td h5 a:active { color: #6f4282; } #homeMercadoNews table tr td h5 a:hover { text-decoration: underline; } #homeMercado .linkMercado { line-height:15px; padding: 10px 12px 8px; font-size: 11px; } #homeMercado .linkMercado a { color: #6f4282; } #homeMercado .linkMercado a:hover { color: #9a7aa7; text-decoration: underline; } #homeMercado .linkMercado a span { color: #ea3333; } #homeContatos { clear: both; border-top: 2px solid #EDEDED; padding: 10px; } #homeContatos table tr td { vertical-align: top; font-size: 11px; cursor: pointer; } #homeContatos table tr td p { margin: 0; } #homeContatos table tr td.nome { font-size: 12px; color: #6f4282; padding-right: 10px; text-align: right; border-right: 1px solid #ededed; width: 80px; } #homeContatos table tr td.contato { color: #888; padding-left: 10px; text-align: left; width: 230px; } #homeContatos table tr td.contato span { color: #6f4282; margin-right: 15px; } /* GLOBAIS glb ========================================================= */ /** Topo **/ #glbTopo { background: #604572 url(/bc/imagens/bg_fundo_topo.jpg) no-repeat scroll top center; height: 80px; width: 770px; margin-bottom: 5px; } #glbTopo .logoGrupo { text-align: right; padding: 0 10px 5px 0; } #glbLogoBC { padding-left: 15px; width: 170px; } /** Menu Topo **/ #glbMenuTopo { vertical-align: bottom; font: 12px/1.25em arial, sans-serif; } * html #glbMenuTopo ul { float:left; } #glbMenuTopo ul li { display: inline; color: #fff; font-size: 11px; float: left; margin: 0; padding: 5px 10px 10px 10px; background: transparent url(/bc/imagens/borda_menu_topo.png) no-repeat scroll left center; } #glbMenuTopo ul li:first-child { background: none; border-left: none; } #glbMenuTopo ul li a:visited, #glbMenuTopo ul li a:link { color: #fff; } #glbMenuTopo ul li a:active, #glbMenuTopo ul li a:hover { text-decoration: underline; } #glbMenuTopo ul li.corrente { background: #fff none repeat scroll 0 0; } #glbMenuTopo ul li.corrente a:link, #glbMenuTopo ul li.corrente a:visited { color: #77278B; } /*** Efeito de Borda no Mouseover ***/ a.glbBorda, a.glbBorda img { overflow: hidden; float: left; } a.glbBorda:hover { border: 3px solid #a15cbb; } a.glbBorda:hover img { margin: -3px; } #glbAtendimento { clear: both; } #glbAtendimento table { cursor: pointer; } #glbAtendimento table tr td { padding: 10px; color: #888; } #glbAtendimento table tr td img {} #glbAtendimento table tr td h3, #glbAtendimento table tr td p { margin: 0; padding: 0; font-size: 11px; } #glbAtendimento table tr td h3 { color: #6f4282; } /** INTERNAS int ========================================================= */ #intMercadoFinanceiro {} #intMercadoFinanceiro #intTabelasCotacoes .tabela { width: 225px; padding: 5px; vertical-align: top; } #intMercadoFinanceiro .listaNoticias { padding: 5px; clear: both; } #intMercadoFinanceiro #intTabelasCotacoes .tabela .titulo, #intMercadoFinanceiro .listaNoticias .titulo { background: #f2f2f2; padding: 5px; } #intMercadoFinanceiro #intTabelasCotacoes .tabela .titulo h4, #intMercadoFinanceiro .listaNoticias .titulo h4 { font-size: 12px; margin: 0; color: #555; padding-left: 18px; background: transparent url(/bc/imagens/b_geral.gif) no-repeat scroll 0 -300px; } #intMercadoFinanceiro #intTabelasCotacoes .tabela .link, #intMercadoFinanceiro .listaNoticias .link { padding: 5px 5px 0 0; text-align: right; } #intMercadoFinanceiro .listaNoticias .link { border-top: 1px solid #e4e4e4; } #intListaAtendimento .contato, #intListaAtendimento .contatoSelecionado { width: 100%; } #intListaAtendimento .contato tr td, #intListaAtendimento .contatoSelecionado tr td { padding: 5px; } #intListaAtendimento .contato tr.titulo .nome { background: #e4e4e4 url('/bc/imagens/b_geral.gif') no-repeat scroll 8px -289px; font-weight: bold; color: #555; line-height: 18px; padding: 10px 0 10px 23px; } #intListaAtendimento .contato tr.titulo .info { background-color: #e4e4e4; color: #888; text-align: right; } #intListaAtendimento .contato tr.subTitulo .nome { background: url('/bc/imagens/b_geral.gif') no-repeat scroll 8px -789px; font-weight: bold; color: #555; line-height: 18px; padding: 10px 0 10px 23px;} #intListaAtendimento .contato tr.subTitulo .info { color: #888; text-align: right; } #intListaAtendimento .contatoSelecionado tr.titulo .nome { background: #f7eac8 url('/bc/imagens/b_geral.gif') no-repeat scroll 8px -289px; font-weight: bold; color: #555; line-height: 18px; padding: 10px 0 10px 23px; } #intListaAtendimento .contatoSelecionado tr.titulo .info { background-color: #f7eac8; color: #888; text-align: right; } #intListaAtendimento .contatoSelecionado tr.subTitulo .nome { background: #f7eac8 url('/bc/imagens/b_geral.gif') no-repeat scroll 8px -789px; font-weight: bold; color: #555; line-height: 18px; padding: 10px 0 10px 23px;} #intListaAtendimento .contatoSelecionado tr.subTitulo .info { background-color: #f7eac8; color: #888; text-align: right; } #intListaAtendimento .contato tr .local, #intListaAtendimento .contatoSelecionado tr .local{ padding-left: 40px; } #intListaAtendimento .contato tr .telefone, #intListaAtendimento .contatoSelecionado tr .telefone { color: #6f4282; text-align: right; font-weight: bold;} #intListaAtendimento .contato tr .telefone span, #intListaAtendimento .contatoSelecionado tr .telefone span { font-weight: normal; } #intListaAtendimento .contatoSelecionado tr td { background-color: #fbf4e2; } /** RODAPÉ =================================================================================== */ .glbRodape { font-family: Arial, sans-serif; padding: 10px 0; background: #f4f4f4; } .glbRodape table { width: 100%; } .glbRodape table tr td { font-size: 11px; color: #888; padding: 5px 15px 5px 0; white-space: nowrap; } .glbRodape table tr td img { vertical-align: middle; } .glbRodape table tr .links { text-align: right; padding-right: 20px; } .glbRodape table tr .links a { margin: 0 10px; color: #888; } .glbRodape table tr .banif { padding: 0 15px; } /* Cartões */ #listaCartoes li { float: left; margin: 10px 30px; font-size: 12px; padding-left: 0; } /* Interno */ #meiointerno, #meiointerno td, #textoFraude { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #444; text-decoration: none; text-align : justify; line-height: 16px; } #coluna{ width: 16px; background: url('/bc/imagens/bg_pontos_vertical.gif') repeat-y center; } #meiointerno h1 { font: normal 18px Arial, Helvetica, sans-serif; color: #77278b; /* text-transform: uppercase; */ margin: 0 0 15px 0; } #meiointerno .textomeio { padding-left: 5px; } #meiointerno div.destaque { color: #77278b; font-weight: bold; margin: 10px 0 3px 5px; } #meiointerno ul.lista { margin: 8px 0 15px 15px; } #meiointerno .textomeio a { color: #77278b; } #meiointerno div.identado { padding-left: 15px; } #meiointerno #email, #meiointerno #formulario { padding: 10px; border: solid 1px #CCCCCC; background: #F4F4F4; margin: 10px; } #meiointerno .criacurriculo, #meiointerno .logincurriculo { float: left; } #meiointerno label.campo {display: block; float: left; } #meiointerno .criacurriculo label.campo { width: 120px; } #meiointerno .curriculo label.campo { width: 110px; } #meiointerno .logincurriculo label.campo { width: 60px; } #meiointerno label.obrigatorio { font-weight: bold; } #meiointerno #email td, #meiointerno #email input, #meiointerno #email select, #meiointerno #formulario input, #meiointerno #formulario select { font: normal 11px Tahoma,Arial,Helvetica,sans-serif; color: #575757; } #meiointerno #formulario input, #meiointerno #formulario select { margin-bottom: 4px; vertical-align: middle; } #meiointerno #formulario span.obs { font-size: 10px; color: #777; } /* Menu Vertical */ .menuTextoOn, .menuTextoOn:link, .menuTextoOn:visited, .menuTextoOff, .menuTextoOff:link, .menuTextoOff:visited { font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; } .menuTextoOn, .menuTextoOn:link, .menuTextoOn:visited { font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; } .menuTextoOff, .menuTextoOff:link, .menuTextoOff:visited { color: #777777; } .menuTextoOn, .menuTextoOn:link, .menuTextoOn:visited { color: #FFFFFF; } /* Notícias */ #homeMercadoNews #noticiasMercadoIndex { width: 225px; } #noticiasMercadoIndex { width: 100%; } #noticiasMercadoIndex tr td { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; padding: 8px 5px 8px 5px; } #noticiasMercadoIndex tr td h5 { margin: 5px 0; font-weight: normal; font: normal 11px Arial, Helvetica, sans-serif; } #noticiasMercadoIndex .data, #noticiasMercadoIndex .chamada, #noticiasMercadoIndex li a { color: #222222; } #noticiasMercadoIndex .hora { color: #77278b; } #noticiasMercadoIndex a:hover { text-decoration: underline; } /* Destaques */ #destaquesIndex { width: 215px; } #destaquesIndex .imagem { width: 54px; padding: 3px 4px 1px 1px; } #destaquesIndex .texto { padding: 3px 2px 3px 0; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #222222; } #destaquesIndex .texto a { text-decoration: none; color: #222222; } #destaquesIndex .texto a:hover { text-decoration: underline; } #destaquesIndex .setadupla { font: bold 11px Tahoma, Arial, Helvetica, sans-serif; color: #77278b; } #destaquesIndex li { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #77278b; } #destaquesIndex span { color: #77278b; } #destaquesIndex .imgdestaque { text-align: center; padding: 6px 0 6px 0; } .texto-simples-destaque { font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 10px; color: #777777; text-decoration: none; background:none; } #indiceIndex { margin-bottom: 10px;} #indiceIndex td { font-family: Tahoma, Arial, Helvetica, sans-serif; } #indiceIndex ul a { font-size: 11px; color: #77278b; } .indicehome a:hover { text-decoration: underline !important; } .indicehome { margin-top: 6px; } .indicehome .titulo td { color: #555; background-color: #F5F5F5; font-size: 9px; border-bottom: solid 1px #CCC; padding: 2px; } .indicehome .linhas td { color: #777; font-size: 9px; border-bottom: solid 1px #DDD; padding: 3px 2px 3px 2px; cursor: pointer; } .indicehome .nome, .indicehome .nome a { text-align: left; } .indicehome .valor { text-align: right; } .indiceinterno { margin-bottom: 15px; } .indiceinterno td { font-family: Tahoma, Arial, Helvetica, sans-serif; } .indiceinterno .titulo td { color: #555; background-color: #F5F5F5; font-weight: bold; font-size: 11px; border-bottom: solid 1px #CCC; padding: 2px; } .indiceinterno .linhas td { color: #777; font-size: 11px; border-bottom: solid 1px #DDD; padding: 3px 2px 3px 2px; } .indiceinterno .nome, .indicehome .nome a { text-align: left; } .indiceinterno .valor { text-align: right; } #indiceIndex .outros { font: bold 11px Tahoma, Arial, Helvetica, sans-serif; color: #77278b; padding: 4px; } /* Navegação */ #barranavegacao { text-align: right; background-color: #F4F4F4; font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding: 2px; } #barranavegacao a { color: #747474; text-decoration: none; } #barranavegacao a:hover { text-decoration: underline; } #barranavegacao .destaque { color: #77278b; font-weight: bold; } #barranavegacao .destaque:hover { text-decoration: underline; } #menuContainer div { cursor: pointer; } /* Lista de Agências */ #agencias td { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; } #agencias .nome { font-weight: bold; color: #77278b; } #agencias a { color: #77278b; } #agencias .linha { background: #FFFFFF url('/bc/imagens/bg_pontos.gif') repeat-x left center; height: 20px; } /* Menu */ .menu-interno-tabela { font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 10px; margin: 0 0 0 20px; border: 0; } .menu-interno-texto { font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 10px; color: #777777; text-decoration: none; text-transform: uppercase; } .menu-interno-texto:hover { color: #77278b; text-decoration: underline; } .menu-interno-texto-sub { font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 10px; color: #777777; text-decoration: none; } .menu-interno-texto-sub:hover { font-family: Arial, Helvetica, Tahoma, sans-serif; color: #77278b; text-decoration: underline; } .menu-tabela-off-esq { border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } .menu-tabela-off-dir { cursor: pointer; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } .opcaoMenuVisivel{ visibility: visible; } .objetoInvisivel, .opcaoMenuInvisivel{ visibility: hidden; display: none; } .botaoSimples{ background: url('/bc/imagens/bt_padrao.gif') no-repeat; border: none; font: normal normal 11px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #77278b !important; cursor: pointer; text-align: center; vertical-align: middle; width: 95px; height: 24px; padding: 0px; padding-left: 1px; padding-bottom: 2px; margin: 0px; } .botaoSimples[disabled="disabled"] { color: gray; } .listaprodutos { padding: 4px; margin-bottom: 20px; } .listaprodutos .titulo td { font-weight: bold !important; background: #F0F0F0; color: #555 !important; } .listaprodutos .produtos td { line-height: 18px !important; background: url('/bc/imagens/bg_pontos.gif') repeat-x bottom center; } .listaprodutos .produtos div { margin: 5px 0 3px 10px; } .erro-titulo{ font: normal normal 30px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #77278b; } .erro-texto{ font: normal normal 14px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #444444; } .confirmacao { border: 1px solid #CCCCCC; padding:4px; width:310px; line-height:12px; } #curriculo h5 { font: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #77278b; margin: 15px 0 15px 30px; } #curriculo #formulario { padding: 10px; border: solid 1px #CCCCCC; background: #F4F4F4; margin: 10px; } #curriculo ul.menu { margin-bottom: 10px; } #curriculo ul.menu li { display: inline !important; line-height: 0pt !important; list-style-image: none !important; list-style-position: outside !important; list-style-type: none !important; padding-left: 0pt !important; margin: 0px !important; } #curriculo ul.menu li a { font: normal bold 1.02em Arial,Verdana,Helvetica,sans-serif; line-height:normal; margin-right:2px; text-decoration:none; } #curriculo ul.menu li a div { cursor: pointer; border-right: dotted 1px #CCC; border-bottom: dotted 1px #CCC; border-left: dotted 1px #CCC; display: table-cell; height: 18px; padding: 2px 8px; background-color: #FFF; text-align: center; vertical-align: middle; } #curriculo .tab_grid { border-spacing: 0pt; } #curriculo .tab_grid .tr_cabecalho td { padding: 2px 4px; background:#F0F0F0 none repeat scroll 0%; color:#555555 !important; font-size: 10px; font-weight:bold !important; } #curriculo .tab_grid .td_dados { font-size: 10px; background: transparent url(/bc/imagens/bg_pontos.gif) repeat-x scroll bottom center; height: 25px !important; } #curriculo .desabilitado { color: #BBB; } * html #curriculo .desabilitado input { background-color: #CCC; } * html #curriculo ul.menu li a div { display: inline; } .letrasrestantes { text-align: right; padding-right: 10px; color: #888 !important; font-size: 10px !important; } .letrasrestantes input, .curriculo span { color: #888 !important; font-size: 10px !important; } #curriculo .botaoNavegacao { border: none; font: bold normal 11px/normal Arial, Tahoma, Helvetica, sans-serif; color: #77278b; cursor: pointer; text-align: center; vertical-align: middle; width: 88px; height: 24px; padding: 0; padding-left: 1px; padding-bottom: 3px; margin: 0 4px ; } * html #curriculo .botaoNavegacao { padding-bottom: 2px; } #curriculo input.proximo { background: url('/bc/imagens/bt_ico_proximo.png') no-repeat; padding-right: 20px;} #curriculo input.anterior { background: url('/bc/imagens/bt_ico_voltar.png') no-repeat; padding-left: 20px; } #curriculo input.salvar { background: url('/bc/imagens/bt_ico_salvar.png') no-repeat; padding-left: 18px; } /* INICIO dos estilos para a LightBox */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(/bc/imagens/lightbox/blank.gif) no-repeat; display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/bc/imagens/lightbox/prevlabel.gif) no-repeat left 15% ; } #nextLink:hover, #nextLink:visited:hover { background: url(/bc/imagens/lightbox/nextlabel.gif) no-repeat right 15% ; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* Min-Width */ .lbWidth { position: absolute; top: 0px; left: 0px; width: 100%; min-width: 790px; } /* most browsers */ * html .lbContent { margin-left: -790px; position:relative; } /* IE6 */ * html .lbMinWidth { padding-left: 790px; } /* IE6 */ /* Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac */ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* FIM dos estilos para LightBox */