#top {	
	height: 100px;
	margin: 0px;
  background: url("../img/top-background.png") 105px 0px no-repeat;
  position: absolute;
  top: 0px;
  right: 150px;
}

#top-menu {	

}

#top-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#top-menu ul a, #top-menu ul .cur {
	padding: 0 48px;
	margin: 0;
	line-height: 100px;
	text-decoration: none;
	color: rgb(229,230,230);
	font-size: 20px;
	font-weight: normal;
	
	float: left;
	display: block;
}

#top-menu ul a:hover, #top-menu ul .act a {
	color: #e7cb7e;
}

#top-menu li {
	float: left;
	margin: 0;
	padding: 0;
}

#top .resp {
	display: none;
	color: rgb(202,204,205);
	font-size: 2.2em;
	padding: 10px;
	cursor: pointer;
	transition: color .6s;
}

#top .resp:hover {
	color: #fff;
}

@media screen and (max-width: 1250px) {
	#top {
		right: 110px;
		background-size: 65%;
		background-position: left 62px center;
	}
	
	#top-menu ul a,
	#top-menu ul .cur {
		padding: 0 25px;
	}
}

@media screen and (max-width: 930px) {
	#top {
		right: 30px;
		background: none;
	}
	
	#top #top-menu > ul {
		display: none;
	}
	
	#top.active #top-menu > ul {
		display: block;
		position: absolute;
		top: 80px;
		right: 0;
		width: 220px;
		background-color: #F2F2F2;
		box-shadow: 3px 3px 10px -5px rgba(194,194,194,1);
	}
	
	#top-menu li {
		float: none;
	}
	
	#top-menu ul a,
	#top-menu ul .cur {
		float: none;
		padding: 20px 25px;
		color: #000;
		line-height: 1;
		border-bottom: 1px solid #dedede;
		
		background-color: #f2f2f2;
		
		transition: background-color .6s;
	}
	
	#top-menu ul a:hover,
	#top-menu ul .act a {
		color: #000;
		background-color: #D4D4D4;
	}
	
	#top .resp {
		display: block;
		position: absolute;
		top: 20px;
		right: 0;
	}
}

@media screen and (max-width: 550px) {
	#top {
	    right: 10px;
	}

	#top .resp {
		font-size: 1.7em;
		top: 10px;
	}
	
	#top.active #top-menu > ul {
		top: 61px;
	}
}