* {
	margin: 0;
	padding: 0;
}

.wrap {
    max-width: 1200px;
    margin: 0 auto;
}
       
  .nav {
    /*background: #FFF;
    z-index: 200;
    position: fixed;
    width: 100%;
    font-size: 1em;*/
    overflow: auto;
  }
       
     .nav ul {
        padding: 1em;
      }
       
		li {
			 display: inline-block;
			 margin-right: 2em;
		 }
       
           
       
       .nav-toggle {
       		display: none;
       }
       


/*Media Queries*/
@media only screen and (max-width: 533px) {
.wrap {
	 max-width: 100%;
	 margin: 0;
}
  
  .nav.nav-aberta {
		   position: relative;
		   /*padding: 0 0 0.5em 0;*/
		   height: 0;
	 }   
	       
      .nav ul {
	      padding: 0.4em;
	      margin: 0;
          background: #181818;
	     }		
	       
	       li {
		         margin: 0;
		         padding: 0;
		         display: block;
		         /*border-bottom: 1px solid #181818;*/
	        }
       			
	           .menu li a {
		           padding: 0.5em 0 0.5em 0;
		           display: block;
               	   color: #FFF;
				   border-bottom: 1px solid #181818 !important;
	           }
			   
  
            li:last-child {
              border-bottom:none;
            }
	       
	       .nav-toggle {
	       		background-color: #007a4d;
				background-image: url("../images/icone_menu_mobile.png");
				background-position: 0.6em 0.7em;
				background-repeat: no-repeat;
				display: block;
				float: right;
				margin: 1.6em 1em 0.4em 0;
				padding: 0.5em 0.8em 0.5em 2.7em;
				font-family: 'PT Sans Narrow', sans-serif;
	       }
		   a.nav-toggle, a.nav-toggle:hover { color:#fff !important; text-decoration:none !important; }
}

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

	       
	       .nav-toggle {
	       		
				height: 1em;
				margin: 1.6em 1em 0.4em 0;
				overflow: hidden;
				padding: 2.1em 2em 0.5em 0;
				width: 42px;
	       }
		   a.nav-toggle, a.nav-toggle:hover { color:#007a4d !important; }
}