@charset "utf-8";

/* HOME PAGE */

body {color: #111; font-family: 'Barlow Semi Condensed', sans-serif;  overflow-x: hidden; background:#FFF; padding: 0px; margin: 0px; text-rendering: optimizeLegibility;  letter-spacing: 0px ; font-stretch: normal;}

html  { text-rendering: optimizeLegibility;  }

a img { border:none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

.seletor {color: inherit; text-decoration: none; }

:focus { outline: 0; }


.img img { width: 100%; height:auto; }

h1, h2, h3, h4, h5, h6 h7, h8, h9 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-weight: inherit; } 

ul { padding: 0px; margin: 0px; list-style: none;  } 

.conteiner { width: 100%; float: left; position: relative; }

.block-right { position:relative; float:right; }
.block-left { position:relative; float:left; }
.block-center { width: 100%; display: block; margin: 0 auto; } 

.center { max-width: 1210px; margin: 0 auto; display:block; padding: 0px 0px 0px 0px;  }
.center-2 { max-width: 800px; margin: 0 auto; display:block; padding: 0px 0px 0px 0px; }

.titulos-sessoes { width: 100%; float:left; position:relative; font-size: 38px; color: #00519E; text-transform: uppercase; text-align:center; padding: 100px 0px 50px 0px; font-weight: 500;  } 

.image img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.image img:hover {  -moz-filter: brightness(1.3);
    -ms-filter: brightness(1.3);
     -o-filter: brightness(1.3);
filter: brightness(1.3); } 

.button1 { width: 250px;  margin: 0 auto; display: block; } 
.button1 a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 10px; padding: 10px 0px 10px 0px; text-decoration: none;  width: 100%; background: #FFC926 ; float:left; position: relative; color: #00519E; font-size: 24px; text-transform: uppercase; text-align: center; font-weight: 500; }   
.button1 a:hover { background: #FFBF00; } 

.mais { text-align: right; padding: 50px 0px 50px 0px; text-transform: uppercase; font-weight: 500; } 
.mais a { color: #00519E; ; text-decoration: none; }
.mais a:hover {  text-decoration: underline; }

.alerta { width: 100%; float:left; position:relative; text-align:center; font-size: 24px; color: #00519E; text-transform: uppercase; padding: 50px 0px 50px 0px;}

.nbsp { width: 100%; float:left; position: relative; display: none; }

#top-bar { background: #00519E ; height: 20px; padding: 5px 0px 7px 0px; color: #FFF; font-size: 14px; font-weight: 500;}
#top-bar .boa { width: 200px;  position:relative; float:left; padding: 3px 0px 0px 0px;}
#top-bar .frase {  width: calc(100% - 305px); position:relative; float:left; padding: 3px 0px 0px 0px; text-align: center;}
#top-bar #sociais { width: 105px;  padding: 0px; margin: 0px; font-size: 18px; position:relative; float:left;} 
#top-bar #sociais a { color: #FFF; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#top-bar #sociais a:hover { color: #FFD24D; text-decoration: none; } 
#top-bar #sociais span { display: none;  }
#top-bar #sociais ul { width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  position:relative; float:right;} 
#top-bar #sociais ul li { float:left; position: relative; margin: 0px 10px 0px 0px; padding: 0px;}
#top-bar #sociais ul li:last-child { margin: 0px 0px 0px 0px; }

#menumobile { display: none; font-size: 14px;  width: 180px; padding: 10px;  position: fixed; top: 0px; left: 0px; height: 100%; background: #00519E; z-index: 999999999; } 
#menumobile ul { width: 100%; float:left; position: relative; }
#menumobile ul li {width: 100%; float:left; position: relative; padding: 0px 0px 5px 0px; color: #FFF; text-transform: uppercase;} 
#menumobile ul li { width: 100%; float:left; position: relative; color: #FFF; text-decoration: none;  } 
#menumobile #close { float: right; position: relative; font-size: 28px; }
#menumobile a {  color: #FFF; text-decoration: none;  } 
#menumobile a:hover { color: #FFF; text-decoration: none; } 
#menumobile .primary  { font-weight: 600; }

#top-menu .showmenu {  position: absolute; top: 0px; left: 20px; font-size: 22px; display: none; } 
#top-menu .showmenu a { color: #00519E; } 
#top-menu { width: 100%; float:left; position: relative; background: #FFF; padding: 15px 0px 15px 0px; border-bottom: 5px #CCC solid; } 
#top-menu #logo { width: 200px; margin: 0px 0px 0px 0px ; float:left; position: relative; }
#top-menu.fixar {  position: fixed; top: 0px; left: 0px; z-index: 999999999;   }
#top-menu #menu-top { cursor: pointer; width: 750px; height: 80px; float:left; position: relative; text-transform: uppercase; margin: 0px 0px 0px 40px; border-left: 1px solid #CCC; } 
#top-menu #menu-top ul {  width: 100%; float:left; position: relative; margin: 30px 0px 0px 5px;  }
#top-menu #menu-top ul li { width: calc(100% / 5);  float:left; position: relative; text-align:center;  font-weight: 600; font-size: 16px;  }
#top-menu #menu-top ul li a { width: 100%;  float:left; position: relative;  color: #00519E; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#top-menu #menu-top ul li:hover a {  color: #00AFEF; text-decoration: none; }
#top-menu #menu-top ul li a:hover { color: #00AFEF; text-decoration: none; } 
#top-menu #menu-top ul li span { width: 100%; margin: 0px 0px 0px 0px;  float:left; position: relative; text-align: center;} 
#top-menu #menu-top ul li:last-child { display: none; }
#top-menu #menu-top ul li ul {  width:100%; z-index: 999;  display: none; position:absolute; padding: 0px; margin: 0px 0px 0px 0px; text-decoration: none;}
#top-menu #menu-top ul li:hover ul { display: block;  margin-left: -12px; margin-top: 0px; padding: 20px 0px 0px 0px; } 
#top-menu #menu-top ul li ul li  { width:100%;  position:relative; float:left; text-align:center;   }
#top-menu #menu-top ul li:hover ul li a {  color: #FFF; background: #00519E; width:175px; height: auto; padding: 3px 0px 3px 0px; position:relative; float:left;  }
#top-menu #menu-top ul li ul li:last-child { display: block; }
#top-menu #menu-top ul li ul li a {  color: #FFF; text-decoration: none;  margin: 0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#top-menu #menu-top ul li ul li a:hover  { color: #FFF; text-decoration: none; background:  #00AFEF;  }
#top-menu #menu-top ul li ul li span {  font-weight: 500; margin: 5px 0px 5px 0px; position:relative; float:left; font-size:12px;}

#busca { width: 219px; margin: 0px 0px 0px 0px; float:left; position: relative; padding: 25px 0px 0px 0px;}
#busca input {  float:left; position: relative; height:30px; width: 178px; border: 1px solid #CCC; border-right: none; padding: 0px 5px 0px 5px;  font-size: 12px; color: #111; }
#busca button { float:left; position: relative; height:32px; width: 30px; border:none;  background: #FFF; color: #00519E; cursor:pointer; border: 1px solid #CCC; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#busca button:hover { background: #FFF; color: #00AFEF; }

#slider { width: 100%; float:left; position:relative; } 

#info { height: auto; background: #00519E; padding: 35px 0px 35px 0px;  opacity: 0;} 
#info .box:last-child { border: none; } 
#info .box {   border-right: 1px solid #FFF;  width: calc(100% / 4 - 3px);  float: left; position: relative; text-align: center; text-transform: uppercase;  color: #FFF; } 
#info .box .num { width: 100%; float: left; position: relative; text-align: center; font-size: 44px; font-weight: 500;}
#info .box .txt { width: 100%; float: left; position: relative; text-align: center;  font-size: 22px; font-weight: 500;}  

#ultimas-noticias {  background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(222,227,231,1) 100%); }

.box ul { width: 100%; float: left; position: relative;} 
.box ul li { width: 370px; float:left; position:relative; background: #FFF; margin: 0px 0px 0px 0px;} 
.box ul li:nth-child(3n-1) { margin: 0px 50px 0px 50px; } 
.box h3 { width: calc(100% - 60px); height: 30px;  overflow: hidden; font-size: 24px; font-weight: 500; text-transform: uppercase; color: #00519E; text-align: center; padding: 0px 30px 0px 30px;  } 
.box h2 { width: calc(100% - 60px); height: 130px; overflow: hidden; font-size: 24px; font-weight: 400;  color: #111; text-align: center; padding: 15px 30px 0px 30px; margin: 0px;   } 
.box ul li a { text-decoration: none; color: #111;} 
.box ul li a:hover { text-decoration: underline;  color: #111; } 
.box ul li span a  { width:100%; float:left; position:relative;  font-size: 16px; font-weight: 500; color: #B20000; text-align: center; padding: 30px 0px 30px 0px; margin: 0px; } 
.box ul li span a:hover {  text-decoration: underline;  color: #B20000;} 
.box .image { width: 100%; float:left; position:relative; margin: 0px 0px 30px 0px;} 
.box ul li:hover > .image img { moz-filter: brightness(1.5); -ms-filter: brightness(1.5);-o-filter: brightness(1.5); filter: brightness(1.5); } 

#prefeitos { background: #00519E; height: 364px; }
#prefeitos .imagem { width: 690px; float: left; position: relative; }
#prefeitos .texto { width: 520px; float: left; position: relative; opacity: 0; }
#prefeitos .texto h2 { width: 100%; float: left; position: relative; margin: 50px 0px 0px 0px; font-size: 28px; text-transform: uppercase; color: #FFF; font-weight: 500; text-align: center; }
#prefeitos .texto p { width: 100%; float: left; position: relative; margin: 30px 0px 50px 0px; font-size: 22px; color: #FFF; font-weight: 400; text-align: center; }
#prefeitos .show  { display: none; }

#videos { height: 906px; background: url(../images/bgcidade.png) top center;  }
#videos .titulos-sessoes { color: #FFF; }
#videos .box li  { background: #00519E; }
#videos .box li a { text-decoration: none; color: #FFF;} 
#videos .box li a:hover { text-decoration: underline;  color: #FFF; }
#videos .box h3 { color: #FFD24D; } 
#videos .box li span a  { color: #00FFFF; } 
#videos .box li span a:hover {  color: #00FFFF;} 
#videos .image i, .box .image i{ position: absolute; top: calc(50% - 34px); left: calc(50% - 34px); z-index: 999; font-size: 58px; color: #EC3337; } 
#videos .image .bg, .box .image .bg{ z-index:888; background: #FFF;  width: 30px; height: 30px; position: absolute;  top: calc(50% - 20px); left: calc(50% - 17px);  } 
#videos .mais a {color: #FFF; } 

#servicos {  height: 670px; background: url(../images/servicos.png) no-repeat top right; padding: 120px 0px 0px 0px;}
#servicos .titulos-sessoes {  text-align: left; font-size: 32px;  } 

#tabs {  max-width: 600px;  } 
.tabs-nav { width: 100%; padding: 0px 0px 50px 0px; float:left; position: relative;  }
.tabs-nav li a { width: calc( 100% / 3);  margin: 0px 0px 0px 0px; padding: 20px 0px 20px 0px;  font-size: 18px; font-weight: 500; float:left; position: relative; color: #111; background: #FFF;   text-align: center; text-transform: uppercase; text-decoration:  none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.tabs-nav li a:hover {  background: #00AFEF; color: #FFF; }
.tabs-nav .tab-active a { background: #00519E; color: #FFF;} 
.tabs-nav .tab-active a:hover { background: #00519E; color: #FFF;} 
.tabs-nav a i  {  color: #FFF; position: absolute; bottom: -25px; left: 20px; font-size: 58px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;  }
.tabs-nav a:hover > i { color: #00AFEF;   } 
.tabs-nav .tab-active a > i { color: #00519E; } 
.tabs-nav .tab-active a:hover > i { color: #00519E;} 

.tabs-stage p { font-size: 16px; text-transform: uppercase; font-weight: 500;}
.tabs-stage div { display: none;   }
.tabs-stage ul li { width: calc( 100% / 3); float:left; position: relative; margin: 20px 0px 0px 0px; font-size: 16px; text-transform: uppercase; }
.tabs-stage ul li a { color: #111; text-decoration: none;  } 
.tabs-stage ul li a:hover { color: #111; text-decoration: underline;  }
.tabs-stage i { margin: 0px 5px 0px 0px; color: #00519E;} 

#agenda { background: #F3F3F3; }
#agenda .data, .data_agenda { background: #00519E; padding: 0px 30px 2px 30px; color: #FFF;}
#agenda .box li span a { color: #00519E; } 

#instagram { }

#aplicativo { height: 600px; background: url(../images/bgapp.png) no-repeat top left;  }  
#aplicativo #imagem {  width: 50%; height: 540px; position: absolute; top:40px; right:0px;  margin: 30px 0px 0px 0px; overflow: hidden;}
#aplicativo #textos {  width: 50%;  float:left; position: relative; padding: 30px 0px 0px 0px; opacity: 0;}
#aplicativo #textos h1 { width: 100%; float:left; position: relative; padding: 160px 0px 0px 0px; text-align: center; text-transform: uppercase; color: #FFF; font-weight: 500; font-size: 42px; } 
#aplicativo #textos h2 { width: 100%; float:left; position: relative; padding: 0px 0px 0px 0px; text-align: center; text-transform: uppercase; color: #00FFFF; font-weight: 500; font-size: 20px; } 
#aplicativo #textos span { width: 100%; float:left; position: relative; padding: 50px 0px 0px 0px; text-align: center; text-transform: uppercase; color: #00FFFF; font-weight: 500; font-size: 16px; }
#aplicativo #textos #googleplay { width: 100%; float:left; position: relative;  text-align: center; padding: 10px 0px 0px 0px; }

#servicospublicos { background: #00AFEF;  color: #FFF; padding: 45px 0px 45px 0px; }
#servicospublicos h1 { text-transform: uppercase; font-size: 48px; font-weight: 500; }
#servicospublicos h2 { font-size: 22px; font-weight: 400; }
#servicospublicos #left  { width: 910px; float:left; position: relative;  } 
#servicospublicos #right { width: 300px; float:left; position: relative; margin: 10px 0px 0px 0px;  } 
#servicospublicos #right i { margin: 0px 10px 0px 0px;  } 

#footer { background: #00519E; color: #FFF; padding: 50px 0px 50px 0px; }
#footer ul {  margin: 0px 0px 0px 0px; width: calc(100% / 5); float:left; position: relative; text-transform: uppercase; font-size: 14px; font-weight: 400; color: #FFF; } 
#footer .nomargin { margin: 0px 0px 0px 0px;}
#footer ul li { width: 100%; float:left; position: relative; padding: 0px 0px 10px 0px; } 
#footer span { font-size: 18px; font-weight: 500; padding: 0px 0px 20px 0px; float:left; position: relative;}
#footer a { color: #FFF; text-decoration: none; } 
#footer a:hover { color: #FFF; text-decoration: underline; } 
#footer #logo { text-align:center; padding: 0px 0px 50px 0px;}
#footer #copy { font-size: 14px; text-align: center; width: calc(100% - 40px); padding: 0px 20px 0px 20px;} 

#listagem { border-bottom: 1px solid #CCC; padding: 0px 0px 50px 0px;  background: #F3F3F3; }
#listagem .box ul li { margin: 0px 0px 50px 0px; } 
#listagem .box ul li:nth-child(3n-1) { margin: 0px 50px 50px 50px; } 

.box.outrosposts .image { margin: 0px 0px 0px 0px; }
.box.outrosposts ul li { margin: 0px 0px 30px 0px; }
.box.outrosposts ul li:nth-child(3n-1) { margin: 0px 50px 0px 50px; } 

.box.publicacoes h3 {  height: 25px; padding: 30px 0px 0px 0px; margin-bottom: 20px; width: 100%;} 

#carregar { padding: 50px 0px 0px 0px; }
#btnmais { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #FFF; width: 250px; display: block; padding: 10px; margin: 0 auto; text-decoration: none; background:#00519E; font-size: 24px; text-transform: uppercase; font-weight: 500; text-align: center; } 
#carregando { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #FFF; width: 250px; display: none; padding: 10px; margin: 0 auto; text-decoration: none; background:#00519E; font-size: 24px; text-transform: uppercase; font-weight: 500; text-align: center;} 

#formulario .form-group { width: 100%;  position:relative; float:left; }
#formulario .form-group label { width: 100%;  position:relative; float:left; font-size: 18px; color: #00519E; font-weight: 500; text-transform: uppercase;}  
#formulario .form-control {  width: 96%;  position:relative; float:left; margin: 10px 0px 10px 0px;  border: 2px solid #CCC;  padding: 2%; font-size: 16px; color: #111; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#formulario .form-control:focus, #formulario textarea:focus {  border: 2px solid #00519E; } 
#formulario .select { width: 100%; }
#formulario textarea { width: 96%;  padding: 2%; margin: 10px 0px 10px 0px; font-family: 'Nunito', sans-serif;  border: 2px solid #CCC;  font-size: 16px; color: #111; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#formulario .btn-default {  text-transform: uppercase; font-weight: 500; border: none; cursor: pointer; float:right; position: relative; margin: 20px 0px 0px 0px;  color: #FFF; text-decoration:none; background-color: #00519E; padding: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size:16px;}
#formulario .btn-default:hover { color: #FFF; text-decoration:none; background-color: #00519E; }

#conteudo { border-bottom: 1px solid #CCC; padding: 0px 0px 50px 0px; }
#conteudo h1 { color: #00519E; font-weight: 500;}

#post { font-size: 20px; text-align: justify;  } 

#post ul { padding: revert;  margin: revert; list-style: revert;  } 

#post h1, #post h2, #post h3 { color: #00519E; font-weight: 500;}
#post #preparagrafo a, #post .paragrafos a {  color: #00519E; text-decoration: none; font-weight: 500; } 
#post #preparagrafo a:hover, #post .paragrafos a:hover {  color: #00519E; text-decoration: underline; } 
#post .titulo { padding: 0px 0px 0px 0px; font-size: 42px; text-align: center;} 
#post .bigode { padding: 50px 0px 0px 0px; font-size: 18px;}   
#post .data { padding: 50px 0px 0px 0px; font-size: 20px; text-align: center; color: #00519E;} 
#post .data2 { padding: 0px 0px 40px 0px; text-align: center; font-size: 20px;} 
#post #compartilhe { padding: 50px 0px 50px 0px; font-size: 32px;  } 
#post #compartilhe span { font-size: 18px; text-align: center; font-weight: 500; text-transform: uppercase;}
#post .continue { width: 100%; height: 13px; background: url(../images/continuelendo.png) top center; margin: 0px 0px 20px 0px; } 
#post .continue2 { width: 100%; height: 15px; background: url(../images/continuelendo2.png) top center; margin: 0px 0px 20px 0px; } 
#post .legenda {  color: #777; border-bottom: 1px solid #CCC;  padding: 10px 0px 10px 0px; font-size: 14px;}

#post #compartilhe .share2 {  width: 125px; margin: 0 auto; display:block; font-size: 32px; }
#post #compartilhe .share2 i { float:left; position:relative; margin: 20px 20px 0px 0px;} 

#post #compartilhe .share2 a .fa-whatsapp-square  { color: #00E676; }
#post #compartilhe .share2 a .fa-facebook-square  { color: #1877F2; }
#post #compartilhe .share2 a .fa-twitter-square { color: #1DA1F2; }
#post #compartilhe .share2 .fa-twitter-square { margin: 20px 0px 0px 0px;} 
#post #compartilhe .share2 a .fa-pinterest-square { color: #E60023; } 
#post #compartilhe .share2 a .fa-linkedin { color: #0A66C2;} 
#post #compartilhe .share2 .fa-linkedin { margin: 20px 0px 0px 0px;} 

#post strong {font-weight: 500; } 
#post .paragrafos img, #post .paragrafos input { width: 100%; height: auto; }
#post .paragrafos table {  width: 100%;} 
#post .paragrafos img, #post .paragrafos div img { width: 100%; height: auto; }
#post .paragrafos object, #post .paragrafos embed { width: 100%; height: auto; }
#post .paragrafos iframe { width: 100%; min-height: 450px; } 

#post .player { width: 100%; float:left; position: relative;} 
#post .player iframe { width: 100%; min-height: 450px; } 

#arquivos ul li {  width: calc(100% - 40px); float:left; position: relative; border: 1px solid #00519E; padding: 20px; margin-bottom: 50px; } 
#arquivos ul li:last-child { margin-bottom: 0px;} 
#arquivos .left {width: calc(100% - 78px); float:left; position: relative; padding: 0px 30px 0px 0px; }
#arquivos .left h2 { color: #00519E; font-weight:500; }  
#arquivos .left span { width: 100%; float:left; position: relative; font-size: 20px; } 
#arquivos .left strong { font-weight: 500;} 
#arquivos .right { width: 48px; float:left; position: relative; margin: 35px 0px 0px 0px; } 
#arquivos .right i { float:left; position: relative;  font-size: 64px; } 
#arquivos .right span { float:left; position: relative;  font-size: 16px; text-transform: uppercase; font-weight: 500; text-align:center;} 
#arquivos .right a { color: #00519E; text-decoration: none; }