/** Navigation **/

nav { text-align:center; height: 40px; width: 100%; margin: auto;background: #E2DDC9; position:relative; z-index:33;}
.nav-wrap { width: 100%; background:#E2DDC9;}
ul.navigation { width: 100%; list-style-type: none; margin: 0; padding: 0; margin: auto; display:block;  }
.navigation li { float: left; margin: 0; padding: 0;}

.navigation > ul > li:last-child:after { display: none; }
.navigation a, .sub-nav a {
	font-family: 'Arial', arial, sans-serif;
    color: #41442D;
    padding: 13px 40.2px;
    text-decoration: none;
    width: 100%;
	font-size:14px;
	font-weight: bold;
	border-right: 1px solid #f1f1f1;
	display: inline-block;
}
.lasta {border-right:none !important;}
.sub-nav { display: none; background:#c6c4ad; text-align: left; z-index:99999; position:relative; border: 1px solid #f1f1f1; }
.sub-nav a { width: 300px; cursor:pointer; border-bottom: 1px solid #f1f1f1; font-size: 13px !important }
.sub-nav li { float: none;}
.sub-nav li a { background: #E2DDC9; }
.sub-nav li a:hover { background: #B2A98F; }
nav ul li.parent:hover a.parenta { background: #c6c4ad;}
.parent:hover > ul { display: block; position:absolute; width: 250px; }
.parent:hover > ul > li > a { width: 100%; min-width:200px; display:block; margin: 0; padding: 0; box-sizing: border-box; padding: 14px; }
.parent a.lasta:hover > ul { display: block; position:absolute; right:0; width: 200px; }
ul.right { right: 0 }

/* Firefox only. 1+ */
.navigation a, x:-moz-any-link { padding: 13px 38.8px }
.sub-nav a, x:-moz-any-link { width: 300px }
.lasta, x:-moz-any-link { padding: 13px 37px !important }

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.navigation a { padding: 13px 39.2px }
	.logo-block ul li { display: inline; margin-right: 16px!important; box-sizing:border-box; }
	
    /* Safari only override */
	::i-block-chrome, .navigation a { padding: 13px 38.5px }
	::i-block-chrome, .lasta { padding: 13px 39px !important }
}

ul.navigation a:hover, .current { background: #c6c4ad; }


@media all and (max-width: 1000px) {
	nav { height: 60px; text-align:left; }
	.current { background: #f9f9f9; color: #333 !important }
	.show { display: block !important; position: relative !important }
	#nav li:nth-of-type(4) { margin-left: 0;}
	
	.lines span { display: inline-block; font-size: inherit; }
	#nav {
		margin: 0 !important;
	}
	#nav {
		position: relative;
	}
	#nav > a {
	}
	#nav:not(:target) > a:first-of-type, #nav:target > a:last-of-type {
		background-image: url("../img/nav-white.png");
		background-repeat: no-repeat;
		display: block;
		height: 50px;
		position: absolute;
		right: 10px;
		top: 4px;
		width: 50px;
		z-index: 2
	}
	#nav > ul {
		display: none;
		height: auto;
		left: 0;
		margin-top: 54px !important;
		background: rgba(200,200,200,0.5);
		position: absolute;
		right: 0;
		width: 100%;
		-webkit-box-shadow: 0px 9px 6px 0px rgba(33,33,33,0.2);
		-moz-box-shadow: 0px 9px 6px 0px rgba(33,33,33,0.2);
		box-shadow: 0px 9px 6px 0px rgba(33,33,33,0.2);
		 z-index: 2147483647;
	}
	#nav:target > ul {
		display: block;
	}
	#nav > ul > li {
		background-color: #FFF;
		border-bottom: 2px solid #C0B6AC;
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#nav li ul {
		position: relative !important;
		width: 100%;
	}
	/*#nav li:hover li a {
		background-color: #0a2806 !important;
	}*/
	#nav > ul > li:first-of-type { border-top: 2px solid #C0B6AC; }
	#nav > ul > li > a, #nav > ul > li ul > li > a { padding: 12px 13px; }
	ul.sub-nav { display: block }	
	ul.sub-nav a {width: 100%; padding: 7px 7px 7px 30px !important; background: #FFF; }
	.sub-nav li a {  }
	.lasta { padding: 12px 13px !important; }
}