@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	font-weight:400;
}
header, nav, section, article, aside, footer {
	display: block;
}
@font-face {
	font-family: 'KlinkopisRegular';
	src: url('/fonts/klinkopis-webfont.eot');
	src: local('☺'), url('/fonts/klinkopis-webfont.woff') format('woff'), url('/fonts/klinkopis-webfont.ttf') format('truetype'), url('/fonts/klinkopis-webfont.svg#webfontcjHrhBAI') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	font: 12px/18px 'PT Sans', arial, serif;
}
h1 {
	font-family: 'KlinkopisRegular', sans-serif;
	font-size-adjust: 0.31;
	margin:0.5em 0 0.75em 0;
}
h3 {
	font-size:1.8em;
	color:#FFF;
	margin:0 0 0.5em 0;
}
a {
	outline: none;
	text-decoration: underline;
}
a:hover {
	color:#F70;
}
p {
	margin: 0 0 18px 0;
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 100%;
	min-width: 1200px;
	z-index:3;
	position:relative;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	min-width:1200px;
	position:relative;
	height: 210px;
	background:url(images/design/header-n.jpg) repeat-x;
}
#hwr {
	width:1200px;
	margin:0 auto;
	position:relative;
}

#stock {
	position:absolute;
	top:0;
	left:800px;
	width:110px;
	height:64px;
	z-index:10000;
}
#stock a {
	display:block;
	width:110px;
	height:64px;
	background:url(images/design/stock.png) no-repeat;
}
#stock a:hover {
	background:url(images/design/stock-hover.png) no-repeat bottom;
}

#logo {
	position:absolute;
	top:32px;
	left:30px;
	width:252px;
	height:140px;
}

ul#infomenu {
	list-style:none;
	height:30px;
	margin:0 0 0 30px;
}
ul#infomenu li {
	float:left;
	margin:0 30px 0 0;
}
ul#infomenu a {
	font-size:14px;
	line-height:30px;
	color:#a4a4a4;
	text-transform:uppercase;
	text-decoration:none;
}
ul#infomenu a:hover {
	color:#d7d7d7;
}
ul#infomenu a.katz {
	padding-left:15px;
	font-weight:bold;
}

#wherelogo {
	height:144px;
}

#cats {
	height:36px;
	list-style:none;
	margin:0 0 0 30px;
	font-family: 'KlinkopisRegular', sans-serif;
	font-size-adjust: 0.31;
}
ul#cats:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
#cats li {
	display:inline-block;
	vertical-align:top;
	width:165px;
	height:36px;
	margin:0 0 30px 0;
}
#cats a {
	display:block;
	font-size:24px;
	line-height:36px;
	height:36px;
	width:165px;
	color:#d3d3d3;
	text-decoration:none;
	background:#000 url(images/design/cats.jpg) repeat-x;
}
#cats a:hover {
	color:#FFF;
}

ul.cmenu {
	display:none;
	position:absolute;
	left:30px;
	top:210px;
	height:114px;
}
ul.okno {
	left:225px;
}
ul.pol {
	left:420px;
}
ul.fasad {
	left:615px;
}
ul.interior {
	left:810px;
}
ul.cmenu li {
	display:inline-block;
	position:relative;
	vertical-align:top;
	height:114px;
	height:164px;
	background:#e5e5e5 url(images/design/cmenu.jpg) top repeat-x;
	z-index:100;
}
ul.cmenu a {
	display:block;
	height:140px;
	padding:12px;
	text-decoration:none;
}
ul.cmenu a:hover {
	background:#f3f3f3;
}
ul.cmenu a span {
	position:absolute;
	top:12px;
	left:12px;
	right:12px;
	padding:4px 8px;
	font-size:14px;
	color:#FFF;
	text-shadow:1px 1px 1px #000;
	text-decoration:none;
	background:url(images/design/black75.png) repeat;
}
ul.cmenu a:hover span {
	background:url(images/design/black50.png) repeat;
}

#abovehead {
	position:absolute;
	top:210px;
	height:16px;
	left:0;
	right:0;
	background:url(images/design/abovehead.png) repeat-x;
}

