@charset "utf-8";

/*
font-family: 'Raleway', sans-serif;
font-family: 'Open Sans', sans-serif;

laranja 01: #FF6600
laranja 02: #E85800
*/

body { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; }
* { font-family: inherit; box-sizing: border-box; outline: none; }
h1,h2,h3,h4,h5,h6 { font-family: 'Raleway', sans-serif; font-weight: normal; margin-top: 0; }
a { color: inherit; }

.flex { display: flex; }
.wrap { flex-wrap: wrap; }
.between { justify-content: space-between; }
.align-center { align-items: center; }
.align-start { align-items: flex-start; }
.flex-start { justify-content: flex-start; }
.flex-end { justify-content: flex-end; }

.container { width: 95%; max-width: 1000px; margin: 0 auto; }

.bg-cinza { background: #f8f8f8; }
.bg-preto { background: #000; }
.bg-laranja { background: #FF6600; background-image: linear-gradient(to bottom, #FF6600, #E85800); }

.cor-laranja { color: #FF6600; }
.titulos { font-size: 2em; line-height: 1em; text-align: center; margin-bottom: 50px; }
.titulos:after { content: ""; display: block; width: 100%; max-width: 500px; border-bottom: 2px solid #ff6600; margin: 15px auto 0; }
.titulos02 { line-height: 1em; margin-bottom: 30px; border-bottom: 1px solid #fff; padding-bottom: 10px; }
.titulo-site:after { display: block; content: ""; width: 100%; max-width: 200px; border-bottom: 2px solid #FF6600; margin-top: 20px; }
.text-right { text-align: right; }

.fd-menu-responsivo { display: none; background: rgba(0, 0, 0, .7); width: 100%; height: 100%; position: fixed; z-index: 1000; left: 0; top: 0; }
.bt-responsivo { display: none; padding: 10px; line-height: 2.6em; text-align: left; background-color: #fff; background-image: linear-gradient(to bottom, #fff, #eee); border: 1px solid #ccc; border-radius: 3px; margin: 5px auto; width: 100%; cursor: pointer; }
.bt-responsivo i { padding: 10px 15px; border: 1px solid #ccc; background: #fff; }

.info-header { border-bottom: 3px solid #eee; padding: 5px; color: #999; font-size: .8em; }
.info-header p { margin: 0; }
.info-header .social a { background: #999; color: #fff; border-radius: 3px; text-decoration: none; padding: 5px; display: inline-block; }
.info-header .social a.facebook:hover { background: #3B5998; }
.info-header .social a.twitter:hover { background: #1EA1F3; }
.info-header .social a.gplus:hover { background: #D43E33; }

.header { margin: 20px 0; }
.header .endereco { font-size: .8em; }

.mainmenu { border-bottom: 5px solid #FF6600; overflow: hidden; padding: 0 5px; }
.mainmenu ul { color: #fff; padding: 0; list-style: none; margin-top: 0; margin-bottom: 0; }
.mainmenu ul li { flex: 1; }
.mainmenu ul li:not(:last-child) { border-right: 1px solid #E85800; }
.mainmenu ul li:not(:first-child) { border-left: 1px solid #FF6600; }
.mainmenu ul li a { display: block; padding: 10px 12px; text-decoration: none; transition: all 200ms; }
.mainmenu ul li a small { display: block; line-height: .8em; }
.mainmenu ul li a .fa-caret-right { margin-top: 10px; }
.mainmenu ul li a:hover { background: #E85800; }

.banner .fotos { position: relative; display: flex; justify-content: center; align-items: center; text-align: center; overflow: hidden; width: 100%; height: 400px; background-repeat: no-repeat; background-size: cover; background-position: center; }
.banner .fotos:before { position: absolute; display: block; content: ""; background-color: rgba(0, 0, 0, .4); background-image: url(banner/dots.png); width: 100%; height: 100%; z-index: 1; }
.banner .slogan { color: #fff; text-shadow: 1px 1px 2px #000; line-height: 1em; position: relative; z-index: 2; font-size: 3em; font-weight: normal; }
.banner .slogan big { font-size: 1.3em; }

.conteudo { margin-top: 50px; margin-bottom: 50px; }

.btns-home { flex: 1; /* margin-right: 35px; */ }
.btns-home .botoes { text-align: center; box-shadow: 1px 1px 1px #666; font-size: .8em; background-color: #FF6600; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #E85800); border: 1px solid #E85800; color: #fff; padding: 15px; flex: 1 200px; margin: 5px; text-decoration: none; border-radius: 5px; transition: all 200ms; }
.btns-home .botoes i { margin-right: 5px; margin-bottom: 20px; }
.btns-home .botoes:hover { background-color: #E85800; }
.btns-home .botoes .descricao * { margin: 0; }
.btns-home .botoes.flex { text-align: left; }

.sistemas-online { padding-top: 50px; padding-bottom: 50px; color: #fff; }
.form01 { width: 100%; }
.form01 label { width: 100%; margin-bottom: 5px; }
.form01 label i { width: 50px; padding: 15px; background: #ff6600; color: #fff; }
.form01 input { flex: 1; padding: 10px; background: rgba(255, 255, 255, .1); color: #fff; border: none; }
.form01 input::placeholder { color: #ccc; }
.form01 .bt-form { padding: 10px; margin-left: 5px; background: #fff; color: #000; border-radius: 3px; border: none; cursor: pointer; }

.bloco-progs { flex: 1 300px; margin: 10px; }
.bloco-progs h3.titulos-progs { border-bottom: 1px solid #fff; padding-bottom: 10px; }

.noticias { font-size: .8em; }
.noticias .titulo { margin-bottom: 0; }
.noticias .descricao-not { margin-top: 0; }
.noticias .bt-mais-noticia { text-decoration: none; background: #fff; color: #000; display: inline-block; padding: 10px; }
.noticias .bt-mais-noticia i { margin-left: 15px; }

.rodape { padding: 50px 0; border-top: 5px solid #E85800; color: #fff; text-shadow: 2px 2px 2px #000; }
.copy { overflow: hidden; color: #fff; font-size: .8em; padding: 10px 0; }
.copy p { text-align: center; }
.copy .fa-heart { color: #f00; }

.parceiros-logo img { height: 150px; width: auto; border: 1px solid #ccc; }
.regulamento img { border: 1px solid #ccc; box-shadow: 2px 2px 5px #ccc; }

.estilo-form { max-width: 600px; margin: 0 auto; padding: 15px; background: #fcfcfc; border: 1px solid #ddd; }
.estilo-form label { display: block; margin: 15px 0; }
.estilo-form label .flex { width: 100%; border: 1px solid #bbb; margin-bottom: 5px; box-shadow: 1px 1px 2px #ccc; }
.estilo-form label strong { width: 100%; margin-bottom: 5px; display: block; }
.estilo-form label .fa { width: 40px; background: #fff; display: flex; justify-content: center; align-items: center; }
.estilo-form .campos { flex: 1; border: none; padding: 10px; resize: none; }
.estilo-form .metade { flex: 1 150px; }
.estilo-form textarea.campos { width: 100%; border: 1px solid #bbb; box-shadow: 1px 1px 2px #ccc; }
.estilo-form button { padding: 10px 25px; cursor: pointer; background: #FF6600; background-image: linear-gradient(to bottom, #FF6600, #E85800); border: 1px solid #E85800; border-radius: 2px; color: #fff; }

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

.serv-imagem .imagem { border: 1px solid #eee; height: 300px; width: auto; }

@media screen and (max-width: 1024px){
    body { font-size: 15px; }
}

@media screen and (max-width: 768px){
    .bt-responsivo { display: block; }
    .mainmenu { border-bottom: none; overflow: hidden; padding: 0 5px; }
    .mainmenu .container { position: fixed; overflow: auto; width: 290px; height: 100%; padding: 10px; z-index: 1001; right: -290px; top: 0; background: #000; display: block; }
    .mainmenu ul.flex { display: block; }
    .mainmenu ul li:not(:last-child) { border-right: none; }
    .mainmenu ul li:not(:first-child) { border-left: none; }
    .mainmenu ul li a { border-radius: 3px; }
}

@media screen and (max-width: 550px){
    .header .between { justify-content: center; }
    .info-header p { display: none; }
    .banner .fotos { height: 250px; }
    .slogan { display: none; }
    .copy p { width: 100%; }
    .btns-home { width: 100%; margin-right: 0; margin-bottom: 15px; }
    .text-home { width: 100%; }
}