﻿/* -----------------------------------------------------------------
  Instituto de Publicações - PORTAL DO MUNICÍPIO 2015
  @version: 1.0
  @author: Yuri Matheus
  @date: 24/11/2014
  @description: Folha de estilo principal
------------------------------------------------------------------*/
#home {
  margin-top: 30px;
}
#institucional,
#servicos,
#publicacoes,
#politica-de-privacidade,
#noticias,
#noticia-interna,
#galeria-de-fotos,
#fale-conosco,
#entidades,
#diario-oficial,
#links {
  margin: 70px 0 50px 0;
}
#line {
  background: url('../img/line.png') top center;
  height: 4px;
  position: relative;
}
header #topo-header {
  height: 108px;
  background: #f1f1f1;
  width: 100%;
}
header #topo-header img {
  padding: 30px 20px;
}
header .menu {
  height: 50px;
  background: #279a51;
  z-index: 1;
  padding: 12px;
  color: #f1f1f1;
  margin: 0;
}
header .menu a {
  color: #f1f1f1;
  font-size: 17px;
  font-weight: 300;
  padding: 9px 10px;
  font-family: 'Roboto Condensed', sans-serif !important;
}
header .menu a:hover {
  border-bottom: 6px solid #0b4a22;
  text-decoration: none;
}
header #barsocialmedia {
  padding: 30px 0;
}
.quem-somos {
  background: url(../img/quem_somos.png) no-repeat;
  background-position: right;
  color: #f1f1f1;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 15px;
  margin: 20px 0;
  height: 196px;
}
.quem-somos h3 {
  font-size: 24px;
  font-style: italic;
  font-weight: lighter;
  padding: 10px;
  width: 180px;
  background: #f5c82b;
  margin: 0 0 5px 0;
  color: #ffffff !important;
}
.quem-somos span.line {
  width: 180px;
  border-bottom: 1px solid #6b6b73;
  float: left;
  margin: 5px 400px 10px 0;
  display: block;
}
.quem-somos .btn-quem-somos {
  padding: 60px 10px;
  font-weight: bold;
  font-size: 25px;
  font-family: 'Roboto Condensed', sans-serif !important;
  color: #444444;
  background: #E8AD0E;
  border: 1px solid #AB880B;
  margin: -48px 0;
}
.nossos-servicos {
  background: url(../img/nossos_servicos.png) no-repeat;
  background-position: right;
  color: #f1f1f1;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 15px;
  margin: 20px 0;
  height: 196px;
}
.nossos-servicos h3 {
  font-size: 24px;
  font-style: italic;
  font-weight: lighter;
  padding: 10px;
  width: 180px;
  background: #6b6b71;
  margin: 0 0 5px 0;
  color: #ffffff !important;
}
.nossos-servicos span.line {
  width: 180px;
  border-bottom: 1px solid #6b6b73;
  float: left;
  margin: 5px 400px 10px 0;
  display: block;
}
.nossos-servicos .btn-nossos-servicos {
  padding: 60px 10px;
  font-weight: bold;
  font-size: 25px;
  font-family: 'Roboto Condensed', sans-serif !important;
  color: #6B6B71;
  background: #39383C;
  border: 1px solid #6B6B71;
  margin: -48px 0;
}
nav.links {
  margin: 30px 0;
  height: 60px;
  display: block;
  text-align: center;
}
ul.publicacoes-municipais {
  font-family: 'Roboto Condensed', sans-serif !important;
}
ul.publicacoes-municipais li {
  padding: 5px 0;
  height: auto;
}
ul.publicacoes-municipais li a {
  text-decoration: none;
}
ul.publicacoes-municipais li a:hover {
  background: #e7e7e7;
}
ul.publicacoes-municipais li a p {
  margin: 0;
  padding: 0;
}
ul.publicacoes-municipais li a p.titulo {
  font-size: 15px;
  margin: 0;
  font-weight: bold;
  color: #333;
}
ul.publicacoes-municipais li a p.diario {
  font-size: 14px;
  margin: 0;
  color: #d59701;
}
ul.publicacoes-municipais li a p.contrato {
  font-size: 14px;
  margin: 0;
  color: #279a51;
}
ul.publicacoes-municipais li a p.data {
  font-size: 13px;
  margin: 0;
  color: #555;
}
.eventos a {
  text-decoration: none;
  color: #555;
}
.galeria-fotos a {
  text-decoration: none;
}
.titulo-interno {
  background: url('../img/banner-interno.jpg') top center;
  height: 192px;
}
.titulo-interno h1 {
  margin: 0;
  float: right;
  font-weight: 100;
  font-family: 'st_marie_thinthin', sans-serif;
  color: #f1f1f1;
  padding: 75px 10px;
}
.descricao-topo {
  font-family: 'st_marie_thinthin' !important;
  font-size: 18px;
  line-height: 140%;
  color: #55555b;
  text-align: justify;
  font-weight: 500;
}
.descricao-topo h2 {
  margin: 20px 10px;
  font-weight: bolder;
  font-family: 'st_marie_thinthin', sans-serif;
  color: #808080;
  font-size: 20px;
  line-height: 140%;
  text-align: justify;
}
.box-institucional {
  background: #f2f2f2;
  padding: 0 0 15px 0;
  font-size: 15.5px;
  line-height: 120%;
  color: #54555a;
  padding: 10px 30px 5px 30px;
  font-family: 'Roboto Condensed', sans-serif !important;
}
.box-institucional h3 {
  font-size: 22px;
  padding: 10px 0 5px 0;
  color: #d59701;
  margin: 0;
}
.box-institucional span.line {
  width: 340px;
  margin: 3px 0 0 0;
  border-bottom: 1px solid #279a51;
  float: left;
  display: block;
}
.valores {
  background: #55555b;
  float: left;
  color: #fff;
  font-style: italic;
  line-height: 130%;
  padding: 0 20px 15px 0;
  height: 426px;
  font-family: 'Roboto Condensed', sans-serif !important;
}
.valores h3 {
  background: #6b6b71;
  margin: 0 0 0 16px;
  color: #ffffff;
  font-size: 18px;
  font-style: italic;
  padding: 15px 0 10px 20px;
  font-weight: 100;
}
.valores span.line {
  width: 144px;
  margin: 10px 0;
  border-bottom: 1px solid #bd8600;
  float: left;
}
.valores ul {
  display: block;
  margin: 30px 0 0 20px;
  padding: 0;
}
.valores ul li {
  font-size: 16px;
  font-weight: 100;
  font-style: italic;
  line-height: 120%;
  color: #ffffff;
  list-style-image: url('../img/mgreen.png');
  list-style-position: inside;
  font-family: 'Roboto Condensed', sans-serif;
  margin: 5px 0 15px 0;
}
.inst-item {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.inst-item h2 {
  font-size: 18px;
  color: #279b51;
}
.inst-item ul {
  padding: 0;
  margin: 0;
}
.inst-item ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.nossas-fotos {
  font-family: 'Roboto Condensed', sans-serif !important;
}
.nossas-fotos h3 {
  font-size: 22px;
  color: #279b51;
}
.form-contato {
  font-family: 'Roboto Condensed', sans-serif !important;
  float: left;
  display: block;
  background: #f2f2f2;
  padding: 0 20px;
  margin: 20px 0 0 0;
}
.form-contato h4 {
  background: #d79903;
  color: #ffffff;
  width: 195px;
  height: 15px;
  font-size: 18px;
  font-weight: 100;
  padding: 10px 0 30px 25px;
  margin: -15px 0 15px 0;
  display: block;
}
.central-de-contato {
  font-family: 'Roboto Condensed', sans-serif !important;
  background: #55555b;
  color: #ffffff;
  float: left;
  margin: 20px 0 35px 0;
  padding: 0 30px;
  text-align: center;
}
.central-de-contato h3 {
  color: #d79903;
  background: #6b6b71;
  font-size: 18px;
  font-weight: 100;
  padding: 10px 0;
  text-align: center;
  margin: 0 auto;
}
.box-entidade,
.consultar-noticia-01,
.tipo-entidade-01 {
  font-family: 'Roboto Condensed', sans-serif !important;
  float: left;
  background: #e7e7e7;
  height: auto;
  padding-bottom: 15px;
}
.box-entidade h3,
.consultar-noticia-01 h3,
.tipo-entidade-01 h3 {
  width: 290px;
  background: #d59801;
  color: #ffffff;
  font-weight: 100;
  font-style: italic;
  padding: 10px 0 10px 20px;
  font-size: 18px;
  margin: 0 0 20px -15px;
}
.box-entidade span.line,
.consultar-noticia-01 span.line,
.tipo-entidade-01 span.line {
  width: 368px;
  float: left;
  border-bottom: 1px solid #279a51;
  display: block;
  margin: 0 200px 15px -15px;
}
.box-entidade hr,
.consultar-noticia-01 hr,
.tipo-entidade-01 hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #55555b;
  opacity: .1;
}
.box-filtro,
.consultar-noticia-02,
.tipo-entidade-02 {
  font-family: 'Roboto Condensed', sans-serif !important;
  float: left;
  background: #bfbfbf;
  color: #55555b;
  height: auto;
  margin: 0 0 30px 0;
  padding-bottom: 15px;
}
.box-filtro h3,
.consultar-noticia-02 h3,
.tipo-entidade-02 h3 {
  width: 290px;
  background: #d59801;
  color: #ffffff;
  font-weight: 100;
  font-style: italic;
  padding: 10px 0 10px 20px;
  font-size: 18px;
  margin: 0 0 20px -15px;
}
.box-filtro span.line,
.consultar-noticia-02 span.line,
.tipo-entidade-02 span.line {
  width: 368px;
  float: left;
  border-bottom: 1px solid #279a51;
  display: block;
  margin: 0 200px 14px -15px;
}
.botoes-pesquisa {
  border-bottom: 1px dashed #e7e7e7;
  margin: 0 0 30px 0;
  padding: 0 0 30px 0;
  display: block;
}
.botoes-pesquisa .btn-gold {
  font-weight: 100;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 20px;
  color: #d59701;
}
.botoes-pesquisa .btn-green {
  font-weight: 100;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 20px;
  color: #279a51;
}
.text-green {
  color: #279a51;
}
.text-gold {
  color: #d59701;
}
.separador {
  color: #30b862;
}
ul {
  margin: 5px 0 40px 0;
}
ul.lista-itens li {
  padding: 20px 10px 5px 0;
  margin: 0 0 0 0;
  background: #f5f5f5;
  border-bottom: 1px solid #6b6b71;
  min-height: 240px;
}
ul.lista-itens li:hover {
  background: #e7e7e7;
  text-decoration: none;
}
ul.lista-itens li a {
  text-decoration: none;
}
ul.lista-itens li p {
  font-family: 'Roboto Condensed', sans-serif !important;
}
ul.lista-itens li p.data {
  font-weight: bold;
  font-size: 15px;
  color: #d59701;
  margin: 4px 0 3px 0;
}
ul.lista-itens li p.titulo {
  font-size: 18px;
  color: #279a51;
  margin: 4px 0 3px 0;
  padding: 0;
}
ul.lista-itens li p.ano,
ul.lista-itens li p.descritivo {
  font-size: 15px;
  color: #6b6b71;
  margin: 4px 0 3px 0;
  padding: 0;
  height: 107px;
  overflow: hidden;
}
ul.lista-itens li p.ano {
  height: auto;
}
h3 {
  font-family: 'Roboto Condensed', sans-serif !important;
}
h3.outras-noticias {
  font-size: 26px;
  color: #279a51;
  font-family: 'Roboto Condensed', sans-serif !important;
}
h4.outras-noticias {
  font-size: 24px;
  color: #279a51;
  font-family: 'Roboto Condensed', sans-serif !important;
}
footer {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 16px;
}
footer a {
  text-decoration: underline;
  color: #f1f1f1;
}
footer a:hover {
  color: #f1f1f1;
}
footer #left {
  background: #efefef;
  color: #54555a !important;
  font-weight: 100;
  padding: 0 !important;
  float: left;
  width: 50%;
}
footer #left .top_informacoes {
  background: #e4e4e4;
  width: 100%;
  height: 80px;
  padding: 20px 0;
  color: #54555a;
  font-style: italic;
  font-size: 16px;
  float: left;
}
footer #left .endereco {
  font-size: 15px;
  padding: 20px;
  padding-right: 5px;
}
footer #left .barsocialmedia {
  padding: 35px 0 0 0;
}
footer #left a {
  color: #55555b;
  text-decoration: none;
  font-weight: 400;
}
footer #left hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #55555b;
  opacity: .1;
}
footer #right {
  font-family: 'Roboto Condensed', sans-serif !important;
  background: #279a51;
  color: #f1f1f1;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  float: left;
  width: 50%;
}
footer #right #sitemap {
  font-family: 'Roboto Condensed', sans-serif !important;
  padding: 30px 0 0 0;
  margin: 0;
}
footer #right #sitemap ul {
  margin: 0;
}
footer #right #sitemap ul li {
  padding: 0 5px;
}
footer #right #sitemap ul li.line {
  width: 250px;
  color: #3e8a5a;
  border-bottom: 1px solid #52B476;
  margin: 8px 0;
}
footer #right #sitemap ul li a {
  text-decoration: none;
  margin: 0 0 0 20px;
  font-weight: 100;
  font-style: italic;
}
.media {
  font-family: 'Roboto Condensed', sans-serif !important;
  border-bottom: 2px solid #279a51;
  padding: 5px 10px 20px;
  margin: 15px;
}
@font-face {
  font-family: 'st_marie_thinthin';
  src: url('../fonts/StMarie-Thin-webfont.eot');
  src: url('../fonts/StMarie-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/StMarie-Thin-webfont.woff') format('woff'), url('../fonts/StMarie-Thin-webfont.ttf') format('truetype'), url('../fonts/StMarie-Thin-webfont.svg#st_marie_thinthin') format('svg');
  font-weight: normal;
  font-style: normal;
}
.carousel-control.left,
.carousel-control.right {
  background-image: none !important;
}
.carousel-inner .item img {
  width: 100%;
  height: 100%;
}
.carousel-indicators {
  bottom: 5px;
  left: 0;
  width: auto;
  padding: 5px 25px 5px 25px;
  margin-left: 0;
  background: rgba(0, 0, 0, 0.7);
}
.carousel-indicators li {
  border-radius: 0;
  width: 8px;
  height: 8px;
  background: #fff;
}
.carousel-indicators .active {
  width: 10px;
  height: 10px;
  background: #279a51;
  border-color: #279a51;
}
.carousel-control {
  background: #279a51;
  color: #fff;
  padding: 4px 0;
  width: 26px;
  top: auto;
  left: auto;
  bottom: 12px;
  opacity: 0.85;
}
.carousel-control.right {
  right: 10px;
}
.carousel-control.left {
  right: 46px;
}
.carousel-caption {
  top: auto;
  width: auto;
  right: auto;
  bottom: 60px;
  left: 0;
  padding: 20px;
  background: rgba(0, 0, 0, 0.7);
  text-align: left;
  height: auto;
  max-width: 50%;
}
/*# sourceMappingURL=styleprincipal.css.map */