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

}
@media screen and (max-width: 960px) {
    #inewsletter button {width: 100px;height: 3.2em;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;float: left;margin-left: 85%;}
    #div-logo-topo {width: 300px;height: 72px;margin-left: 3%;float: left;margin-top: 37px;}
    #linksuteis{ margin: 50px 1% 50px 1%; width: 98%; }
    #areadocliente{ margin: 20px 1% 20px 1%; }
	#idocumentos h1{font-size:28px}
	
	#inewsletter h1{font-size:19px;}
	#inews .veja_mais{width:15%;}
	  #div-menu-topo{ 
            width:130px;
            z-index:99999;
            background:none;
            margin-right:10%;
            margin-top:21px;
        }
		.endereco-top{margin-right:2%;}
	.nav {
		position: relative;
		min-height: 30px;
                
	}	
	.nav ul {
		width: 180px;
		padding: 1px 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;
	}
}

@media screen and (max-width: 1180px) {
	#full-slider-wrapper{display:none;}
    #inewsletter {width: 85%;float: left;margin-left: 10%;text-align: left;background: #0F2F5E;margin-top: 0px;padding: 106px 0px 10px 0px;}
	#inewsletter input {border: 0px;padding: 1%;font-size: 1em;background: #eee;text-align: center;float: left;margin-left: 21%;margin-top: -37px;}
}

@media screen and (max-width: 1024px) {
   #div-logo-topo{margin-left:1%;}
   #idocumentos h1 {font-size: 22px;margin-top: 4%;}
   #tools-gold {background: #00275D;width: 100%;min-height: 90px;float: left;margin-left: 0%;}
   #inewsletter button {width: 78px;height: 3.2em;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;float: left;margin-left: 85%;font-size: 0.8em;}
}

@media screen and (max-width: 880px) {
      
		#idocumentos h1{font-size:26px;}
		#titulo-documento{width:25%}
        #div-logo-topo{margin-left:0%;}
        .utilitario .textodetalhes { min-height:50px; }
        .utilitario h1 { font-size:0.9em; }
        #tools-gold span {font-size: 14px;color: #fff;}
        #inewsletter { width: 80%; margin-right:5%; } 
		#idealnews{width: 80%;margin-left: 12%;}	
		#inews .veja_mais{width: 19%;}
		#box-news h2{margin-bottom:0px;}
        #areadocliente #idocumentos {background: #fff;padding-left: 10%;margin-bottom: 15px;}
		#div-menu-topo {width: 130px;z-index: 99999;background: none;margin-right: 10%;margin-top: 66px;}
        #wrap-rodape #rodape{margin-left:3%; margin-right:10%; }
        #form-rodape { display:none; }
        #redes-sociais-rodape { float:left; margin-top:10px; margin-right:10%; clear:none;width:50%}
        #wrap-rodape #rodape h4 { font-size:2em; padding:15px 0 25px 0; }
        #under-rodape-content { display:none;}
        #wrap-topo{height:156px;background:#243a54;}
        #linksuteis h2 { font-size: 1.8em; margin-bottom: 10px; }
		#wrap-rodape #rodape #chat-rodape{display:none;}
		#inewsletter button{width:13%;float: left;margin-left: 25%;margin-top: 1%;}
		#div-logo-topo{margin-left:0%;margin-top: 0%;}
}

@media screen and (max-width: 815px) {
	#icalendario,#idealnews,#inewsletter{width:100%;text-align:center;margin-left: 0%;}
      #inewsletter h1 {width: 80%;font-size: 26px;color: #fff;float: left;margin-top: -100px;margin-left: 5%;}
}

@media screen and (max-width: 760px) {
	#inewsletter input {width: 383px;height: 1.5em;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
    
}


@media screen and (max-width: 720px) {
	#div-logo-topo{width:320px;margin-top:2px;}
	
	#wrap-conteudo #conteudo{margin-top:-116px;}
    #tools-gold {background: #00275D;width: 100%;min-height: 364px;float: left;margin-left: 0%;}
	.endereco-top{display:none;}
	#form-rodape{width:28%}
	#tool-good-1, #tool-good-2, #tool-good-3{width:100%;border-bottom:1px solid #fff;border-right:0px solid #000;}
}
@media screen and (max-width: 700px) {
    .utilitario {width:30%; text-align:center; float:left; margin-right:2%; }
    #icalendario{ width:95%; }
	#titulo-documento{margin-left:1%;}
	#idocumentos{width:96%;padding-top:0px;}
	#idocumentos h1{text-align:center;padding-top:0px;float:none;padding-left:98%;}
	#areadocliente #idocumentos{padding-left:0%}
    #box-news { width: 100%; }
    #inews a{ margin-left:25%; margin-right:25%; }
    
    #wrap-rodape #rodape #endereco-rodape{ margin-left:5%; margin-right:5%; max-width:90%;}
    #wrap-rodape #under-rodape { display:none; }
    #wrap-rodape #rodape #chat-rodape { width:85%; margin-bottom:20px; }
    #redes-sociais-rodape { width:85%; margin-top:20px; text-align:center; }
	.utilitario{width:23%}
	
	
	#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;}
	.empresa_box{display:none;}
	.fleft {float: left;width: 70%;}
}

