@charset "utf-8";
@font-face {
      font-family: "MyriadPro-SemiboldCond";
	  src: local("MyriadPro-SemiboldCond"), url( "MyriadPro-SemiboldCond.ttf" ) format("truetype"); /* non-IE */  
}
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #f3efe4;
	margin: 0;
	padding: 0;
	color: #000;
}
.header-sky-bg{
	position:absolute;
	height:382px;
	width:100%;
	background:url(images/header-sky-bg.jpg) top right repeat-x;
	top:0px;
	right:0px;
	z-index:1;
}
.shar-bg{
	position:absolute;
	top:0px;
	left:0px;
	width:495px;
	height:1014px;
	background:url(images/shar-bg.png) top left no-repeat;
	z-index:2;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #42413C;
	text-decoration: underline;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

/* ~~this fixed width container surrounds the other divs~~ */
.container {
	width: 960px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	/*position:relative;*/
	z-index:3;
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	height:329px;
}
.lang_menu{
	position:absolute;
	top:10px;
	right:100px;
}
.lang_menu ul li{
	list-style:none;
	display:inline;
	padding:0 5px;
}
.lang_menu ul li a img{
	border:none;
}
/* MAIN MENU */
#main_menu{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	position:absolute;
	left:520px;
	min-width:688px;
	top:87px;
	z-index:99;
}
#main_menu li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;
	vertical-align:top;
	width:170px;
	float:left;
}
#main_menu li a{
	text-decoration:none;
	width:170px;
	height:35px;
	display:block;
}
#main_menu li.produkcia a{
	background:url(images/title-produkcia.png) top left no-repeat;

}
#main_menu li.uslugi a{
	background:url(images/title-uslugi.png) top left no-repeat;
}
#main_menu li.usloviya_raboti a{
	background:url(images/title-usloviya.png) top left no-repeat;
}
#main_menu li.mir_sharte a{
	background:url(images/title-mir-sharte.png) top left no-repeat;
}

#main_menu li ul{
	padding:0;
	margin:5px 0;
	list-style:none;
}
#main_menu li ul li{
	display:block;
	background:none;
}
#main_menu li.produkcia ul li a, #main_menu li.uslugi ul li a, #main_menu li.usloviya_raboti ul li a, #main_menu li.mir_sharte ul li a{
	color:#718b06;
	text-decoration: underline;
	font-size:12px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	padding:3px 0;
	background:none;
	height:auto;
	font-weight:bold;
}
#main_menu li.produkcia ul li a:hover, #main_menu li.uslugi ul li a:hover, #main_menu li.usloviya_raboti ul li a:hover, #main_menu li.mir_sharte ul li a:hover{
	text-decoration: none;
	background:none;
}

/* END MAIN MENU */

.sidebar1 {
	float: left;
	width: 250px;
	padding-bottom: 10px;
	margin:150px 0 0 0;
	position:relative;
	z-index:2;
}
.sidebar1 .banner{
	margin:50px 0 0 0;
	}
.content {
	padding: 10px 0;
	width: 706px;
	float: left;
	z-index:2;
	position:relative;
}
.news{
	background-image:url(images/blok-novosti-title.jpg);
	background-repeat:no-repeat;
	width:630px;
	padding:90px 0 0 0;
	margin:-40px auto 0 auto;
	font-size:11px;
	text-align:left;
}
.news .one_news_block{
	width:185px;
	text-align:left;
	padding:0 10px 0 10px;
	display:inline-block;
	float:left;
	vertical-align:top;
}
.news .news_date{
	font-size:9px;
	width:90px;
	text-align:center;
	padding:1px 5px;
	margin:0 0 4px 5px;
	background-color:#dfd8c5;
	color:#818378;
}
.news_text{
	height:100px;
	overflow:hidden;
}
.news a{
	color:#637b05;
}
.news p{
	padding:5px 0 0 0;
	margin:0;
}


