/* desktops tela pequena */
@media only screen and (max-width : 1200px) {
  #wrap-topo { width: 40%; margin-top: 6px; }

     

}
/* tablets */
@media only screen and (max-width : 992px) {
   #wrap-topo {
      width: 100%;
      height: 615px;
      padding: 10px 0px;
      position: absolute;
      left: 0px;
      z-index: 9999;
      border-right: 0px;
      margin: 6px auto;
  } 

  .qd-menu{ width: 43%;}

  #bt-documento{width: 64%; margin: 5px auto; }

  #box-tools h2{font-size: 1.5em;}
  #box-tools-esquerdo {
      width: 100%;
      float: none;
      margin: 5px auto;
  }

  .tools{margin: 5px auto;}
  .tools-txt {float: left;font-size: 1.5em;width: 97%;text-align: center;background: #0398b9;height: 25px;border-radius: 5px;margin-left: 1%;color: #fff;padding: 20px 0px;}    

  #box-tools-direito {display: none; }
    #titulo-newsletter h2 {font-size: 2.0em;}

  .atendimento p{font-size: 1.2em;}
  #box-atendimento{min-height: 117px;}

 
  
  /*padrão da estrutura*/
  #contato { width: 85%; border: 0px;}
  .box-parceiro{width: 90%; float: none; margin: 5px auto;}
  #mapa-vendas{min-height: 600px; width: 90%; float: none; margin: 2% auto; }
  /*padrão da estrutura*/

}    
/* celulares */
@media only screen and (max-width : 768px) {
   #wrap-topo{height: 100px; position: static; margin: 0px auto; left: 0px; border-bottom: 2px solid #ddd;} 
   #wrap-topo_sec{width:100%; height: 100px; position: static; margin: 0px auto; left: 0px; border-bottom: 2px solid #ddd; padding: 10px 0px; min-height: auto;} 
   #barra-topo {min-height: 130px; width: 90%; margin: 0px auto;}
   
   
    #barra-topo {min-height: 130px; width:100%; margin: 0px auto;}

    #div-logo-topo { width: 80%; float: left;  text-align: left;}
    #div-logo-topo_sec{width: 80%; float: left;  text-align: left; margin-top: 0px; margin: 10px auto;}
    #barra-topo_sec { width: 100%; }

    #wrap-conteudo { clear: both;}
    .atendimento h2 { font-size: 2em;}
  
  #bt-documento{display: none;}

   #full-slider-wrapper{display: none;}

  #box-menu{display: none;}
  #menu-lateral{display: block;}

  .atendimento {
      width: 100%;
      text-align: center;
      float: none;
  }

  .ferramenta {
      float: none;
      width: 80%;
      margin: 15px auto;
      text-align: center;
  }

  #box-noticias-contabeis{display: none;}

  #box-newsletter { width: 90%; float: none; margin: 5px auto;}

  #icone-newsletter { float: none; text-align: center;  width: 100%;}

  #inewsletter input { width: 90%;}
  #inewsletter button { width: 40%;}

  #wrap-rodape { min-height: auto; }
  #rodape{height: auto;}
  #rodape-esquerdo {float: none; width: 100%;}
  #rodape-direito {float: none; width: 100%;}

    
  /*padrão da estrutura*/


    #menu-lateral { width: 20%; text-align: center; float: right;}
    #menu-lateral_secundario{ width: 20%; text-align: center; float: right; margin-top: 20px; }
    #fecha-tudo{display: none;}
    #idocumentos {width: 85%;}
    #abertura, #migracao{width:90%;}
    .galeria-fotos, .galeria-videos { width:100%;}

    .galeria-box{width: 100%; float: none; margin: 10px auto;}

     #mapa-vendas{display: none;}

   /*padrão da estrutura*/ 
}


@media only screen and (max-width : 470px) {
    #div-logo-topo { width: 80%;}
    .tools {color: #fff;width: 100%;}
    
}