#phonezf {
	position:absolute;
	top:64px;
	right:324px;
	width:250px;
}
#phonezf p, #phonezs p {
	font-size:1.6em;
	color:#222;
	text-shadow:1px 1px 1px #efefef;
	margin:0 0 1px 0;
	padding:0;
}
#phonezf p a, #phonezs p a {
	color:#222;
	text-decoration:none;
}
#phonezf p small {
	font-size:0.6em;
	color:#999;
}
#phonezs {
	position:absolute;
	top:64px;
	right:183px;
	width:250px;
}
#phonezs p small {
	font-size:0.6em;
	color:#999;
}
#wework {
	position:absolute;
	top:62px;
	right:0;
	width:250px;
}
#wework p {
	font-size:13px;
	color:#222;
	text-shadow:1px 1px 1px #efefef;
	margin:0 0 -5px 0;
	padding:0;
	letter-spacing:1px;
}
#wework p small {
	font-size:0.6em;
	color:#999;
}
#wework p.subbota {
	position:relative;
	left:-7px;
}
#wework p.voskresenie {
	position:relative;
	left:-30px;
}
#adres {
	position:absolute;
	top:114px;
	right:279px;
	width:300px;
}
#adres p {
	margin:0 0 0 0;
	font-size:17px;
	color:#222;
	text-shadow:1px 1px 1px #efefef;
}
#adres p a {
	color:#222;
	text-shadow:1px 1px 1px #efefef;
}
#adres p small {
	font-size:0.6em;
	color:#999;
}
#mylo {
	position:absolute;
	top:114px;
	right:0;
	width:238px;
}
#mylo p {
	margin:0 0 0 0;
	font-size:13px;
	color:#222;
	text-shadow:1px 1px 1px #efefef;
}
#mylo p a {
	color:#222;
	text-shadow:1px 1px 1px #efefef;
}
#mylo p small {
	font-size:0.6em;
	color:#999;
}
#monument {
	position:absolute;
	top:42px;
	right:30px;
	width:587px;
	height:108px;
	background:url(/images/design/monument.png) no-repeat;
}

/* Middle
-----------------------------------------------------------------------------*/

section.wr1200 {
	width:1200px;
	margin:0 auto;
}

#newz {
	display:inline-block;
	vertical-align:top;
	width:328px;
	height:222px;
	min-height:222px;
	padding:14px 28px;
	margin:0 25px 45px 0;
	background:url(images/design/black75.png) repeat;
	z-index:10;
}

#newz ul {
	margin:15px 0;
	list-style:none;
	color:#a4a4a4;
}
#newz li {
	margin:0 0 14px 0;
}
#newz img {
	float:left;
	padding:0 10px 0 0;
}
#news dd {
	line-height:0.8em;
}
#newz a {
	font-size:1.2em;
	color:#d3d3d3;
}
#newz a:hover {
	color:#F70;
}

#banner {
	display:inline-block;
	vertical-align:top;
	width:750px;
	height:250px;
	background:url(images/design/white75.png) repeat;
	z-index:20;
	margin:0 0 45px -2px;
	padding:0 19px;
}

div.bins {
	width:750px;
	height:250px;
}
div.bins ul {
	list-style:none;
}
div.bins li {
	float:left;
	width:234px;
	height:238px;
	margin:6px 0 6px 12px;
	text-align:center;
}
div.bins li.last {
	margin:6px 12px;
	}
div.bins dt {
	height:44px;
	overflow-y:hidden;
	vertical-align:middle;
}
div.bins dt a {
	font-size:1.6em;
	line-height:1em;
	color:#333;
}
div.bins dt a:hover {
	color:#F70;
}
div.bins dd a img {
	margin:6px 0 -3px 0;
	border:#f8f8f8 6px solid;
}
div.bins dd a:hover img {
	border:6px solid #ff7700;
}
div.bins dd.price {
	margin:0 0 0 0;
	color:#ff7700;
	font-size:28px;
	line-height:32px;
}
div.bins dd.price small {
	font-size:12px;
	line-height:14px;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	position:relative;
	height: 60px;
	background:#2f2f30 url(images/design/footer-n.jpg) repeat-x;
}
#footer a {
	color:#FFF;
}

#fwr {
	width:1200px;
	height:50px;
	margin:0 auto;
	position:relative;
	padding:10px 0 0 0;
}
#fwr div {
	margin:0 0 0 30px;
}
#footer p {
	font-size:14px;
	color:#FFF;
	margin:0 0 0 30px;
	padding:0;
}
#footer p.copyright {
	margin:5px 0 0 30px;
}
#footer p.copyright span {
	margin:0 0 0 -15px;
	color:#7d7d7d;
}

#search-wr {
	position:absolute;
	bottom:10px;
	right:30px;
	width:165px;
	height:60px;
	background:url(images/design/search-wr.png) no-repeat;
}
input#search {
	margin:15px 10px;
	width:145px;
	height:30px;
	line-height:30px;
	border:0 none;
	background:none;
}

p#whomade {
	font-size:10px;
}

