@media screen and (max-width: 1200px) {
    #wrap-rodape #rodape #esquerdo { display: none; }
    #wrap-rodape #rodape #meio { margin-left: 0px; }
    #wrap-rodape #rodape #direita { max-width: initial; width: 50%;}
}

@media screen and (max-width: 1090px) {
	#div-logo-topo {width: 350px;   height: 150px;   margin-left: 3%;   float: left;}
}


@media screen and (max-width: 1024px) {
    #div-menu-topo {width: 55%;}
	#div-logo-topo {width: 311px;   height: 150px;   margin-left: 3%;   margin-top: 13px;   float: left;}

    #meio{ display:none; }
    #utilitarios-2-esquerda { width: 80%; margin: 10px 10%; }
    #utilitarios-2-direita { width: 80%; margin: 10px 10%; }
    #contato .tb-form{width:98%;}
}

@media screen and (max-width: 1280px) {
    #div-menu-topo{ 
        width:130px;
        z-index:99999;
        background:none;
        margin-top: 50px;
    }
    .nav {
        position: relative;
        min-height: 30px;
                
    }	
    .nav ul {
        width: 180px;
        padding: 5px 0;
        position: absolute;
        top: 1px;
        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 !important;
        text-align: left;
                line-height: 30px;
                color:#666;
    }
    .nav .current a {
        background: none;
        color: #666;
    }

    /* 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: 960px) {
	#wrap-topo {background: #fff; border-bottom: 1px solid #ccc;}
    

	#utilitarios-2-container{margin: 0 auto; width:90%;}
    #utilitarios-2-parte4 { width:90%; }

    #texto-iartigos, #texto-atendimentoonline, #texto-igaleria-video, #texto-igaleria-foto, #texto-trabalhe, #texto-idocumentos {width: 30%;   margin-top: 60px;   float: left;   margin-right: 10%;}
    #icalendario h3, #icalendario #icalendario_agenda_estadual { font-size: 1.4em; }  
    
    .box-parceiro { width: 46%; }
}

@media screen and (max-width: 910px) {
	#wrap-rodape #rodape #esquerdo {display: none;}
	#wrap-rodape #rodape #direita {margin-left: 8%; }

}

@media screen and (max-width: 800px) {

    #wrap-rodape #rodape #direita{ width:100%; }
    #under_center{ display:none; }
    /*#utilitarios-2-container { width: 58%; }*/
    #idocumentos { margin-top:41%; }
    #idocumentos h1{border:0; text-align:left; margin: 0% 0% 4% 0%;}
    #idocumentos-form{margin-left:0; width:98%;}
    #icone-inewsletter img{ margin-left:0;}
    #icalendario{ width: 98%; float: left; }
    #contato{width:90%; border: 0px; }
    
    .box-parceiro { width: 96%; }
}


@media screen and (max-width: 680px) {
	#div-logo-topo {width: 248px;}
    #wrap-rodape #rodape #direita{ max-width:99%; }
    #wrap-rodape #rodape  #esquerdo{ display:none; }
    #wrap-rodape #redes-sociais-rodape li img{ width:40px; }
    #texto-indices, #texto-utilcont, #texto-manualcont { font-size:0.8em; }
    
   
    .slide-out-div { display: none; }
    
    .icone-utilitarios { height: 70px; margin-bottom: 20px; }
    .texto-utilitarios { width: 88%; height: 70px; margin-bottom: 20px; margin-right: 0%; }
    
	#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;}
    
    .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 screen and (max-width: 475px) {
	
	#utilitarios-1 {
    width: 100%;
    background: #343434;
    float: left;
    /* padding: 1% 10% 1% 10%; */
    padding-top: 80px;
    display: grid;
}
	
	#box-news h2 {
    font-size: 1.8em;
    margin-bottom: 10px;
    color: #504f4f;
    font-weight: 600;
}
	
	#inews a {
    color: #333;
    font-size: 14px;
}
	
	#utilitarios-2-esquerda {
    width: 90%;
    margin: 10px 5%;
}
	
	#inewsletter button {
    width: 47%;
    height: 3.5em;
    margin-left: 5px;
}
	
	#inewsletter input {
    width: 100%;
    height: 3em;
    margin: 5px 0;
}
    #div-logo-topo{
		    width: 100%;
    clear: both;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    height: 80px;
}
    #wrap-topo { height: 150px; 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; }
    
    #inewsletter button { font-size:0.8em; }

    #utilitarios-1 h2{font-size: 1.15em;}
    #utilitarios-1-parte1, #utilitarios-1-parte2, #utilitarios-1-parte3 {width: 50%; margin: 0 auto;}
	#utilitarios-2-parte1, #utilitarios-2-parte2, #utilitarios-2-parte3  {width: 50%; margin: 0 auto;}
	#utilitarios-3-parte1, #utilitarios-3-parte2, #utilitarios-3-parte3  {width: 50%; margin: 0 auto;}
	
	#utilitarios-1 h1 {
    width: 83%;
    clear: both;
    margin: 0 auto;
    font-size: 1.45em;
    color: #fff;
    text-align: center;
    padding-bottom: 40px;
}

    #idocumentos-form button { font-size: 0.7em;}
    
    .box-conteudo{ margin-left:1%; margin-right:1%; width:98%; }
    
    #utilitarios-2 h1{font-size:1em;}
	
	#contato-fundo{width:100%;}
	#contato{border:none;width: 90%;}
    #full-slider-wrapper p{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; }
}