@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Quicksand:300');

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

/* MUDANÇA DE CORES DO SITE */
/*
O BOOTSTRAP UTILIZA ELEMENTOS PRÉ-FORMATADO COM CORES, TAMANHOS, ETC.
ABAIXO ESTÃO LISTADAS AS CORES UTILIZADAS JUNTAMENTE COM AS CLASSES DO SITE QUE UTILIZAM CORES PADRÕES DO BOOTSTRAP.

COR PADRÃO DOS LINKS: rgb(48, 81, 160)
COR PADRÃO DOS LINKS (:HOVER E :FOCUS): rgb(41, 73, 147)

COR DO FUNDO DOS .btn-primary: rgb(48, 81, 160)
COR DA BORDA DOS .btn-primary: rgb(41, 73, 147)
COR DO FUNDO DOS .btn-primary (:HOVER, :FOCUS E :ACTIVE): rgb(35, 66, 140)
COR DA BORDA DOS .btn-primary (:HOVER, :FOCUS E :ACTIVE): rgb(31, 59, 124)

COR DO FUNDO DOS .btn-info: rgb(237, 50, 55)
COR DA BORDA DOS .btn-info: rgb(219, 46, 48)
COR DO FUNDO DOS .btn-info (:HOVER, :FOCUS E :ACTIVE): rgb(214, 44, 47)
COR DA BORDA DOS .btn-info (:HOVER, :FOCUS E :ACTIVE): #rgb(206, 41, 44)
*/

a { color: rgb(48, 81, 160); }
a:focus, a:hover { color: rgb(41, 73, 147); text-decoration: underline; }

.btn-primary, .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: rgb(48, 81, 160); border-color: rgb(41, 73, 147); }
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { color: #fff; background-color: rgb(35, 66, 140); border-color: rgb(31, 59, 124); }

.btn-info, .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: rgb(237, 50, 55); border-color: rgb(219, 46, 48); }
.btn-info:hover, .btn-info.focus, .btn-info:focus, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover { color: #fff; background-color: rgb(214, 44, 47); border-color: rgb(206, 41, 44); }

.bg-primary { background-color: rgb(48, 81, 160); }

/* ==================================================================================== */

body { font-family: 'Open Sans', sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: 'Quicksand', sans-serif; }
svg { display: block; }
img { display: block; }
textarea { resize: none; }
.inline { float: none; display: inline-block; vertical-align: middle; }
.link-branco { color: #fff; }
.link-branco:hover { color: #ddd; }

/* ALTERANDO OS PADDINGS DAS COLUNAS DO BOOTSTRAP */
.row { margin-left: -5px; margin-right: -5px; }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 5px; padding-right: 5px; }

#topo { background-image: url(imagens/fd.jpg); background-attachment: fixed; background-size: cover; overflow: hidden; position: relative; }
/*#topo .fd-topo { background: #000; background: linear-gradient(to bottom,  rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%); }*/
#topo .slogan { margin: 150px auto; text-align: center; }
#topo .slogan .text-slogan { font-size: 5em; text-shadow: 1px 1px 2px #000; }
#topo .text-slogan, #topo .text-slogan small { color: #fff; }
#topo .text-slogan small { display: block; font-size: .4em; }
#topo .efeito svg { display: block; }
#topo .efeito polygon { fill: #fff; }
#topo .endereco-topo { color: #fff; text-shadow: 1px 1px 1px #000; margin-top: 22px; }
#topo .endereco-topo p { margin-bottom: 2px; }
#topo .endereco-topo i { margin: 5px 10px; }
#topo .navbar { margin-bottom: 0; }
#topo .navbar-header h4 { margin-left: 15px; color: #fff; }
.navbar-inverse .navbar-nav > li > a { color: #dadada; }

.topo-fixo { border-radius: 0; }
.affix { top:0; width: 100%; z-index: 9999 !important; transition: all .5s ease-in-out; }
.affix-top { position: static; top: -50px; }
.affix + .fd-topo { margin-top: 50px; }

.logotipo {background: rgb(255, 255, 255); margin-top: 22px}
.logotipo img { width: 100%; max-width: 310px; height: auto; display: block; margin: 0 auto;}

.text-content { margin-bottom: 30px; }

#programacao { background: #fff; padding: 40px 0; }
#programacao .btn { margin-bottom: 10px; }
.bts-sistemas { margin-top: 40px; }
.bts-sistemas .btn { text-align: left; padding: 15px 12px; }
.bts-sistemas .btn .fa, .bts-sistemas .btn p { display: inline-block; margin-bottom: 0; }

#noticias { overflow: hidden; }
#noticias .titulo-noticias { font-size: 3em; margin-bottom: 50px; }
.fd-noticia { background-image: url(imagens/fd2.jpg); background-attachment: fixed; background-size: cover; }
#noticias .col-noticia { min-height: 280px; }

#utilitarios { background: #fff; padding: 40px 0; }

#abreFormulario { padding: 50px 0; font-size: 0; }
#abreFormulario small { color: #fff; }

#formcontato .control-label { margin-top: 5px; }
#formcontato #result { margin-top: 10px; display: none; }

#links-uteis { margin: 80px 0; }

#rodape { padding: 30px 0; }
#rodape p { margin-bottom: 0; }
#rodape .fa { margin-top: 5px; text-decoration: none; background: #fff; display: inline-block; width: 30px; line-height: 20px; text-align: center; padding: 5px; border-radius: 50%; }

.modal { z-index: 9999; }