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

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

.list{list-style: none; font:16px 'Archivo Narrow', sans-serif; margin: 0; padding: 0;}

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

.faixamenu{width:100%; background:rgb(40,42,83);}
.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, 1); display:block;}
.menuTopo li a:hover{color:rgba(225, 225, 225, 0.5);}

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

.so-Topo{width:100%; max-width: 600px; display: flex; justify-content: flex-end; flex-wrap: wrap;}
.so-Topo a{display: block; font:18px  'Oswald', sans-serif; color: #ffffff; padding: 20px 10px; margin: 3px;}
.cor01{background:rgba(54, 54, 106,1);}
.cor01:hover{background:rgba(54, 54, 106, .8);}
.cor02{background:rgb(207, 161, 84);}
.cor02:hover{background:rgba(207, 161, 84, .8);}

.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(54, 54, 106);}
#mainmenu{width:100%; display:flex; background:rgb(230, 230, 230); border-bottom:6px solid rgb(54, 54, 106);}
#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,42,83); 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(207, 161, 84); color:rgb(255, 255, 255); cursor:pointer; font-size:32px !important; line-height:45px !important; margin:0; text-align:center;}
.btn:hover{background:rgb(24,54,106);}

.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(207,161,84); color:rgb(255, 255, 255);}
.notas{background:rgb(37,37,74);}
.documentos{background:rgb(43,43,84);}
.financeiro{background:rgb(48,48,95);}
.facilitador{background:rgb(54, 54, 106);}

.conteudo{justify-content:space-between; padding:50px 0;}
.conteudoEsquerdo h1{width:100%; color:rgb(0, 102, 153); 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(54, 54, 106);}
.conteudoEsquerdo h2{color:rgb(54, 54, 106);}
.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(40,42,83);}

.restrito{background:rgb(230, 230, 230); display: block; padding: 10px; margin: 20px 0;}
.restrito h3{color:rgb(207,161,84); margin-bottom: 0;}
.restrito p{margin-top: 0;}

.consultas{flex-wrap:wrap; padding:30px 0; justify-content:space-between}
.consultas h2{width:100%;  font-size:32px; color:rgb(54, 54, 106); border-bottom:1px dotted rgb(54, 54, 106); 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);}

.nosso-contato{padding:30px 0; width:98%; max-width:1200px; margin:0 auto;}
.nosso-contato h2{width:100%;  font-size:32px; color:rgb(54, 54, 106); border-bottom:1px dotted rgb(54, 54, 106); text-transform:uppercase;}
.nosso-contato .email{color:rgb(207,161,84);}
.n-cont{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.endereco{width: 50%;}
.redes{width: 50%; display: flex; align-items: center; justify-content: flex-end;}
.redes a{width: 50px; height: 50px; color: #ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 5px; font-size: 22px;}
.facebook{background: #395692;}
.instagram{background-image:linear-gradient(to bottom, #8444BE, #D63083, #FECF6D);}
.whatsapp{background: #00DF72;}

.programacao{flex-wrap:wrap; justify-content:space-between; margin-bottom:30px;}
.programacao h2{width:100%;  font-size:32px; color:rgb(54, 54, 106); border-bottom:1px dotted rgb(54, 54, 106); text-transform:uppercase;}
.blocos{width:49.5%; background:rgb(54, 54, 106); 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);}

.rodape{width:100%; background:rgb(40,42,83); 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(207,161,84);}

@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%;}
	.programacao form input{width:calc(99% / 3); margin-bottom:10px;}
	.utilitarios{position:relative; z-index:9999; top:0; margin-bottom:0;}
    #logo{width:100%; max-width:400px; margin: 0 auto;}
    .so-Topo{width: 100%; max-width: 100%; justify-content: center; margin-top: 25px;}
}
@media screen and (max-width:990px){
	#mainmenu{display:none;}
	.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;}
	.menu select{display:block;}
}
@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;}
	.endereco{width: 100%;}
	.redes{width: 100%; justify-content: flex-start;}
}
@media screen and (max-width:600px){
	.so-Topo a{width: 100%;}
}	
@media screen and (max-width:499px){
	#banner{display:none;}
	.box, .bt, .blocos{width:100%;}
	.conteudoEsquerdo h1{line-height:40px;}
	.programacao form input{width:100%}
}