body {
   font-family: Arial, Helvetica, sans-serif;
}

#cabecalho {
   background:url('../img/topo.png'); 
   background-size: auto 100%; 
   background-position: 100%; 
   background-repeat: no-repeat;
}

.img_topo {
   background:url('../img/fundo.png'); 
   background-size: cover; 
   background-repeat: no-repeat;
   background-position: 0%; 
   z-index: -1;
   height: 190px;
   position: absolute; 
   width: 100%;
}

.logo {
   max-width: 500px;
   margin: 2% 0;
}

.blue_line {
   border-bottom: 3px solid #ff9100; 
   margin: 0;
}

.yellow_line {
   border-top: 3px solid #ff9100;
}

/* #### PESQUISA #### */
#search {
   height: 43px;
   font-size: 24px;
   display: inline-block;
   border: none;
   outline: none;
   color: #555;
   padding: 3px 50px 3px 10px;
   margin-top: 3px;
   width: 0px;
   position: absolute;
   top: 0;
   right: 8%;
   background: none;
   z-index: 3;
   transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
   cursor: pointer;
}

#search:focus:hover {
   border-bottom: 2px solid #0a51a2;
   background: #f8f8f8;
}

#search:focus {
   width: 95%;
   z-index: 1;
   border-bottom: 2px solid #0a51a2;
   cursor: text;
   background: #f8f8f8;
}
#search_submit {
   height: 45px;
   width: 40px;
   display: block;
   background: url(../img/search.png) center center no-repeat;
   border: none;
   position: absolute;
   top: 0;
   right: 8%;
   z-index: 2;
   opacity: 0.4;
   cursor: pointer;
   transition: opacity .4s ease;
}

input[type="submit"]:hover {
   opacity: 1;
}


/* #### RODAPÉ #### */
#rodape {
   background:#e4e7eb;
   /*background: url(../img/igreja.jpg) center no-repeat;*/
   background-size: cover;
   color: #0a0c0b; 
   text-decoration: none; 
   padding: 1%; 
   width: 100%;
}

.logo_footer {
   max-width: 200px;
   margin-right:15px; 
   margin-top: 10px;
}

.links_rodape {
   list-style: none;
   padding-left: 0px;
}

.links_rodape ul {
   list-style: none;
   color: #0a0c0b;
   padding-left: 10px;
}

.links_rodape ul > a, .links_rodape li > b > a {
   color: #0a0c0b;
}

.links_rodape li > b {
   margin-top: 20px;
}

.links_rodape li > b {
   padding-bottom: 6px;
   display: block;
}

.subir {
  position: fixed;
  bottom: 4%;
  right: 1%;
  max-width: 90%;
  min-width: 50px;
  display: none;
  z-index: 2;
}


/* #### NOTÍCIAS #### */

.noticias1 {
   text-align: center;
   font-weight: bold;
}

.noticias1 a {
   color: #000;
}

.noticias1 span {    
   display: block;
   margin: 5px 0 20px 0;
}

.img_noticia {
   max-height: 135px;
   min-height: 135px;
   width: 100%;
}

.img_noticia1 {
   max-height: 175px;
   min-height: 175px;
   width: 100%;
}

.ultimas_noticias {
   background:#0c4280; 
   padding:10px 10px 7px 17px; 
   color:#fff; 
   font-size:18px; 
   width: 15%; 
   margin: 0;
}

/* #### ESPAÇOS #### */
.pad_0 {
   padding: 0 !important;
}

.pad_lr0 {
   padding-left: 0 !important;
   padding-right: 0 !important;
}

.pad_l0 {
   padding-left: 0 !important;
}

.pad_t2 {
   padding-top: 2%;
}

.pad_t3 {
   padding-top: 3%;
}

.padt_5px {
   padding-top: 5px;
}

.pad_b2 {
   padding-bottom: 2%;
}

.mar_0 {
   margin: 0;
}

.mar_b5 {
   margin-bottom: 5%;
}


/* #### FONTES #### */
.font_12 {
   font-size: 12px;
}

.font_14 {
   font-size: 14px;
}

.font_16 {
   font-size: 16px;
   line-height: 26px;
}

.font_20 {
   font-size: 20px;
}

.first_letter > p::first-letter {
   font-weight: bold;
   font-size: 20px;
}

.text_center {
   text-align: center;
}

.text_justify {
   text-align: justify;
}

.text_right {
   text-align: right;
}

.titulo {
  color: #0a0c0b; 
  font-weight: bold;
}

.subtitulo{
   font-size:13px;
   margin: 10px 0px;
}

.black, .black:hover,.black a, .black a:hover {
   color: #000;
}

.link_download {
   font-size: 16px;
}

.link_download a, .link_download a:hover {
   color: #000;
}

.link_download img {
   max-width: 50px;
}

.blue_line1 {
   border: solid 1px #0a51a2;
   margin: 5px 0 10px 0;
   width: 5%;
}

.blue_line2 {
   border: solid 1px #0a51a2;
   margin: 0 0 10px 0;
   width: 5%;
}

