li, ul, ol {list-style: none; margin:0; padding:0;}
		
a { text-decoration: none;}
a:hover { text-decoration: none; }
a:active { background: none; }
		
#nav
{
	font-family: "fontsite", Helvetica, Arial, sans-serif;
	font-weight: normal;
	float:right;

}

#nav > a
{
	display: none;
}

#nav li
{
	position: relative;
	
}
#nav li a
{
	color: #000000;
	display: block;
}
#nav li a:active
{
	background-color: #f9db46 !important;
}

#nav span:after
{
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #f87222;
	content: '';
	font-size:14px;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}

/* menu */

#nav > ul
{
	height: 100px;
	border:0;
}

#nav > ul > li
{
	width: 115px;
	height: 100%;
	float: left;
	border-left: 1px solid rgba(248,114,34,0.1);
}

#nav > ul > li > a
{
	font-family: "fontsite", Helvetica, Arial, sans-serif;
	font-size: 20px;
	text-align: center;
	font-weight: normal;
	padding: 40px 0;
}

#nav > ul > li:not( :last-child ) > a
{
	border:0;
}

#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a
{
	background-color: #f87222;
	border:0;
	color:#FFF;
}


/* Sub menu */

#nav li ul
{
	background-color: #f9db46;
	display: none;
	position: absolute;
	width:115px;
	border:0;
	
}

#nav li:hover ul
{
display: block;
left: 0;
right: 0;
}
#nav li:not( :first-child ):hover ul
{
left: 0px;
}

#nav li ul a
				{
					font-size: 18px;
					font-family: "fontsite", Helvetica, Arial, sans-serif;
					padding: 5px;
					text-indent:6px;
					text-align:left;
					color:#f87222;
					font-weight: normal;
					border-left: 0px;
					border-bottom: 1px solid #FFF;
					}


#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a
{
background-color: #FFF;
}


@media screen and (max-width: 980px) {/*/atua em 700 pra baixo/*/
			#nav
			{
				width: 200px;
				position: relative;
				
			}
				#nav > a
				{
					top:25px;
					right:25px;
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #f87222;
					position: relative;
					border:0;
					float:right;
					margin:0;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}
				
				#nav span:after
{
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #FFF;
	content: '';
	font-size:14px;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}


			/* menu */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
				top:100px; /* apos bt */
				background-color: #f87222;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
					border:0;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 20px;
						font-family: "fontsite", Helvetica, Arial, sans-serif;
						font-size: 18px;
						color:#FFFFFF;
						font-weight: normal;
						
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #FFF;
						}
					
					#nav > ul > li > a:hover
					{

						color:#f87222;
						background-color:#f9db46;
						
					}


				/* sub menu */

				#nav li ul
				{
					position: static;
					padding:0;
					padding-top:0px;
					padding-left:0px;
					width:100%;
					border-left: 0px !important;		
				}
				
				#nav li ul a
				{
					font-size: 18px;
					font-family: "fontsite", Helvetica, Arial, sans-serif;
					padding: 20px;
					text-indent:25px;
					text-align:left;
					color:#f87222;
					font-weight: normal;
					border-bottom: 1px solid #FFF;
					}
				
				
}

@media screen and (max-width: 700px) {
#nav
			{
				width: 100%;
				position: relative;
				top:-98px;
				
			}
				#nav > a
				{
					top:25px;
					right:25px;
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #f87222;
					position: relative;
					border:0;
					float:right;
					margin:0;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}
				
				#nav span:after
{
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #FFF;
	content: '';
	font-size:14px;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}


			/* menu */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
				top:100px; /* apos bt */
				background-color: #f87222;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 20px;
						font-family: "fontsite", Helvetica, Arial, sans-serif;
						font-size: 18px;
						color:#FFFFFF;
						font-weight: normal;
						
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-left: none;
							border-bottom: 1px solid #FFF;
						}
					
					#nav > ul > li > a:hover
					{

						color:#f87222;
						background-color:#f9db46;
						
					}


				/* sub menu */

				#nav li ul
				{
					position: static;
					padding:0;
					padding-top:0px;
					padding-left:0px;
					width:100%;		
				}
				
				#nav li ul a
				{
					font-size: 18px;
					font-family: "fontsite", Helvetica, Arial, sans-serif;
					padding: 20px;
					text-indent:10px;
					text-align:left;
					color:#f87222;
					font-weight: normal;
					border-left: 0px;
					border-bottom: 1px solid #FFF;
					}


}

@media screen and (max-width: 480px) {
#nav
			{
				width:100%;
				position: relative;
				top:-80px;
				
			}
			.submenu { width:100%;}
				#nav > a
				{
					top:35px;
					right:5px;
					width: 2em; /* 50 */
					height: 2em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #f87222;
					position: relative;
					border:0;
					float:right;
					margin:0px;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}
				
				#nav span:after
{
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #FFF;
	content: '';
	font-size:14px;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}


			/* menu */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 5px;
				right: 5px;
				top:90px; /* apos bt */
				background-color: #f87222;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 20px;
						font-family: "fontsite", Helvetica, Arial, sans-serif;
						font-size: 18px;
						color:#FFFFFF;
						font-weight: normal;
						
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-left: none;
							border-bottom: 1px solid #FFF;
						}
					
					#nav > ul > li > a:hover
					{

						color:#f87222;
						background-color:#f9db46;
						
					}


				/* sub menu */

				#nav li ul
				{
					position: static;
					padding:0;
					padding-top:0px;
					padding-left:0px;
					width:100%;		
				}
				
				#nav li ul a
				{
					font-size: 18px;
					font-family: "fontsite", Helvetica, Arial, sans-serif;
					padding: 20px;
					text-indent:10px;
					text-align:left;
					color:#f87222;
					font-weight: normal;
					border-left: 0px;
					border-bottom: 1px solid #FFF;
					}

}