@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(37, 99, 171)
COR PADRÃO DOS LINKS (:HOVER E :FOCUS): #23527c

COR DO FUNDO DOS .btn-primary: rgb(37, 99, 171)
COR DA BORDA DOS .btn-primary: #23527c
COR DO FUNDO DOS .btn-primary (:HOVER, :FOCUS E :ACTIVE): #286090
COR DA BORDA DOS .btn-primary (:HOVER, :FOCUS E :ACTIVE): #204d74

COR DO FUNDO DOS .btn-info: #5bc0de
COR DA BORDA DOS .btn-info: #46b8da
COR DO FUNDO DOS .btn-info (:HOVER, :FOCUS E :ACTIVE): #31b0d5
COR DA BORDA DOS .btn-info (:HOVER, :FOCUS E :ACTIVE): #269abc
*/

a {color: rgb(37, 99, 171);}
a:focus, a:hover {color: #23527c; text-decoration: underline;}

.btn-primary, .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {color: #fff; background-color: rgb(37, 99, 171); border-color: #23527c;}
.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: #286090; border-color: #204d74;}

.btn-info, .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {color: #fff; background-color: #5bc0de; border-color: #46b8da;}
.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: #31b0d5; border-color: #269abc;}

.bg-primary {background-color: rgb(37, 99, 171);}

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

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:before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(40, 69, 87, .45); z-index: 0;} */
#topo .slogan {margin: 150px auto; text-align: center; position: relative; z-index: 10;}
#topo .slogan .text-slogan {font-size: 3.5em; text-shadow: 1px 1px 2px #000;}
#topo .text-slogan, #topo .text-slogan small {color: #fff;}
#topo .text-slogan small {display: block; font-size: .8em;}
#topo .efeito svg {display: block; position: relative; z-index: 10;}
#topo .efeito polygon {fill: #fff;}
#topo .endereco-topo {color: #333; margin-top: 22px; position: relative; z-index: 10;}
#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;}
.navbar-inverse{border: 0;}

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

.logotipo img {width: 100%; max-width: 400px; height: auto; margin-top: 22px; position: relative; z-index: 10;}

.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;}