@charset "utf-8";
/* CSS Document */

body, ul{margin:0; padding:0;}
*{resize:none; outline:none; box-sizing:border-box;}
a{text-decoration:none; trasition:all ease-out 300ms; -webkit-transition:all ease-out 300ms;}
h1, h2, h3, h4, h5, h6{font-family: 'Oswald', sans-serif; font-weight:normal;}
p{font:16px 'Archivo Narrow', sans-serif;}

.container{width:98%; max-width:1200px; margin:0 auto; display:flex;}

.faixamenu{width:100%; background:rgb(40, 50, 74);}
.menuTopo{width:98%; max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap;}
.menuTopo li{flex:1; list-style:none; text-align:center; border-right:1px solid rgba(255, 255, 255, .3);}
.menuTopo li:last-child{border:none;}
.menuTopo li a{font:14px/40px 'Oswald', sans-serif; color:rgba(255, 255, 255, .5); display:block;}
.menuTopo li a:hover{color:rgb(225, 225, 225);}

.topo{width:100%; background:rgb(234, 234, 235);}
.topo .container{justify-content:space-between; align-items:center; padding:30px 0; flex-wrap:wrap;}
#logo{width:100%; max-width:300px;}

.contatoTopo{font:32px'Oswald', sans-serif; color:rgb(51, 51, 51); margin:0; display:flex;}
.contatoTopo>.material-icons{color:rgb(245, 134, 52); font-size:48px !important; margin-right:10px;}

.bt_clientes{display: inline-block; padding: 15px 50px; background: rgb(245, 134, 52); color: rgb(255, 255, 255); font:16px 'Archivo Narrow', sans-serif;}
.bt_clientes:hover{background: rgb(40, 50, 74);}

.menu{width:100%; max-width:1200px; margin:0 auto;}
.menu select{display:none; border:0; border-radius:3px; padding:15px 5px; width:95%; font:18px/50px 'Archivo Narrow', sans-serif; color:rgb(255, 255, 255); margin:10px auto; background:rgb(245, 134, 52);}
#mainmenu{width:100%; display:flex; background:rgb(250, 250, 250); border-bottom:6px solid rgb(245, 134, 52);}
#mainmenu li{flex:1; list-style:none; text-align:center; border-right:1px solid rgb(234, 234, 235);}
#mainmenu li:last-child{border:0;}
#mainmenu li a{font:18px/80px  'Oswald', sans-serif; color:rgb(51, 51, 51); text-transform:uppercase; display:block;}
#mainmenu li a:hover{background:rgb(40, 50, 74); color:rgb(255, 255, 255);}

#banner{width:100%; overflow:hidden; position:relative;}
#sloganH{width:100%; font:40px 'Oswald', sans-serif; color:rgb(255, 255, 255); text-shadow:1px 1px 1px rgb(51, 51, 51); text-transform:uppercase; padding:20px; text-align:center; top:10%; position:absolute; z-index:9999;}
#sloganH span{display:block; font-size:32px;}
#progress{position:absolute; z-index:1000; background:rgba(7, 159, 191, .5); height:5px; top:0; width:0;}

.centro{width:100%; position:absolute; z-index:9999; top:0; height:80%;}
.centroContainer{width:100%; display:flex; justify-content:center; height:100%;}
.botoes{width:95px; z-index:9999; display:flex; justify-content:space-between; align-items:flex-end;}
.btn{width:45px; height:45px; background:rgb(245, 134, 52); color:rgb(255, 255, 255); cursor:pointer; font-size:32px !important; line-height:45px !important; margin:0; text-align:center;}
.btn:hover{background:rgb(40, 50, 74);}

.utilitarios{position:relative; z-index:9999; top:-30px; margin-bottom:-30px; flex-wrap:wrap;}
.box{width:25%; text-align:center; padding:20px 10px;}
.box h2{color:rgb(255, 255, 255); text-transform:uppercase; font-size:20px;}
.box p{color:rgb(255, 255, 255);}
.box>.material-icons{color:rgb(255, 255, 255); font-size:70px !important;}
.mais{width:100px; background:rgb(255, 255, 255); font:16px/50px 'Archivo Narrow', sans-serif; color:rgb(51, 51, 51); display:block; margin:0 auto;}
.mais:hover{background:rgb(51, 51, 51); color:rgb(255, 255, 255);}
.notas{background:rgb(193, 103, 38);}
.documentos{background:rgb(209, 112, 43);}
.financeiro{background:rgb(226, 123, 49);}
.facilitador{background:rgb(245, 134, 52);}

.conteudo{justify-content:space-between; padding:50px 0;}
.conteudoEsquerdo h1{width:100%; color:rgb(40, 50, 74); text-transform:uppercase; margin:0; line-height:80px; border-bottom:1px dotted rgb(40, 50, 74);}
.conteudoEsquerdo p{color:rgb(51, 51, 51);}
.conteudoEsquerdo p a{color:rgb(51, 51, 51);}
.conteudoEsquerdo p a:hover{color:rgb(245, 134, 52);}
.conteudoEsquerdo h2{color:rgb(245, 134, 52);}
.conteudoEsquerdo{width:100%;}
.conteudoDireito{width:30%;}
.conteudoDireito h2{width:100%; color:rgb(204, 204, 204); text-transform:uppercase; margin:0; text-align:center; line-height:80px; background:rgb(40, 50, 74);}

