/*	===================================
	SIMPLE HORIZONTAL/HEADER MENU
	Obs! INITIAL STYLES ARE FOR MOBILE
*******************************************/
/* The Marker to Show/Hide Header Nav
****************************************/
#navHeaderMarker {
	position:relative;
	width: 60px; 
	height:48px; 
	cursor:pointer;
	background: #e78d3a;
	border-radius:0;
	z-index:1000;
}
#navHeaderMarker:after {
	content:"";
	background-image: url('../imgPG/iconsArrDown.png');
	background-position:center;
	background-size:auto;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0; 
	width:60px; 
	height:48px;
}

/* Header Nav
****************************************/
.navHeader {
	font-family: "Ubuntu Condensed", Roboto;
	font-size: 1.1em;
	font-weight: normal;
	position: absolute;
	left:0;
	top:48px;
	width:75%;
	margin: 0;
	padding: 10px 20px 10px 40px;
	text-align: left;
	z-index:1000;
	display:none;
	background: #e78d3a;
	border: 1px solid #e78d3a;
}

.navHeader ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.navHeader li {
	padding: 0;
	margin: 12px 0;
	text-align: left;
}
.navHeader li a {
	display: block;
	color: #333730;
}
.navHeader li a:hover {
	color: #000;
}

/* Transform Top Menu FROM Mobile Devices TO Desktop
****************************************/
@media only screen and (min-width: 769px) {
	#navHeaderMarker {display: none;}
	.navHeader {
		position: static;
		padding: 10px 0;
		margin: 0;
		display: block !important;
		border: 0;
		width: auto;
		text-align: center;
	}
	.navHeader ul {
		display: block !important;
		padding: 0;
		list-style: none;
		overflow: hidden;
		margin: 0 auto;
	}
	.navHeader li {
		display: inline-block;
		margin: 0 5px;
	}
	.navHeader li a {color: #333730; display:inline-block; padding: 0; background:none;}
	.navHeader li a:hover {color: #fff; display:inline-block; padding: 0; background:none;}
}