@import url("menu_titulos.css");
@import url("template_geral.css");

/* CSS Reset --------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
strike{text-decoration: none;}
fieldset,img{border:0;}
ol,ul {list-style:none;}
,th {text-align:left;}
hr {display:none;}
a{text-decoration:none; color:#F58221;}
a:hover {text-decoration:underline;}
#gamb{display: none;}

/* Classes */
.replace {text-indent:-9000px;}
.leiaMais {color:#F58221; border:none; font-weight:700; font-size:11px; float:right; margin:10px 0 0 0; padding:0 0 0 12px; background:url(../imagens/marcardorLaranja.gif) no-repeat left 5px;}
.leiaMais:hover {text-decoration:underline;}
.mostraCampo{display:block;}
.escondeCampo{display:none;}
.invisivel{visibility:hidden;}
.msgmValidacao, .msgmValidacao2{display:block; font-size:10px; font-weight:700;}
.aviso, .aviso2{color:Red;}
.imgOrganograma {margin: 0 0 0 40px;}
.borderNone{border: none;}
.p4 {float: right; display: none;}

/* Botões */
.btmDownload {color:#E26410; background:url(../imagens/botoes/download.gif) no-repeat right 1px; padding:5px 25px 5px 5px;}
.botaoPqn {display: block; float: left; font: 700 11px arial; color: #fff; background: url(../imagens/botoes/btm_padrao_pqn.gif) no-repeat; border: none; padding: 3px 8px; width: 63px; margin: 0 15px 0 0; }

/* Mensagens de Alerta */
.statusNaoRealizado, .statusRealizado, .statusAlerta{border:solid 1px #EDDBB1; padding:5px 30px; font-weight:700; width:90%; margin:0 0 15px -1px;}
.statusNaoRealizado{color:red; background:#FFFFF0 url(../imagens/erro-ico.jpg) no-repeat left center;}
.statusRealizado{color:green; background:#FFFFF0 url(../imagens/confirme-ico.jpg) no-repeat left center;}
.statusAlerta{color:#A8A800; background:#FFFFF0;}

/* Títulos das páginas internas */
.tit-interna, .conteudoDinamico .tit-interna{font:normal 22px arial; margin:0 0 0px 0; }
.Subtit-interna{font:700 16px arial; margin:0 0 10px 0; }

/* Estrutura do site */
body {font:12px Arial, Verdana, Helvetica, sans-serif;}
#site{width:936px; margin:20px auto 165px auto; padding:0 10px 20px 10px; overflow:hidden;}
#centro {float:left; clear:both; width:936px;}

/* TOPO */
#topo{width:936px; height:145px; float:left; clear:both;}

/* menu topo */
.menuUtilidades {float:right; width:185px; height:20px;}
.menuUtilidades li{float:left; margin:0px 5px 0 0;}
.menuUtilidades li a{font-weight:700; font-size:11px; padding:2px 0 4px 0; width:84px; float:left; text-align:center; }
.menuUtilidades li a:hover{background-position:0 -20px;padding:2px 0 4px 0; width:84px; float:left; text-align:center; }

/* Full Banner */
#fullBanner {float:right; margin:15px 5px 0 0; width:360px; height:80px;}

/* DIV Esquerda */
#esquerda {float:left; width:230px; margin:0 10px 0 0;}

/* Microcredito menu Esquerdo */
#esquerda #microcredito_esquerda {float: left; clear: both; width: 195px; padding: 10px; margin: 10px 0 20px 8px; font-size: 12px;}
#esquerda #microcredito_esquerda h2 {font:700 18px arial; margin: 0 0 10px 0; padding: 3px 0 7px 33px;}
#esquerda #microcredito_esquerda strong { display: block; margin: 0 0 5px 0; font-size: 12px;}

/* Links */
#links {float:left; clear:both; width:220px; margin:20px 0 0 8px;}

/* CONTEUDO */
#conteudo{float:left; width:658px; padding:0 0 40px 0; font-size: 13px; color: #777; margin:20px 0 0 0;}
#conteudo img{padding:5px; float:left; margin:0 10px 5px 0;}
#conteudo h2{margin:0 0 15px 0;}
#conteudo p{margin:15px 0;}
#conteudo ol, #conteudo ul {float:left; clear:both; margin:10px 0;}
.conteudoDinamico ol li{list-style-type:decimal; list-style-position:inside; margin:5px 0;}
.conteudoDinamico ul li{list-style-type:square; list-style-position:inside; margin:5px 0;}

/* Formatando conteúdo que vem direto do Editor */
.conteudoDinamico ul, .conteudoDinamico ol{display: block; width: 100%; margin: 20px 0 20px 20px;}
.conteudoDinamico ul li {list-style-type: disc; list-style-position: inside;}
.conteudoDinamico ol li {list-style-type: decimal; list-style-position: inside;}
.conteudoDinamico table {margin: 10px 0;}
.conteudoDinamico table th, .conteudoDinamico table td {padding: 5px;}
.conteudoDinamico h1, .conteudoDinamico h2, .conteudoDinamico h3, .conteudoDinamico h4, .conteudoDinamico h5, .conteudoDinamico h6{margin: 7px 0;}
.conteudoDinamico h1 {font-size: 20px;}
.conteudoDinamico h2 {font-size: 16px;}
.conteudoDinamico h3 {font-size: 14px;}
.conteudoDinamico h4 {font-size: 12px;}
.conteudoDinamico h5 {font-size: 10px;}
.conteudoDinamico h6 {font-size: 8px;}

/* 
	Conteudo Fale Conosco
	OBS.: Existe apenas no template_gera.css
*/
#conteudoFaleConosco {float:left; width:380px; padding:0 0 40px 0; font-size: 13px; color: #777; margin:20px 20px 0 0;}

/* DIV DIREITA */
#direita {float:right; width:690px;}

/* ################## Iniciando Formatação Exclusiva da página principal ################## */

/* Box Superior */
#conteudoSuperior {float:left; clear:both; width:690px; margin:0 0 0 0px;}
#conteudoSuperior .box1{float:left; width:390px; padding:15px 15px 25px 15px; margin:0 5px 0 0;}
#conteudoSuperior .box1 h3{font-weight:normal; margin:0 0 10px 0; font-size:12px;}
#conteudoSuperior .box1 ul li {margin:0 0 5px 0;}
#conteudoSuperior .box2{float:left; width:235px; padding:15px 10px 5px 10px;}
#conteudoSuperior .box2 strong{display: inline;}
#conteudoSuperior .box2 h4{ display: block;}
#missao, #visao, #valores {float:left; clear:both; font-size:12px; width:90%; margin:5px 0 5px 13px;}

/* Box Inferior */
#conteudoInferior {float:left; clear:both; width:690px; margin:30px 0 0 0;}
#conteudoInferior #box1 {float:left; width:390px; margin:0 0 0 18px; padding:0 10px 10px 0;}
#conteudoInferior #box2 {float:left; width:235px; padding:0px 10px 15px 10px; margin:0 0 0 7px;}
#conteudoInferior #box2 .mascara{width: 230px; height: 100px; overflow: hidden; float: left; clear: both;padding: 0px;}
#conteudoInferior #box2 .mascara img{margin: -15px 0 0 -5px; border: none; width: 230px; height: auto;}

/* Lista Notícia */
.listaNoticiaInterna {width:95%;}
.listaNoticiaInterna img{display: none;}
.listaNoticiaInterna .tit-noticia {font-size:14px; font-style:italic; }
.listaNoticia {float:left; clear:both; width:243px;}
.listaNoticia li, .listaNoticiaInterna li{float:left; clear:both; width:100%; padding:0px 0 7px 0; margin:0px 0 7px 0;}
.listaNoticiaInterna li {padding:0 0 10px 0;}
.listaNoticia li a, .listaNoticiaInterna li a, .listaNoticiaInterna li a h4 {display:block; font-size:12px;}
.listaNoticia li a:hover, .listaNoticiaInterna li a:hover{text-decoration:none;}
.tit-noticia {font-size:16px; }
.data-noticia{display:block;}

/* Tabela padão PÁGINA PRINCIPAL */
.tabelaTracejada{float:left; clear:both; width:100%; margin:20px 0 0px 0; font-size:11px; }
.tabelaTracejada th{padding:3px 8px; text-align:left; }
.tabelaTracejada td{padding:6px;}
.tabelaTracejada td.download{width:40px;}

/* ################## Finalizando Formatação Exclusiva da página principal ################## */

/* Busca */
#busca {float:left; clear:both; width:684px; height:23px; padding:3px;}
#busca ul{float:right; margin: 0 10px 0 0;}
#busca ul li{float:left; padding:5px 5px 0 0;}
#busca ul li input[type=text], #busca ul li input[type=password] {border:none; margin:0 5px; width: 80px; font-size: 10px; padding: 2px; font-weight: 700;}
#busca ul li .btmOk {margin: -6px 0 0 0;}

/* PARCEIROS */
#parceiros{float:left; width:662px; padding:0 0 30px 0; margin:20px 0 0 18px; }
#parceiros ul{float:left; clear:both; width:auto; }
#parceiros ul li{float:left; margin:0 20px; text-align:center;}
#parceiros img{border:none; background:none;}
#parceiros #mrqParceiro {width: 100%;}

/*Rodapé*/
#rodape{float:left; bottom: 0; width:800px; background: red;}
#rodape ul{position:absolute; margin:30px 0 0 0; padding:0 0 0 25px; font-weight:700;}

.creditos {margin:55px 0 0 840px; float:right; position: relative; background: url(../imagens/plano4.png) no-repeat; width:60px; height:20px; }

/* Lista do formulário */
#conteudo ul.listaForm li{list-style: none;}
ul.listaForm {margin:20px 0; float:left;}
ul.listaForm, ul.listaForm li{width:440px; }
ul.listaForm label{ float:left; font:700 12px verdana;}
ul.listaForm li{margin:10px 0;}
ul.listaForm label{float:left; width:90px; }
ul.labelSize label{width:130px;}
ul.labelSize li{height:35px;}
ul.listaForm .campo, ul.listaForm .campoGrande{padding:5px; width:200px; font-size:11px;}
ul.listaForm .campo{width:200px;}
ul.listaForm .campoGrande{width:280px;}
ul.listaForm .campoTxtArea {height:120px;}
.botao{font:700 11px verdana; padding:4px 6px; width:70px; text-align:center;}
.botao:hover{ cursor:pointer}

/* Filiais */
#filiais{float: right; width: 260px; margin: 20px 0 0 0;}
#filiais ul {width:180px; float:left; margin:15px 0 0 0; padding:15px 25px;}
#filiais ul li{float:left; margin:5px 0; clear:both; width: 90%;}
#filiais ul strong{display:block; font-size:12px;}

/* Box Produto */
.boxProduto{float:left; clear:both; margin:20px 0; padding:10px; width:660px;}
.boxProduto legend{float:left; padding:5px 10px; margin:-25px 0 0 -11px; text-align:center; font-weight:700; font-size:14px;}

/* Lista Histórias de Sucesso*/
#conteudo .listaHistSucesso li {list-style: none;}
.listaHistSucesso { float:left; margin:0px 0 15px 0; clear:both; width:95%; list-style: none;}
.listaHistSucesso li{margin:0; padding: 8px 0; float:left; clear:both; width:97%;}
.listaHistSucesso li strong{display:block; font-size:13px; margin:0 0 5px 0;}

/* Paginação */
#containerPaginacao {float:left; clear:both; margin:0 0 0 -5px;}
#containerPaginacao span{float:left; clear:both; font-weight:700;}
.paginacao { padding:0; margin:0 0 0 0px; width:auto; height:50px; text-align:center; width: 657px;}
.conteudoDinamico .paginacao li, .paginacao li{float:left; list-style-type: none;}
.paginacao a, .paginacao span {display:block; padding:3px 5px; margin:15px 0 0 5px; text-align:center; font-size: 10px;}
.paginacao a.inativo{ display:block; text-decoration:none; margin:15px 0 0 5px; text-align:center;}
.paginacao a.inativo:hover{cursor:default;}

/*Paginação dentro da tabela padrao */
.tabelaPadrao .paginacao {width: 390px; height: 20px; padding: 0;}
.tabelaPadrao .paginacao a, .tabelaPadrao .paginacao span {font-size: 9px; padding: 2px 4px; margin: 0 1.5px;}

/* Tabela Padrão */
.tabelaPadrao {width:100%; margin:15px 0 10px 0; float: left; clear: both;}
.tabelaPadrao th, .conteudoDinamico table th {font:700 11px Tahoma, Geneva, sans-serif; padding:3px 7px; text-align:left;}
.tabelaPadrao td {padding:5px 10px; }
.tabelaPadrao td .img, .tabelaPadrao td img  {padding:4px; float: left; margin: 0 10px 10px 0;}
.tabelaPadrao .size200 {width:200px;}
.tabelaPadrao .size150 {width:150px;}
.tabelaPadrao .size100 {width:100px;}
.tabelaPadrao .size13  {width:13px; text-align:center;}
.tabelaPadrao .campoTexto {width:280px; padding:5px; font-size:18px;}

/* Tabela Download */
#conteudo .tabelaDownload {width:100%; margin:15px 0 10px 0; float: left; clear: both; border: none;}
#conteudo .tabelaDownload th { padding: 7px 0 7px 4px;}
#conteudo .tabelaDownload td { padding: 5px 10px 5px 10px;}
#conteudo .tabelaDownload td h3 {margin: 10px 0 0 0;}
#conteudo .tabelaDownload td p {margin: 0px 0 0 0;}
#conteudo .tabelaDownload td img {background: none; border:none;}

/* Tabela Download na Index */
#conteudoInferior .tabelaDownload th {font-size: 10px; font-weight: 700; text-align: left;}
#conteudoInferior .tabelaDownload td {padding: 5px;}
#conteudoInferior .tabelaDownload td h3 {font-size: 12px;}

/* Lista Wallpaper */
#conteudo .listaWallpaper {float: left; clear: both; width: 640px; margin: 20px 0 0 20px;}
#conteudo .listaWallpaper li {width: 160px; float: left; padding: 0 50px 30px 0; list-style: none;}
#conteudo .listaWallpaper li .mascara{width: 180px; height: 100px; overflow: hidden; float: left; clear: both;}
#conteudo .listaWallpaper li .botaoDownload {float: left; clear: both;}

/* Saldação */
#saldacao {float: left; clear: both; width: 95%; margin: 0 0 0 15px; padding: 4px 0 0 0;}
#saldacao h3 {width: 400px; float: left;font-size: 14px;}
#saldacao a {float: right; font-weight: 700; margin: 2px 10px 0 0;}

/* Tabela Emprestimo */
.tabelaEmprestimo {float: right; width: 300px;}
.formSimulacao {width: 670px; float: left; clear: both; height: 50px; margin: 20px 0 0 0;}
.formSimulacao .listaForm {width: 350px;}
.formSimulacao .listaForm li, #divMensagem {width: 320px;}
.formSimulacao .listaForm .campoObrigatorio, .campoObrigatorio {float: left; clear: both; width: 200px; margin: 5px 0 0 90px; font-size: 10px; color: red; font-weight: 700;}
#divTabelaCalculo {float: right; width: 300px;}
#divTabelaCalculo table{margin: 0 30px 0 0 ;}
#divTabelaCalculo #tabelaSimulacao {margin:20px 0 0 0; width:200px;}
.formSimulacao {height: 300px;}

/* Mapa Brasil */
#mapaBrasil_geral {float: left; clear: both; width: 670px; }
#mapaBrasil {float: right; width: 300px;}
#mapaBrasil_conteudo {width: 360px; float: left;}

/* Informações Video*/
.conteudoDinamico .listaVideos{float: left; clear: both; width: 670px; margin: 0; }
.conteudoDinamico .listaVideos li{float: left; clear: both; list-style-type: none; width: 670px;}
.conteudoDinamico .listaVideos li a {float: left; clear: both; padding: 0 0 0 95px; width: 570px;}
.conteudoDinamico .listaVideos li a:hover {text-decoration: none;}
.conteudoDinamico .listaVideos li em {width: 100%;}
.conteudoDinamico .listaVideos li em {font-size: 11px;}
#videoContainer {float: left; width: 670px; margin: 0 0 20px 0;} 
#videoContainer #playerContainer, #videoContainer #playerContainer #player {float: right; width: 350px; display: inline;}
#videoContainer ul#informacoesVideo{float: right; width: 300px; margin: 0 0 0 15px; display: inline;}
#videoContainer #informacoesVideo li {list-style: none; width: 100%;}