html {  height: 100%;
    margin: 0;
    padding: 0;
	}
@font-face {
    font-family: CALIBRI; /* имя шрифта для CSS правил */
    src: local("CALIBRI"), /* проверяем наличие шрифта в ОС пользователя */
	url(font/CALIBRI.TTF); /* если шрифт не установлен, тогда загружаем его по указанному пути */
  }

  @font-face {
    font-family: Web_Serveroff; /* имя шрифта для CSS правил */
    src: local("Web_Serveroff.ttf"), /* проверяем наличие шрифта в ОС пользователя */
	url(font/Web_Serveroff.ttf); /* если шрифт не установлен, тогда загружаем его по указанному пути */
  }
body
{
	height:100%;
	background: url(images/bg_opt.jpg) top center;
	margin:0;
	padding:0;
	font-size: 80.01%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#page-wrapper
{
	/*min-height:100%;*/
	max-width:1200px;
	margin:0px auto;
	/*width:878px;*/
	background: url(images/fon__3.png) center 0px no-repeat;
	-moz-box-shadow: 0 0 30px #777;
	-webkit-box-shadow: 0 0 30px #777;
	box-shadow: 0 0 30px #777;
}

* html #page-wrapper { /*height: 100%;*/ }

#header {
	position: relative;
	background: url(images/fon__2.jpg) center 0px no-repeat;
	padding: 0 0 10px;
}

#top-menu {
/*margin-top: 12px;*/
width: auto;
min-height: 30px;
float: right;
}

#top-menu-inner
{
	height: 30px;
}

#logo
{
	width: 46%;
	max-width: 608px;
	margin: 30px 3% 0 3%;
	float: left;
	position: relative;
}
#logo a { outline: none;}
#logo img{
	width: 100%;
}
#top-icons { float: left;
 margin: 0 0 0 17px;
font-size: 18px; font-family: CALIBRI;
color:#FFFFFF}
#top-icons a
{

	margin-right: 31px;
}

a.home-icon { width: 12px; height: 11px;}
a.search-icon { width: 12px; height: 12px;}
a.feedback-icon { width: 14px; height: 10px;}

#banner { margin:0 auto; width:878px; height: 153px;  position: relative; }
#banner-layout { height: 142px;  table-layout: fixed; }
#banner-overlay { height: 153px; position: absolute; width:437px; left:0; top: 0;}
#banner-image { padding:0; width: 437px; vertical-align: top;}
#banner-image div { width: 437px; height: 142px; overflow: hidden;}
#banner-slogan
{
	width: 441px;
	font-family: Arial;
	font-style: italic;
	font-size: 2em;
	font-weight: bold;
	margin:20px 0 32px;
}

#content {
overflow: hidden;
margin: 0px auto;
padding: 10px;
zoom: 1;
}

#sidebar { width: 233px; float: left; }

#workarea { padding-top:10px; width:100%; float: right;}

#footer
{
	background: #000000  ;
	height: 90px;
	width:100%;
	margin:0 auto;
	position: relative;
	color:#FFFFFF;
}

#footer {
background: #000;
height: 80px;
/*width: 1180px;*/
margin: 0 auto;
position: relative;
color: #FFF;
}
.footer-in {
padding: 10px;
}
#copyright p { margin: 0;}
.footer-links { width:50%; position:absolute; right:25px; top: 20px; }
#footer-links { margin:0; padding:0; list-style: none; text-align: right;}
#footer-links li { display: inline; padding-left:1.5em;}

.clear{
	clear:both;
	float:none;
	font-size:0;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
	content: ".";
	visibility: hidden;
}
#footer-design { width:300px; position:absolute; right:25px; top: 52px;  text-align: right;}
#footer-design a{color:#757575; font-size:11px; text-decoration:none;}
#footer-design a:hover{text-decoration:underline;}

div.content-block { margin-bottom: 0px; }
div.content-block-inner { }