.block1{
	width:510px;
	padding:10px 0 0 140px;
	margin:0 auto;
}
.block1 h1{
	width:233px;
	color:#157198;
	font-size:39px;
	padding:10px 30px 10px 0;
	margin:0;
	font-weight:600;
	font-family: MyriadPro-SemiboldCond, sans-serif;
	/*background-image:url(images/znak-voprosa.jpg);*/
	background-position:right;
	background-repeat:no-repeat;
}
.block1 p{
	color:#3b3529;
	font-size:12px;
	padding:0 0 20px 20px;
	margin:0 0 0 10px;
	background-image: url(images/small_green_balloon.jpg);
	background-position:left 2px;
	background-repeat:no-repeat;
}
.block1 p a{
	color:#718b06;
	text-decoration:underline;
}


.slider-box{
	float:left;
	width:100%;
	z-index:100;
	position:relative;
}
.brand-slider{
	padding:10px 0;
	margin:0px auto;
}

.oformlenie-sharami{
	background-image:url(images/oformlenie-sharami-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:246px;
	width:976px;
	margin:0 auto;
}
.oformlenie-sharami div.arka-i-shari{
	background-image: url(images/oformlenie-sharami-bg-arka-shari.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	height:75px;
}
.random_image_line{
	margin:0 13px;
    border: 3px solid #dbd4c4;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.random_image_line a{
	border:none;
}

.nashi-partneri{
	background-image: url(images/nashi-partneri-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:246px;
	width:976px;
	margin:0 auto;
	text-align:center;
}
.nashi-partneri div.golova-i-shari{
	background-image: url(images/nashi-partneri-bg-golova-i-shari.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	height:75px;
}
.nashi-partneri a:hover img{
	margin-top:-80px;
}



/* ~~ The footer ~~ */
.footer {
	padding: 10px 0 0 0;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	background:url(images/footer-bg.jpg) bottom left repeat-x;
	min-height:241px;
	_height:241px;
	text-align:center;
}
.footer .ft-content{
	padding:100px 0 0 0;
/*	border:1px solid #063;*/
	text-align:center;
	width:60%;
	margin:0 auto;
}
.footer .copy{
	color:#3f3828;
	width:450px;
	font-size:12px;
	padding:34px 0 0 0;
	text-align:left;
	float:left;
}
.footer .tel{
	background:url(images/footer-tel-bg.jpg) left top no-repeat;
	width:200px;
	height:60px;
	text-align:right;
	padding:50px 0 0 40px;
	margin:0 0 0 500px;
	font-size:14px;
	font-weight:600;
	color:#83755a;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}




#katalog-produkcii{
	width:685px;
	min-height:300px;
	z-index:inherit;
	zoom:1;
	position:relative;
}
.katalog-gruppa-tovarov{
	border:3px solid #dbd4c4;
	margin:0 0 10px 0;
	padding:10px;
	
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
#katalog-produkcii .katalog-produkcii-shariki{
	background:url(images/katalog-produkcii-shariki.png) top right no-repeat ;
	height:73px;
	padding:0;
}
#katalog-produkcii .katalog-produkcii-ramka{
	background-image:url(images/katalog-produkcii-ramka.jpg);
	background-repeat:repeat-y;
	z-index:1;
	float:right;
}

#katalog-produkcii .katalog-produkcii-header{
	background-image:url(images/katalog-produkcii-header.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	width:685px;
	height:100px;
}
#katalog-produkcii .katalog-produkcii-footer{
	background-image:url(images/katalog-produkcii-footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	height:50px;
	width:685px;
	float:right;
}
#katalog-produkcii .katalog-produkcii-content{
	margin:-20px 48px 0 17px;
	min-height:100px;
}


.shop-cart{
	background-image:url(images/Sharte_slim_2_page_korzina_03.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:242px;
	font-size:11px;
	border:none;
	margin:0;
	padding:0;
}
div.shop-cart div.shop-cart-footer{
	background:url(images/Sharte_slim_2_page_korzina_06.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	width:242px;
	padding:69px 0 14px 0;
	margin:0 0 20px 0;
}
div.shop-cart div.shop-cart-footer div.shop-cart-ramka{
	background-image:url(images/korzina_ramka.jpg);
	background-repeat:repeat-y;
	padding:0 10px;
	margin:0;
}
.kart-order{
	margin:0;
	padding:0;
	text-align: center;
}
.shop-cart table a{
	color:#637b05;
}
#butEmptyCart{
	text-decoration: none;
	color:#e11e22;
	border-bottom:1px dashed #e11e22;
}

/* shop-stuff */

#shop-stuff-card{
	padding:0 0 10px 0;
	margin:0;
	width:291px;
	height:293px;
	display:inline;
}
.shop-stuff {
    background: #ffffff;
    border: 3px solid #dbd4c4;
	display:inline-block;
	text-align:center;
	margin:0 0 5px 0;
}
.shop-stuff div {
      background: url(images/kartochka-tovara-rnd-tl.gif) top left no-repeat;
      position: relative;
      margin: -3px;
}
.shop-stuff div div {
      background: url(images/kartochka-tovara-rnd-tr.gif) top right no-repeat;
      margin: 0px;
}
.shop-stuff div div div {
      background: url(images/kartochka-tovara-rnd-br.gif) bottom right no-repeat;
}
.shop-stuff div div div div {
      background: url(images/kartochka-tovara-rnd-bl.gif) bottom left no-repeat;
}
.shop-stuff div div div div div{
	background:none;
	padding:8px;
	margin:0;
	width:291px;
	height:273px;
	position:relative;
}
.shop-stuff .shs-price{
	padding:0;
	margin:0;
	height:20px;
	text-align:center;
}
.shop-stuff .shs-introtext{
	padding:10px 0 0 0;
	margin:0;
	height:56px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:100px;
	overflow:hidden;
}
.shop-stuff .shs-introtext a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#637B05;
}
.shop-stuff .shs-introtext a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#E11E22;
}

