@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(50, 56, 66);}
.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: 210px;}

.contatoTopo{font:32px'Oswald', sans-serif; color:rgb(51, 51, 51); margin:0; text-align: center;  /* display:flex; */}
.contatoTopo>.material-icons{color: #00344c; font-size:48px !important; margin-right:10px;}

.slogan0 {text-transform: uppercase; font-size: 45px;}
.fon{ padding: 10px; background: #EABE42; color: #00344C; border-radius: 5px; margin-top: 20px; }

.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: #00344c;}
#mainmenu{width:100%; display:flex; background:rgb(250, 250, 250); border-bottom:6px solid #eabe42;}
#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: #00344c; 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: #eabe42; color:rgb(255, 255, 255); cursor:pointer; font-size:32px !important; line-height:45px !important; margin:0; text-align:center;}
.btn:hover{background:rgb(26, 26, 26);}

.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: #eabe42; color:rgb(255, 255, 255);}
.notas{background: #00344c;}
.documentos{background: #004666}
.financeiro{background:  #005780;}
.facilitador{background: #006999;}

.conteudo{justify-content:space-between; padding:50px 0;}
.conteudoEsquerdo h1{width:100%; color: #00344c; text-transform:uppercase; margin:0; line-height:80px; border-bottom:1px dotted rgb(0, 102, 153);}
.conteudoEsquerdo p{color:rgb(51, 51, 51);}
.conteudoEsquerdo p a{color:rgb(51, 51, 51);}
.conteudoEsquerdo p a:hover{color:rgb(7, 159, 191);}
.conteudoEsquerdo h2{color:rgb(7, 159, 191);}
.conteudoEsquerdo{width:65%;}
.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(50, 56, 66);}

.consultas{flex-wrap:wrap; padding:30px 0; justify-content:space-between}
.consultas h2{width:100%;  font-size:32px; color: #00344c; border-bottom:1px dotted rgb(7, 159, 191); 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(7, 159, 191); border-bottom:1px dotted rgb(7, 159, 191); text-transform:uppercase;}
.blocos{width:24%; background:rgb(7, 159, 191); 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: 20%; font:16px 'Archivo Narrow', sans-serif; color:rgb(51, 51, 51); padding:15px 10px;}
.programacao form button{width: 10%; font:16px/50px 'Archivo Narrow', sans-serif; color:rgb(255, 255, 255); background:rgb(7, 159, 191); border:0; cursor:pointer;}
.programacao .adm{width: 18%; display:inline-block; font:16px/50px 'Archivo Narrow', sans-serif; color:rgb(255, 255, 255); text-align:center; background:rgb(4, 115, 137);}

.rodape{width:100%; background:rgb(50, 56, 66); 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(7, 159, 191);}

.flex, .flex2 { display: flex; }
.wrap { flex-wrap: wrap; }
.itens{ align-items: center; }
.center{ justify-content: center; }
.space{ justify-content:space-between; }
.align{ align-content: space-between; }

.fstart{ align-self: flex-start; }
.fcenter{ align-self: center; }
.fend{ align-self: flex-end; }

.notUni { flex: 1 380px; margin: 10px 20px;  text-align: justify; }
.notUni .data { padding: 10px 5px; margin-right: 10px; background: #EABE42; color: initial; text-align: center; border-radius: 3px; font: 300 22px/30px 'Oswald', sans-serif; letter-spacing: 1px; }
.notUni h1 { margin: 0; font-size: 23px; }
.notUni .descricao { text-align: justify;  }
.notUni a{ display: inline-block; padding: 5px 10px; border: 1px #ccc solid; font-family: 'Oswald', sans-serif; color: initial; }

@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:425px){
	.box, .bt, .blocos{width:100%;}
	.conteudoEsquerdo h1{line-height:40px;}
    .programacao form input{width: 100%; margin: 5px 0;}
    .programacao form button{width: 48%; margin: 5px 0;}
    .programacao .adm{width: 100%; margin: 0;}    
}