/* desktops tela pequena */
@media only screen and (max-width : 1200px) {
    #telefone-topo{width: 17%;}
    #rodape-logo{display: none;}
    #rodape-meio{ width: 50%; }
    #rodape-direito { width: 25%;}
}

@media only screen and (max-width : 1100px) {
    .util-titulo {font-size: 1.10em;}
}    
/* tablets */
@media only screen and (max-width : 992px) {
    #email-topo{ width: 14%;} 
    .galeria-fotos, .galeria-videos{width: 30%;}

    #telefone-topo{width: 21%;}
	.box-parceiro { margin: 20px auto; float:none; max-width:80%;min-height:150px; text-align:center;}
	.pagina-extra p{font-size: 1.0em;}

    #idocumentos {width: 40%;}
    #idocumentos-form button { width: 97%; height: 2.5em; margin: 5px auto;  float: none;}
    #idocumentos-form p a { margin-top: 20px;  float: none;  color: #448ed3;  text-align: center;  width: 100%;}

    #frase-solucoes{ font-size: 1.5em;}
    #utilitarios { width: 90%;  min-height: 190px;}
    #box-tools-2{min-height: 334px;}
    .util img { max-width: 50%; }
    .util-img{min-height:100px; }
    .util-titulo{font-size: 0.9em;}
    .util-texto p{font-size: 0.9em;}

    .tools-form h1{ font-size: 1.5em;}
    .tools-form p { font-size: 1.0em;}

    .ferramenta-2{ min-height: 130px;  margin: 57px 2%;}
    .ferramenta-2 p{ font-size: 1.2em;}
    .ferramenta-2-img{ min-height: 100px;}
    .ferramenta-2 img { max-width: 60%;}

    #icalendario{margin: 5px auto;margin-bottom: 42px;}
    #icalendario h3{font-size: 1.6em;}
    #icalendario #icalendario_agenda_estadual a{font-size: 1.0em;}
    .ferramenta-2a-calendario {/* float: left; */width: 68%;}

    #inewsletter button { width: 30%;}

    #inews .slide{ width: 65%!important;}

    #rodape-esquerdo{display: none;}
    #rodape-meio{ width: 60%; }
    #rodape-direito { width: 38%;}
    
    #contato { width: 85%; border: 0px;}
    #mapa-vendas{display: none;}
}
/* celulares */
@media only screen and (max-width : 768px) {
    #wrap-topo { background:  #FFFFFF;} 
    #barra-topo {min-height: 80px;width: 100%;}
    #div-logo-topo{  margin: 0px auto;  float: none;}
	/*MENU*/
    #div-menu-topo { height: 55px; margin: 0px auto; background: none; position: static; }
    

	
	/*depoimento*/
	#owl-demo .item img{
		float:none!important;
		margin:10px auto!important;
		width: 40%!important;
	}
	#owl-demo .item .txt-depoimento{float:none!important;margin:0px auto!important;}
	#owl-demo .item .txt-depoimento p{font-size:1.5em!important;}

    #email-topo, #telefone-topo{display: none;}

    #abertura, #migracao{width:70%;margin:30px auto;}

    #box-paginas-extra { min-height: 50px; width: 100%; margin: 0px auto; position: static;}

    #full-slider-wrapper{display: none;}
    .meio-extra{margin:5px auto;}
    .pagina-extra{width: 100%;float: none;}

    #texto-conteudo {width: 100%; float: none;  margin:10px auto;}
    #idocumentos { width: 90%;   float: none;  margin:10px auto;}

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

    .tools-form{  margin: 10px auto;float: none;  width: 75%;}
    #box-atendimento-online h1{ font-size: 1.5em;}

    #ferramentas-2{ min-height: 200px; }
    .ferramenta-2-calendario{display: none;}
    .ferramenta-2{ width: 29%; margin: 20px 2%;}
    .ferramenta-2-img{min-height: 70px;}
    .ferramenta-2 p {  font-size: 1.0em;}

    #icone-inewsletter{display: none; }
    #texto-inewsletter { height: 20px;float: none;width: 100%;}
    #texto-inewsletter h1{text-align: center;}
    #texto-inewsletter p { display: none;}
    #form-inewsletter{float:none;width: 100%;margin:10px auto;}

    #box-links-externos{display: none;}

    #rodape-logo{display: none;}   
    #rodape-meio{float: none; width: 90%;margin: 0px auto; height: 160px;}
    #rodape-direito{display: none;}

    #contato{border:none;width: 96%; padding: 15px 2%;}

    #bt-ajuda-rodape{display: none;}

    .box-conteudo { width: 90%; padding: 40px 5%; }
    
    .slide-out-div { display: none; }
    #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
    .g-recaptcha > div  { width: 200px!important; }

}

@media only screen and (max-width : 350px) {
    .util img {max-width: 69%;height: 90px;}

}