.shop-stuff .shs-form{
	padding:0;
	margin:0;
	height:50px;
}
.shop-stuff form{
	display:block;
}
.shs-price select{
	padding:0;
	margin:0;
	border:1px solid #000000;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
}
#shs-img{
	width:290px;
	height:120px;
	padding:0;
	text-align:center;
}
#shs-img .shs-img-main{
	width:152px;
	height:118px;
	padding:0;
	margin:0;
    border: 3px solid #dbd4c4;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}


#shs-img .shs-img-second{
	width:40px;
	height:30px;
	padding:0;
    border: 3px solid #dbd4c4;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}
#shs-img a img{
	border:none;
}
#shs-img table{
	padding:0;
	margin:0 auto;
	text-align:center;
}
.shop-stuff .shs-tittle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#637b05;
	display:inline;
	padding:0;
	margin:0;
	text-align:center;
}


	.shop-stuff-card{
		border:3px #DBD4C4 solid;
		float:left;
		width:270px;
		/*height:280px;*/
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		margin:5px;
		padding:10px;
		background-color:#ffffff;
		position:relative;
	}
	.shs-tittle{
		color:#637B05;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		margin-bottom:5px;
		height:18px;
		overflow:hidden;
	}
	.shop-stuff-card .foto{
		float:left;
	}
	.shs-img-main{
		border:3px #DBD4C4 solid;
		width:150px;
		height:115px;
		display:block;
		float:left;
		margin:0 5px 0 0;
	}
	.shs-img-second{
		border:3px #DBD4C4 solid;
		width:40px;
		height:30px;
		display:block;
		float:left;
		margin:0 3px 6px 0px;
	}
	.shs-introtext{
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		display:block;
		padding:5px;
		float:left;
		height:100px;
		overflow:hidden;
	}
	.shs-form{
		position:relative;
		bottom:3px;
		float:left;
	}
	.shop-stuff-card .shs-price{
		width:270px;
	}
	.shop-stuff-card .shs-price-str{
		text-align:right;
	}
	.shop-stuff-card .select{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		display:block;
		text-align:left;
		margin:5px 0;
	}
	.shop-stuff-card .select select{
		border-color:#CCC;
		border-width:1px;
	}


