.wrapper > nav {
	height: 87px;
	background-color: #3f3f3f;
	width:100%;
}


nav a.logo {
	margin-top: -61px;
	margin-left: 15px;
	margin-right: 15px;
	display:block;
	float:left;
}

nav div.logo {
	width: 189px;
	height: 133px;
	background:url(/images/logocardsholder.png) no-repeat bottom;
	display:block;
}

nav > div > a {
	display:block;
	height:72px;
	color: #fff;
	padding-left:11px;
	padding-right:11px;
	margin-right:15px;
	float: right;
	text-decoration: none;
	position:relative;
}
nav > div > a > div > p.bigname {
	font-size:24px;
	margin-top:9px;
	clear:both;
}
nav > div > a > div > p.subname {
	font-size:14px;
	margin-top:4px;
	clear:both;
}

div.gl_cardsholder {
	background: url(/images/gl_cardsholder.png) no-repeat;
}
div.gl_catalog {
	background: url(/images/gl_catalog.png) no-repeat;
}
div.gl_offers {
	background: url(/images/gl_offers.png) no-repeat;
}

p.cardsholder, h2.cardsholder {
	color:#b4bb75;
}
a.cardsholder {
	background-color:#999f64;
	border: 1px solid #92985f;
}
a.cardsholder:hover {
	background-color:#b4bb75;
}
p.catalog, h2.catalog {
	color:#e59350;
}
a.catalog {
	border: 1px solid #ba7741;
	background-color:#e47923;
}
a.catalog:hover {
	background-color:#e59350;
}
p.offers, h2.offers {
	color:#6ab9be;
}
a.offers {
	border: 1px solid #56969a;
	background-color:#47adb5;
}
a.offers:hover {
	background-color:#6ab9be;
}

@media screen and (min-width:990px) {
	nav > div > a > div.glyph  {
		display:block;
		width:47px;
		height:47px;
		margin-top: 12px;
		margin-right:10px;
		float:left;
	}
	div.gl_caption {
		display:table;
	}
	nav > div > a > div > p.subname {
		font-size:14px;
		margin-top:4px;
		clear:both;
		display:block;
	}
}

@media screen and (min-width:823px) and (max-width:989px) {
	nav > div > a > div.glyph  {
		display:none;
	}
	div.gl_caption {
		display:table;
	}
	nav > div > a > div > p.subname {
		font-size:14px;
		margin-top:4px;
		clear:both;
		display:block;
	}
}

@media screen and (min-width:786px) and (max-width:822px) {
	nav > div > a > div > p.subname {
		font-size:12px;
		margin-top:4px;
		clear:both;
	}
	nav > div > a > div > p.bigname {
		font-size:20px;
		margin-top:12px;
	}
}

@media screen and (min-width:700px) and (max-width:785px) {
	nav > div > a > div > p.bigname {
		font-size:20px;
		margin-top:2px;
		clear:both;
	}
	nav > div > a > div.glyph  {
		display:block;
		width:24px;
		height:24px;
		float:initial;
		margin: 12px auto 0px;
	}
	nav > div > a > div > p.subname {
		display:none;
	}
	div.gl_cardsholder {
		background-image: url(/images/gl_cardsholder_sm.png);
	}
	div.gl_catalog {
		background-image: url(/images/gl_catalog_sm.png);
	}
	div.gl_offers {
		background-image: url(/images/gl_offers_sm.png);
	}
}
@media screen and (min-width:611px) and (max-width:699px) {
	nav > div > a > div.glyph  {
		display:block;
		width:24px;
		height:24px;
		float:initial;
		margin: 12px auto 0px;
	}
	nav > div > a > div.gl_caption  {
		clear:both;
	}
	nav > div > a > div > p.bigname {
		font-size:14px;
		margin-top:9px;
		clear:both;
	}
	nav > div > a > div > p.subname {
		display:none;
	}
	div.gl_cardsholder {
		background-image: url(/images/gl_cardsholder_sm.png);
	}
	div.gl_catalog {
		background-image: url(/images/gl_catalog_sm.png);
	}
	div.gl_offers {
		background-image: url(/images/gl_offers_sm.png);
	}
	nav div.logo {
		width: 128px;
		height: 72px;
		background:url(/images/logocardsholder_mini.png) no-repeat bottom;
		display:block;
	}
	nav a.logo {
		margin-top: 0px;
		margin-left: 15px;
		margin-right: 15px;
	}
	.wrapper > header {
		height:50px;
	}
}
@media screen and (min-width:543px) and (max-width:610px) {
	nav > div > a > div.glyph  {
		display:block;
		width:24px;
		height:24px;
		float:initial;
		margin: 12px auto 0px;
	}
	nav > div > a > div.gl_caption  {
		clear:both;
	}
	nav > div > a > div > p.bigname {
		font-size:14px;
		margin-top:9px;
		clear:both;
	}
	nav > div > a > div > p.subname {
		display:none;
	}
	div.gl_cardsholder {
		background-image: url(/images/gl_cardsholder_sm.png);
	}
	div.gl_catalog {
		background-image: url(/images/gl_catalog_sm.png);
	}
	div.gl_offers {
		background-image: url(/images/gl_offers_sm.png);
	}
	body > header {
		height:49px !important;
	}
	nav div.logo {
		width: 128px;
		height: 72px;
		background:url(/images/logocardsholder_mini.png) no-repeat bottom;
		display:block;
	}
	nav a.logo {
		margin-top: 0px;
		margin-left: 15px;
		margin-right: 15px;
	}
	.wrapper > header {
		height:50px;
	}


}

@media screen and (max-width:542px) {
	nav > div > a > div.glyph  {
		display:block;
		width:47px;
		height:47px;
		margin-top: 12px;
		margin-right:0px;
	}
	nav > div > a > div.gl_caption  {
		display:none;
	}
	div.gl_cardsholder {
		background-image: url(/images/gl_cardsholder.png);
	}
	div.gl_catalog {
		background-image: url(/images/gl_catalog.png);
	}
	div.gl_offers {
		background-image: url(/images/gl_offers.png);
	}
	body > header {
		height:49px !important;
	}
	.logo {
		display:none !important;
	}
	/*
	.cardsholder {
		margin-left: 15px;
	}
	*/
	nav > div > a:nth-last-child(3) {
		margin-right:2%;
	}
	nav > div > a {
	  width: 30%;
	  float: right;
	  margin: 0px 1%;
	  padding:0px;
	  text-align: -webkit-center;
	}
	hgroup > div.auth_box {
		float: none;
		margin: 7px;
		display: inline-block;
		  margin-top: 43px;
	}
	.wrapper > header {
		height:94px;
		text-align: center;
	}
	
	div.social {
		position: fixed;
	  background-color: #3F3F3F;
	  z-index: 9;
	  left: 0px;
	  top: -5px;
	  width: 100%;
	  margin: 0px;
	  padding: 5px 0px;
	}
}
/*
     */
/*
*/