.menu_line {
   border-bottom: 1px solid #fff; 
   max-width: 80%; 
   margin-left: 10% !important; 
   margin-bottom: 0;
}

.img_text {
  max-width: 80%;
  float: left;
  padding: 1%;
}

.img_text2 {
  max-width: 50%;
  float: right;
  padding: 1%;
}

.img_historia {
   position: relative;
   margin: 0;
}

.img_historia img {
   max-width: 50%;
   float: right;
   padding: 20px 0 0 1%;
}

.img_historia span {
   position: absolute;
   right: 0;
   top: 0;
}

.txt_vereadores a > p {
   color: #000;
   padding-top: 10px;
}

.txt_vereadores a:hover, .txt_vereadores a > p:hover {
   color: #0c4280;
   text-decoration: none;
}

.txt_vereadores img:hover, .txt_vereadores a > p:hover {
   transform: scale(1.05);
}

.links_externos a {
   display: block;
   margin-top: 5px;
   color: #000;
}

.links_externos a:hover, .links_externos a:active, .links_externos a:focus {
   color: #0c4280;
   text-decoration: none;
   font-weight: bold;
}

/* Panel ======================================= */
.panel-group .panel-border {
   border: 1px solid #eee; 
}

.panel-group .panel-border .panel-title {
   background-color: #0c4280 !important;
   text-align: center;
   font-size: 22px;
}

.panel-group .panel-border .panel-title > a {
   color: #fff;
}

.panel-group .panel-border .panel-title .collapsed {
   background-color: #eee !important;
   text-align: center;
}

.panel-group .panel-border .panel-title .collapsed {
   color: #777;
}

.panel-group .panel-col-blue {
   border: 1px solid #2196F3; 
}

.panel-group .panel-col-blue .panel-title {
   background-color: #2196F3 !important;
   color: #fff; 
}

.panel-group .panel-col-blue .panel-body {
   border-top-color: transparent !important; 
}

.panel-group .panel {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   border-radius: 0; 
}

.panel-group .panel .panel-title .material-icons {
   float: left;
   line-height: 16px;
   margin-right: 8px; 
}

.panel-group .panel .panel-heading {
   padding: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   border-radius: 0; 
}

.panel-group .panel .panel-heading a {
   display: block;
   padding: 10px 15px; 
}

.panel-group .panel .panel-heading a:hover, .panel-group .panel .panel-heading a:focus, .panel-group .panel .panel-heading a:active {
   text-decoration: none; 
}

.panel-group .panel-primary {
   border-bottom: 1px solid #e0e0e0; 
   margin: 0 10%;
}

.panel-group .panel-collapse {
   padding: 1% 2%;
}

/* Nav Tabs ==================================== */
.nav-tabs > li > a {
   border: none !important;
   color: #999 !important;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   border-radius: 0;
   text-align: center; 
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:active, .nav-tabs > li > a:focus, .nav-tabs li.active a:hover, .nav-tabs li.active a:active, .nav-tabs li.active a:focus {
   background-color: transparent !important;
}

.nav-tabs > li > a:before {
   content: '';
   position: absolute;
   left: 0;
   width: 100%;
   height: 0;
   border-bottom: 2px solid #1254a2;
   bottom: 2px;
   -moz-transform: scaleX(0);
   -ms-transform: scaleX(0);
   -o-transform: scaleX(0);
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -moz-transition: 0.1s ease-in;
   -o-transition: 0.1s ease-in;
   -webkit-transition: 0.1s ease-in;
   transition: 0.1s ease-in; 
}
.nav-tabs > li > a > img {
   max-width: 40px; 
}

.nav-tabs li.active a {
   color: #222 !important;
   background-color: transparent;
}

.nav-tabs li.active a:before {
   -moz-transform: scaleX(1);
   -ms-transform: scaleX(1);
   -o-transform: scaleX(1);
   -webkit-transform: scaleX(1);
   transform: scaleX(1); 
}

/* X-Panel ==================================== */
.x_panel {
   margin-bottom: 10px;
   padding: 10px 17px;
   border: 1px solid #E6E9ED;
}

.x_title {
   border-bottom: 2px solid #0a51a2;
   padding: 1px 5px 6px;
}
.x_title > ul {
position: absolute;
top: 5px;
right: 15px;
}
.x_title h2 {
margin: 5px 15px 6px 0;
font-size: 16px;
}
.x_title h2 small {
margin-left: 10px
}
.x_title span {
color: #BDBDBD
}
.x_content {
padding: 0 5px 6px;
position: relative;
width: 100%;
float: left;
clear: both;
margin-top: 5px
}
.x_content h4 {
font-size: 16px;
font-weight: 500
}

/* Accordion ==================================== */
.collapsed-box > .box-header  {
   background: #ffffff !important;
}

.box-header {
   color: #444;
   display: block;
   padding: 10px;
   position: relative;
   background: #1254a2;
}

.box {
   position: relative;
   background: #fff;
   border-bottom: 1px solid #d2d6de;
   width: 100%;
}

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
   display: inline-block;
   font-size: 18px;
   margin: 0;
   line-height: 1;
   padding-top: 5px;
   font-weight: bold;
   color: #fff;
}