div.information-block div.top
{
	height: 13px;
	border-right: 1px solid;
	font-size: 1px;
	background: #FFF url(images/sidebar-corners-form.gif) no-repeat left top;
}

div.information-block div.bottom
{
	height: 13px;
	border-left: 1px solid;
	font-size: 1px;
	background: #FFF url(images/sidebar-corners-form.gif) no-repeat right bottom;
}

div.information-block-inner
{
	border-left: 1px solid;
	border-right: 1px solid;
	padding: 9px 18px 9px 21px;
	zoom: 1;
}

div.information-block div.top, div.information-block div.bottom, div.information-block-inner { border-color: #E3E3E3; }

#search {  width:190px; overflow: hidden;}
#search div.rounded-box { float: left; width:135px;}
#search div.search-inner-box
{
	border: 1px solid;
	padding-left: 20px;
	height: 20px;
	overflow:hidden;
	background: white url(images/loupe.gif) no-repeat 4px 4px;
}

#search div.search-inner-box input
{
	border:1px solid;
	width: 110px;
	height: 18px;
	padding:0;
	margin:0;
}

#search input { vertical-align: top;}
#search-button { float: right; width:48px; border: 1px solid;}
#search-button input::-moz-focus-inner { border: 0; padding: 0; }/*Remove button padding in FF*/
#search-button input
{
	display: block;
	border: none;
	background: none;
	width:48px;
	padding:0;
	margin:0;
	font-family: Georgia, serif;
	font-size: 12px;
	height: 19px;
	cursor: pointer;
	cursor: hand;
	outline: none;
}

div.search-item h4 { margin-bottom: 0.4em;}

dl.block-list { margin: 0; padding:0; font-size: 0.85em;}
dl.block-list dt { margin: 1.5em 0 0.5em; }
dl.block-list dd { margin:0; padding:0;}
dl.block-list a { text-decoration: none; outline: none;}
dl.block-list a:hover { text-decoration: underline;}

#sidebar h3
{
	font-family: Verdana;
	font-size: 1em;
	font-weight: bold;
	padding: 0 0 1em;
	margin: 0 0 1em;
}

#left-menu
{
	margin:50;
	padding:0;
	height: 350px;
	list-style: none;
	margin-left:290px;
	position: relative;
	z-index: 9;
}

#left-menu li
{
	display: block;
}

#left-menu a
{
text-decoration: none;
font-size: 32px;
font-weight: bold;
text-shadow: 1px 0px 0px #fafafa;
outline: none;
background: url(images/li.png) no-repeat left center;
}

#left-menu li.last-item { margin-bottom: 0; padding-bottom: 5px;margin-left: 100px;}
#left-menu li.selected a {   }
#left-menu li.selected { }
#left-menu li+li { margin-left:15px}
#left-menu li+li+li { margin-left:35px}
#left-menu li+li+li+li { margin-left:55px}
#left-menu li+li+li+li+li { margin-left:70px}
#left-menu li+li+li+li+li+li { margin-left:85px}
#left-menu li+li+li+li+li+li+li { margin-left:100px; min-width: 310px;}
/* Navigation */
div.navigation { font-size:100%; line-height:200%; }
span.navigation-title { padding-right:0.65em; font-weight: bold;}
div.navigation a { text-decoration:underline; padding:0.2em 0.3em;}
span.nav-current-page { padding:0.2em 0.3em; }
div.navigation span.arrow { font-size:100%; font-family:Times, serif; }
div.navigation span.ctrl { font-size:85%; }

/* Product List */
div.product-list { overflow: hidden; }

div.product
{
	overflow: hidden;
	width: 280px;
	height: 105px;
	margin: 0 25px 20px 0;
	position: relative;
	float: left;
}

div.product-alt { margin-right: 0;}

div.product-image
{
	width: 250px;
	height: 105px;
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top:0;
	left: 0;
}

div.product-overlay
{
	width: 280px;
	height: 105px;
	position: absolute;
	z-index: 1;
}

a.product-desc
{
	float:right;
	height:62px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0px;
	width:142px;
	z-index:2;
	font-size: 1em;
	text-decoration: none;
	padding:13px 10px 30px 129px;
}

a.product-desc p { font-size: 0.85em; margin:7px 0 0;}

/* News List */
.rss>div.news-list {
float: right;
width: 100%;
max-width: 100%;
}
div.news-list { margin: 0px;}
.news-list {
clear: both;

}
div.news-item { margin: 0 0 2em; padding: 0 0 2em; border-bottom: 1px solid; }
div.news-date { margin: 0 0 1em;}
div.news-title { font-size: 1em; margin: 0 0 1em;  font-weight: bold;}
a.news-detail-link { display: non; margin: 1em 0 0; outline: none;}

/* Catalog List */
div.catalog-list, div.catalog-detail  { padding: 1em 0 0;}
div.catalog-item { margin: 0 0 2em; padding: 0 0 2em; border-bottom: 1px solid; overflow: hidden; zoom: 1;}
div.catalog-detail div.catalog-item { border: none; }
div.catalog-item-title { margin: 0 0 1em;}
div.catalog-item-title a { font-weight: bold; }

div.catalog-item-image { float: left; margin: 0 1em 1em 0; border:1px solid; padding: 4px; }
div.catalog-item-price {clear: left; float:left; padding: 0.5em 1em; margin:1em 0 0; font-weight: bold; }
div.catalog-item-desc { clear: left; }
div.catalog-item-desc-float { }
div.catalog-item-properties { clear: both; padding: 1em 0 0;  overflow: hidden;}
div.catalog-item-property { margin: 0 0 1em; border-bottom:1px dashed; float: left; width: 100%;}
div.catalog-item-property b { float: right; position: relative; top: 0.31em; padding-left: 3px; font-style:italic; font-weight:normal; }
div.catalog-item-property span { float: left; position: relative; top: 0.31em; padding-right: 3px; zoom: 1;}
div.catalog-item-properties-title { font-size: 1em; font-weight: bold; margin: 2em 0 1em; }

/* Special Product */
div.special-product-title { text-align: center; margin: 0 0 1em;}
div.special-product-image { text-align: center; margin: 0 0 1em;}
div.special-product { text-align: center; }

/* Top menu */
#horizontal-multilevel-menu, #horizontal-multilevel-menu ul
{
	margin:0; padding:0;
	min-height:27px;
	width:100%;
	list-style:none;
	font-size:12px;
	float:left;
	background: none;
}

#horizontal-multilevel-menu a
{
	display:block;
	padding:5px 3px;
	text-decoration:none;
	text-align:center;
	outline: none;
}

#horizontal-multilevel-menu li { float:left;
margin: 3px 3px;
}
#horizontal-multilevel-menu li a.root-item { color: red; background: white; font-weight:bold; font-size: 24px; padding:12px 24px 12px 24px; } /*Root items*/
#horizontal-multilevel-menu a.parent { color: red; background: url(images/top-menu-arrow.gif) center right no-repeat; } /*Item-parents*/
#horizontal-multilevel-menu li a.root-item-selected { color: red; font-weight:bold; font-size: 24px; padding:12px 24px 12px 24px;} /*Root menu selected*/
#horizontal-multilevel-menu li.last-item { border: none; }