.consultas{flex-wrap:wrap; padding:30px 0; justify-content:space-between}
.consultas h2{width:100%;  font-size:32px; color:rgb(40, 50, 74); border-bottom:1px dotted rgb(40, 50, 74); text-transform:uppercase;}
.bt{width:24.5%; display:flex; justify-content:space-between; justify-content: flex-start; margin:5px 0; background:rgb(240, 240, 240);}
.bt h3{color:rgb(51, 51, 51); margin:0; margin-left:5px;}
.bt h3 span{display:block; font:normal 15px 'Archivo Narrow', sans-serif;}
.bt .imagens{width:90px;}
.bt img{outline-offset:-6px; outline:2px solid rgba(255, 255, 255, .5); width:90px; height:90px;}
.bt:hover{background:rgb(230, 230, 230);}

.programacao{flex-wrap:wrap; justify-content:space-between; margin-bottom:30px;}
.programacao h2{width:100%;  font-size:32px; color:rgb(40, 50, 74); border-bottom:1px dotted rgb(40, 50, 74); text-transform:uppercase;}
.blocos{width:24%; background:rgb(245, 134, 52); padding:10px; margin-bottom:10px;}
.blocos h3{color:rgb(255, 255, 255); font-size:24px; margin:0;}
.blocos p{color:rgb(255, 255, 255); margin:0;}
.blocos:hover{background:rgb(6, 130, 155);}

.programacao form{width:100%; margin-bottom:30px; display: flex;justify-content: space-between; flex-wrap: wrap;}
.programacao form input{width: 24%; font:16px 'Archivo Narrow', sans-serif; color:rgb(51, 51, 51); padding:15px 10px;}
.programacao form button{width: 8%; font:16px/50px 'Archivo Narrow', sans-serif; color:rgb(255, 255, 255); background:rgb(245, 134, 52); border:0; cursor:pointer;}
.programacao .adm{width: 10%; display:inline-block; font:16px/50px 'Archivo Narrow', sans-serif; color:rgb(255, 255, 255); text-align:center; background:rgb(40, 50, 74);}

.rodape{width:100%; background:rgb(40, 50, 74); margin-top:30px; text-align:center; padding:30px 0;}
.rodape p, .rodape p a{color:rgb(255, 255, 255)}
.rodape p a:hover{color:rgb(245, 134, 52);}

.ct_noticias{ padding:50px 0;}
.ct_noticias h2{width:100%;  font-size:32px; color:rgb(40, 50, 74); border-bottom:1px dotted rgb(40, 50, 74); text-transform:uppercase;}

.noticias .titulo { display: block; font-weight: bold;}
.noticias a { color: #014165; font-size: 14px; transition: all 250ms; padding: 0 3px; border-radius: 3px; border-left: 1px solid #014165; border-right: 1px solid #014165; }
.noticias a:hover { background: #014165; color: white;}

.box03{flex: 1 40%; margin: 0 10px;}
.parceiros img{max-width: 300px;}

@media screen and (max-width:1024px){
	.menuTopo{width:100%;}
	.menuTopo li{width:25%; flex:none; border-bottom:1px solid rgba(255, 255, 255, .3);}
	.menuTopo li:nth-child(4){border-right:none;}
	.centro{height:95%;}
	.bt{width:49.5%;}
	.blocos{width:49%;}
	.utilitarios{position:relative; z-index:9999; top:0; margin-bottom:0;}
}
@media screen and (max-width:840px){
	.conteudoEsquerdo{width:100%;}
	.conteudoDireito{display:none;}
	.centro{display:none;}
	.box{width:50%;}
	#sloganH{font-size:30px; top:5%;}
	#sloganH span{font-size:26px;}
	.menuTopo li{width:50%;}
	.menuTopo li:nth-child(2){border-right:none;}
	.menuTopo li:nth-child(6){border-right:none;} 
	.topo .container{justify-content:center;}
	.contatoTopo{margin:30px 0;}    
	#mainmenu{display:none;}
	.menu select{display:block;}
	#banner{display:none;} 
    .programacao form input{width: 32%;}
    .programacao form button{width: 24%; margin: 5px 0;}
    .programacao .adm{width: 48%; margin: 5px 0;}
}
@media screen and (max-width:768px){
    .box03{flex: 1 100%;}
    .programacao form input{width: 100%; margin: 5px 0;}
}
@media screen and (max-width:425px){
	.box, .bt, .blocos{width:100%;}
	.conteudoEsquerdo h1{line-height:40px;}
    
    .programacao form button{width: 48%; margin: 5px 0;}
    .programacao .adm{width: 100%; margin: 0;}    
}