@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; flex-wrap: wrap; }

.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:410px;}

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

.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:#f2b541;}
#mainmenu{width:100%; display:flex; background:rgb(250, 250, 250); border-bottom:6px solid #f2b541;}
#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(50, 56, 66); 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:#f2b541; 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:rgb(51, 51, 51); color:rgb(255, 255, 255);}
.notas{background: #d7910f;}
.documentos{background: #eea111;}
.financeiro{background: #f0aa28;}
.facilitador{background: #f2b541;}

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

input[type='submit'], input[type='reset'], button[type='submit'], button[type='reset'], [onclick], li{cursor:pointer; outline:none; }

/* ADAPTAÇÃO MODELO 12 */

.social{ padding-left: 40px; }

.banner { width:100%; position: relative; }
.banner .foto{ width:100%; height: 400px; }

/* MODELO  27 */

#faixa-utilitarios { width: 100%; background: #f2b541; overflow: hidden; text-align: center; font: 300 26px/70px 'Oswald', sans-serif; color: #111111; margin: 15px 0 0; }

/* MODELO  16 */

.inicial { width: 100%; background: rgb(238, 238, 238); padding: 50px 0; position: relative; z-index: 999; }

.tainer{width: 98%; max-width: 1200px; display: flex; flex-wrap: wrap; margin: 0 auto;}
.between{justify-content: space-between;}
.align{ align-items: center; }

.box16{width: 24.5%; background: rgb(255, 255, 255); padding: 30px 0; margin-bottom: 8px; text-align: center;  -webkit-transition: all ease-out 300ms; transition: all ease-out 300ms;}
.box16 i{background: #f2b541; width: 100px; line-height: 100px !important; color: rgb(255, 255, 255); font-size: 50px !important; border-radius: 50%;}
.box16 a{width: 100px; font: 16px/40px 'Archivo Narrow', sans-serif; color: rgb(255, 255, 255); background: rgb(51, 51, 51); display: block; margin: 0 auto;}
.box16 a:hover{background: #f2b541;}
.box16:hover{box-shadow: 0 0 5px rgb(122, 122, 122);}

/* MODELO  36 */
.linksBlocos{ display: flex; flex-wrap: wrap; width: 74%; padding: 20px 0; }
.linksBlocos a { flex-grow: 1; width: 20%; box-sizing: border-box; font:14px 'Archivo Narrow', sans-serif; /*width: 24%;  display: block; float: left; */ margin: 5px; padding: 25px 5px; border-radius: 2px; background: #4A364F; text-decoration: none; text-align: center; color: #fff; }
.linksBlocos a:hover { background: #6C537A; }

/* MODELO 08 */

form[name='online']{ width:25%; }

form[name='online'] h3{ font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: normal; color: #333; padding-bottom: 10px; border-bottom: grey dotted 1px; border-top: none; text-transform: uppercase; }
form[name='online'] h3 span{ font-size: 18px; }

form[name='online'] input{ border-top: none; border-right: none; font:400 14px/55px 'Archivo Narrow', sans-serif; text-transform:uppercase; color:#f2b541; background:transparent; text-indent:10px; box-sizing: border-box; border-left:solid 4px #f2b541; border-bottom:solid 1px #f2b541; margin-bottom:10px; outline:none; }
form[name='online'] input:focus{ border-left:solid 15px #f2b541; background:white; }

form[name='online'] input:nth-child(2){ width:95%; }
form[name='online'] input:nth-child(3){ width:46%; margin-right:2%; }
form[name='online'] input:nth-child(4){ width:45%; }
form[name='online'] input, button[name='send'], button[name='reset'], button[name='admin'], button[name='bl3']{ -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; }

button[name='send']{ border:none; cursor:pointer; padding: 0 20%; border-radius:3px; background:dimGray; color:white; font:400 17px/40px 'Oswald', sans-serif; text-transform:uppercase; outline:none; }
button[name='reset']{ border:none; cursor:pointer; padding: 0 5%; margin-left:1.5%; border-radius:3px; background:darkGrey; color:white; font:400 17px 'Oswald', sans-serif; text-transform:uppercase; outline:none; }
button[name='reset']:before{ content:'\f00d'; font:normal 19px/40px 'FontAwesome'; color:white; }

button[name='admin']{ border:none; cursor:pointer; padding: 0 5%; margin-left:1.5%; border-radius: 3px; background:#f2b541; color:white; font:400 17px/30px 'Oswald', sans-serif; text-transform:uppercase; outline:none; }
button[name='admin']:before{ content:'\f234'; font:normal 19px/40px 'FontAwesome'; color:white; }
button[name='send']:hover, button[name='reset']:hover, button[name='admin']:hover{ background:black; }

/* MODELO 31 */

.programacoes{ display: flex; flex-grow: 1; align-items: center; cursor: pointer; background: #ececec; padding: 10px 10px; margin: 30px 5px; border-radius: 3px; }
.programacoes h1{ font-size: 24px; }
.programacoes h1 span{ display: block; font-size: 18px; }
.programacoes>.fa{ padding: 0 20px; }

/*.contabeis{ display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px; box-sizing: border-box; }*/
.contabeis{ width: 50%; display: flex; align-items: center; box-sizing: border-box; }
.contabeis img{ width:100%; max-width: 300px; height: auto;}
.pic { width: 100%; height:250px; }

.cont{ /*width: 45%;*/ margin: 0 auto; text-align: center; align-self: center; padding: 20px 10px; }
.cont h1{ font:normal 30px 'Oswald', sans-serif; }
.cont h1 span{ font-size: 18px; display: block; }
.cont h1 a{ display: inline-block; margin: 20px 0; padding: 10px 20px; font: 16px 'Oswald', sans-serif; color: #FFF; background: #3f454d; border: 0; color: #FFF; border-radius: 3px; outline: none; }
.cont h1 a:hover{ background: #f2b541; }

/* MODELO 27 */

.faixa-mapa { width: 100%; background: #4a364f; overflow: hidden; text-align: center; font: 300 26px/70px 'Oswald', sans-serif; color: white; margin: 15px 0 0; text-transform: uppercase; }

/* RODAPE */

.rod{ width: 100%; /*padding: 25px 0;*/ background: #555555; }
.tainer2{width: 98%; max-width: 1200px; display: flex; flex-wrap: wrap; margin: 0 auto;}
.r1{ padding: 20px; box-sizing: border-box; color: #bababa; /*max-width: 25%; align-self: center;*/  flex: 1;}
.r1 a{ color: #bababa;  }
.r1:first-child{ align-self: center; }

.r2{ background: #2b3137; color: white; text-transform: uppercase;  text-align: center; padding: 20px 0; font:normal 20px 'Oswald', sans-serif;  }

@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;}
    
    
    .linksBlocos{ width: 100%; }
    .linksBlocos a { width: 40%; }
    form[name='online']{ display: block; width: 100%; }
}

@media screen and (max-width:953px){
    .topo .container{ justify-content: center; }
}

@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;}
    
    
    .box16{ width: 49%; }
    .contabeis{ width: 100%; }
    .cont { width: 100%; }
    .tainer2{ display: block; }
}

@media screen and (max-width:540px){
    .social{ display: block; }
    .contatoTopo{ display: block; }
}

@media screen and (max-width:425px){
	.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;}
	.box, .bt, .blocos{width:100%;}
	.conteudoEsquerdo h1{line-height:40px;}
	.programacao form input{width:100%}
    
    .box16 { width: 100%; }
    .linksBlocos a { width: 100%; }
    .pic{ display: none; }
}
}