/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
	position:absolute;
	top:auto;
	display:none;
	z-index:500;
	height:auto;
	width:163px;
	padding: 3px 11px;
	border:1px solid;
}

#horizontal-multilevel-menu li li { width:100%; border-bottom:1px solid; } /*Sub-menu item box*/
#horizontal-multilevel-menu li ul a { text-align:left; font-size: 14px;} /*Item link*/
#horizontal-multilevel-menu li ul ul { margin:-27px 0 0 160px; }

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul
{
	display:none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li li:hover ul
{
	display:block;
}

div.menu-clear-left { clear:left; }

/*Common Elements */
div.content-form { padding-left:1em; }
span.tel { color:#FFFFFF; font-size:14px}
b.red { color:#b34f4f; font-size:12px}


/*-----------------------------------------------------------------------------------*/
/*	3. CAROUSEL
/*-----------------------------------------------------------------------------------*/

#wrapper .d-carousel ul li {
	background: none;

	padding: 15px;
	width: 175px;
	margin:10px;
	background: url(images/li2.png) no-repeat;
	padding-left:40px;
	padding-left: 46px;
text-align: center;
padding-right:10px;
}

#wrapper .d-carousel ul li+li {background: url(images/li1.png) no-repeat;}
#wrapper .d-carousel ul li h3 { font-size:14px; text-align:left; padding-left:20px;
font-weight:bold}
#wrapper .d-carousel ul li h3 a { color:#000000}
dt { color:#FFFFFF;
text-align:left;
padding-left:30px;}
dd { margin:5px; text-align:left}
.jcarousel-direction-rtl {
	direction: rtl;
}

.d-carousel h4 {
	margin: 5px 0 5px 0;
}

.d-carousel .jcarousel-container {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}

.d-carousel .jcarousel-item {
	width: 190px;
	height: 290px;
}

.d-carousel .jcarousel-container-horizontal {
width: 100%;
height: 280px;
margin: 23px auto;

}

.d-carousel .jcarousel-item-horizontal {
	margin-left: 3px;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-right: 11px;
}

.d-carousel .jcarousel-next-horizontal {
	position: absolute;
	top: 149px;
	right: 0;
	margin-right: 3px;
	width: 30px;
	height: 58px;
	cursor: pointer;
	background: transparent url(style/images/next.png) no-repeat  ;

}

.d-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal {
	left: 5px;
	right: auto;
	background-image: url(style/images/blog-arrows.jpg);
}

.d-carousel .jcarousel-next-horizontal:hover {
	background-position: bottom right;
}

.d-carousel .jcarousel-prev-horizontal {
	position: absolute;
	top: 149px;
	left: 0;
	margin-left: 3px;
	width: 30px;
	height: 58px;
	cursor: pointer;
	background: transparent url(style/images/prev.png) no-repeat top left;

}
/*
 * jQuery Nivo Zoom v1.0
 * http://nivozoom.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 *
 * April 2010
 */

.nivoZoomHover {
	position:absolute;
	top:0px;
	left:0px;
	z-index:9;
	width:100%;
	height:100%;
	cursor:pointer;
}
.nivoCaption {
	display:none;
	position:absolute;
	z-index:110;
	text-align:center;
	background:#010101;
	color:#fff;
	padding:4px 0;
	overflow:hidden;
}

.d-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	left: auto;
	right: 5px;
	background-image: url(style/images/blog-arrows.jpg);
}

