#nav {
	margin: 0;
	padding: 0;
 	line-height: 100%;	
background:#B60002;
background:black;
padding-left:20px;
border:0px solid black;

  -moz-border-radius: 6px; /* Firefox */
  -webkit-border-radius: 6px; /* Safari and Chrome */
  border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  

}

/* menu icon */
 #menu-icon {
	display: none; /* hide menu icon initially */
}
*

#nav li {
       
	/*margin: 0 5px;*/
	padding: 0 0 0px;

/* aqui é que controla se é vertical ou horizontal */
	display:inline-block;

text-align:left;
	
	
	
	position: relative;
	list-style: none;
	z-index:1;
		

		
                padding-top:8px;
                padding-bottom:8px;

	margin-left:0px;
	margin-right:0px;
             font-family:arial;

             border-bottom:0px dashed red;

		border-left:0px solid #CA0002;	 
		border-right:0px solid #990000;
		border-right:0px solid red;
		
		padding-left:8px;
	padding-right:8px;
	margin:0px;
	
	/* fundo de cada item para contrastar ligeiramente com o preto de fundo */
	background:#282828;
		
}

#nav li:hover {
     background:red;
	 
	 
}

/* main level link */
#nav a {
        
	text-decoration: none;
	display: block;

	color:white;
	font-size:90%;
	font-weight:bold;
	

	
	/*
         border-left:3px solid #efefef;
        border-right:3px solid #efefef;
		*/
        z-index:30;
		
        
}	
           
}

#nav a:hover {

}

/* main level link hover */
#nav .current a, #nav li:hover > a {
         border-left:0px solid black;
        border-right:0px solid black;
       color:#efefef !important;
/*
      background:black !important;
*/
}


/*
    sub levels link hover 
   A caixa que abre com as opções 
*/

#nav ul li:hover a, #nav li:hover li a {
	background: #A1A1A1;
	

	
	border: none;
        color:black;
	z-index:9999;
	font-weight:normal;
	font-size:90%;
}


#nav ul a:hover {
	/*color:#efefef !important;   
               background:black !important;*/

        z-index:999;
        
}

/* dropdown */
#nav li:hover > ul {
	display: block;
	z-index:999;

}

/* level 2 list */
#nav ul {
	display: none;
	text-align:left;
/*
	margin: 5;
	padding: 5;
*/
	width: auto;
	position:absolute;
	top: auto;
        left:5;
	z-index:9999;
         width:380px;
       border:1px solid black;
margin-left:80px;
	
	
	
}
#nav ul li {
	float: none;
	margin: 0px;
	padding: 0px;
	z-index:999;
	display:inline;
}

#nav ul a {
        font-weight: normal;
	font-size:100%;
	padding:5px;

	
	
}

/* level 3+ list */
#nav ul ul {
	left: 180px;
	top: -27px;
z-index:1000;
}



/* clearfix */

#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}


/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 600px) {

	/* nav-wrap */
	#nav-wrap {
                border:blue;
		position: relative;
	}

	/* menu icon */
	#menu-icon {
		color: #000;
		color:red;
		background:white;
		width: 50px;
		height: 20px;
		height: auto;
		/*
		background: #ecebeb url(images/menu-icon.png) no-repeat 10px center;
		*/
		
		/*padding: 8px 10px 0 42px;*/
		padding: 6px;
		cursor: pointer;
		border: solid 1px #666;
		display: block; /* show menu icon */
		text-align:center;
	}
	
	#menu-icon a {
		color:red;
		font-weight:bold;
		text-decoration:none;
		font-size:16px;
	}
	
	#menu-icon:hover {
		background-color: #f8f8f8;
	}
	#menu-icon.active {
		background-color: #bbb;
	}
	
	/* main nav */
	#nav {
		clear: both;
		position: absolute;
		top: 38px;
		top:0px;
		width: 260px;
		z-index: 100;
		padding: 5px;
		background: #f8f8f8;
		border: solid 1px #999;
		display: none; /* visibility will be toggled with jquery */
                                font-size:12pt;
								
		background:white;
	}
	#nav li {
		clear: both;
		float: none;
		/*margin: 5px 0 5px 10px;*/
		background:white;
		display:block;
		
		
	}
	
	#nav li:hover {
		background:white;
		color:black;
	}
	
	
	#nav a, 
	#nav ul a {
		font: inherit;
		/*background: none;*/
		display: inline;
		padding: 0;
		color: #666;
		border: none;
		border-left:10px solid red;
		background: white;
		padding-left:10px;
		font-size:120%;

 
	}
	#nav a:hover, 
	#nav ul a:hover {
	
	
		background: white;
		color:black;
	
		/*
		background: none;
		color: #000;
		*/
		
	}
	
	/* dropdown */
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: 0;
		background: inherit;
	}
	#nav ul li {
		margin: 3px 0 3px 15px;
		border:0px;

	}

}



@media screen and (min-width: 600px) {

	/* ensure #nav is visible on desktop version */
	#nav {
		display: block !important;
	}

}