.shs-tocart {margin:5px 0; padding:5px 0; border-top:1px dashed #888;}
.shs-tocart div {margin:5px 0;}

.shk-price {font-weight:bold; font-size:16px; padding:0; margin:0;}
.shk-but {
	background:url(images/v-korzinu-button.jpg) center top no-repeat;
	height:32px;
	width:122px;
	border:none;
}
.shk-but-div{
	padding:7px 0 0 0;
	margin:0;
	height:100px;
}
.price-add {color:red; padding-left:3px; line-height:0;}


/*KATALOG PRODUKCII - KARTO4KA DIREKTORII*/
.katalog-gruppa-tovarov{
	background-color:#ffffff;
	border:3px solid #dbd4c4;
	margin:0 0 10px 0;
	padding:10px;
	
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

}
.katalog-gruppa-tovarov .kgt-tittle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#637b05;
	text-align:center;
	margin:0 0 10px 0;
}
.katalog-gruppa-tovarov .kgt-img{
	background:#FFFFFF;
	border:3px solid #dbd4c4;
	width:152px;
	height:118px;
	float:left;
	margin:0 10px 0 0;
	
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

}
.katalog-gruppa-tovarov .kgt-img a img{
	border:none;
}
.katalog-gruppa-tovarov .kgt-introtext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3b3529;
	height:100px;
	margin-left:180px;
}
.katalog-gruppa-tovarov .kgt-introtext a{
	color:#94a844;
}
/*END KATALOG PRODUKCII - KARTO4KA DIREKTORII*/

/*CATALOG MENU*/
.calalog_menu{
	width:185px;
	background-color:#96b917;
	min-height:100px;
	padding:30px 10px 30px 50px;
	margin:0 0 15px;

    border: 4px solid #dbd4c4;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}
.calalog_menu ul{
	list-style:none;
	padding:0;
}
.calalog_menu li{
	list-style:none;
	padding:5px 0;
	margin:5px 0;
}
.calalog_menu ul li a{
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
.calalog_menu li.active a{
	background-color:#f5941f;
}
/*END CATALOG MENU*/

/*CONTENT PAGE*/
#content-box{
	padding:20px;
	margin:120px 0 0 0;
	float:right;
	
    border: 4px solid #dbd4c4;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
	width:613px;
}
#content-box h1{
	font-family: MyriadPro-SemiboldCond, sans-serif;
	font-size:33px;
}
#content-box .pagetitle{
	z-index:50;
}
#content-box div.pagetitle h1{
	font-family: MyriadPro-SemiboldCond, sans-serif;
	font-size:33px;
	color:#186c91;
	background:#FFFFFF;
	padding:5px 20px;
	margin: -43px 150px 20px -38px;
	
    border: 2px solid #dbd4c4;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
	z-index:100;
}
/*END CONTENT PAGE*/

.pages-list{
	text-align:center;
}
.pages-list a{
	text-decoration:none;
}
.pages-list span.ditto_currentpage{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	display:inline-block;
	padding:2px 7px;
	margin:5px;
	background-color:#F5941F;
	color:#fff;
}
.pages-list a.ditto_page{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	display:inline-block;
	padding:2px 7px;
	margin:5px;
	background-color:#96B917;
	color:#fff;
}
.pages-list a.ditto_next_link{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	display:inline-block;
	padding:2px 7px;
	margin:5px;
	background-color:#96B917;
	color:#fff;
}
.pages-list a.ditto_previous_link{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	display:inline-block;
	padding:2px 7px;
	margin:5px;
	background-color:#96B917;
	color:#fff;
}
#cat-filters{
	display:inline;
	font-size:11px;
	margin:10px 0;
}
#cat-filters a{
	font-size:11px;
	color:#3499B2;
	margin:0 5px;
}
.cat-filters{
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
	font-size:11px;
}
.cat-filters li{
	display:inline;
}
#cat-filters li.active a{
	color:#96B917;
}
#cat-filters li.otmena-filtra a{
	color:#C00;
}
.go-homepage{
	border:none;
	background:url(images/home.png) top left no-repeat;
	width:241px;
	height:60px;
	position:absolute;
	top:0px;
	left:560px;
	z-index:99;
}
.go-homepage a{
	width:241px;
	height:60px;
	display:block;
}
.nali4ie-sklad{
	color:#D5172F;
	text-align:right;
	font-size:16px;
	}
table td{
/*	border:1px solid #666;
	padding:5px;*/
}