/* desktops tela pequena */
@media only screen and (max-width : 1200px) {
	
	#div-logo-topo img {
    text-align: center;
    padding: 1%;
}

 #div-menu-topo{width: 55%;}
 .menu{width:55%}

 #geral-meio{width: 100%;}
 #meio_telefone{width: 100%; margin: 10px auto;}

 #inewsletter button{width: 26%;}
 
 #rodape-esquerdo{width:40%;}
 #validacoes{width: 25%;}
 #div-logo-topo {
    margin-top: 0px;
}

}
/* tablets */
@media only screen and (max-width : 992px) {
  #barra-topo {
    width: 100%;
    border-top: 10px solid #50792a;
    background-color: #fff;
}
  #div-logo-topo{float: none; margin: 0px auto; height: 168px;}
  #div-menu-topo{width: 100%; float: none;margin: -52px auto; }
  .menu{width: 100%; }

   #wrap-conteudo{padding: 0px;}

   #box-tools-1{width: 94%; float: none;}
   #box-tools-2{width: 94%; float: none;}
   
   #box-ferramentas {min-height: 565px;}

   .ferramentas{width: 44%; min-height: 215px;}
   #contato {
    width: 90%;
    padding: 15px;   
    background-color: #ffffff;
    position: static;    
    color: #000;
    margin-left: 0%;
    margin-top: 1%;
    border:0px;
}

}
/* celulares */
@media only screen and (max-width : 780px) {
	
	#wrap-topo {
    width: 100%;
    height: 176px;
    position: initial;
    z-index: 999999999;
}

  #full-slider-wrapper p{display: none;}
  #box-atalhos{width: 100%; border:0px; }
  #box-infor{width: 100%; margin: 0px auto;}

  .ferramentas {width: 48%;}

  #box-ferramentas {min-height: 1100px;}

  #idocumentos-form button{padding: 0%;}
  #inewsletter button{font-size: 0.8em;}
  #inewsletter p{margin-top: -13px;}

  #wrap-rodape{min-height: 335px;}
  #rodape-esquerdo{width: 45%;margin: 10px 5% 10px auto;float: left;border:0px;}
  #rodape-meio{width: 50%;margin: 10px auto;float: left;}
  #validacoes{width: 100%;float: none;text-align: center;}

#selecaodecor{display: none;}

}

@media only screen and (max-width : 540px) {
	
	#box-atalhos h2 {
    color: #fff;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    line-height: 28px;
}
	
	#texto-conteudo {
    width: 100%;
    font-size: 1rem;
    color: #fff;
}
	
	#rodape_email {
    background: none;
    padding-left: 0px;
    min-height: auto;
    padding-bottom: 11%;
}
	
	#rodape_telefone {
    background: none;
    padding-left: 0px;
    min-height: auto;
}
	
	#rodape {
    width: 90%;
    height: auto;
    clear: both;
    padding: 30px 0px;
    margin: 0px auto;
}
	
	#rodape {
    width: 90%;
    height: auto;
    clear: both;
    padding: 30px 0px;
    margin: 0px auto;
}
	
	#ferramenta-calendario {
    width: 100%;
    margin: 5px auto;
}
	
	#ultimas-noticias h1 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
}
	
	#inews .veja_mais {
    text-align: right;
    border: 0px;
    cursor: pointer;
    color: #fff;
    padding: 1%;
    font-size: 12px;
    font-weight: 400;
    width: 110px!important;
    margin-top: 19px;
}
	
	#inews span {
    display: block;
    margin: 5px 0px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    background: #68993C;
    width: 80px!important;
    text-align: center;
    padding: 5px;
}
	
	#ultimas-noticias {
    width: 100%;
    min-height: auto;
    margin: 0px auto;
    padding: 20% 5% 20% 2%;
}
	
	.ferramentas {
    width: 100%;
    min-height: auto;
}
	
	.ferramentas h3 {
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 600;
}

	.ferramentas p{
		font-size:14px;
	}
	
	#box-ferramentas img{
		width:78px;
	}
	
	#box-ferramentas {
    min-height: auto;
    display: inline-block;
    width: 84%;
    padding: 8%;
}
	
	#geral-meio #img-fone{display:none;}
	
	#txt-fone {
    text-align: center;
    width: 100%;
    float: left;
    color: #fff;
    margin-top: 0px;
    font-size: 1.2rem;
}
	
	#box-tools-1 {
    width: 86%;
    float: none;
    padding: 8%;
    margin: 0px 0%;
}
	
	#texto-conteudo h2 {
    font-size: 22px;
    margin-bottom: 0px;
    color: #fff;
    font-weight: 600;
    line-height: 27px;
}

#div-logo-topo img {
    text-align: center;
    padding: 1%;
    width: 300px;
    margin: 0 auto;
    text-align: center;
    display: block;
    padding-top: 20px;
}
	
  #rodape-esquerdo{float:none;width:100%;margin:0;height:auto;margin-bottom:20px;}
  #rodape-meio{float:none;width:100%;margin:0;height:auto;}
  #wrap-rodape{min-height: 370px;}
}


@media only screen and (max-width : 380px) {
	
	#div-logo-topo {
    float: none;
    margin: 0px auto;
    height: 168px;
    width: 100%;
    margin-left: 0px;
}

	#div-logo-topo img {
		text-align: center;
		padding: 1%;
		width: 70%;
		margin: 0 auto;
		text-align: center;
		display: block;
		padding-top: 20px;
	}

}