*
{
	margin: 0;
	padding: 0;
}
body
{
	width: 100%;
	height: 100%;
	position: fixed;
    color: rgb(64, 64, 64);
	font: 100%/1.2 Arial, sans-serif;
}
img
{
	border: none;
}
nav,
menu,
aside,
header,
footer,
section,
article,
summary
{
	display: block;
}
a,
.link,
.button
{
	color: rgb(68, 136, 255);
}
a.visited,
a:visited,
.link.visited,
.link:visited,
.button.visited,
.button:visited
{
	color: rgb(153, 51, 51);
}
.disabled,
.disabled.visited,
.disabled:visited
{
	color: rgb(180, 180, 180);
}
a:hover,
.link:hover
{
	text-decoration: underline;
}
a,
.link,
.button,
.button:hover,
.disabled,
.disabled:hover
{
	text-decoration: none;
}
a,
.link,
.button
{
	cursor: pointer;
}
.disabled
{
	cursor: default;
}
.through
{
	text-decoration: line-through;
}



.view
{
	top: 50%;
	left: 50%;
	width: 73.5em;
	height: 49em;
	position: absolute;
	margin: -24.5em 0 0 -36.75em;
}



header,
footer
{
	left: -2.25em;
	right: -2.25em;
	padding: 0 2.25em;
	position: absolute;
    color: rgb(96, 96, 96);
}
header
{
	top: -1.5em;
}
footer
{
	bottom: -1.5em;
}
header>*,
footer>*
{
	display: inline-block;
    font: 300 0.7em/2 Roboto, Arial, sans-serif;
}
header>*:first-child,
footer>*:first-child
{
	width: 30%;
	text-align: left;
}
header>.offset+*,
footer>.offset+*
{
	width: 30%;
	text-align: right;
}
header .offset,
footer .offset
{
	width: 40%;
	text-align: center;
	list-style: none;
}
header .offset li,
footer .offset li
{
	padding: 0 1em;
	display: inline-block;
}



.promo
{
	width: 24.5em;
	height: 100%;
}