#design {
	position:absolute;
	bottom:0;
	left:40%;
	width:491px;
	height:60px;
	background:url(/images/design/design.png) no-repeat;
}

ul#mcats {
	list-style:none;
	margin:30px 0 0 0;
	width:1200px;
	overflow:hidden;
}
ul#mcats li {
	display:inline-block;
	margin:0 25px 30px 0;
	position:relative;
}
ul#mcats li.tretiy {
	margin:0 0 30px 0;
}
ul#mcats li a {
	display:block;
	width:355px;
	height:315px;
	padding:54px 14px 14px 14px;
	font-size:48px;
	color:#FFF;
	background:#000;
	font-family: 'KlinkopisRegular', sans-serif;
	font-size-adjust: 0.31;
	text-decoration:none;
	background:url(/images/design/black75.png) repeat;
}
ul#mcats li a:hover {
	background:url(/images/design/black75.png) repeat;
	background:#000;
	color:#F70;
}
ul#mcats li a img {
	padding:0 0 14px 0;
}
ul#mcats li ul {
	position:absolute;
	top:114px;
	left:0;
	z-index:3000;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
ul#mcats li ul li {
	display:block;
	margin:0 0 5px 0;
	padding:0 28px;
}
ul#mcats li.maliy ul li {
	margin:0 0 0 0;
}
ul#mcats li ul li a {
	height:auto;
	font-family:'PT Sans', arial, serif;
	font-size:16px;
	line-height:19px;
	color:#FFF;
	text-align:left;
	background:none;
	padding:0 14px;
	margin:0 0;
	text-shadow:1px 1px 1px #000;
	background:url(/images/design/mcats.png) 4px 6px no-repeat;
}
ul#mcats li.maliy ul li a {
	font-size:13px;
	line-height:16px;
	background-position:4px 4px;
}
ul#mcats ul li a:hover {
	color:#F70;
	background:none;
	background:url(/images/design/mcatshover.png) 4px 6px no-repeat;
}


#bs {
	width:1200px;
	height:36px;
}
div.bsc {
	width:1200px;
	height:36px;
	line-height:36px;
	color:#FFF;
	font-size:24px;
	font-family: 'KlinkopisRegular', sans-serif;
	font-size-adjust: 0.31;
	text-align:center;
	letter-spacing:5px;
}

#umap {
	position:absolute;
	right:700px;
	top:43px;
	width:177px;
	height:121px;
}
#umap a {
	display:block;
	width:177px;
	height:121px;
	background:url(/images/design/umap.png) no-repeat 0 0;
	text-decoration:none;
}
#umap a:hover {
	background:url(/images/design/umap.png) no-repeat 0 -121px;
}
#umap a span {
	visibility:hidden;
}


#lepnoy_dekor {
	height:120px;
	background:#CCC;
	margin:0 0 30px 0;
	background:#f6f6f6 url(/images/design/lepnoydekor.jpg) repeat-x;
}
#lepnoy_dekor table {
	width:1200px;
	height:120px;
	margin:0 auto;
	border-collapse:collapse;
}
#lepnoy_dekor table tr {
	vertical-align:top;
}
#lepnoy_dekor table td {
	vertical-align:top;
	text-align:center;
	/*
	border:1px solid #000;
	background:red;
	*/
}
#lepnoy_dekor a {
	display:block;
	height:100px;
	padding:20px 0 0 0;
	color:#333;
	text-decoration:none;
	text-shadow:1px 1px 1px #FFF;
}
#lepnoy_dekor img {
	display:block;
	margin:0 auto 2px auto;
}
#lepnoy_dekor a span {
	text-shadow:none;
	display:inline-block;
	line-height:16px;
	height:16px;
	font-size:12px;
	padding:0 8px;
}
#lepnoy_dekor a:hover span {
	color:#FFF;
	background:#000;
}
#lepnoy_dekor_desc {
	position:relative;
	width:1144px;
	padding:14px 28px;
	margin:0 auto 30px auto;
	background:url(images/design/white75.png) repeat;
	text-shadow:1px 1px 1px #FFF;
}
#lepnoy_dekor_desc p {
	display:inline-block;
	vertical-align:top;
	width:352px;
	margin:0 25px 0 0;
	padding:0 0 14px 0;
	background:red;
}
#lepnoy_dekor_desc p:last-child {
	margin:0 0 0 0;
}
#lepnoy_dekor_desc p a {
	color:#000;
}
#lepnina-logos {
	position:absolute;
	top:14px;
	left:408px;
}
#lepnina-logos img {
	padding:4px 7px;
	background:#333;
	margin:0 19px 0 0;
}