@charset "utf-8";

/*

FONTES UTILIZADAS
font-family: 'Raleway', sans-serif;
font-family: 'Open Sans', sans-serif;

CORES UTILIZADAS
COR 01: #1c2766 / rgb(136,17,17)

CORES DO GRADIENTE
COR 01: #bc1818 (COR MAIS CLARA)
COR 02: #1c2766 (COR PADRÃO)
COR 03: #720e0e (COR POUCO MAIS ESCURA)
COR 04: #374dc8 (COR MAIS ESCURA)

*/

/* GERAL */
* { font-family: inherit; box-sizing: border-box; outline: none; }
body { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; background: #f8f8f8; }
h1,h2,h3,h4,h5,h6 { font-family: 'Raleway', sans-serif; }
a { color: inherit; text-decoration: none; }
a, a *, .links-progs:before, button, [onclick] { cursor: pointer; transition: all 300ms; }

/* PADRÕES */
.container { width: 90%; max-width: 1000px; margin: 0 auto; }
.flex { display: flex; }
.wrap { flex-wrap: wrap; }
.between { justify-content: space-between; }
.vcenter { align-items: center; }
.fd-preto { background-color: #000; }
.sem-margem { margin: 0; }

.titulo-paginas:after { content: ""; box-sizing: border-box; margin: 20px 0; display: block; width: 250px; height: 3px; border-left: 50px solid #374dc8; background: #1c2766; }
.titulo-paginas small { color: #999; display: block; font-weight: normal; font-size: .7em; }

/* CABEÇALHO */
.header { padding-top: 20px; padding-bottom: 20px; border-bottom: 5px solid lightGrey; background: #1c2766; }
.logo { width: 100%; max-width: 300px; }
.menu { list-style: none; margin: 0; padding: 0; font-family: 'Raleway', sans-serif; align-self: stretch; display: flex; z-index: 9999; }
.menu li:not(.fecha-menu) { display: flex; align-items: center; }
.menu a { padding: 25px 10px; display: block; color: white; text-decoration: none; border-radius: 5px; }
.menu a:hover { background: linear-gradient(to bottom,  #dcddde 0%,#95979a 98%); }

.fecha-menu { display: none; }
.fecha-menu button {  width: 100%; padding: 15px; border: none; background: #ccc; text-align: left; }
.abre-menu { display: none; background: #fff; border: 1px solid #ccc; border-radius: 3px; padding: 10px; width: 100%; }

/* CONTEUDO DO SITE */
.textos_site { text-align: justify; overflow: hidden; margin-top: 30px; margin-bottom: 50px; }
.thumbnail { float: left; margin: 5px; border-right: 1px solid #ccc; padding-right: 5px; max-width: 250px;  }

.infos { width: 49%; }

/* CONTEÚDO DA HOME */
.utilitarios { padding: 50px 0; }
.utilitarios .blocos { position: relative; color:#fff; /*width: 24%;*/ flex: 1 250px; height: 350px; margin: 10px; text-decoration: none; background: #fff; overflow: hidden; }
.utilitarios .blocos .img { position: absolute; width: 100%; height: 100%; bottom: 0; z-index: 1; background-repeat: no-repeat; background-size: auto; background-position: center; background-size:cover; }
.utilitarios .blocos .img:before { position: absolute; z-index: 3; top: 0; right: 20px; content: ""; border-top: 17px solid #fff; border-left: 12px solid transparent; border-right: 12px solid transparent; }
.utilitarios .blocos .img:after { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(0,0,0,.5); z-index: 2; border-top: 5px solid #fff; }
.utilitarios .blocos .titulo-bh { margin: 20px; text-transform: uppercase; position: relative; z-index: 2; font-weight: bold; }
.utilitarios .blocos .descricao { position: absolute; color: #000; z-index: 0;width: 100%; height: 100%; top: 0; background: #fff; overflow: hidden; transition: all 300ms; }
.utilitarios .blocos .descricao p { margin: 20px; }

.utilitarios .blocos:hover .img { bottom: -80%; }

.utilitarios .blocos:hover .titulo-bh { color: #000; }

.programacoes { background: #fff; padding: 50px 0; }
.programacoes .titulo-ms { font-size: 2em; }
.programacoes .titulo-ms small { color: #666; font-size: .7em; display: block; }
.midia-system { margin-bottom: 50px; }
.midia-system input { width: 49%; padding: 15px; margin-bottom: 10px; }
.midia-system .bt-ms { width: 49%; margin-bottom: 10px; }
.midia-system .bt-ms button:nth-child(2) { margin: 0 5px; }
.midia-system .bt-ms button { flex-grow: 1; }
.midia-system .bt-ms a { flex-grow: 2; justify-content: center; }
.links-progs { position: relative; text-decoration: none; background: #eee; color: #000; border-radius: 2px; width: 49%; overflow: hidden; margin-bottom: 5px; }
.links-progs:before { position: absolute; width: 50px; height: 100%; content: ""; background: #1c2766; }
.links-progs * { color: #000; }
.links-progs i { position: relative; width: 50px; text-align: center; color: #fff; }
.links-progs .content-progs { position: relative; flex: 1; padding: 20px; }
.links-progs:hover * { color: #fff; }
.links-progs:hover:before { width: 100%; }

/* RODAPE DO SITE */
.footer { padding: 50px 0; color: #fff; }
.bloco-noticias { overflow: hidden; flex: 1; margin-right: 20px; }
.owl-controls { margin-top: 20px; }
.noticia { display: block; width: 100%; margin-bottom: 5px; padding-right: 20px; }
.noticia .data { font-size: .8em; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #1c2766; }
.btn-mais-noticias { display: none; padding: 10px; text-align: center; border: 2px solid #fff; margin-top: 5px; border-radius: 5px; }
.btn-mais-noticias:hover { background: #fff; color: #000; }
.bloco-links { width: 40%; }
.links-uteis a { padding: 5px; flex-grow: 1; display: block; background: rgba(255,255,255,.3); color: #fff; margin: 2px; border-radius: 2px; }
.links-uteis a:hover { background: rgba(255,255,255,1); color: #000; }

#formcontato { width: 100%; }
#formcontato .input-groups { width: 50%; }
#formcontato .input-groups label { width: 100%; }
#formcontato .input-groups .fa { background: #ccc; color: #fff; padding: 20px; width: 60px; text-align: center; }
#formcontato .input-groups .campos { box-shadow: inset 0 1px 5px rgba(0,0,0,.125); padding: 20px; color: #666; }
#formcontato .input-groups .campos:focus { color: #333; }
#formcontato input, #formcontato textarea { background: #fff; resize: none; width: 100%; border: none; }
#formcontato .botoes { width: 100%; margin-top: 5px; }
#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; }

.botao { padding: 15px;
    background:#1c2766;
    color: #fff;
    border: none;
    border-radius: 2px;
    font-size: .8em;
}
.copy { border-top: 1px solid #333; font-size: .8em; margin-top: 20px; }


/* RESPONSIVO */
@media screen and (max-width: 1000px){
    .utilitarios .blocos { width: 49%; }
    /* .utilitarios .blocos .img { background-size: 100% auto; } */
}

@media screen and (max-width: 768px){
    .utilitarios .blocos { height: 300px; }
    
    .fecha-menu { display: block; }
    .abre-menu { display: block; }
    .menu { position: fixed; display: block; top: 0; left: -300px; width: 300px; height: 100%; border-right: 1px solid #ccc; background: #eee; }
    .menu li { display: block; }
    .menu li a { border-radius: 0; padding: 10px; color: #333; }
    
    .midia-system input { width: 100%; }
    .midia-system .bt-ms { width: 100%; }
    .links-progs { width: 100%; }
    
    .bloco-noticias { width: 100%; flex: none; margin-right: 0; }
    .bloco-links { width: 100%; }
    
    .infos { width: 100%; }
}

@media screen and (max-width: 600px){
    .utilitarios .blocos { width: 100%; height: 270px; }
    #formcontato .input-groups { width: 100%; }
}