/*
  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: 0px;
    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-position: -10pt 0px; }
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; }

.asteristico { font: normal 10px Arial, Helvetica, sans-serif; color: #777; }


/* 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 */
#noticiasMercadoIndex td { 
    font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
    padding: 8px 5px 8px 5px;
}
#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;
}


#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;
}


#rodape {
    background-color: #E8EAEE;
}
#rodape .menu {
    font: normal 9px Tahoma, Arial, Helvetica, sans-serif;
    color: #575757;
}
#rodape .menu a {
    color: #575757;
    text-decoration: none;
}
#rodape .menu a:hover {
    color: #888;
}


.titulopagina {
    font: bold 19px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    /* text-transform: uppercase; */
    margin: 0 10px;
    padding: 0;
}



/* 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; 
}
.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: grey;
}

.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 center bottom;
  height: 25px !important;
}

#curriculo .desabilitado {
    color: #BBB;
}
* html #curriculo .desabilitado input {
    background-color: #CCC;
}


* html #curriculo ul.menu li a div { display: inline; }           /*                   */
/* html #curriculo ul.menu li a div span { position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only */
/* html #curriculo ul.menu li a div span span { position: relative; top: -50%; }                          /*                   */

.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; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/bc/imagens/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/bc/imagens/lightbox/nextlabel.gif) right 15% no-repeat; }

#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 { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
}

/* 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
*/