.menuwrapper li {

	display: none;
	color: #787876;
}

.menuwrapper {

	width: 100%;
	float: left;
	position: relative;
}

#menu  ul li {

	position: relative;
	border-bottom: 1px #97958f solid;
	background: #d9d7d0;
}

#menu li > a {

	padding-left: 2.4vw ;
	color: #787876;
	width: 80%;
}

#menu li#back > a {

	padding-left: 40px !important;
}

.menuwrapper ul {
	padding: 0;
	list-style: none;
	background: #d9d7d0 !important;
}

.menuwrapper > ul:first {
	display: none;
}

li.highlightLink > a {

	color: red !important;
}

li.importantSpeLink {

	background-color: #918b7c !important;
}

li.importantSpeLink > a {

	color: white !important;
}

li#back {

	background: #97958f !important;
}
a#back_link {
	color: #ffffff !important;
}
li.topMenuLink > a:after {

	position: absolute;
	top: 0;
	right: 10px;
	line-height: 50px;
	font-size: 20px;
	color: #9a9892;
	content: url('../images/p_arrow.png');
}

li.importantSpeLink > a:after {

	position: absolute;
	top: 0;
	right: 10px;
	line-height: 50px;
	font-size: 20px;
	color: #9a9892;
	content: url('../images/p_arrow_important.png');
}

li#back > a:after {

	position: absolute;
	top: 0;
	left: 1vw;
	line-height: 50px;
	font-size: 20px;
	color: #FFFFFF;
	content: url('../images/p_arrow_back.png');
}


/*
**	> Animation
*/

.activeLinkLeft {

	display: block !important;
	-webkit-animation: appearLeft 0.3s linear;
	-moz-animation: appearLeft 0.3s linear;
	animation: appearLeft 0.3s linear;
}

.activeLinkRight {

	display: block !important;
	-webkit-animation: appearRight 0.3s linear;
	-moz-animation: appearRight  0.3s linear;
	animation: appearRight  0.3s linear;
}

.hideLink {

	display: none !important;
	-webkit-animation: hide 1s linear;
	-moz-animation: hide 1s linear;
	animation: hide 1s linear;
}

@-moz-keyframes hide {

	0% { opacity: 1; display: block !important;}
	100% { opacity: 0; display: none !important;}
}

@-webkit-keyframes hide {

	0% { opacity: 1;  display: block !important;}
	100% { opacity: 0;  display: none !important;}
}

 @keyframes hide {

	0% { opacity: 1; display: block !important;}
	100% { opacity: 0; display: none !important;}
}

@-webkit-keyframes appearLeft {

	0% { opacity: 0; display: none !important;}
	100% { opacity: 1; display: block !important;}
}

@-moz-keyframes appearLeft {

	0% { opacity: 0; display: none !important;}
	100% {  opacity: 1; display: block !important;}
}

 @keyframes appearLeft {

	0% { opacity: 0; display: none !important;}
	100% { opacity: 1; display: block !important;}
}

@-webkit-keyframes appearRight {

	0% { right: 500px; opacity: 0; display: none !important;}
	100% { right: 0px; opacity: 1; display: block !important;}
}

@-moz-keyframes appearRight {

	0% { right: 500px; opacity: 0; display: none !important;}
	100% { right: 0px; opacity: 1; display: block !important;}
}

 @keyframes appearRight {

	0% { right: 500px; opacity: 0; display: none !important;}
	100% { right: 0px; opacity: 1; display: block !important;}
}