.d-carousel .jcarousel-prev-horizontal:hover {
	background-position: bottom left;
}
.hfoto { background: url(images/h-foto.png) center no-repeat; color: #FFFFFF;
font-family: Web_Serveroff; font-size:36px; text-align:center}
.fotos {
width:215px;
height:215px;}
.bron {
	float: left;
	margin-left: 9px;
}
.photo-photo-item-ascetic-inner33 p { color:}
div.photo-controls-photo-top ul.photo-control-photo-templates { display:none}
.photo-photo-item-ascetic-inner33 { text-align:center; font-family:Arial, Helvetica, sans-serif}

.home .content { margin-top:0px;}
.home #workarea  {
width: 880px;
background: rgba(255, 255, 255, 0.37);
padding: 10px;
}
@media screen and (min-width: 1215px) {
	.home #sidebar {
	margin-left: 5px;
	max-width: 260px;
	min-height: 540px;
	}
	.home #left-menu { margin-left:0px; /*background: url(images/menu.png);*/ padding:10px; width: 242px;}
	.home #left-menu li {
	padding: 0px;
	min-width: 247px;
	max-width: 247px;
	/*border-bottom: 1px #FFFFFF solid;*/
	margin-left: 0px;
	background: none;
	border-radius: 0;
	}
	.home #left-menu li a { color:#b34f4f;
	text-shadow:none}
}
.news-detail-link { display:none}
.eks-item {
position:relative;
float:left;
margin: 5px 1%;
width: 422px;
}

