/* 

 * HTML5 вњ° Boilerplate

 *

 * What follows is the result of much research on cross-browser styling. 

 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,

 * Kroc Camen, and the H5BP dev community and team.

 *

 * Detailed information about this CSS: h5bp.com/css

 * 

 * ==|== normalize ==========================================================

 */





/* =============================================================================

   HTML5 display definitions

   ========================================================================== */



article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
*display: inline;
*zoom: 1;
}
 audio:not([controls]) {
display: none;
}
 [hidden] {
display: none;
}
/* =============================================================================

   Base

   ========================================================================== */



/*

 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units

 * 2. Force vertical scrollbar in non-IE

 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g

 */



html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
	font-size: 13px;
	line-height: 1.231;
	
	background: #FAEBD7; /* for non-css3 browsers */ 

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAEBD7', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FAEBD7), to(#fff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FAEBD7,  #fff); /* for firefox 3.6+ */ 
	background: -o-linear-gradient(top,  #FAEBD7,  #fff); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FAEBD7,  #fff); /* IE10+ */
	
}
body, button, input, select, textarea {
	font-family: sans-serif;
	color: #222;
}


/* 

 * Remove text-shadow in selection highlight: h5bp.com/i

 * These selection declarations have to be separate

 * Also: hot pink! (or customize the background color to match your design)

 */



::-moz-selection {
background: #D2B48C;
color: #fff;
text-shadow: none;
}

::selection {
background: #D2B48C;
color: #fff;
text-shadow: none;
}
/* =============================================================================

   Links

   ========================================================================== */



/* Improve readability when focused and hovered in all browsers: h5bp.com/h */

a:hover, a:active {
	outline: 0;
}
/* =============================================================================

   Typography

   ========================================================================== */



abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
/* Redeclare monospace font family: h5bp.com/j */

pre, code, kbd, samp {
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
/* Improve readability of pre-formatted text in all browsers */

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
q {
	quotes: none;
}
q:before, q:after {
	content: "";
	content: none;
}
small {
	font-size: 85%;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* =============================================================================

   Lists

   ========================================================================== */



ul, ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
}
dd {
	margin: 0 0 0 40px;
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
/* =============================================================================

   Embedded content

   ========================================================================== */



/*

 * 1. Improve image quality when scaled in IE7: h5bp.com/d

 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 

 */



img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}



/*

 * Correct overflow not hidden in IE9 

 */



svg:not(:root) {
overflow: hidden;
}
/* =============================================================================

   Figures

   ========================================================================== */



figure {
	margin: 0;
}
/* =============================================================================

   Forms

   ========================================================================== */



form {
	margin: 0;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
/* Indicate that 'label' will shift focus to the associated form element */

label {
	cursor: pointer;
}
/* 

 * 1. Correct color not inheriting in IE6/7/8/9 

 * 2. Correct alignment displayed oddly in IE6/7 

 */



legend {
	border: 0;
*margin-left: -7px;
	padding: 0;
}
/*

 * 1. Correct font-size not inheriting in all browsers

 * 2. Remove margins in FF3/4 S5 Chrome

 * 3. Define consistent vertical alignment display in all browsers

 */



button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
*vertical-align: middle;
}
/*

 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)

 * 2. Correct inner spacing displayed oddly in IE6/7

 */



button, input {
	line-height: normal;
*overflow: visible;
}
/*

 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7

 */



table button, table input {
*overflow: auto;
}
/*

 * 1. Display hand cursor for clickable form elements

 * 2. Allow styling of clickable form elements in iOS

 */



button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}
/*

 * Consistent box sizing and appearance

 */



input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
 input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}



/* 

 * Remove inner padding and border in FF3/4: h5bp.com/l 

 */



button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
/* 

 * 1. Remove default vertical scrollbar in IE6/7/8/9 

 * 2. Allow only vertical resizing

 */



textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}



/* Colors for form validity */

input:valid, textarea:valid {
}
 input:invalid, textarea:invalid {
background-color: #D2B48C;
}
/* =============================================================================

   Tables

   ========================================================================== */



table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	vertical-align: top;
}
/* ==|== primary styles =====================================================

   Author: 

   ========================================================================== */





body {
	background-color:#D2B48C;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#666;
}

#logo a {
	 text-decoration:none;
	 color:#000;
	 outline:none;
}

.bigBlock {
	margin:0 0 30px 0;
}

.bigBlock .cap {
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
}

.bigBlock img {
	border:1px solid #aeacab;
}

.bigBlock table td {
	padding:10px;
	border:1px solid #aeacab;
}

