/* desktops tela pequena */
@media only screen and (max-width : 1200px) {
    ul.slimmenu li{ line-height: 20px;}
    #div-menu-topo{height: 320px;}
    #box-logo-menu{ width: 25%;  min-height: 450px;}
}
/* tablets */
@media only screen and (max-width : 992px) {

    #box-logo-menu {
        width: 100%;
        border:0px;
        border-radius: 0px;
        position: relative;        
        min-height: 150px;
        background:#fff;
    }
    #div-logo-topo{margin:0px auto;padding: 10px 0px;}
    #div-menu-topo {
        width: 100%;
        height: 50px;
        margin: 0px auto;
        background: #fff;
        border:0px;
    }
    .menu{width: 100%;}
    #wrap-conteudo{ margin-top: 265px;}
    .box-conteudo { width: 80%;  margin: 30px 10%;}


    .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;}
    #conteudo { margin: 20px auto; float:none; max-width:80%;min-height:150px; }
	#wrap-site { margin: 20px auto; float:none; max-width:80%;min-height:150px; }
	.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: #000;  text-align: center;  width: 100%;}

    #frase-solucoes{ font-size: 1.5em;}
    #utilitarios { width: 90%;  min-height: 190px;}
    #box-tools-2{min-height: 293px;}
    .util img { max-width: 50%; height: 90px;}
    .util-img{min-height:100px; }
    .util-titulo{font-size: 0.8em;}
    .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; }
    .ferramenta-2 p{ font-size: 1.2em;}
    .ferramenta-2-img{ min-height: 100px;}
    .ferramenta-2 img { max-width: 60%;}

    .links-externos li{font-size: 1.0em;}

    #icalendario{margin: 5px auto;}
    #icalendario h3{font-size: 0.8em;}
    #icalendario #icalendario_agenda_estadual a{font-size: 0.8em;}

    #inewsletter button { width: 30%;}


    #rodape-logo{width: 20%;margin-right: 5%;}

    #final-rodape p{margin-left: 0px;}

    #contato { width: 45%;}

    /*BOTÃO AJUDA CHAT*/
#bt-ajuda-rodape{display: none;}
/*BOTÃO AJUDA CHAT*/
}
/* celulares */
@media only screen and (max-width : 768px) {
    #wrap-topo { background: url('../img/topo-fundo.png')repeat-x #FFFFFF;} 
    #div-logo-topo{  margin: 0px auto;  float: none;}
	/*MENU*/
    #div-menu-topo { height: 55px; margin: 0px auto; background: none; position: static; }
       
    #wrap-conteudo { margin-top: 265px;}    
	
	/*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: 85%;   float: none;  margin:10px auto;}

    .util { width: 60%;  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;}
    #ultimas-noticias{display: none;}

    #rodape-logo{display: none;}
    #rodape-esquerdo { float: none; width: 100%; height: 130px; margin: 5px auto; font-size: 1.2em;}
    #rodape-direito{float: none; width: 100%;margin: 0px auto; height: 80px;text-align: center;}
    #rodape-rede-social {margin: 0px auto;}
    #rodape-rede-social ul li { float: left; }

    #final-rodape p{float: none;text-align: center;width: 100%}
    #final-rodape a{display: none;}

    #contato{border:none; width: 80%;position: static;}
    #contato-fundo{width:100%;}


}