@media screen and (max-width: 1220px) {
	#div-menu-topo{ width: 55%;}
}
@media screen and (max-width: 1070px) {
	.nav a{padding: 30px 5px 5px 5px;}
	#div-menu-topo { width: 48%;}
}
@media screen and (max-width: 1030px) {
    #inews  .veja_mais { width: 30%; }
	.rolagem{width:40%;}
}

@media screen and (max-width: 990px) {
        #div-menu-topo{ 
            width:130px;
            z-index:99999;
            background:none;
        }
	.nav {
		position: relative;
		min-height: 30px;
                
	}	
	.nav ul {
		width: 180px;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px #aaa;
		background: #fff url(../img/icon-menu.png) no-repeat 10px 11px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
                
	}
	.nav li {
		display: none; /* hide all <li> items */
		margin: 0;
	}
	.nav .current {
		display: block; /* show only current <li> item */
	}
	.nav a {
		display: block;
		padding: 0px 5px 0px 32px;
		text-align: left;
                line-height: 30px;
                color:#666;
	}
	.nav .current a {
		background: none;
		color: #666;
		display:block;
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
                background:#fff;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.nav ul:hover .current {
		background: url(../img/icon-check.png) #fff no-repeat 10px 7px;
	}
        .nav a:hover {
                background: #eee;
        }        
        .nav .current a:hover { 
                background: #fff; 
        }

	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
        

}

@media screen and (max-width: 990px) {
	.tools-box { width: 40%;}
}
@media screen and (max-width: 850px) {
	#wrap-rodape #rodape #esquerdo{display:none;}
	#under-box{width:40%;}

}
@media screen and (max-width: 750px) {
	#box-rolagem{display:none;}
	#logo-rodape { width: 70%;}
	#wrap-rodape #rodape #meio{width:100%;float:none;margin:0px auto;}
	#wrap-rodape #rodape #direita{width:100%;float:none;margin:0px auto;border:none;}
}

@media screen and (max-width: 680px) {
	#contato{width:75%;min-height:600px;position:static;}
	#mapa{width:100%;min-height:220px;display:block;position:static;margin-top:50px!important;}
	#contato-fundo{min-height: 885px;}
}

@media screen and (max-width: 500px) {
	#tools-box{background:#ccc;}
	.tools-box { width: 80%;float:none;margin:10px auto;}
	
	#utilitarios-1{background:#fff;}
	#utilitarios-1-parte1, #utilitarios-1-parte2, #utilitarios-1-parte3{width:80%;float:none;margin:10px auto;text-align:center;}
}
@media screen and (max-width: 450px) {
	#div-logo-topo { width: 270px; text-align: center; margin: 0px auto; float: none; height: 77px;  padding: 26px 0px;}
    #wrap-topo { height: 180px; clear:both; }
    #div-menu-topo{ margin-top:0; float:left; margin-left:10%; left:50%; margin-left: -90px;}
    #texto-indices, #texto-utilcont, #texto-manualcont { font-size:0.6em; }    
	
	#logo-rodape { width: 90%;}
	#under-box {width: 100%;}
   
	#contato-fundo{width:100%;}
	#contato{border:none;width: 90%;}
}

@media screen and (max-width: 350px) {
	#contato{width:85%;}
}