/* navigation */

nav ul {
	margin: 0;
	padding: 0;
	
	list-style: none;
}

nav ul:before,
nav ul:after {
	display: table;
	
	clear: both;
	
	content: " ";
}

nav li {
	float: left;
	
	margin: 0;
	padding: 0;
}

nav li a {
	display: block;
	
	text-align: center;
}





/* navigation: main */

nav.main {
	/*margin-bottom: 20px;*/
	
	background-color: #cf0; /* dev */
}

nav.main li {
	margin: 0 10px 0 0;
}

nav.main li a:hover {
}

nav.main li.active a {
	color: #f00; /* dev */
	font-weight: bold;
}





/* navigation: breadcrumbs */

nav.breadcrumbs {
	margin-bottom: 20px;
	
	background-color: #fc0; /* dev */
}

nav.breadcrumbs li.divider {
	padding: 0 5px;
}





/* navigation: categories */

nav.categories ul ul {
	margin-left: 20px;
}

nav.categories li {
	float: none;
}

nav.categories li a {
	text-align: left;
}

nav.categories li.active > a {
	color: #f00; /* dev */
	font-weight: bold;
}





/* navigation: pages */

nav.pages {
	margin-top: 20px;
}

nav.pages li {
	margin: 0 10px 0 0;
}

nav.pages li a {
	min-width: 20px;
	
	background-color: #9f9; /* dev */
}

nav.pages li a:hover {
}

nav.pages li.active a {
}





/* navigation: filters */

nav.filters {
	/*background-color: #c9f; /* dev */
}

nav.filters:before,
nav.filters:after {
	display: table;
	
	clear: both;
	
	content: " ";
}

nav.filters ul {
	float: left;
}

nav.filters ul:before,
nav.filters ul:after {
	display: table;
	
	clear: both;
	
	content: " ";
}

nav.filters ul.group {
	margin: 0 5px 5px 0;
	/*padding: 5px;
	
	background-color: #ff0; /* dev */
}

nav.filters ul.group:last-child {
	margin-bottom: 20px;
}

nav.filters li {
	padding-right: 5px;
	
	background-color: #f90; /* dev */
}

nav.filters li.label {
	padding-left: 5px;
}

nav.filters a {
	float: right;
	
	font-weight: normal;
}

nav.filters i.fa {
	margin-left: 5px;
	
	font-size: 14px;
}