@media screen and (max-width: 630px) {
    #inewsletter button {width: 13%;float: left;margin-left: 25%;margin-top: 1%;font-size: 0.8em;}
	#msg-new {width: 43%;color: #fff;float: right;margin-right: 12%;font-size: 0.8em;}
	#inewsletter input {width: 300px;height: 1.5em;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
}

@media screen and (max-width: 600px) {
    #div-menu-topo{ margin-right:12%; }
    .utilitario {width:45%; text-align:center; float:left; margin-right:2%; }
    .validacao {float: right;width: 18%;}
    #inews a{ margin-left:45%; margin-right:45%; }
    #wrap-rodape #rodape #endereco-rodape {margin-left: 5%;margin-right: 5%;max-width: 46%;font-size: 0.8em;}
    #wrap-rodape #rodape h4 { display:none; }
    #wrap-rodape #rodape #chat-rodape {  margin-top:30px; }
	#box-news h2{margin-bottom:0px;}
}

@media screen and (max-width: 570px) {
    #wrap-topo { height: 170px; clear:both; min-width:300px; }
    #div-logo-topo { text-align:center; width:100%; margin-left:0; }
    #div-logo-topo img{ width: 320px;}
    #div-menu-topo{ margin-top:100px;  float:left; margin-left:10%; left:50%; margin-left: -90px;}
	#texto-conteudo{margin-top:60px;}
	#div-logo-topo p{margin-left:0px;}
	#idocumentos{width:95%;}
	#inewsletter{width:100%;}
	#redes-sociais-rodape{width:95%;}

	.utilitario{width:100%;}
	.mapa_box{display:none;}
	#endereco-rodape{width:80%;}

}

@media screen and (max-width: 520px) {
	#inewsletter input {width: 250px;height: 1.5em;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
	#inewsletter h1 {width: 20%;font-size: 26px;color: #fff;float: left;margin-top: -99px;margin-left: 38%;}
}
@media screen and (max-width: 500px) {
	#inews .veja_mais{width:30%;}
	#box-news h2{margin-bottom:0px;}
	#inewsletter h1 {width: 20%;font-size: 26px;color: #fff;float: left;margin-top: -99px;margin-left: 33%;}
}

@media screen and (max-width: 430px) {
	#areadocliente #idocumentos{padding-left:0%;}
	#idocumentos{width:100%;}
	#idoc-div-btn{padding-top:0px;}
	#idocumentos-form button{width:25%}
	#box-news h2{margin-bottom:0px;}
	#contato-fundo{width:100%;}
	#contato{border:none;width: 90%;}
	#inewsletter input {width: 250px;height: 1.5em;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;float: right;margin-right: 14%;}
	#inewsletter button {width: 19%;float: left;margin-left: 16%;margin-top: 1%;font-size: 0.8em;}
	.validacao {display:none;}
	#wrap-rodape #rodape #endereco-rodape{max-width:80%;}
	
}
@media screen and (max-width: 350px) {
	#contato{width:85%;}
	#wrap-topo {height: 160px;clear: both;min-width: 300px;}
}
@media screen and (max-width: 320px) {
	#areadocliente #idocumentos{padding-left:0%;}
	#idocumentos{width:100%;}
	#idoc-div-btn{padding-top:0px;}
	#idocumentos-form button{width:25%}
	.utilitario p {font-size: 0.7em;margin-bottom: 15px;}
	#inewsletter button {width: 24%;float: left;margin-left: 11%;margin-top: 1%;font-size: 0.8em;}
	#inewsletter input {width: 200px;height: 1.5em;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;float: right;margin-right: 21%;}
	#inewsletter h1 {width: 20%;font-size: 26px;color: #fff;float: left;margin-top: -99px;margin-left: 25%;}
}