/* desktops tela pequena */
@media only screen and (max-width : 1200px) {
  #div-logo-topo {width: 255px;}
  #validacoes{width: 17%;}

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

  #box-tools-1{min-height: 315px;}

  .txt-frr h3 {font-size: 1.2em;}

  .input-doc {width: 46%;}
}
/* tablets */
@media only screen and (max-width : 992px) {
  #full-slider-wrapper{width: 100%;}

  #wrap-topo{position: static;height: 165px  }
  #div-logo-topo{background: none; text-align: center; float: none; margin: 0px auto; height: 110px;  }
  #div-menu-topo{width: 100%; float: none;margin: 0px auto; }
  .menu{width: 100%; }

   #wrap-conteudo{padding: 0px;}

   #texto-conteudo{width: 100%; float: none; margin: 10px auto; padding: 0px;}
   #idocumentos {
      width: 80%;
      min-height: 200px;
      float: none;
      padding: 20px;
      margin: 0px auto;
  }
  .input-doc {
      width: 100%;
      height: 3em;
      margin: 5px auto;
      float: none;
  }

  #icalendario {
      width: 100%;
      margin: 0px auto;
      text-align: center;
      float: none;
      min-height: 262px;
  }

  #box-atalhos{width: 100%; float: none; margin: 5px auto;}

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

   #box-infor {
      width: 100%;
      float: none;
      margin: 0px auto;
  }


   #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 : 768px) {	

  #selecaodecor{display: none;}

  #div-logo-topo{height: 75px; padding: 20px 0px;}
  #bloco-branco{display: none;}

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

  .ferramentas {width: 90%; margin: 5px auto; float: none;}

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

  .bx-wrapper .bx-prev {left: 0%;}
  .bx-wrapper .bx-next {right: 0%;}

  #txt-doc{margin-top: 3px;}

  #idocumentos-form button{padding: 0%;}
  
   #box-newsletter{min-height: 145px;}
   #texto-inewsletter{width: 100%; margin: 5px auto;}
   #form-inewsletter{width: 100%;margin: 0px auto;}
   #inewsletter button{width: 25%;}


  .galeria-box{width: 50%; float: none; margin: 10px auto; text-align: center;}


  #wrap-rodape{min-height: 440px;}
  #rodape-esquerdo{width: 100%; margin: 10px auto; float: none; border:0px;}
  #rodape-meio{width: 100%; margin: 10px auto; float: none;}
  #validacoes{width: 100%; margin: 10px auto; float: none;}



}