@import url(fonts/fonts.css);

body { margin:0; padding:0; }
.estrutura { margin:0 auto; width:95%; max-width:1000px; }
.hidden { overflow:hidden; }
h1,h2,h3,h4,h5,h6 { font-family:'kabel_bk_btbook'; font-weight:normal; }

.fdTopo { background:#fff; color: #333; }
.logomarca { float:left; padding:30px 0; object-fit: contain; }

.mainMenu { float:right; width:100%; max-width:500px; font-size:0; margin:0; padding:0; }
.mainMenu li { font:17px 'kabel_bk_btbook'; display:inline-block; width:25%; text-align:center; list-style:none; }
.mainMenu li a { display:block; line-height:181px; color:#333; text-decoration:none; transition:all 250ms ease-out; }
.mainMenu li a:hover { background:#00BF90; color: #fff; }

.banner { width:100%; position:relative; }
.banner img { width:100%; height:auto; }
.fd-slogan { position:absolute; bottom:15px; background:rgba(0,0,0,0.7); width:100%; padding:5px 0; z-index:1000; }
.fd-slogan p { font:22px 'kabel_bk_btbook'; color:#fff; text-align:right; }
.fd-slogan p span { font-size:26px; }

.sombra { width:100%; max-width:960px; display:block; margin:0 auto; }

.conteudo { margin:25px auto; }
.conteudo h1 { color:#00BF90; margin:0; }
.conteudo p { text-align:justify; font:12px/24px Arial; }
.home img { float:right; width:50%; max-width:469px; margin-left:25px; }
.underTitulo { background:#00BF90; border-left:50px solid #006d52; width:30%; height:5px; margin:20px 0; }

.utilitarios01 { background:#1f1f1f; padding:50px 0; }
.utilitarios01 .meio { margin:0 5%; }
.utilitarios01 .blocoUtil { width:30%; float:left; color:#ccc; }
.utilitarios01 .blocoUtil h2 { margin:0; }
.utilitarios01 .blocoUtil a { color:#ccc; font:bold 12px/25px Arial; text-decoration:none; }
.utilitarios01 .blocoUtil a:hover { text-decoration:underline; }
.utilitarios01 .circulo { width:65px; font:45px/65px 'kabel_bk_btbook'; color:#fff; text-align:center; background:#00BF90; float:left; border-radius:50%; margin-right:10px; }

.utilitarios02 { padding:50px 0; }
.utilitarios02 .blocoUtil { width:25%; box-sizing:border-box; float:left; text-align:center; border-left:1px solid #ccc; }
.utilitarios02 .sborda { border-left:none; }
.utilitarios02 .blocoUtil .icone { font-size:55px; color:#00BF90; }
.utilitarios02 .blocoUtil a { font:12px/20px Arial; text-decoration:none; color:#000; display:block; }
.utilitarios02 .blocoUtil a:hover { text-decoration:underline; }

.rodape { background:url(imagem/fd_utilitarios.png) top center no-repeat; padding:40px 0; }
.rodape .linksUteis { float:left; width:55%; }
.rodape h2 { color:#fff; }
.rodape ul { width:33%; float:left; margin:0; padding:0; list-style:none; }
.rodape ul a { font:12px/48px Arial; color:#fff; text-decoration:none; }
.rodape ul a:hover { text-decoration:underline; }
.rodape .programacao { width:40%; float:right; }
.rodape form input { width:100%; color:#fff; font:12px Arial; background:rgba(17,22,30,0.5); padding:10px 7px; margin-bottom:4px; border-radius:2px; border:none; outline:none; }
.rodape form button { color:#fff; font:12px Arial; background:#11161e; padding:10px; border-radius:2px; border:none; outline:none; cursor:pointer; }
.rodape form a { color:#fff; font:12px Arial; text-decoration:none; }
.rodape form a:hover { text-decoration:underline; }
.rodape .online { color:#fff; font:12px Arial; text-decoration:none; }
.rodape .online:hover { text-decoration:underline; }

.clear { clear:both; }
.txtRDP { font:12px Arial; text-align:center; color:#fff; margin-top:70px; }

@media screen and (max-width: 900px){
	.logomarca { float:none; margin:0 auto; display:block; }
	.mainMenu { float:none; max-width:900px; }
	.mainMenu li a { line-height:70px; }
	
	.rodape .linksUteis, .rodape .programacao { float:none; width:100%; }
	.programacao form input { width:33%; float:left; }
	.programacao form input[name='cliente_documento'] { margin:0 0.5%; }
}

@media screen and (max-width: 640px){
	.utilitarios01 .blocoUtil { width:100%; text-align:center; }
	.utilitarios01 .circulo { display:none; }
	.utilitarios01 .meio { margin:20px 0; }
	.utilitarios01 br { display:none; }
	
	.utilitarios02 .blocoUtil { width:50%; text-align:center; margin:20px 0; }
	.utilitarios02 .blocoUtil:nth-child(3) { border-left:none; }
}

@media screen and (max-width: 480px){
	.banner { display:none; }
	.home img { display:none; }
	.rodape { background:#2e707d; }
	.rodape ul { width:33%; }
	.programacao form input { width:100%; float:none; }
	.programacao form input[name='cliente_documento'] { margin:0 0 4px; }
}

@media screen and (max-width: 320px){
	.rodape ul { width:100%; }
	.rodape ul li { width:50%; float:left; }
}