@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);
a {text-decoration: none;}
.container { width: 100%; max-width: 1000px; padding-bottom: 20px; padding-top: 20px;}
   
.toggleMenu { 
	display:  none; 
	padding: 0 15px; 
	font-weight: bold;
	font-weight: inherit;
	color: #4c4b45;
	font-size:18px;
	font-family:supermarket;
}
.nav { 
	list-style: none; *zoom: 1; 
	border:1px solid #fff; 
	font-weight: inherit;
}
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both;}
.nav ul { list-style: none; width: auto; float:left; left:50%; position:relative;}
.nav a {color: #8e9194; font-family:supermarket; font-size:17px;}
.nav li { position: relative;}
.nav > li { 
float: left; text-align:center; width:138px; border-right: 1px solid #ccc;

}
/*.nav > li > .parent { background-image: url("../images/imgpage/downArrow.png"); background-repeat: no-repeat; background-position: right;}*/
.nav > li > a { 
	display: block;
	text-decoration:none;
	color:#1E283A;
	padding-top:5px;
	padding-bottom:5px;
}
.nav li  ul { position: absolute; left: -9999px;}
.nav > li.hover > ul { color: #8e9194; width: 200px; left: 0;}
.nav li li.hover ul { left: 100%; top: 0;}
.nav li li{ width: 100%; padding:0;}
.nav li li a {
	color: #8e9194; 
	width: 100%; 
	display: block;
	background: #1f2024; 
	position: relative; 
	z-index:100; 
	border-top: 1px solid #4c4e5a;
	text-decoration:none;
	padding-top:5px;
		padding-bottom:5px;
}
.nav li li li a {color: #8e9194; width: 100%;; z-index:200; border-top: 1px solid #4c4e5a; }
/**/
.nav > li a:hover{color: #FFF; background-color:#F36; text-decoration:none;}
@media screen and (max-width: 801px) {
    .nav > li {
        width:120px;
	
    }
	.container { 
		width: 100%;
		padding-bottom: 10px; 
		padding-top: 10px;
	}
	.nav a {
		font-size:15px;
	}
}
@media screen and (max-width: 601px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
		width:200px;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    /*.nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }*/
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}