@charset "utf-8";
/* CSS Document */

/************************************************************************************
NAV
*************************************************************************************/
#nav-wrap {
	width:70%;
	margin: 0 auto;					/*margin-top: 20px;*/
	border-top:#fed49a solid 1px;
	background-color:#900;			/*#d73347 - bordeaux velho | #fed49a - creme*/
	height:32px;
	
}
/* MENU.css / nav ===================================== */
		/*.nav {
			margin: 20px 0;
		}*/

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

#nav {
	margin: 0 auto;
	padding: 0 10%;
}

/*#nav ul {							= #nav
	margin: 0;
	padding: 0;
}*/

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	margin: 5px;
	/*float: center;*/					/*left*/
	float:left;
	/*display: inline-block;		
	*display:inline;*/ /* ie7 */
}

/* nav link */
#nav a {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	padding: 0 5px;
	/*padding: 4px 15px;*/
	margin:0 auto;
	display: block;
	color: #fed49a;
	/*background: #ecebeb;*/
}
#nav a:hover {
	color: #d73347;				/*#fed49a - creme*/
	background: #fed49a;
	border-radius: 3px;
}

/* nav dropdown = submenu */
#nav ul {
	background: #C00;
	padding: 2px;
	position: absolute;
	display: none; /* hide dropdown */
	border:#fed49a solid 0px;
	text-align:left;
	border-radius: 5px;
	width:15%;
	z-index:1;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav li:hover > ul {
	display: block; /* show dropdown on hover */
}

/* center nav */
/*.nav.center ul {
	text-align: center;
}*/

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
	
	#nav-wrap {
		width:96%;
	}
	#nav {
		padding: 0;
	}
	#nav a {
		font-size:14px;
		padding: 0 5px;
	}

}

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

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

	/* menu icon */
	#menu-icon {
		color: #FFF;
		width: 42px;
		height: 20px;
		background: #900 url(../images/menu-icon.png) no-repeat 10px center;
		padding: 8px 10px 0 40px;
		cursor: pointer;
		border: solid 1px #900;
		display: block; /* show menu icon */
	}
	#menu-icon:hover {
		color:#fed49a;
		background-color: #900;
	}
	#menu-icon.active {
		background-color: #C00;
	}
	
	/* main nav */
	#nav {
		clear: both;
		position: absolute;
		top: 38px;
		width: 98%;
		z-index: 10000;
		padding: 5px;
		background: #ffeed7;	/*fed49a*/
		display: none; /* visibility will be toggled with jquery */
	}
	#nav li {
		width:99%;
		text-indent:30px;
		line-height:24px;
		clear: both;
		margin: 0;								/*5px 0 5px 0*/
		border-bottom:#fed49a solid 1px;
		display: block;
	}
	#nav a, 
	#nav ul a {
		font: inherit;
		background: none;
		display: block;
		padding: 0;
		color: #900;
		border: none;
		text-align:left;
	}
	#nav a:hover, 
	#nav ul a:hover {
		background: #C00;
		color: #fed49a;
	}
	
	/* dropdown = submenu*/
	#nav ul {
		width: auto;
		position: static;
		display: block;
		background: inherit;
	}
	#nav ul li {
		margin: 3px 0 3px 15px;
		border: none;
	}

}

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

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

}