/* desktops tela pequena */
@media only screen and (max-width : 1250px) {
  #wrap-topo { width: 40%; margin-top: 80px; }
  #div-logo-topo {
    width: 95%;
    text-align: center;
    margin: 0px auto;
    padding-bottom: 10px;
}

     

}
 
 
 @media only screen and (max-width : 1100px) {
	
	#div-logo-topo {
		width: 93%;
		text-align: center;
		margin: 21px auto;
		padding-bottom: 10px;
	}
	
	#wrap-topo { width: 40%; margin-top: 30px; }

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

   #div-logo-topo {
      width: 330px;
      text-align: left;
      margin: 0px;
      float: left;
  }
    
  .ferramenta p {
    font-size: 1em;
    margin: 5px auto;
    width: 50%;
    padding: 2%;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
}    
  #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, .ferramenta2 {
    width: 26%;
    text-align: center;
}
    
  #box-ferramentas, #box-ferramentas2 {
    width: 90%;
    margin: 0px auto;
    min-height: 391px;
    padding-bottom: 0px;
    padding-top: 60px;
}

  #div-logo-topo_sec {
    float: left;
    width: 360px;
    padding-top: 2px;
    padding-left: 29%;
}	

  #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: 135px;}
  #rodape-esquerdo {float: none; width: 100%;}
  #rodape-direito {float: none; width: 100%;}
    
  #box-atendimento {
    width: 70%;
    min-height: 175px;
    margin: 0px auto;
    padding-top: 20px;
    margin-top: 140px;
}
  
  #box-news-calen {
    width: 100%;
    margin: 30px auto 0px auto;
    min-height: 210px;
    background: #333333;
    padding-top: 70px;
}
    
  .ferramenta2 p {
    font-size: 1em;
    margin: 5px auto;
    width: 60%;
    padding: 2%;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
}    

  /*padrão da estrutura*/
  
  #menu-lateral_secundario{width: 40px;}


    #menu-lateral{
	width: 35px;
	padding-top: 4%;
	}
    #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 : 670px) {

    .ferramenta, .ferramenta2 {
        width: 96%;
        text-align: center;
    }
    
    #box-atendimento {
    width: 70%;
    min-height: 175px;
    margin: 0px auto;
    padding-top: 20px;
    margin-top: 480px;
}
    .atendimento p {
    font-size: 1em;
    color: #ffffff;
    background: #a92424;
    width: 60%;
    clear: both;
    margin: 0 auto;
    padding: 1%;
    border-radius: 4px;
    padding: 14px;
}
    
	#div-logo-topo_sec {
    float: left;
    width: 299px;
    padding-top: 16px;
    padding-left: 17%;
}
	
    #box-ferramentas2 {min-height: 1736px;}
    
}


@media only screen and (max-width : 570px) {
    
    .ferramenta, .ferramenta2 {
        width: 95%;
        text-align: center;
    }
    .atendimento h2 {
    font-size: 1.45em;
    margin-bottom: 10px;
    color: #333333;
}
	#barra-topo_sec {
    width: 94%;
    margin: 0px auto;
}
    
    #box-atendimento {
    width: 70%;
    min-height: 175px;
    margin: 0px auto;
    padding-top: 20px;
    margin-top: 1544px;
}
    
    #box-tools-direito{display: none;}
    #box-tools-esquerdo {
    width: 77%;
    clear: both;
    margin:0 auto;
    text-align: center;
}
    
    #box-tools h1 {
    width: 80%;
    clear: both;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 2em;
    font-family: Alwyn;
}
    #box-geral-sobre{display: none;}
    #rodape-esquerdo {
    float: none;
    width: 100%;
    font-size: 0.85em;
}
    
    #final-meio p {
    color: #fff;
    padding-top: 15px;
    text-align: center;
    font-size: 0.65em;
}
    
    .tools {
    color: #fff;
    margin: 2px;
    min-height: 65px;
}
    
    #box-geral-tools {
    width: 91%;
    margin: 0 auto;
    min-height: 300px;
}
    
	#box-tools {
		min-height: 558px;
		width: 100%;
		margin: 0px auto;
		padding: 21px 0;
		background: #a82222;
	}
	
	#box-tools-esquerdo {
    width: 100%;
    clear: both;
    margin: 0 auto;
    text-align: center;
}
	.tools {
    color: #fff;
    width: 100%;
    margin: 5px;
    min-height: 65px;
}

#box-geral-tools {
    width: 100%;
    margin: 0 auto;
    min-height: 300px;
    text-align: center;
}

.tools-txt {
    float: left;
    font-size: 1.25em;
    width: 95%;
    text-align: center;
    background: #a82222;
    height: 25px;
    color: #fff;
    padding: 22px 0px;
    border: 1px solid #fff;
    margin: 2px;
}

.tools-txt:hover {
    float: left;
    font-size: 1.25em;
    width: 95%;
    text-align: center;
    background: #a82222;
    height: 25px;
    color: #fff;
    padding: 22px 0px;
    border: 1px solid #fff;
    margin: 2px;
}

}

@media only screen and (max-width : 440px) {
	
	#boxes #dialog {
    width: 80% !important;
    padding: 0;
    text-align: center;
    /* line-height: 30px; */
    /* background-color: #ffffff; */
    left: 10%!important;
    top: 50px !important;
}
	
	#div-logo-topo_sec {
    float: left;
    width: 250px;
    padding-top: 23px;
    padding-left: 17%;
}

}

@media only screen and (max-width : 375px) {
	
	#boxes #dialog {
    width: 80% !important;
    padding: 0;
    text-align: center;
    /* line-height: 30px; */
    /* background-color: #ffffff; */
    left: 10%!important;
    top: 50px!important;
}

	#div-logo-topo_sec {
		float: left;
		width: 210px;
		padding-top: 23px;
		padding-left: 9%;
	}
	
	#div-logo-topo {
    width: 288px;
    text-align: left;
    margin: 0px;
    float: left;
}

}

@media only screen and (max-width : 320px) {
	
	#boxes #dialog {
    width: 70% !important;
    padding:0;
    text-align: center;
    /* line-height: 30px; */
    /* background-color: #ffffff; */
    left: 15%!important;
    top: 20px!important;
}
	
}