.logo_cap {font-weight:bold; color:#333;}

.caps {text-transform:uppercase}

.inner_pad_15 {padding:15px}

a {color:#D2B48C;}

a:hover {color:#D2B48C; text-decoration:none;}


a.biglink {font-size:16px;}

h1 {font-size:20px;font-weight:normal; margin:5px 0}
h2 {font-size:16px;	font-weight:normal;	margin:5px 0}

#container {margin:0 auto;	width:1024px;}

/*====== HEADER ======*/

.in_header {position:relative; height:245px;	margin: 15px 0;}

#logo {position:absolute;	margin:15px 0 0 10px;	width:300px}
#logo img {margin-right:15px;	float:left;}
#logo_text {margin-top:10px; font-size:16px; color:#000;}
#logo_text .caps {font-size:9px;}

.nav_menu {position:absolute; right:0px; top:30px; font-size:14px; font-weight:bold;}
.nav_menu ul {padding:0;	margin:0;	list-style-type:none}
.nav_menu ul li {float:left;	margin-left:5px}
.nav_menu ul li a {color:#666; text-decoration:none;}
.nav_menu ul li a:hover, .nav_menu ul li a:active {/*border-bottom:2px solid #a5944e*/ text-decoration:underline;}


.catCon {
	margin:20px 0 0 0;
}

.catCon .item {
	float:left;
	width:130px;
	margin:0 49px 20px;
	padding:5px;
	border:1px solid #fff;
	min-height:220px;
}

.catCon .item .img {
	height:130px;
	width:130px;
	display:table-cell;
	vertical-align:middle;
	background:#fff;
	text-align:center;
}

.catCon .item .name {
	margin:10px 0 0 0;
}

#top_info_block {
	position:absolute;
	width:100%;
	height:155px;
	top:85px;
	/*background-color:#D2B48C;
	border-bottom:2px solid #47453a;*/
	
	background: #D2B48C; /* for non-css3 browsers */ 

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2B48C', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#D2B48C), to(#fff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #D2B48C,  #fff); /* for firefox 3.6+ */ 
	background: -o-linear-gradient(top,  #D2B48C,  #fff); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #D2B48C,  #fff); /* IE10+ */
	
	border:1px solid #aeacab;
}

.contacts, .news_block {
	position:relative;
	margin:25px 15px;
	font-size:10px;
	float:left;
}
.contacts {color:#666666;	width:210px;	line-height:20px;}
.contacts img {float:left;	margin:3px 15px 60px 0}
.contacts span {font-size:20px;	color:#333333}
.contacts a {font-size:12px; color:#006699;	text-decoration:none;}
.contacts a:hover {text-decoration:underline;}

.news_block {width:230px; line-height:15px; color:#666666;}
.news_block a {font-size:12px; color:#006699;}

#arrow_down {
	position:absolute;
	left:472px;
	top:152px;
	display:block;
	background:url(assets/img/arrow_down.png);
	width:64px;
	height:13px;
	outline:none;
	display:none;
}

.all_news {
	float:right;
	margin:-10px 10px 0 0;
}

.n_block {
	margin:0 0 20px 0;
}

/*====== RIGHT SIDEBAR ======*/

#right_sb {position:relative;	float:right;	width:256px;}

.sb_menu {
	position:relative;
	width:100%;
	font-size:12px;
	/*background-color:#D2B48C;*/
	height:396px;
	
	background: #D2B48C; /* for non-css3 browsers */ 

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2B48C', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#D2B48C), to(#fff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #D2B48C,  #fff); /* for firefox 3.6+ */ 
	background: -o-linear-gradient(top,  #D2B48C,  #fff); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #D2B48C,  #fff); /* IE10+ */
	
	border:1px solid #aeacab;
	
	color:#006699;
}
.sb_menu ul {list-style-type:none;	padding:10px 0 1px 0;	margin:0 0 0 20px}
.sb_menu ul li {margin-bottom:11px}
.sb_menu ul a {color:#006699;	text-decoration:none}
.sb_menu ul a:hover, .sb_menu ul a:active {/*border-bottom:1px solid #a5944e*/ text-decoration:underline;}

#menu_title {
	position:relative;
	width:258px;
	height:28px;
	padding:4px 0 0 0;
	color:#fff;
	
	background: #FF4500; /* for non-css3 browsers */ 

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4500', endColorstr='#e21e17'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FF4500), to(#e21e17)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FF4500,  #e21e17); /* for firefox 3.6+ */ 
	background: -o-linear-gradient(top,  #FF4500,  #e21e17); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FF4500,  #e21e17); /* IE10+ */
}
#menu_title span {margin-left:25px;	font-size:18px;}

#sb_tringle {position:relative;	margin-bottom:20px; display:none;}

.feedback {position:relative; width:255px; height:200px; background-color:#FF4500; margin:25px 0 0 0; border:1px solid #FFFAFA;}
.feedback span {font-size:18px;}
.feedback label {color:#FFFAFA;	font-size:10px;}
.feedback ul {list-style:none; padding:0;	margin:0}
.feedback ul li {line-height:7px}

span.error {
	font-size:12px;
	color:red;
}

input.fb_input, textarea.fb_input {
	margin-top:6px;
	font-size:12px;
	width:225px;
	padding:2px;
	border:1px solid #13151f;
	-webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
	-moz-border-radius: 5px; /* FF1-3.6 */
	border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}
input.fb_input:focus, textarea.fb_input:focus {
	outline-style: none;
	border: 1px solid #6690a3;
}
input:invalid, textarea:invalid {
	outline-style: none;
	border: 1px solid #C00;
}
input.fb_input {height:20px}
textarea.fb_input {height:50px;	max-height:50px}

input.button_main {
	margin-top:8px;
	font-family:Tahoma, Geneva, sans-serif;
	background-color:#a5944e;
	color:#FFF;
	border:none;
	padding:5px;
	-webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
	-moz-border-radius: 5px; /* FF1-3.6 */
	border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}

/*====== CONTENT ======*/

#content {margin-right:256px}

.ch_item {height:445px}

.product_item {
	position:relative;
	width:368px;
	height:208px;
	/*background-color:#D2B48C;*/
	margin:0 16px 15px 0;
	float:left;
}
.product_item:hover {background-color:#D2B48C}

.product_title {
	position:relative;
	margin:-70px 0 0 0;
	font-size:16px;
	text-align:center;
	background:url(../img/bg-cap.png);
	color:#D2B48C;
	padding:5px 0;
}

.product_title.active {
	background:#D2B48C;
}

.product_title a {font-size:11px; text-decoration:underline; color:#FFF;}
.product_title img {margin:5px}

#content_text {
	position:relative;
	width:752px;
	min-height:200px;
	/*background-color:#D2B48C;*/
	margin-top:10px;
	
	background: #D2B48C; /* for non-css3 browsers */ 

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2B48C', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#D2B48C), to(#fff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #D2B48C,  #fff); /* for firefox 3.6+ */ 
	background: -o-linear-gradient(top,  #D2B48C,  #fff); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #D2B48C,  #fff); /* IE10+ */
	
	border:1px solid #aeacab;
}

#content_text p {
	font-size:12px;
	color:#666;
	text-align:justify;
	line-height:18px
}
/*====== FOOTER ======*/



.in_footer {
	position:relative;
	width:100%;
	padding:30px 0;
	color:#FF4500;
	font-size:10px;
	min-height:20px
}

#copyright_info {
	position:relative;
	margin-left:15px;
	float:left
}

#f_menu {position:absolute;	left:200px}
#f_menu ul {
	list-style-type:none;
	margin:0 0 0 75px;
	float:left;
	line-height:15px;
	padding:0
}

#counters {position:absolute;	right:200px}

#sidorinlab {position:absolute;	right:70px}

#sidorinlab a img {margin-left:-10px}

#sidorinlab a {margin-left:10px}
/* ==|== non-semantic helper classes ========================================

   Please define your styles before this section.

   ========================================================================== */



/* For image replacement */

.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}
.ir br {
	display: none;
}
/* Hide from both screenreaders and browsers: h5bp.com/u */

.hidden {
	display: none !important;
	visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */

.invisible {
	visibility: hidden;
}
/* Contain floats: h5bp.com/q */ 

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}







/* ==|== media queries ======================================================

   PLACEHOLDER Media Queries for Responsive Design.

   These override the primary ('mobile first') styles

   Modify as content requires.

   ========================================================================== */



@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */



}
 @media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */



}







/* ==|== print styles =======================================================

   Print styles.

   Inlined to avoid required HTTP connection: h5bp.com/r

   ========================================================================== */

 

@media print {
* {
	background: transparent !important;
	color: black !important;
	text-shadow: none !important;
	filter:none !important;
	-ms-filter: none !important;
} /* Black prints faster: h5bp.com/s */
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
 .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}  /* Don't show links for images, or javascript/internal links */
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
} /* h5bp.com/t */
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}