@charset "utf-8";

/* HOME PAGE */

@media screen and (max-width: 1249px) { 

.button1 { width: 200px;  margin: 0 auto; display: block; } 
.button1 a { padding: 5px 0px 5px 0px;  font-size: 16px; }   


.titulos-sessoes { font-size: 32px; }

.center { max-width: 730px;  padding: 0px 0px 0px 0px;  }
.center-2 { max-width: 730px;  padding: 0px 0px 0px 0px; }

#top-menu { padding: 10px 0px 10px 0px;  } 
#top-menu #logo { width: 120px; }
#top-menu #menu-top { width: 588px; height: 48px; margin: 0px 0px 0px 20px;  } 
#top-menu #menu-top ul {  margin: 15px 0px 0px 0px;  }
#top-menu #menu-top ul li {  width: 110px; font-size: 14px;  }
#top-menu #menu-top ul li:last-child { width: 34px; display: block; margin: 2px 0px 0px 0px;} 
#top-menu #menu-top ul li ul li:last-child { margin: 0px 0px 0px 0px;}
#top-menu #menu-top ul li:hover ul { margin-left: -25px; } 

#busca {display: none; }

#info {   padding: 20px 0px 20px 0px; } 

#info .box .num {  font-size: 32px; }
#info .box .txt { font-size: 13px; } 

.box ul li { width: 223.3px; } 
.box ul li:nth-child(2n) { margin: 0px 30px 0px 30px; } 
.box h3 { width: calc(100% - 20px); height: 25px; font-size: 18px; padding: 0px 10px 0px 10px;  } 
.box h2 { width: calc(100% - 20px); font-size: 18px; padding: 10px 10px 0px 10px; }
.box .image {  margin: 0px 0px 15px 0px; } 
.box li span a  { padding: 20px 0px 20px 0px;} 

#prefeitos {height: 225px; }
#prefeitos .imagem { width: 430px; }
#prefeitos .texto { width: 300px;  }
#prefeitos .texto h2 {  font-size: 20px; margin: 20px 0px 15px 0px; }
#prefeitos .texto p {  font-size: 16px; margin: 0px 0px 20px 0px;}

#videos { height: 741px;  }

#servicos {  height: 590px; background: none; padding: 0px 0px 0px 0px;}
#servicos .titulos-sessoes { text-align: center; } 
#tabs { max-width: 730px; display: block; margin: 0 auto; float:none; position:none;  }

#agenda h3 {  height: 25px;   padding: 0px 10px 0px 10px;  } 
#agenda h2 { margin: 0px 0px 0px 0px; } 

#aplicativo #textos h1 {padding: 100px 0px 0px 0px;  font-size: 32px; }
#aplicativo #textos h2 {  font-size: 18px; }

#servicospublicos {  padding: 20px 0px 20px 0px; }
#servicospublicos #left  { width: 520px;   } 
#servicospublicos #right { width: 200px;  } 

#servicospublicos h1 { font-size: 26.5px;  }
#servicospublicos h2 { font-size: 12.5px;  }

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


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


#post .titulo { font-size: 36px;} 

}

@media screen and (max-width: 767px) { 

#top-menu .showmenu {  display: block;  top: 25px;} 

.titulos-sessoes { font-size: 26px; }

.center { max-width: 520px;  }
.center-2 { max-width: 520px;   }


#top-bar .frase {  float:left; position:relative; }
#top-bar #sociais { float:left; position:relative; } 

#top-menu #menu-top { display: none;  } 
#top-menu #logo {  margin: 0px auto; display: block; float:none; position: none; }


#info .box .num {  font-size: 22px; }
#info .box .txt { font-size: 13px; } 


.box ul li { width: 160px; } 
.box ul li:nth-child(2n) { margin: 0px 20px 0px 20px; }

.box h3 { font-size: 16px;} 
.box h2 {  font-size: 16px;  height: 130px;}
.box ul li span a  {  padding: 20px 0px 20px 0px; }

#prefeitos {height: 178px; }
#prefeitos .imagem { width:  285px; }
#prefeitos .texto { width:   235px;   }
#prefeitos .texto h2 {  font-size: 16px; margin: 15px 0px 5px 0px; }
#prefeitos .texto p {  font-size: 14px; margin: 0px 0px 0px 0px;}
#prefeitos .hidden  { display: none; }
#prefeitos .show  { display: block; }
#prefeitos .show.button1 { width: 100%;  float:left; position:relative; } 
#prefeitos .show.button1 a {  border-radius: 0px;   }   

#servicos .titulos-sessoes { font-size: 22px;  } 

.tabs-nav a i  {  left: 0px; }
.tabs-nav li a { padding: 15px 0px 15px 0px;  font-size: 16px;  }
.tabs-stage ul li { font-size: 14px;  }

#aplicativo #imagem {  width: 70%;}
#aplicativo #textos {  width: 40%; padding: 80px 0px 0px 20px;}
#aplicativo #textos h1 { padding: 0px 0px 0px 0px; font-size: 22px; } 
#aplicativo #textos h2 {  font-size: 16px; } 
#aplicativo #textos #googleplay { width: 100%; float:left; position: relative;  text-align: center; padding: 10px 0px 0px 0px; }
#aplicativo #textos #googleplay img { width: 50%; height: auto;} 

#servicospublicos {  padding: 20px 0px 20px 0px; }
#servicospublicos #left  { width: 100%;} 
#servicospublicos #right { width: 100%;} 

#aplicativo #textos h1 {  font-size: 24px; } 
#aplicativo #textos h2 {  font-size: 18px; } 


#footer ul {   font-size: 12px; }
#footer span { font-size: 16px; }

#listagem .box ul li { margin: 0px 0px 20px 0px; } 
#listagem .box ul li:nth-child(3n-1) { margin: 0px 20px 20px 20px; }

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

#post .titulo { font-size: 32px;} 

}

