@media screen and (max-width: 1416px) {
	.utilitario2 .textodetalhes {min-height: 3px;}
}

@media screen and (max-width: 1075px) {
    #div-logo-topo {  width: 37%;  margin-left: 3%; margin-top: 13px;}
    #div-menu-topo {  width: 50%;}
    #linksuteis{ margin: 50px 1% 50px 1%; width: 98%; }
    #areadocliente{ margin: 20px 1% 20px 1%; }
	#wrap-rodape #rodape #endereco-rodape {  margin-left: -5%;}
	#redes-sociais-rodape  {  margin-left: -5%;}
}

@media screen and (max-width: 880px) {
    #wrap-topo { background: url('../img/bg-topo2.jpg') no-repeat center top; }
	#div-logo-topo {  width: 350px;  margin-left: 10%;}
        #div-menu-topo{ 
            width:130px;
            z-index:99999;
            background:none;
            margin-right:10%;
            margin-top:35px;
        }
	.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;
                border:none;
	}
        .nav a:hover {
                background: #fff;
                border:none;
        }        
        .nav .current a:hover { 
                background: #fff; 
                border:none;
        }

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

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
        
        .utilitario .textodetalhes { min-height:50px; }
        .utilitario h1 { font-size:0.9em; }
        
        #idocumentos {width: 45%; margin-left:5%; }
        #inewsletter { width: 45%; margin-right:5%; }  
        
        #wrap-rodape{ width:100%; min-height:400px; background:#4e4e4e; }
        #wrap-rodape #rodape{ min-height:350px; margin-left:10%; margin-right:10%; }
        #form-rodape { display:none; }
        #wrap-rodape #rodape h4 { font-size:2em; padding:15px 0 25px 0; }
        #under-rodape-content { margin:10px 10% 0 10%; }
        #linksuteis2 {margin: 0px 10% 50px 0%;  width: 100%;}
        #linksuteis h2 { font-size: 1.8em; margin-bottom: 10px; }

        #redes-sociais-rodape {float: right; margin-right: 39%;clear: none;}
        
        #wrap-rodape #rodape #endereco-rodape {margin-left: 35%; padding-top: 88px;max-width: 35%;}
        #inews  .veja_mais { font-size:0.9em; width:15%; }
        #wrap-topo{position: static;}
        #wrap-conteudo{padding: 0px;}
}

@media screen and (max-width: 700px) {
    #div-logo-topo {  width: 300px;  margin-left: 5%;}
    .utilitario {width:30%; text-align:center; float:left; margin-right:0%;   margin-left: 15%;}
	.utilitario2 {  width: 30%;  margin-left: 15%;}
    #icalendario{ width:95%; }
    
    #box-news { width: 100%; }
    #inews a{ margin-left:25%; margin-right:25%; }
	#linksuteis2 {height: 650px;}
    
    #wrap-rodape #rodape #endereco-rodape{ margin-left:5%; margin-right:5%; max-width:90%;}
    #wrap-rodape #rodape #chat-rodape { width:85%; margin-bottom:20px; }
    #redes-sociais-rodape { width:85%; margin-top:20px; text-align:center; }
	
	#contato{width:75%;min-height:600px;position:static;}
	#mapa{width:100%;min-height:220px;display:block;position:static;margin-top:50px;}
	#contato-fundo{min-height: 885px;}
}


@media screen and (max-width: 600px) {
    #div-menu-topo{ margin-right:12%; }
    .utilitario {width:40%; text-align:center; float:left; margin-right:2%;  margin-left: 5%; }
	.utilitario2 {  width: 40%;  margin-left: 5%;}
    
    #inews a{ margin-left:45%; margin-right:45%; }
    
    #wrap-rodape #rodape h4 { display:none; }
    #wrap-rodape #rodape #chat-rodape {  margin-top:30px; }
    #inews  .veja_mais { font-size:0.9em; width:20%; }
    #redes-sociais-rodape {float: right;margin-right: 35%;clear: none;}
}

@media screen and (max-width: 550px) {
    #wrap-topo { height: 155px; clear:both; min-width:300px;  background: #B6B7BB; }
    #div-logo-topo { text-align:center; width:100%; margin-left:0; }
    #div-logo-topo img{ width: 350px; height: 72px; }
    #div-menu-topo{ margin-top:15px;  float:left; margin-left:10%; left:50%; margin-left: -90px;}
    #full-slider-wrapper{ display:none; }
   
	#wrapper-areadocliente {  min-height: 650px;}
	#idocumentos {  width: 90%;}
	#inewsletter {  width: 90%;  margin-top: 5%;}
    #linksuteis{ margin-top:20px; }
	#inews a {  font-size: 0.8em; }
    #inews  .veja_mais { font-size:0.8em; width:25%; margin-top:10px; }
	#under-rodape-content p {  font-size: 0.7em; }
}
@media screen and (max-width: 450px) {		
    .utilitario h1,.utilitario2 h1 {font-size: 0.8em;}
	.utilitario p, .utilitario2 p {  font-size: 0.7em;}
	#contato-fundo{width:100%;}
	#contato{border:none;width: 90%;}
	
}

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

}	
@media screen and (max-width: 328px) {	
	#redes-sociais-rodape {margin-right: 19%;}
}