@font-face
{
	font-family: virtue_icons;
	src: url(fonts/virtue_icons.eot);
	src: url(fonts/virtue_icons.eot#iefix) format('embedded-opentype'),
	     url(fonts/virtue_icons.ttf) format('truetype'),
	     url(fonts/virtue_icons.woff) format('woff'),
	     url(fonts/virtue_icons.svg#virtue_icons) format('svg');
	font-weight: 400;
	font-style: normal;
}
[class*=" icon-"], [class^=icon-]
{
	font-family: virtue_icons;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-menu:before { content: "\e2ac"; }

#topnav-menu label.respmenub
{
	float: left;
	margin: 0 0 0 5px;
	border: 0;
	width: 40px;
	height: 32px;
	background: #f9ac35 !important;
	display: none;
}
#topnav-menu label.respmenub i
{
	margin: 5px;
	padding: 5px;
	font-size: 20px;
}
#topnav-menu input#resp-main-menu, #topnav-menu input#resp-user-utils { display: none; }
#topnav-menu input#resp-main-menu[type=checkbox]:checked ~ ul#main-menu { display: block; }
#topnav-menu input#resp-user-utils[type=checkbox]:checked ~ ul#user-utils { display: block; }

@media only screen and (max-width: 300px) {
	#topnav h1#logo_text { display: none; }
}
@media only screen and (max-width: 725px) {
	body
	{
		min-width: 312px;
		max-width: 100%;
	}
	#frame { width: 100%; }
	#topnav { margin: 0; }
	#topnav #logo h1 a { display: none; }
}
@media only screen and (max-width: 1040px) {
	#topnav #logo { width: 100%; }
	#topnav h1#logo_text
	{
		top: 91px;
		left: 71px;
		font-size: 28px;
		width: 181px;
		height: 35px;
		overflow: hidden;
	}

	div#topnav-menu { height: 35px; }
	div#topnav-menu label.respmenub { display: block; }
	div#topnav-menucontainer, div#topnav-menu, div#topnav-menu div.content { height: auto; }
	div#topnav-menu div.content:after
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	div#topnav-menu ul, div#topnav-menu li, div#topnav-menu ul#user-utils
	{
		float: none;
		z-index: 101;
	}
	div#topnav-menu ul#main-menu, div#topnav-menu ul#user-utils
	{
		position: static;
		display: none;
		margin: 40px 0 0 0;
	}
	div#topnav-menu ul li
	{
		display: block;
		margin: 0 0 1px 0;
		padding: 0 0 1px 0;
	}
	div#topnav-menu ul li a, div#topnav-menu ul li span
	{
		display: block;
		width: 100%;
		height: 25px;
		text-align: center;
		line-height: 25px;
		background: #f9ac35 !important;
	}

	div#topnav-menu ul li, div#topnav-menu ul ul { position: static; }
	div#topnav-menu li:hover { background: #000 !important; }
	div#topnav-menu ul { display: block; }
	div#topnav-menu ul li a:hover + ul, div#topnav-menu ul li span:hover + ul, div#topnav-menu ul li:hover ul { display: block; }
	
	div#topnav-menu ul li span.highlight { display: inline; }
	div#topnav-menu ul li span.tot_orders { display: inline; }

	div#topnav-menu ul li:hover, div#topnav-menu ul ul li:hover, div#topnav-menu ul ul ul li:hover { background: #000 !important; }
	div#topnav-menu ul ul li:hover a, div#topnav-menu ul ul li:hover span { background: #000 !important; }

	div#topnav-menu ul li:before { content: ""; }
	div#topnav-menu ul ul, div#topnav-menu ul li, div#topnav-menu ul ul li
	{
		margin: 1px 0 0;
		width: 100%;
		padding: 2px 0;
		border: 0;
	}
	div#topnav-menu ul#jump-to { display: block; }
}