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

/*
azul principal: rgb(0, 48, 130)
azul hover: rgb(0, 44, 117)
amarelo: rgb(45, 124, 252) 
.qdd: background: rgba(51,102,153,.8) - Caixas do Banner
*/

*{resize:none; box-sizing:border-box; outline:none; font-family: inherit;}

body{margin:0; padding:0; font-family: 'Arial', sans-serif;}

h1, h2, h3, h4, h5, h6{font-family: 'Oswald', sans-serif; font-weight: 300;}
a{text-decoration: none;}
p{font-size: 13px; color: #333333;}

button, a {transition: all 300ms; -webkit-transition:all 300ms;}

.topo { position:fixed; bottom:0; right:10px; z-index:999; width:50px; height:50px; cursor:pointer; display:none; font:20px/50px 'FontAwesome'; color:#ffffff; background:rgb(45, 124, 252); text-align:center; }

.largura-site{width: 98%; max-width: 1200px; margin: 0 auto;}
.flex{display: flex; flex-wrap: wrap;}
.distrib-cont{justify-content: space-between;}
.alinhar-vert{align-items: center;}

#topo{background: #f4f4f4;}
.faixa-topo{padding: 30px 0;}
.logo img{max-width: 300px;}
.end-topo{color: rgb(0, 48, 130); text-align: right; }
.end-topo span{color: rgb(45, 124, 252); display: block;}

#faixa-menu{background: rgb(0, 48, 130); border-top: 3px solid rgb(45, 124, 252);}
#menu{list-style: none; padding: 0;}
#menu li{flex:1;}
#menu li a{display: flex; padding: 25px 0; align-items: center; justify-content: center; color: #ffffff; font-size: 18px; font-family: 'Oswald', sans-serif; font-weight: 300; text-transform: uppercase; }
#menu li a:hover{background: rgba(0,0,0,.2);}

#control-nav{display: none;}
.control-nav{display: none;}
.control-nav-close{display: none;}

#banner{width:100%; height: 100%; position:fixed; top:0; left: 0; z-index: -1; }
.fotos{width:100%; height:100%;}
.fotos:before{width:100%; height: 100%; position: absolute; background: url(banner/dots.png); opacity: 0.4; top: 0; left: 0; content: "";}
.img01{background:url(banner/banner01.jpg) center; background-size:cover; }
.img02{background:url(banner/banner02.jpg) center; background-size:cover; }
.img03{background:url(banner/banner03.jpg) center; background-size:cover; }
.img04{background:url(banner/banner04.jpg) center; background-size:cover; }

.faixa-qdd{margin: 50px auto;}
.qdd{width: 48%; background: rgba(51,102,153,.8); padding: 20px; border-radius: 3px;}
.qdd h2{color: #ffffff; text-transform: uppercase;}
.qdd p{color: #ffffff; }
.bt-qddhome{background: rgba(255,255,255, .1); padding: 10px; margin: 20px 0; border-radius: 3px; border:1px solid rgba(255,255,255, .5); color:#ffffff; font-size: 13px; display: inline-block;}
.bt-qddhome:hover{background: rgba(255,255,255, .4)}

.faixa-conteudo{background: #ffffff; padding: 60px 0; margin-bottom: 40px;}
.conteudo-txt{width: 48%;}
.conteudo{width: 100%;}
.titulo-conteudo{color: rgb(45, 124, 252); text-transform: uppercase; width: 100%;}
.faixa-conteudo p{text-align: justify;}
.faixa-conteudo li {font-size: 13px; color: #333333;}
.bt-serv{color: rgb(45, 124, 252); display: block; padding: 3px 0; font-size: 18px; font-family: 'Oswald', sans-serif; font-weight: 300; text-transform: uppercase; }
.bt-serv:before{color: rgb(45, 124, 252); margin-right: 10px; font:20px 'FontAwesome'; content:"\f05d";}
.bt-serv:hover{text-indent: 10px;}

#faixa-utilitarios{width: 100%;  background: rgb(0, 48, 130);}
.utilitario{width: 25%; text-align: center; padding: 80px 10px;}
.utilitario:hover{background: rgb(0, 44, 117);}
.cor-icon{color:#ffffff;}
.utilitario .tit-ut{color: #ffffff; text-transform: uppercase;}
.utilitario .desc-util{color:#ffffff; }
.cor02{background: rgba(0,0,0,.2);}

.restrito{background: #ffffff; padding: 50px 0;}

.tit-restrito{width: 100%; color:rgb(45, 124, 252); text-transform: uppercase; text-align: center;}
.restrito input{width: 49.5%; margin: 5px 0; border: 1px solid #dadada; padding: 15px; background: #ffffff; color: #222222;}
.restrito input::-webkit-input-placeholder{color: #222222;}
.restrito .botoes-rest{width: 49.5%; margin: 5px 0;}
.restrito button{width: 25%; border:none; cursor:pointer; padding: 15px 2px; background: rgb(0, 48, 130); color: #ffffff; font-size: 16px; font-family: 'Oswald', sans-serif; font-weight: 300;}
.restrito button:hover, .restrito button.adm:hover{background: rgb(0, 44, 117); }
.restrito button.adm{width: 46%; background: rgb(45, 124, 252); }

#programacoes{padding: 10px 0; margin: 25px auto;}
.prog{width: 49.5%; padding: 15px; color: #ffffff; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 20px; background: rgb(0, 48, 130); text-align: center;}
.prog:hover{background: rgb(0, 44, 117);}
.prog span{font-size: 80%; display: block; color: rgb(45, 124, 252);}

#consultas{padding: 30px 0; background: #ffffff;}
.cons{width: 23%; text-align: center;}
.imgcons{width: 100%; min-height: 350px; box-shadow: 5px 5px 10px #999; background-size:cover;}
.ftcons01{background:url(imgs/consulta01.jpg) center;}
.ftcons02{background:url(imgs/consulta02.jpg) center;}
.ftcons03{background:url(imgs/consulta03.jpg) center;}
.ftcons04{background:url(imgs/consulta04.jpg) center;}
.cons .titcons{color: rgb(45, 124, 252);}
.cons .titcons span{color: #333333; font-size: 70%; display: block;}

#links{background: rgb(0, 48, 130); padding: 10px 0;}
#links h1{width: 100%; text-align: center; color: #ffffff;}
.blocos-links{width: 23%; padding: 10px;}
.blocos-links .titlinks{color: #ffffff; background: rgba(255,255,255,.1); border-radius: 3px; width: 100%; text-transform: uppercase; text-align: center; padding: 15px 0;}
.blocos-links ul{list-style: none; padding: 0; margin: 0; width: 100%; }
.blocos-links li{border-top: 1px dotted rgba(255,255,255,0.2);}
.blocos-links li:first-child { border-top: none; }
.blocos-links li a{font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 16px; color: #ffffff; display: block; padding: 10px 0; text-align: right;}
.blocos-links li a:hover{text-indent: 10px;}
.blocos-links li a:before{color: #ffffff; margin-right: 10px; font:10px 'FontAwesome'; content:"\f054"; float:left; margin-right: 10px; padding: 10px 0;}

#mapa iframe{pointer-events: none;}

.rodape{background: rgb(0, 48, 130); padding: 20px 0;}
.txtrod{color:rgb(255,255,255); font-size: 14px;}
.txtrod span{display: block; margin-top: 5px; font-size: 12px;}
.redes a{color: rgba(255,255,255,0.2); font-size: 26px; margin: 0 4px;}
.redes a:hover{color: rgb(255,255,255);}

.divformulario { font-family: sans-serif; }
.divformulario *:not(.fa) { font-family: inherit; }

#formcontato { width: 100%; }
#formcontato input, #formcontato textarea { width: 100%; resize: none; padding: 10px; margin: 2px 0; border-radius: 3px; border: 1px solid #ddd; color: #999; }
#formcontato input:focus, #formcontato textarea:focus { color: #333; }
#formcontato button { background: #EBEBEB; padding: 10px 20px; margin: 2px 0; color: #666; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; }
#formcontato button:hover { background: #f5f5f5; }
#formcontato #loading { font-size: 12px; }

#result { padding: 15px; margin: 20px 0; display: none; border-radius: 3px; }
.error { color: #a94442; background-color: #f2dede; border: 2px solid #ebccd1; }
.success { color: #3c763d; background-color: #dff0d8; border: 2px solid #d6e9c6; }

#popup { 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    z-index: 9999; 
    top: 0; 
    left: 0; 
    background: rgba(0, 0, 0, .6); 
 }
 .popup { 
    position: relative; 
    z-index: 998; 
} 

.popup img { 
    display: block; 
    width: 90%; 
    height: auto; 
    max-width: 700px; 
    margin: 0 auto; 
} 


@media screen and (max-width:999px){
    .utilitario{width: 50%;}
    .utilitario:nth-child(3){order:4;}
    .utilitario:nth-child(4){order:3;}
    .cons, .blocos-links{width: 48%;}
}

@media screen and (max-width:767px){
    .logo, .end-topo{width: 100%; text-align: center;}
    .conteudo-txt{width: 100%;}
}

@media screen and (max-width:599px){
    .qdd{width: 98%; margin: 10px auto;}
    .prog{width: 100%; margin: 5px 0;}
    .restrito{padding: 10px 0;}
    .utilitario{width: 100%;}
    .utilitario:nth-child(3){order:3;}
    .utilitario:nth-child(4){order:4;}
    
    nav{width: 100%; height: 100%; position: fixed; z-index: 10000; top: 0; right: 0; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, .9); -webkit-transform: translate(100%, 0); transform: translate(100%, 0);  -webkit-transition: all ease-out 300ms; transition: all ease-out 300ms;}
    #menu {width: 50%; flex-direction: column; position: relative; z-index: 1000000; background: none;}
    #menu li a{text-transform: uppercase; padding: 15px 0 !important; }
    .espaco-menu{ padding-right: 10px; align-items: center; justify-content: space-between; width: 100%;}
    .control-nav {display: block; cursor: pointer; color: rgb(255,255,255); padding: 15px !important;}
    .control-nav p{display: inline-block; color: #ffffff; margin: 0;}
    .control-nav-close {width: 100%; height: 100%; padding: 20px; position: absolute; top: 0; left: 0; color: rgb(255, 255, 255); opacity: 0; -webkit-transition: all ease-out 300ms; transition: all ease-out 300ms;}
    #control-nav:checked ~ .control-nav{-webkit-transform: translate(0, 0); transform: translate(0, 0);}
    #control-nav:checked ~ nav .control-nav-close{opacity: 1; z-index: 100000; display: block;}
    #control-nav:checked ~ nav{-webkit-transform: translate(0, 0); transform: translate(0, 0);}     
}

@media screen and (max-width:479px){
    .cons{width: 96%; margin: 0 auto;}
    .blocos-links, .restrito input, .restrito .botoes-rest{width: 100%;}
}