@media screen {
	.ym-wrapper {
		max-width: 990px;
		margin: 0 auto;
	}
	nav {
		background: #745b2f url(../imgs/footer-bg.jpg) bottom center;
	}

	nav .firstlevel{
		text-align: center;
	}
	nav .firstlevel ul {
		background: #222;
		background: rgba( 34, 34, 34, 0.9 );
		background: #745b2f;
		text-align: left;
	}
	nav li:hover {
		background-color: #E4D59A;
		color: #FFF;
	}
	nav li:hover > a {
		color: #745b2f;
	}
	/*nav li.active:hover {
		background-color: #4D87C7;
		color: #fff;
		text-decoration: none;
	}
	nav .firstlevel > li:after {
		content: '|';
	}
	nav .firstlevel > li:last-child:after {
		content: '';
	}*/
	nav {
		position: fixed;
		top: 0px;
		left: 0;
		right: 0;
		height: 42px;
		z-index: 10000;
	}

	
	nav ul {
		margin: 0;
		padding: 0;
	}

	nav li {
		display: inline-block;
		position: relative;
		cursor: pointer;
		margin: 0;
		padding: 0 .5em;
		line-height: 42px;
		zoom: 1;
		*display: inline;
	}

	nav img {
		display: block;
		width: 136px;
		height: 40px;
	}
	nav a {
		display: inline-block;
		min-width: auto;
		line-height: 36px;
		margin: 0;
		padding: 3px 15px 3px 5px;
		zoom: 1;
		*display: inline;
	}
	nav a span {
		display: block;
	}

	nav .firstlevel > li li {
		float: none;
		min-width: 160px;
		margin: 0;
		padding: 0;
	}
	nav .firstlevel > li a {
		text-transform: uppercase;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	}
	nav .firstlevel > li li a {
		text-transform: none;
		padding: 10px 10px 3px;
		min-width: 140px;
	}

	nav .firstlevel ul {
		visibility: hidden;
		opacity: 0;
		margin: 20px 0 0 0;
		position: absolute;
		overflow: visible;
		min-width: 160px;
		padding: 0;
		top: 42px;
		left: 0;
		z-index: 15000;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

	nav li:hover > ul, nav li:focus > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}

	nav.navbottom ul {
		display: inline-block;
		float: right;
	}

	nav .firstlevel > li:last-child ul, nav .firstlevel > li:nth-last-child(2) ul {
		left: auto;
		right: 0;
	}

	.no-transition {
		transition: none;
		opacity: 1;
		visibility: visible;
		display: none;
	}

	nav li:hover > .no-transition, nav li:focus > .no-transition {
		display: block;
	}

	.mobile_enable {
		display: none;
	}
}

@media screen and ( max-width: 990px) {
	nav .firstlevel ul{
		text-align: center;
	}
	nav .firstlevel ul {
		background: transparent;
	}
	nav li:hover {
		background-color: transparent;
	}
	nav li.active:hover {
		background-color: transparent;
		color:#fff;
		text-decoration:none;
	}
	nav .firstlevel > li:after {
		content: '';
	}
	
	nav{
		margin-top: 0px;
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		height: auto;
	}
	.page_layout_simple_html_page nav {		
		margin-top: 186px;
	}
	
	
	nav .firstlevel ul {
		display: block;
		opacity: 1;
		visibility: visible;
		margin: 0;
		position: relative;
		top: auto;
		left: auto;
		padding-left: 2em;
	}

	nav .firstlevel ul ul {
		top: auto;
		left: auto;
	}

	nav li {
		display: none;
		position: relative;
		height: auto;
		width: auto;
	}
	nav.navbottom li {
		display: block;
	}

	.mobile_enable {
		display: block;
	}
	.mobile_enable a span {
		display: inline;
	}
	nav li .hidden {
		display: none;
	}
	nav li.mobile_show {
		display: block;
	}

	nav .firstlevel > li li {
		width: auto;
	}

	nav img {
		display: none;
	}

	nav a {
		display: block;
	}

	nav .firstlevel > li li a {
		padding: 3px 15px 3px 5px;
	}

	nav.navbottom ul {
		display: block;
		float: none;
	}
	nav{
		background: #745b2f;		
	}
	ul.firstlevel li{
		border-bottom: 1px solid black;
	}
	ul.firstlevel li ul{
		display: none;
	}
}
@media screen and ( max-width: 480px) {
	
	.page_layout_simple_html_page nav {		
		margin-top: 200px;
	}
}