.catalog
{
	top: 0;
	right: 0;
	width: 49em;
	height: 49em;
	position: absolute;
}
.catalog article
{
	float: left;
	width: 33.333%;
	height: 50%;
	display: inline-block;
	text-align: center;
}
.catalog div
{
	width: 13em;
	height: 13em;
	margin: 2em auto 0;
}
.catalog div a
{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.catalog div a:hover
{
/*
	background: rgb(184, 207, 245);
	background: rgba(68, 136, 255, 0.33);
*/
	width: 106%;
	height: 106%;
	margin: -3%;
}
.catalog ul
{
	margin: 1em 0;
	list-style: none;
}
.catalog li
{
	margin: 0.5em 0;
}
.catalog .description
{
	display: inline-block;
    font: 300 0.7em/1.2 Roboto, Arial, sans-serif;
}
.catalog .id,
.catalog .price
{
	padding: 0 1.25em;
}
.catalog .id
{
	color: rgb(160, 160, 160);
	font-weight: 100;
    font-family: Roboto, Arial, sans-serif;
}
.catalog .price
{
    color: rgb(0, 153, 61);
	font-weight: bold;
    font-family: Verdana, sans-serif;
}
.catalog .fa-rouble
{
	padding-left: 0.25em;
}
.catalog img
{
	width: auto;
	height: 100%;
}



.overlay,
.overlay a
{
	width: 100%;
	height: 100%;
}
.overlay
{
	top: 0;
	left: 0;
	position: fixed;
	background: black;
	opacity: 0.5;
}
.overlay a,
.overlay a span
{
	display: block;
}
.overlay a span
{
	top: 50%;
	left: 50%;
/*
	width == .single width
*/
	width: 48em;
	margin: -0.6em 0 0 -24em;
	position: absolute;
	text-align: center;
}



.single
{
	top: 50%;
	left: 50%;
	width: 48em;
	height: 48em;
	margin: -24em 0 0 -24em;
	position: fixed;
	background: white;
	-moz-box-shadow: 0.5em 0.5em 0.5em rgba(64, 64, 64, 0.5); -khtml-box-shadow: 0.5em 0.5em 0.5em rgba(64, 64, 64, 0.5); -webkit-box-shadow: 0.5em 0.5em 0.5em rgba(64, 64, 64, 0.5); -o-box-shadow: 0.5em 0.5em 0.5em rgba(64, 64, 64, 0.5); -ms-box-shadow: 0.5em 0.5em 0.5em rgba(64, 64, 64, 0.5); box-shadow: 0.5em 0.5em 0.5em rgba(64, 64, 64, 0.5);
}
.single>div:first-child
{
	width: 47em;
	height: 47em;
	margin: 0.5em;
	text-align: center;
	background: rgb(224, 224, 224);
}
.single>div:first-child>img:first-child
{
	width: auto;
	height: 100%;
}
.single .offset
{
	list-style: none;
}
.single .button
{
	position: absolute;
	text-align: center;
	display: inline-block;
}
.single .prev,
.single .next
{
	top: 50%;
	width: 2.4em;
	height: 2.4em;
	color: white;
	font-size: 2em;
	margin-top: -1.4em;
	line-height: 2.4;
	border: 0.2em white solid;
	-moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;
	-moz-box-shadow: 0.25em 0.25em 0.25em rgba(64, 64, 64, 0.5); -khtml-box-shadow: 0.25em 0.25em 0.25em rgba(64, 64, 64, 0.5); -webkit-box-shadow: 0.25em 0.25em 0.25em rgba(64, 64, 64, 0.5); -o-box-shadow: 0.25em 0.25em 0.25em rgba(64, 64, 64, 0.5); -ms-box-shadow: 0.25em 0.25em 0.25em rgba(64, 64, 64, 0.5); box-shadow: 0.25em 0.25em 0.25em rgba(64, 64, 64, 0.5);
}
.single .close
{
	top: 0;
	right: 0;
	width: 2em;
	height: 2em;
	font-size: 2em;
	line-height: 2;
}
.single .prev:hover,
.single .next:hover
{
	background: rgba(255, 255, 255, 0.1);
}
.single .prev
{
	left: 0;
	margin-left: -5em;
}
.single .next
{
	right: 0;
	margin-right: -5em;
}
.single .prev span,
.single .next span
{
	color: white;
}
.single .prev span
{
	margin-left: -0.15em;
}
.single .next span
{
	margin-right: -0.15em;
}



aside ul
{
	list-style: none;
	text-align: center;
}
aside .bar
{
	top: 50%;
	z-index: 1;
/*
 	height: 19em;
*/
	position: fixed;
	margin-top: -9.5em;
}
aside .left
{
	left: 0;
}
aside .right
{
	right: 0;
}
aside .bar li
{
	width: 3.8em;
    height: 3.8em;
}
aside .bar .button
{
    font-size: 1.6em;
	line-height: 2.375em;
}
.single-html
aside .bar .button
{
	color: white;
}
.single-html
aside .bar .disabled
{
	color: rgb(184, 184, 184);
}
/*
aside .fa-google-plus
{
	font-weight: bold;
	margin-left: 0.25em;
}
aside .fa-vkontakte
{
	font-weight: bold;
	font-family: Tahoma, Arial, sans-serif;
}
aside .fa-vkontakte:before
{
	content: "B";
}
*/


/*
	@Tooltip
*/



.tooltip
{
	z-index: 5;
	position: fixed;
	visibility: hidden;
	-moz-box-shadow: .4em .4em .4em rgba(64, 64, 64, 0.5); -khtml-box-shadow: .4em .4em .4em rgba(64, 64, 64, 0.5); -webkit-box-shadow: .4em .4em .4em rgba(64, 64, 64, 0.5); -o-box-shadow: .4em .4em .4em rgba(64, 64, 64, 0.5); -ms-box-shadow: .4em .4em .4em rgba(64, 64, 64, 0.5); box-shadow: .4em .4em .4em rgba(64, 64, 64, 0.5);
}
.tooltip>ul
{
	background: white;
	border: 1px rgb(64, 64, 64) solid;
}
#sitemap
{
	top: 50%;
	width: 16em;
	height: 52em;
	margin-top: -26em;
}
#sitemap>ul
{
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	overflow-y: auto;
    font: 100 1em/2 Arial, sans-serif;
}
#sitemap>ul li>span
{
	color: rgb(180, 180, 180);
    font: 100 1em Roboto, Arial, sans-serif;
}
#sitemap>ul,
#toolkit>ul
{
	font-size: 1em;
	line-height: 1.3em;
	padding: 1.2em 2.4em;
}