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

     

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

   #div-logo-topo {
      width: 245px;
    height: 0;
    text-align: left;
    margin: 0px;
    float: left;
}
	#box-news-calen {
    width: 100%;
    margin: 30px auto 0px auto;
    min-height: 230px;
    background: #d76c1d;
    padding-top: 20px;
}
    
    #box-ferramentas {
    width: 100%;
    margin: 0px auto;
    min-height: 411px;
    background: #d76c1d;
    padding: 38px 0;
    clear: both;
    padding-left: 0;
}

  
  #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%;}

  #rodape{height: 210px;}
  #rodape-esquerdo {float: none; width: 100%;}
  #rodape-direito {float: none; width: 100%;}

  /*padrão da estrutura*/
  #div-logo-topo_sec{width: 130px; margin-top: 2%;}
  #menu-lateral_secundario{width: 40px;}


    #menu-lateral{width: 35px;}
    #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 : 600px) {
	#box-tools-direito{display:none;}
	#box-tools-esquerdo {
    width: 100%;
    clear: both;
    margin: 0 auto;
    text-align: center;
    float: none;
}

	#box-tools h2 {
    color: #fff;
    font-size: 1.25em;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    padding: 10px 0px;
    background: #e87520;
    padding: 30px 0;
}
}

@media only screen and (max-width : 480px) {
    #box-tools-direito {display: none;}
    
    #box-tools-esquerdo {
    width: 100%;
    clear: both;
    margin: 0 auto;
    text-align: center;
}
    
    #box-newsletter {
    width: 90%;
    float: none;
    margin: 5px auto;
    padding: 59px 0;
}
}