.toggleMenu {
	display:  none;
	background:url(../images/menubg.png) no-repeat right 10px #2a2a29;
	padding: 12px 2%;
	color: #f3f3f3;
	width:96%;
	font-size:17px;
}
a.toggleMenu {
	text-decoration:none;
}
a:hover.toggleMenu {
	text-decoration:none;
	color:#c9212a;
}
.navi {
	list-style: none;
 *zoom: 1;
}
.navi:before,  .navi:after {
	content: " ";
	display: table;
}
.navi:after {
	clear: both;
}
.navi ul {
	list-style: none;
	width: 230px;
}
.navi a {
	padding: 15px 28px;
	color:#fff;
	font-size:20px;
	text-decoration:none; font-weight:100; display:block;
}
.navi li {
	position: relative;
	border-right:1px solid #393937;
}
.navi li:last-child {
	background:none;
}
.navi li:hover a, .navi li.active a {
	color:#fff; background:#c9212a;
}
.navi > li {
	float: left;
}
.navi > li > a {
	display: block;
}
.navi li ul {
	position: absolute;
	left: -9999px;
	padding:6px;
	background:#373737;
	box-shadow:2px 2px 2px #d2d2d2;
	z-index:99;
}
.navi > li.hover > ul {
	left: 0;
}
.navi li li.hover ul {
	left: 100%;
	top: 0;
}
.navi li li a {
	display: block;
	background: #000;
	position: relative;
	z-index:100;
	border-bottom: 1px solid #434343;
	line-height:22px;
	padding:10px 12px;
	text-transform:none;
}
.navi li li li a {
	background:#249578;
	z-index:200;
	border-top: 1px solid #1d7a62;
}
.navi li:hover li a {
	color:#727272;
}
.navi li:hover li a:hover {
	color:#ffc90a;
}
 @media screen and (max-width: 767px) {
 .active {
 display: block;
}
 .navi > li {
 float: none;
background:none; border-bottom:none;
}
 .navi > li > .parent {
 background-position: 95% 50%;
}
 .navi li li .parent {
 background-image: url("../images/downArrow.png");
 background-repeat: no-repeat;
 background-position: 95% 50%;
}
 .navi ul {
 display: block;
 width: 100%;
}
 .navi > li.hover > ul, .navi li li.hover ul {
 position: static;
}
 .navi a {
padding: 10px;
font-size:14px;
}
 .navi {
border:1px solid #353535;
}
 .navi > li {
border-bottom:1px solid #353535;
}
 .navi li ul {
box-shadow: none;
padding:3px;
background:#202020;
width:98%;
}
 .navi li li a {
background:#2f2f2f;
}
 .navi > li > .parent {
 background-image: url("../images/downArrow.png");
 background-repeat: no-repeat;
 background-position:97%;
}
 .navi a {
 border-bottom:none; font-weight:500;
}
 .navi li:hover a, .navi li.active a {
border-bottom:none;
}
.navi {border:none;}
}