@font-face {
    font-family: "fblack";
    src: url("robotoblack.ttf") format("truetype");
}
@font-face {
    font-family: "fbold";
    src: url("robotobold.ttf") format("truetype");
}
@font-face {
    font-family: "flight";
    src: url("robotolight.ttf") format("truetype");
}
@font-face {
    font-family: "fregular";
    src: url("robotoregular.ttf") format("truetype");
}

/*ADMINISTRAÇÃO*/

.btn span:nth-of-type(1)  {
    display: none;
}
.btn span:last-child  {
    display: block;
}

.btn.active  span:nth-of-type(1)  {
    display: block;
}
.btn.active span:last-child  {
    display: none;
}

.fundo_admin {background-color: #f3f3f3}
#topo_logo {border-bottom: 1px solid #333; padding-bottom: 20px; margin-bottom: 30px}
#topo_logo img { margin: 0 auto; margin-top: 30px}

#menu { padding-top: 10px; padding-bottom: 10px;color: #fff}
#menu .user {margin-bottom: 20px; }
#menu ul {list-style: none;}
#menu ul li a, a:visited {color: #fff; display: block;  padding-top: 15px; font-weight: bold}
#menu ul li a:hover{ color: #efe99e}


/*########################################################################*/

#breadcrumb { margin-top: 30px}
#breadcrumb a, a:visited, a:active {color: #333}
#breadcrumb a:hover {color: #0b6c9a}

.eventos-fonte { letter-spacing: -2px}
a:link, a:visited {text-decoration: none}
/** MENU DE NAVEGAÇÃO ALTERADO INICIO **/
#logo-site { float: left; position: absolute; z-index: 9998; margin-left: 10px; margin-top: -10px; box-shadow: 2px 3px 3px #333}
#banner { margin-bottom: 30px}

.navbar-right {padding-top: 0; padding-bottom: 0}

.navbar-default { background-color: #0060AE; border: 0; margin: 0; padding: 0 !important;}
.navbar-default ul li a:hover { color: #41c8dc !important;}

.navbar-header a:link { color: #fff}
.navbar-header a:visited { color: #fff}
.navbar-header a:hover { color: #fff}

#menu { margin-bottom: 10px}
#menu .container-fluid { padding-right: 0; padding-left: 0}
#menu .navbar-form { padding: 0}
#buscar-form { padding-right: 7px}
/** MENU DE NAVEGAÇÃO ALTERADO FIM **/

/** .topo_I { background-color: #0C2F47; padding: 10px 0; color: #fff } **/
/** .topo_I { background-color: #0F4D96; padding: 10px 0; color: #fff } **/
.topo_I { background-color: #0f1d66; padding: 10px 0; color: #fff }
.topo_I i {float: right; margin-top: 8px; margin-left: 6px}
.topo_I .brasao { margin-right: 20px}
.topo_I a:link,.topo_I a:visited { color: #fff}
.topo_I a:hover { color: #f3f3f3}

.icones_mobile { margin: 0 auto}

.topo_II { background-color:#0060AE; color: #fff;}

.eventos table {min-height: 385px}
.eventos table td { border: 0}
.eventos { background-color: #333; padding-bottom: 10px; min-height: 512px }
.eventos .titulo { color: #3fa9f5; font-weight: bold; font-family: fblack; letter-spacing: 2px; font-size: 20px; padding-top: 7px; margin-bottom: 6px }
.eventos .data { border-right: 1px solid #fff; width: 100px}
.eventos th { background-color: #333; color: #fff}
.eventos .data .dia { font-size: 38px; color: #fff; float: left; font-weight: bold}
.eventos .data .mes { font-size: 13px; color: #fff; float: left; margin: 10px 0 0 5px; text-transform: uppercase}
.eventos .data .ano { font-size: 13px; color: #fff; float: left; margin-left: 5px}
.eventos .texto { font-size: 12px; color: #fff; margin-top: 12px; font-family: flight}

.eventos .table-hover > tbody > tr:hover {  background-color: #4f4d4d;  }

.flex-caption { width: 100%;padding: 25px; left: 0; bottom: 0;background: #333; min-height: 140px }
.flex-caption .chamada { font-size: 25px; color: #fff; font-family: fbold }
.flex-caption .descricao { font-size: 12px; color: #fff; font-family: flight}


#noticias { margin-top: 20px}
#noticias .nome { font-size: 25px; font-weight: bold; color: #0060AE; font-family: fblack}
.block_noticia {width: 100px; height: 5px; background-color: #0060AE}
.block_noticia_linha { width: 100%; border-bottom: 1px solid #0060AE; margin-bottom: 20px}

#noticias .menor { font-size: 12px; color: #0060AE; display: block; text-transform: uppercase; font-family: fbold}
#noticias .chamada { font-size: 15px; color: #333; display: block; margin-bottom: 10px; font-family: fbold; text-rendering: geometricPrecision}
#noticias .imagem { margin-right: 10px; margin-bottom: 30px}
#noticias .texto { font-size: 12px; color: #333; font-family: fregular; margin-bottom: 10px; min-height: 110px}
#noticias .nota { border-bottom: 1px solid #ccc; display: block; margin-bottom: 10px}
#noticias .nota_dois { border-bottom: 1px solid #ccc; display: block;}
#noticias .box {min-height: 300px}

#noticias .ultimas { background-color: #f3f3f3; border-top: 5px solid #0060AE; margin-bottom: 30px}
#noticias .ultimas .titulo { float: left; padding-top: 6px}
#noticias .titulo_dois { font-size: 16px; color: #333; font-weight: bold; margin-top: 10px;  margin-bottom: 33px}
#ultimas_nota { margin-top: 18px; margin-bottom: 20px}
#ultimas_nota .data { font-size: 12px; color: #333; display: block; font-family: fregular}
#ultimas_nota .imagem { float: left; margin-right: 10px;}
#ultimas_nota .texto_dois { font-size: 14px; color: #0060AE; font-family: fbold;}

#videos .nome { font-size: 25px; font-weight: bold; color: #000; font-family: fblack}
#videos .block_video {width: 100px; height: 5px; background-color: #000}
#videos .block_video_linha { width: 100%; border-bottom: 1px solid #000; margin-bottom: 20px}
#videos .linha { border-bottom: 1px solid #ccc; display: block; margin-bottom: 10px}

#videos .vid {  position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
#videos .vid iframe,
#videos .vid object,
#videos .vid embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#videos a:link, a:visited {text-decoration: none}
#videos .display { margin-bottom: 25px; min-height: 88px;}
#videos .display:hover{background-color: #f3f3f3}
#videos .miniatura { float: left; margin-right: 20px }
#videos .titulo_um { font-size: 16px; color: #333; padding-top: 5px; font-family: fbold}
#videos .titulo_dois { font-size: 12px; color: #333; font-family: fregular}
#videos .titulo_um_video { font-size: 20px; color: #333; padding-top: 5px; font-family: fbold}
#videos .titulo_dois_video { font-size: 15px; color: #333; font-family: fregular}

#servicos .nome { font-size: 25px; font-weight: bold; color: #255625; font-family: fblack}
.block_servico {width: 100px; height: 5px; background-color: #255625}
.block_servico_linha { width: 100%; border-bottom: 1px solid #255625; margin-bottom: 20px}

#servicos .editais { color: #255625; font-weight: bold; border-left: 2px solid #255625; padding-left: 5px; font-size: 15px; margin-bottom: 20px }
#servicos .titulos {display: block; margin-bottom: 10px}
#servicos .titulos_view {display: block; margin-bottom: 10px; padding-bottom: 20px}
#servicos .titulos .orgao { color: #333; text-transform: uppercase; font-size: 15px; margin-right: 5px; font-family: fbold }
#servicos .titulos  .data { color: #ff0000; text-transform: uppercase; font-size: 15px; border-left: 3px solid #ff0000; padding-left: 5px; font-family: fbold}
#servicos .validade { color: #333; font-size: 10px; font-family: fbold}
#servicos .chamada { color: #333; text-transform: uppercase; font-size: 12px; font-family: fregular}
#servicos .chamada_view { color: #333; text-transform: uppercase; font-size: 12px; font-family: fregular; border-top: 1px solid #999; padding-top: 10px}
#servicos .links { color: #333; font-size: 14px; font-family: fregular}
#servicos .data_validade { color: #ff0000; text-transform: uppercase; font-size: 18px; font-family: fbold}

#licita_view .orgao {color: #333; text-transform: uppercase; font-size: 15px; font-family: fbold; margin-bottom: 10px}
#licita_view .objeto {color: #333;  font-size: 15px; font-family: fbold; margin-top: 5px}
#licita_view .objeto_texto {color: #333; font-size: 12px; font-family: fregular;}
#licita_view .data { color: #ff0000; text-transform: uppercase; font-size: 13px;font-family: fbold}

#servicos  a:link, a:visited { text-decoration: none}
#servicos .bloco { background-color: #255625; display: block; color: #fff; padding: 15px 10px; margin-bottom: 20px}
#servicos .bloco:hover{background-color: #429242}
#servicos img { margin: 0 auto; display: block;  }

#servicos_lista { background-color: #429242; min-height: 200px; padding: 20px; margin-bottom: 20px}
#servicos_lista .titulo { font-size: 15px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 10px; font-weight: bold}
#servicos_lista a:link, a:visited {text-decoration: none; color: #fff}
#servicos_lista a:hover { color: #f3f3f3;}

#programas .nome { font-size: 25px; font-weight: bold; color: #0060AE; font-family: fblack}
.block_programas {width: 100px; height: 5px; background-color: #0060AE}
.block_programas_linha { width: 100%; border-bottom: 1px solid #0060AE; margin-bottom: 20px}

#programas .slide { margin: 0; padding: 0}
#programas .descricao { background-color: #0060ae; border-left: 15px solid #02548c; color: #fff;}
#programas .descricao .titulo { font-size: 25px; margin-top: 30px; font-family: fbold}
#programas .descricao .subtitulo { font-size: 16px; margin-top: 20px; font-family: fregular}

#publicidade { font-size: 10px; font-weight: bold; color: #333;; margin-bottom: 40px}

#conheca .nome { font-size: 25px; font-weight: bold; color: #a79541; font-family: fblack}
.block_conheca {width: 100px; height: 5px; background-color: #a79541}
.block_conheca_linha { width: 100%; border-bottom: 1px solid #a79541; margin-bottom: 20px}

#conheca .bloco { margin-top: 30px; margin-bottom: 30px}
#conheca .bloco img { margin-bottom: 10px}
#conheca .panel { border-radius: 0; box-shadow: 2px 1px 3px #ccc; border-bottom: 10px solid #a79541 }
#conheca .panel-heading { background-color: #a79541; color: #fff; border-radius: 0; text-align: center; font-family: fbold}
#conheca .panel-body { font-family: fregular}

#rodape-azul { background-color: #0b6c9a; padding: 50px 0; color: #fff; font-family: fregular}
#rodape-azul a:link, #rodape-azul a:visited { color: #fff}
#rodape-azul a:hover {color: #ccc}
#rodape-azul .titulo { border-bottom: 1px solid #fff; padding: 5px; display: block; font-size: 15px}
#creditos { background-color: #0f1d66; color: #fff; padding: 20px 0; font-family: fbold}

.scroll-to-top { display: none;  position: fixed; bottom: 30px; right: 50px;padding: 2px;background-color:#f3f3f3; border-radius: 5px; text-align:center; z-index: 500;  }
.scroll-to-top a:link { text-decoration: none}

#ler_noticia {}
#ler_noticia .media {margin-bottom: 30px}
#ler_noticia .nome { font-size: 25px; font-weight: bold; color: #0060AE; font-family: fblack}
#ler_noticia .menor { font-size: 12px; color: #333; display: block; font-family: fregular}
#ler_noticia .chamada_n { font-size: 20px; color: #333; display: block; margin-bottom: 10px; font-family: fbold}
#ler_noticia .chamada_m { font-size: 15px; color: #333; display: block; margin-bottom: 10px; font-family: fregular}
#ler_noticia .chamada_n:hover { color: #0060AE;}

#ler_noticia .list-group .list-group-item {background-color: #0b6c9a}
#ler_noticia .list-group .list-group-item:hover {background-color: #2487b6}
#ler_noticia .list-group a:link, #ler_noticia .list-group a:visited {color: #FFF}

#ler_noticia .checkbox label { margin-right: 20px}
#ler_noticia .block_noticia {width: 100px; height: 5px; background-color: #0060AE}
#ler_noticia .block_noticia_linha { width: 100%; border-bottom: 1px solid #0060AE; margin-bottom: 20px}
#ler_noticia .data {font-size: 12px; font-family: fregular; color: #333; margin-bottom: 5px;}
#ler_noticia .titulo_noticia {font-size: 30px; color: #0b6c9a; font-family: fblack; line-height: 40px; margin-bottom: 10px}
#ler_noticia .chamada {font-size: 14px; color: #333; font-family: fregular; display: block; border-bottom: 1px solid #ccc; padding-bottom: 33px}
#ler_noticia .cad_jor {font-size: 14px; color: #333; font-family: fregular; display: block; padding-bottom: 20px}
#ler_noticia .autor {font-size: 12px; font-family: fregular; color: #333; margin: 10px 0}
#ler_noticia .img_principal {margin-top: 20px; background-color: #f3f3f3; display: block}
#ler_noticia .legenda { font-size: 14px; color: #333; margin-bottom: 20px; margin-top: 5px}
#ler_noticia .foto { font-size: 14px; color: #333; margin-bottom: 5px; margin-top: 5px}
#ler_noticia .texto a:link, #ler_noticia .texto a:visited { color: #0B6C9A}
#ler_noticia .texto a:hover { color:#FF4500}
#ler_noticia .texto {font-size: 15px !important; font-family: fregular !important; color: #333; line-height: 22px; margin-top: 20px}
#ler_noticia .relacionadas { border-top: 3px solid #0b6c9a; display: block; margin-top: 30px}
#ler_noticia .titulo { font-family: fbold; color: #333; font-size: 14px; margin-top: 10px}
#ler_noticia .titulo_dois { font-size: 16px; color: #333; font-weight: bold; margin-top: 10px; border-top: 5px solid #0060AE; padding-top: 10px; margin-bottom: 33px}
#ler_noticia .titulo_tres { font-size: 16px; color: #333; font-weight: bold; margin-top: 30px; border-top: 5px solid #0060AE; padding-top: 10px; margin-bottom: 33px}
#ler_noticia .data { font-size: 12px; color: #333; display: block; font-family: fregular}
#ler_noticia .texto_dois { font-size: 14px; color: #0060AE; font-family: fbold; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px}
.publicidade { font-size: 10px; font-weight: bold; color: #333; margin-bottom: 5px; margin-top: 30px}

#ler_pauta .data_pauta { font-size: 15px; color: #0b6c9a; font-family: fregular; text-transform: uppercase}
#ler_pauta .data_pauta_hoje { font-size: 15px; color: orangered; font-family: fregular; text-transform: uppercase}
#ler_pauta .titulo_pauta { font-size: 25px; color: #333; font-family: fbold; margin-bottom: 5px}
#ler_pauta .texto_pauta { font-size: 14px; color: #333; font-family: fregular; margin-bottom: 30px; border-bottom: 1px solid #ccc; padding-bottom: 15px}

#estrutura .titulo_estrutura { font-size: 20px; text-transform: uppercase; color: #333; font-family: fbold; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; margin-bottom: 10px; margin-top: 5px }
#estrutura .texto_estrutura { font-size: 12px !important; font-family: fregular  !important; color: #333; line-height: 22px; text-align: justify}
#estrutura .foto_estrutura {margin-top: 6px; margin-bottom: 30px}

#sobre .panel-heading {text-transform: uppercase}

#relacionadas .titulo {margin-top: 30px; padding-bottom: 20px; border-top: 2px solid #0060AE; padding-top: 20px}
.titulo_galeria {font-family: fbold; color: #333; font-size: 14px; margin-top: 10px; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid #0060AE; padding-top: 20px}
#relacionadas a:link,#relacionadas a:visited { text-decoration: none; font-size: 14px; color: #0060AE}
#relacionadas a:hover { color: #06263C}
#relacionadas .titulos {margin-bottom: 10px; font-size: 14px; color: #0060AE; font-family: fbold;}

.fakeImg {  background: no-repeat center; background-size: cover;float: left;margin: 0 10px 10px 0; }

/* Extra Small */
@media(max-width:767px){
    #buscar-form { width: 97.2%}
    #buscar-form .input-group{ margin: 10px}
    #slide { padding: 0; margin: 0 -3px 0 -3px}
    #servicos .bloco .titulo { margin-top: 10px; text-align: center; font-size: 12px; font-weight: bold}
    .fortaleza {  background: url("../../img/fundo_rodape.jpg"); height: 65px; background-repeat:no-repeat;  background-size:contain;  background-position:center;  }
    #programas .descricao { padding: 5px 0 20px 0}
    #ler_noticia .menor { margin-top: 10px}
}
/* Small */
@media(min-width:768px) and (max-width:991px){
    .fortaleza {  background: url("../../img/fundo_rodape.jpg");  height: 130px;  background-repeat:no-repeat;  background-size:contain;  background-position:center; }
    .navbar-right {
    float: right !important;
    margin-right: -33px;
}

}
/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #slide {padding: 0; margin: -3px 2px 0 -3px}
    .fortaleza {  background: url("../../img/fundo_rodape.jpg");  height: 180px;  background-repeat:no-repeat;  background-size:contain;  background-position:center;  }
    .flex-caption { min-height: 140px }
    #noticias .box-noticia { height: 200px }
}
/* Large */
@media(min-width:1200px){
    #slide {padding: 0; margin: -3px 2px 0 -3px}
    #servicos .bloco .titulo { margin-top: 10px; text-align: center; font-size: 14px; font-weight: bold}
    .fortaleza {  background: url("../../img/fundo_rodape.jpg"); height: 220px;  background-repeat:no-repeat;  background-size:contain;  background-position:center;  }
    #programas .descricao { min-height: 380px;}
    #noticias .box-noticia { height: 200px }
    .flex-caption { min-height: 140px }

}