/* 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) {

    .box-parceiro {
        width: 91%!important;
        text-align: center!important;
        float: left!important;
        padding: 3% 3% 3% 4%!important;
        margin-bottom: 20px!important;
        margin-left: 0%!important;
        margin-right: 1%!important;
    }
    #email-topo{ width: 14%;} 
    .galeria-fotos, .galeria-videos{width: 30%;}

    #telefone-topo{width: 21%;}
	.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;}

    .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;}
    #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) {
    #icalendario h3 {
        font-size: 1.25em;
    }

    .util-titulo {
        font-size: 1.35em;
    }

    #box-tools-2 {
        width: 100%;
        margin: 0 auto;
        background: #1562b5;
        padding: 13% 0% 14% 0%;
    }

    #full-slider-wrapper {
        margin-top: 0px;
        background-color: #fff;
    }

    #barra-topo {
        min-height: 120px;
        width: 100%;
    }
    #wrap-topo {
        width: 100%;
        height: 210px;
        padding-top: 5px;
    }
    #div-logo-topo {
        margin: 0px auto;
        float: none;
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        margin-top: 30px;
    }
	/*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;}

    .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;}

}