.eks-item img {
width: 100%;
height: auto;
}

.eks-item .title {
position: absolute;
bottom: 0px;
background: url(images/t1.png);
color: #FFF;
padding: 10px 2%;
width: 96%;
}

.eks-item .title a {
color: #FFFFFF;
font-family: Web_Serveroff;
text-shadow: 1px 0px 0px #000000;
font-size: 24px;
margin: 0px;
position: relative;
z-index: 9;
}
.eks-item .news-detail {
width:370px;
height:50px;
color:#FFFFFF;
position:absolute;
bottom:0px;
right:0px;}

.soc {
float: right;
margin: 15px 17px 0;
}

#slider_content {
-moz-box-shadow: 0 0 25px #777;
-webkit-box-shadow: 0 0 25px #777;
box-shadow: 0 0 25px #777;
max-width: 1200px;
max-height: 400px;
position: absolute;
z-index: 0;
}
.d-carousel {
position: relative;
top: 15px;
}

.fresco img {
width: 215px;
height: 215px;
}

.MsoNormalTable {
width: 100% !important;
margin: 0 auto !important;
}

img {
 max-width: 100%;
 height: auto;
 width: auto\9; /* ie8 */
}

#language {
width: 27%;
min-width: 51px;
position: absolute;
top:45%;
right: 10%;
}
#language a {
}

#language img {
width: 29%;
margin: 0;
}
#language img:hover {
opacity: 0.7;
}

.home #workarea span {
background: none !important;
}

#slogan {
float: left;
margin: 6% 0 0;
width: 45%;
}
#slogan img{
	width: 100%;
}