@media screen and (max-width: 539px) {
	


#top-menu .showmenu {   top: 15px;  font-size: 18px;} 

.titulos-sessoes { font-size: 22px; padding:35px 0px 25px 0px;}

.center { max-width: 340px;  }
.center-2 { max-width: 340px;   }


#top-bar .frase {  display: none; }

#top-bar #sociais { margin: 0px 0px 0px 35px; } 

#top-menu {  padding: 5px 0px 5px 0px; } 
#top-menu #logo { width: 100px;}


#info .box .num {  font-size: 15px; }
#info .box .txt { font-size: 9px; } 

.box ul li { width: 100%; } 
.box ul li:nth-child(2n) { margin: 30px 0px 30px 0px; }

.box h3 { font-size: 20px;} 
.box h2 {  font-size: 20px;  height: 80px; }

#prefeitos {height: auto; }
#prefeitos .imagem { width:  100%;  margin-bottom: -1px;}
#prefeitos .texto { width:  100%;  padding: 0px 0px 20px 0px;  }
#prefeitos .texto h2 {  font-size: 22px;  }
#prefeitos .texto p {  font-size: 18px; }

#prefeitos .center { display: flex; flex-direction: column; }
#prefeitos .center .imagem {  order: 2;}
#prefeitos .center .texto { order: 1;  }
#prefeitos .center .button1 { order: 3; }

#aplicativo #imagem {  width: 70%;}
#aplicativo #textos {  width: 65%;}

#videos { height: 1475px;  }

#servicospublicos #left  { text-align: center;} 
#servicospublicos h1 { font-size: 18px; }
#servicospublicos h2 { font-size: 16px;}

#servicos .titulos-sessoes { font-size: 20px;  } 
#servicos {  height: 430px; }


.tabs-nav { padding: 0px 0px 30px 0px;   }
.tabs-nav a i  { font-size: 56px; }

#footer ul {  width: 100%; text-align: center; padding: 0px 0px 30px 0px;}
#footer span { width: 100%; text-align: center;}


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

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


#post .titulo { font-size: 28px;} 

}


@media screen and (max-width: 359px) { 

.center { max-width: 260px;  }
.center-2 { max-width: 260px;   }

.titulos-sessoes { font-size: 18px; }

#top-bar .boa { display: none; }
#top-bar #sociais { float:none; position:none; display: block; margin: 0 auto; } 

#top-menu #logo { width: 75px;}
#top-menu .showmenu {   top: 10px;} 

#info .box .num {  font-size: 12px; }
#info .box .txt { font-size: 8px; } 


.box h3 { font-size: 18px;} 
.box h2 {  font-size: 18px;  height: 70px; }

#prefeitos .texto h2 {  font-size: 16px;  }
#prefeitos .texto p {  font-size: 14px; }


#videos { height: 1300px;  }

#aplicativo { height: 290px; }  
#aplicativo #imagem {  display: none;}
#aplicativo #textos {  width: calc(100% - 20px); margin: 0px; padding: 30px 10px 0px 10px;}
#aplicativo #textos h1 {  font-size: 20px; } 
#aplicativo #textos h2 {  font-size: 16px; }

#servicos {  height: 400px; }

.tabs-stage p { font-size: 14px;}
.tabs-nav li a {   font-size: 12px;  }
.tabs-stage ul li { font-size: 11px;  }


#servicospublicos h1 { font-size: 18px; }
#servicospublicos h2 { font-size: 16px;}

#footer #copy { font-size: 12px; text-align: center;}  



}



/* HOME PAGE */