.btn-box-tool:hover, .btn-box-tool:active {
   color: #fff;
}

.box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after {
   content: " ";
   display: table;
}

.box-header:after, .box-body:after, .box-footer:after {
   clear: both;
}

.btn-box-tool {
   padding: 5px;
   background: transparent;
   color: #fff;
}

.box.collapsed-box .box-body, .box.collapsed-box .box-footer {
   display: none;
}

.collapsed-box .box-header .box-title, .collapsed-box .box-header .btn-box-tool {
   color: #97a0b3;
}

.box-body {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
   background-color: #e0e0e0;
}

.back_eee {
   background-color: #eee !important;
}

.busca_titulo {
  font-size: 24px;
  text-align: center;
  color: #0c4280;
}

.busca_subtitulo {
  padding-top: 2%;
  font-size: 18px;
  color: #000;
}

.pautas {
   padding: 0;
   display: flow-root;
}

.pautas img {
   max-width: 30px;
   float: right;
}

.line {
   clear: both;
   border-bottom: 1px solid #ccc;
   max-width: 100%;
   margin: 0 auto 10px auto;
   padding-top: 10px;
}

.pautas > p {
   font-size: 14px;
}

.pautas > div > p {
   font-size: 16px;
   font-weight: bold;
}

.concurso_info {
   color: #000;
   font-size: 16px;
}

.concurso_info:hover, .concurso_info:active {
   color: #0c4280;
   text-decoration: none;
   font-weight: bold;
}

.concurso_info img {
   max-width: 30px;
}

.contratos_text span {
  font-size: 11px;
  display: block;
  padding-top: 3px;
  color: #0c4280;
  font-weight: bold;
}

.contratos_text {
  font-size: 16px;
  padding: 0 5px 10px 5px !important;
}

.back_grey {
  background-color: #f3f3f3;
  margin-bottom: 15px;
}

.back_grey p {
  padding: 1%;
  margin: 0;
  padding-bottom: 0;
}

.form_transparencia label {
   width: 100%;
   margin-bottom: 0;
}

.form_transparencia input, .form_transparencia select, .form_transparencia textarea {
   width: 100%;
   padding: 3px 5px;
   margin-bottom: 15px;
   font-size: 16px;
}

.form_transparencia select {
   padding: 5px 5px;
}

.btn_form {
   min-width: 100px;
   max-width: 120px;
   margin: 0 15px; 
}

@media screen and (max-width: 1200px) {
   .img_noticia {
      max-height: 110px;
      min-height: 110px;
   }

   .nav > li > a {
      padding: 10px !important;
   }

   input[type="text"], input[type="submit"] {
      right: -20px;
   }

   input[type="text"]:focus {
      width: 105%;
   }

   .ultimas_noticias {
      width: 18%;
   }
}

@media screen and (max-width: 991px) {
   .logo {
      max-width: 450px;
      padding: 2% 0%;
   }

   .pad_0 {
      padding: 10px !important;
   }

   .img_noticia {
      max-height: 210px;
      min-height: 210px;
   }

   .ultimas_noticias { 
      width: 30%; 
   }

   #rodape {
      background: url(../img/igreja.jpg) rgba(12, 66, 128, 0.8) center no-repeat;    display: flex;
      background-size: cover;
      color: #fff; 
      text-decoration: none; 
      padding: 1%; 
      width: 100%;
   }

   .logo_footer {
      max-width: 100%;
   }
}

@media screen and (max-width: 767px) {
   .logo {
      max-width: 70%;
      margin: auto;
   }

   .logo_footer {
      max-width: 100%;
      margin: 5px 15px 25px 0;
   }

   .ultimas_noticias {
      background:#0c4280; 
      padding:10px 10px 7px 17px; 
      color:#fff; 
      font-size:16px; 
      width: 70%; 
      margin-top: 8%;
   }

   .img_noticia {
      max-height: unset;
      min-height: unset;
      width: 50%;
      float: left;
      margin: 10px;
   }

   .img_topo {
      height: 150px;
   }

   .img_historia {
      margin: 15px 0;
   }

   .img_historia img {
      max-width: 100%;
      float: none;
      padding: 10px 15px 0 1%;
   }

   .img_historia span {
      right: 15px;
   }
}

@media screen and (max-width: 480px) {
   .logo {
      max-width: 100%;
   }

   .img_noticia {
      max-height: unset;
      min-height: unset;
      width: 100%;
   }
}

@media screen and (max-width: 380px) {
   .img_topo {
      height: 100px;
   }
}
.slimScrollDiv {
   height: 40px !important;
}

.div-pot {
   color: #0a0c0b;
   padding: 8px;
   background-color: #ddd;
   border-radius: 8px;
   font-size: 2rem;
   font-weight: bold;
   border: 1px solid white;
   text-align: center;
}

.div-pot:hover {
   border: 1px solid #f5c500;
   background-color: #ccc;
}