/* ----------------------- */
.head_1{
	background: #000;
	min-height: 59px;
	z-index: 2;
	position: relative;
}
.head_2{
	position: relative;
}
#wdc_win3_link {
	left:0;
	margin: 0;
}
.head_1_1{
	float: left;
}
.head_1_2{
	float: right;
}
.bron {
	width: 380px;
}
.bun{
	display: none;
	float: right;
	width: 64%;
	max-height: 400px;
	overflow: hidden;
}
.bun img{
	width: 100%;
}
.home .bun{
	display: none;
}
span.tel-none{
	color: #000;
	font-size:14px;
	display: none;
}
.tlft{
	text-align: left;
}
@media screen and (max-width: 1215px) {
	.eks-item {
		width: 48%;
		max-width: 48%;
	}
	#sidebar {
		/*margin-left: 5px;*/
		max-width: 999px;
		min-height: 1px;
		width: 34%;
		height: 369px;
		background: url(images/menu.png);
	}
	#left-menu { margin-left:0px; background: none; padding:10px; width: auto;}
	#left-menu li {
	padding: 0px;
	min-width: 10px;
	max-width: auto;
	/*border-bottom: 1px #FFFFFF solid;*/
	margin-left: 0px;
	background: none;
	border-radius: 0;
	}
	#left-menu li a { color:#b34f4f;
	text-shadow:none}

	#slider_content{
		display: none;
	}
	.bun{
		display: block;
	}
	#left-menu {
		margin: 0px 0 0 0;
	}
	#left-menu li.last-item { margin-bottom: 0; padding-bottom: 0px;/*width: auto;*/margin-left: 0;}
	#left-menu li.selected a {   }
	#left-menu li.selected { }
	#left-menu li { margin-left:0; min-width: 0;}
	#left-menu li+li { margin-left:0; min-width: 0;}
	#left-menu li+li+li { margin-left:0; min-width: 0;}
	#left-menu li+li+li+li { margin-left:0; min-width: 0;}
	#left-menu li+li+li+li+li { margin-left:0; min-width: 0;}
	#left-menu li+li+li+li+li+li { margin-left:0; min-width: 0;}
	.home #workarea {
		width: 71%;
		background: rgba(255, 255, 255, 0.37);
		padding: 10px;
	}
	.home  #sidebar {
		width: 25%;
	}
	.fresco img {
		width: 48%;
		margin: 0 1% 10px 0;
		height: auto;
	}
}
@media screen and (max-width: 1110px) {
	.head_1{
		text-align: center;
		padding: 5px 0 8px;
	}
	.head_1_1{
		float: none;
		clear: both;
	}
	.head_1_2{
		float: none;
		clear: both;
		margin: -8px 0 0;
		z-index:3;
		position: relative;
	}
	#top-icons {
		float: none;
		margin: 0 0 0;
		display: inline-block;
		vertical-align:middle;
	}
	.bron {
		float: none;
		margin: 0;
		padding: 0 0 -20px;
		display: inline-block;
		vertical-align:middle;
	}
	#wdc_win3_link {
		left:auto;
		display: inline-block;
		vertical-align:middle;

		margin: 0;
	}
	.soc{
		float: none;
		display: inline-block;
		vertical-align:middle;
		margin-top:0;
	}
	#top-menu{
		float: none;
		display: inline-block;
		vertical-align:middle;
		margin-top:0;
	}
}
@media screen and (max-width: 990px) {
	.home #left-menu a {
		font-size: 26px;
	}
}
@media screen and (max-width: 960px) {
	#left-menu a {
		font-size: 26px;
	}
}
@media screen and (max-width: 865px) {
	.home #left-menu a {
		font-size: 23px;
	}
}
@media screen and (max-width: 850px) {
	#left-menu a {
		font-size: 21px;
	}
}
@media screen and (max-width: 780px) {
	.home #left-menu a {
		font-size: 21px;
	}
}
@media screen and (max-width: 745px) {
	.home #left-menu a {
		font-size: 19px;
	}
}
@media screen and (max-width: 705px) {
	#sidebar,
	.home #sidebar{
		float: none;
		width: auto;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.bun{
		float: none;
		width: auto;
		clear: both;
	}
	#left-menu li{
		width: 47%;
		margin-right: 3%;
		float: left;
	}
	#left-menu a	{
		font-size: 27px;
	}
	.home #left-menu a{
		font-size: 32px;
	}
	#logo {
		width: 80%;
		max-width: 1000px;
		float: none;
		margin: 20px auto 0;
	}
	#slogan{
		width: 80%;
		max-width: 1000px;
		float: none;
		margin: 20px auto;
	}
	.home #workarea {
		width: 96%;
		padding: 10px 2%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 610px) {
	#left-menu li{
		width: auto;
		float: none;
		text-align: left;
	}
	#left-menu a {
		font-size: 32px;
	}
	.eks-item {
		float: none;
		margin: 12px auto;
		width: auto;
		max-width: 100%;
	}
	.rss>div.news-list {
		float: none;
	}
	blockquote{
		margin: 0;
	}
}

@media screen and (max-width: 420px) {
	.bron {
		width: 317px;
	}
	#wdc_win3_link {
		float: none;
		margin-top: -12px;
		margin-bottom: 10px;
	}
	#workarea .content-block pre font b{
		font-size: 20px;
	}

	.fresco img {
		width: 100%;
		margin: 0 0 5px;
	}
}
@media screen and (max-width: 340px) {
	.tel2{
		display: block;
	}
	span.tel-none{
		display: inline-block;
		visibility: hidden;
	}
}