/*
	Created by RedRoll Studio | E-mail: create@redroll.ru | URL: http://redroll.ru
	Specification: HTML5 & CSS3
	All Rights Reserved.
	Copyright: RedRoll.ru | 2014
*/

/* ==================== RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	list-style: none;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong, b { font-weight: bold; }
i {
	font-style: italic;
	font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
:focus { outline: none; }

/* ==================== GLOBAL */
body {
	width: 1200px;
	margin: 0 auto;
	color: #303030;
	font-size: 13px;
	line-height: 16px;
	font-family: Tahoma, "Geneva CY", sans-serif;
	background: #f0f0f0 url(../images/background.jpg);
}
hr {
	height: 1px;
	width: 100%;
	background: #3082ab;
	border-style: none;
}
input, select, textarea, button { 
	color: #303030;
	font-size: 13px;
	font-family: Tahoma, "Geneva CY", sans-serif;
	resize: none;
	border: none;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
input::-ms-clear { display: none; }
input::-webkit-search-cancel-button { -webkit-appearance: none; }

a, a:visited {
	color: #1a80c2;
	text-decoration: underline;
}
a:hover { text-decoration: none; }
.clr { clear: both; }

/* ==================== HEADER */
header { 
	height: 110px;
	border-bottom: solid 1px #004e9b;
	background: #227fbe url(../images/header-bg.png) left bottom no-repeat; /* IE9 */
	background-repeat: no-repeat;
    background-position: left bottom;
	background-image: url(../images/header-bg.png), linear-gradient(top, #0d6aaf, #2c8ac6);
	background-image: url(../images/header-bg.png), -o-linear-gradient(top, #0d6aaf, #2c8ac6);
	background-image: url(../images/header-bg.png), -ms-linear-gradient(top, #0d6aaf, #2c8ac6);
	background-image: url(../images/header-bg.png), -moz-linear-gradient(top, #0d6aaf, #2c8ac6);
	background-image: url(../images/header-bg.png), -webkit-linear-gradient(top, #0d6aaf, #2c8ac6);
}	
	a.logo {
		float: left;
		width: 259px;
		height: 76px;
		display: block;
		margin: 18px 0 0 35px;
		background: url(../images/logo.png) left top no-repeat;
	}
	.logo2 {
		float: left;
		width: 114px;
		height: 69px;
		margin: 24px 0 0 25px;
		background: url(../images/logo2.png) left top no-repeat;
	}
	.phone {
		float: right;
		width: 210px;
		color: #ffffff;
		font-size: 16px;
		font-weight: bold;
		text-align: right;
		margin: 6px 50px 0 0;
	}
		.phone > span {
			font-size: 11px;
			font-weight: normal;
			display: inline-block;
			padding-top: 12px;
		}
		.phone > a, .phone > a:visited {
			color: #ffffff;
			text-decoration: none;
		}
	.workmode {
		float: right;
		width: 96px;
		min-height: 73px;
		color: #ffffff;
		font-size: 10px;
		text-align: center;
		margin: 18px 30px 0 0;
		text-transform: uppercase;
		background: url(../images/workmode.png) 0 20px no-repeat;
	}
		
/* ==================== MENU */		
nav { 
	height: 32px;
	text-align: center;
	border-top: solid 1px #f6aa23;
	border-bottom: solid 1px #cc5f00;
	border-radius: 0 0 14px 14px;
	background: #f28418;
}
	nav > a, nav > a:visited {
		height: 30px;
		color: #ffffff !important;
		font-weight: bold;
		display: inline-block;
		text-decoration: none !important;
		padding: 6px 18px 0 18px;
	}
	nav > a:hover {
		background-color: #f89011; /* IE9 */
		background-image: linear-gradient(top, #f99712, #f68810);
		background-image: -o-linear-gradient(top, #f99712, #f68810);
		background-image: -ms-linear-gradient(top, #f99712, #f68810);
		background-image: -moz-linear-gradient(top, #f99712, #f68810);
		background-image: -webkit-linear-gradient(top, #f99712, #f68810);
	}		

/* ==================== TOPPANEL */	
.toppanel { height: 70px; }
	.search {
		float: left;
		width: 620px;
		height: 50px;
		position: relative;
		margin: 10px 0 0 20px;
		border-radius: 5px;
		box-shadow: 1px 1px 1px rgba(0,0,0,.3);
		background-color: #eaeaea; /* IE9 */
		background-image: linear-gradient(top, #f7f7f7, #dedede);
		background-image: -o-linear-gradient(top, #f7f7f7, #dedede);
		background-image: -ms-linear-gradient(top, #f7f7f7, #dedede);
		background-image: -moz-linear-gradient(top, #f7f7f7, #dedede);
		background-image: -webkit-linear-gradient(top, #f7f7f7, #dedede);
	}
		.search > span {
			color: #2785c2;
			font-size: 15px;
			font-weight: bold;
			text-transform: uppercase;
			padding: 17px 0 0 25px;
			display: inline-block;
		}
		input[type="search"] {
			float: right;
			width: 500px;
			height: 34px;
			font-style: italic;
			font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
			padding: 0 130px 0 15px;
			margin: 8px 8px 0 0;
			border: 1px solid #ffffff;
			background: #ffffff;
			-webkit-appearance: none;
			box-shadow: inset 0px 0px 3px rgba(0,0,0,.2);
		}
		input[type="search"]::-webkit-input-placeholder { opacity: 1; color: #c3c3c3; }
		input[type="search"]:-ms-input-placeholder { opacity: 1; color: #c3c3c3; }
		input[type="search"]::-moz-placeholder, input[type="search"]:-moz-placeholder { opacity: 1; color: #c3c3c3; }
		.search > button {
			width: 110px;
			height: 32px;
			top: 9px;
			right: 9px;
			position: absolute;
			cursor: pointer;
			border: 1px solid rgba(0,0,0,.2);	
			box-shadow: inset 0px -1px 1px rgba(0,0,0,.1);
			background: #f1f1f1 url(../images/header-bg.png) left bottom no-repeat; /* IE9 */
			background-repeat: no-repeat;
			background-position: 40px 4px, left top;
			background-image: url(../images/search-btn.png), linear-gradient(top, #fefefe, #e6e6e6);
			background-image: url(../images/search-btn.png), -o-linear-gradient(top, #fefefe, #e6e6e6);
			background-image: url(../images/search-btn.png), -ms-linear-gradient(top, #fefefe, #e6e6e6);
			background-image: url(../images/search-btn.png), -moz-linear-gradient(top, #fefefe, #e6e6e6);
			background-image: url(../images/search-btn.png), -webkit-linear-gradient(top, #fefefe, #e6e6e6);
		}

		.search > button:hover, .search > button:active { 
			background-repeat: no-repeat;
			background-position: 40px 4px, left top;		
			background-image: url(../images/search-btn.png), linear-gradient(top, #e6e6e6, #fefefe);
			background-image: url(../images/search-btn.png), -o-linear-gradient(top, #e6e6e6, #fefefe);
			background-image: url(../images/search-btn.png), -ms-linear-gradient(top, #e6e6e6, #fefefe);
			background-image: url(../images/search-btn.png), -moz-linear-gradient(top, #e6e6e6, #fefefe);
			background-image: url(../images/search-btn.png), -webkit-linear-gradient(top, #e6e6e6, #fefefe);
		}
		.search > button:active  {
			box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.3);
			background: #f1f1f1 url(../images/search-btn.png) 40px 4px no-repeat; 
		}	
		a.tp-btn, a.tp-btn:visited {
			float: left;
			width: 250px;
			height: 50px;
			display: block;
			position: relative;
			padding: 7px 0 0 15px;
			margin: 10px 0 0 20px;
			color: #ffffff;
			font-weight: bold;
			border: 1px solid #fff;
			text-decoration: none;
			background-color: #7dc0f5; /* IE9 */
			background-image: linear-gradient(top, #98d2f8, #58a7f0);
			background-image: -o-linear-gradient(top, #98d2f8, #58a7f0);
			background-image: -ms-linear-gradient(top, #98d2f8, #58a7f0);
			background-image: -moz-linear-gradient(top, #98d2f8, #58a7f0);
			background-image: -webkit-linear-gradient(top, #98d2f8, #58a7f0);
		}
		a.tp-btn > img {
			position: absolute;
			top: -6px;
			right: 5px;
		}
			
/* ==================== ASIDE */
aside {
	float: left;
	width: 239px;
}
	.menu {
		float: left;
		width: 100%;
		background: #f9f9f9;
		border-bottom: 1px solid #cdcdcd;
		border-right: 1px solid #cdcdcd;
		border-radius: 14px 0 0 0;
	}
		.menu > span {
			float: left;
			display: block;
			width: 100%;
			height: 45px;
			color: #5b5b5b;
			font-weight: bold;
			font-size: 15px;
			text-transform: uppercase;
			padding: 15px 0 0 20px;
		}

		#navigation { float: left; }
			#navigation > li { position: relative; float: left;}
				.hitarea {
					height: 12px;
					width: 12px;
					float: left;
					border: 1px solid rgba(0,0,0,0);
					border-radius: 2px;
					cursor: pointer;
					background: url(../images/spoiler.png) 0 0 no-repeat;
				}
				#navigation > li > .hitarea { 
					position: absolute;
					left: 2px;
					top: 17px;
				}
				.hitarea:hover { border: 1px solid #757575; }
				.expandable-hitarea { background-position: 0 -10px; }
				
				#navigation > li > a, #navigation > li > a:visited {
					display: inline-block;
					font-size: 12px;
					color: #636363;
					text-decoration: none;
					height: 45px;
					width: 238px;
					cursor: pointer;
					border-top: 1px solid #cdcdcd;
					padding: 15px 0 0 68px;
					background-color: #f4f5f6; /* IE9 */
					background-repeat: no-repeat;
					background-position: 23px 5px, 16px 0px, left top;	
				}
				a.line-1 {	
					background-image: url(../images/menu/1.png), url(../images/menu/line.png), linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/1.png), url(../images/menu/line.png), -o-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/1.png), url(../images/menu/line.png), -ms-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/1.png), url(../images/menu/line.png), -moz-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/1.png), url(../images/menu/line.png), -webkit-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
				}
				a.line-1:hover {	
					background-image: url(../images/menu/1.png), url(../images/menu/line.png), linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/1.png), url(../images/menu/line.png), -o-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/1.png), url(../images/menu/line.png), -ms-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/1.png), url(../images/menu/line.png), -moz-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/1.png), url(../images/menu/line.png), -webkit-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
				}
				a.line-2 {	
					background-image: url(../images/menu/2.png), url(../images/menu/line.png), linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/2.png), url(../images/menu/line.png), -o-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/2.png), url(../images/menu/line.png), -ms-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/2.png), url(../images/menu/line.png), -moz-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/2.png), url(../images/menu/line.png), -webkit-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
				}
				a.line-2:hover {	
					background-image: url(../images/menu/2.png), url(../images/menu/line.png), linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/2.png), url(../images/menu/line.png), -o-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/2.png), url(../images/menu/line.png), -ms-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/2.png), url(../images/menu/line.png), -moz-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/2.png), url(../images/menu/line.png), -webkit-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
				}
				a.line-3 {	
					background-image: url(../images/menu/3.png), url(../images/menu/line.png), linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/3.png), url(../images/menu/line.png), -o-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/3.png), url(../images/menu/line.png), -ms-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/3.png), url(../images/menu/line.png), -moz-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/3.png), url(../images/menu/line.png), -webkit-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
				}
				a.line-3:hover {	
					background-image: url(../images/menu/3.png), url(../images/menu/line.png), linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/3.png), url(../images/menu/line.png), -o-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/3.png), url(../images/menu/line.png), -ms-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/3.png), url(../images/menu/line.png), -moz-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/3.png), url(../images/menu/line.png), -webkit-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
				}
				a.line-4 {	
					background-image: url(../images/menu/4.png), url(../images/menu/line.png), linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/4.png), url(../images/menu/line.png), -o-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/4.png), url(../images/menu/line.png), -ms-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/4.png), url(../images/menu/line.png), -moz-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/4.png), url(../images/menu/line.png), -webkit-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
				}
				a.line-4:hover {	
					background-image: url(../images/menu/4.png), url(../images/menu/line.png), linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/4.png), url(../images/menu/line.png), -o-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/4.png), url(../images/menu/line.png), -ms-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/4.png), url(../images/menu/line.png), -moz-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/4.png), url(../images/menu/line.png), -webkit-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
				}
				a.line-5 {	
					background-image: url(../images/menu/5.png), url(../images/menu/line.png), linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/5.png), url(../images/menu/line.png), -o-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/5.png), url(../images/menu/line.png), -ms-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/5.png), url(../images/menu/line.png), -moz-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/5.png), url(../images/menu/line.png), -webkit-linear-gradient(bottom, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
				}
				a.line-5:hover {	
					background-image: url(../images/menu/5.png), url(../images/menu/line.png), linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/5.png), url(../images/menu/line.png), -o-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/5.png), url(../images/menu/line.png), -ms-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/5.png), url(../images/menu/line.png), -moz-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
					background-image: url(../images/menu/5.png), url(../images/menu/line.png), -webkit-linear-gradient(top, #dcdfe6 0%, #f4f5f6 50%, #f9f9f9 100%);
				}

				#navigation > li > ul {
					font-size: 11px;
					padding: 5px 5px 10px 40px;
					border-top: 1px solid #cdcdcd;
				}
					#navigation > li > ul > li { padding-top: 5px; }
						#navigation > li > ul > li > .hitarea, #navigation > li > ul > li > ul > li > .hitarea { margin: 3px 0 0 -20px; }
						#navigation > li > ul > li > a.selected, #navigation > li > ul > li > ul > li > a.selected, #navigation > li > ul > li > ul > li > ul > li > a.selected { color: #f57900 !important; }
						
						#navigation > li > ul > li > ul, #navigation > li > ul > li > ul > li > ul { padding: 0 0 0 15px; }
							#navigation > li > ul > li > ul > li, #navigation > li > ul > li > ul > li > ul > li { padding-top: 5px; }
							
	.newsblock {
		float: left;
		width: 100%;
		font-size: 11px;
		padding-bottom: 20px;
		border-right: 1px solid #cdcdcd;
	}
		.newsblock > span {
			float: left;
			display: block;
			width: 100%;
			color: #5b5b5b;
			font-weight: bold;
			font-size: 16px;
			padding: 30px 20px 10px 20px;
			border-bottom: 1px solid #cdcdcd;
		}
		.nb-post {
			float: left;
			padding: 15px 15px 0 15px;
		} 
			.nb-date {
				float: left;
				padding: 1px 3px;
				color: #6a6a6a;
				font-weight: bold;
				background: #f9f9f9; 
			}
			a.nb-text {
				float: left;
				display: inline-block;
				line-height: 14px;
				margin-top: 5px;
			}
		a.allnews {
			float: right;
			margin: 20px 15px 0 0;
			display: inline-block;
		}

/* ==================== SECTION */		
section { 
	float: left;
	width: 100%;
	background: #ffffff;
	border: 1px solid #cdcdcd;
	border-radius: 14px 14px 0 0;
}
	.main {
		float: left;
		width: 880px;
		margin: 0 0 30px 40px;
	}
		.category {
			float: left;
			width: 100%;
			padding: 0 20px 15px 20px;
		}
			.catblock {
				float: left;
				width: 180px;
				text-align: center;
				margin: 0 40px 25px 0;
			}
			.catblock:nth-of-type(4n) { margin-right: 0; }
				a.cb-title, a.cb-title:visited {
					color: #3591f2;
					font-size: 15px;
					font-weight: bold;
				}
				.cb-img {
					display: block;
					margin-top: 10px;
				}
				.cb-img > img { border-radius: 5px; }
	
		.speedbar {
			font-size: 11px;
			border-bottom: 1px solid #cdcdcd;
			padding: 10px 0;
			margin-bottom: 20px;
		}
		h1 {
			width: 100%;
			color: #4e4d4d;
			font-size: 16px;
			font-weight: bold;
			text-transform: uppercase;
			margin-bottom: 20px;
		}
		.navigation {
			width: 100%;
			margin: 10px 0;
		}
		.lastgoods {
			float: left;
			margin-top: 30px;
		}
			.lastgoods > p {
				float: left;
				color: #f27f17;
				font-size: 15px;
				font-weight: bold;
				text-transform: uppercase;	
			}
	
/* ==================== SLIDER */
#slides {
	width: 880px;
	height: 283px;
	margin: 30px 0;
}
	.slide-container { position: relative; }
	.slide-container img { border-radius: 6px; display: block;}
		.slide-container > span {
			display: block;
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 880px;
			color: #ffffff;
			font-size: 14px;
			background: rgba(0,0,0,.3);
			padding: 7px 20px;
			border-radius: 0 0 6px 6px;
		}
		
	.slidesjs-pagination {
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 10px;
    }
		.slidesjs-pagination li {
			margin: 0 2px;
			display: inline-block;
		}
			.slidesjs-pagination li a {
				display: inline-block;
				width: 13px;
				height: 0;
				overflow: hidden;
				padding-top: 13px;
				background-position: 0 0;
				background-image: url(../images/pagination.png);
			}
			.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -13px; }
			.slidesjs-pagination li a:hover { background-position: 0 -26px; }
	
/* ==================== SHORTSTORY */
.shortstory {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
	.ss-thumb {
		float: left;
		display: block;
		width: 180px;
		height: 120px;
		margin-right: 20px;
	}
	.ss-content {
		float: left;
		width: 100%;
	}
	.ss-content-2 { 
		float: right;
		width: 680px;
	}
		h2 {
			width: 100%;
			color: #4e4d4d;
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 5px;
		}
		.ss-date {
			float: left;
			font-size: 11px;
			font-weight: bold;
		}
		.ss-edit { float: right; }
			.ss-edit > a, .ss-edit > a:visited { 	text-decoration: none; }
		.ss-text {
			width: 100%;
			margin-top: 10px;
		}

/* ==================== FULLSTORY & STATIC */
.fullstory {
	float: left;
	width: 100%;
}
	.mainblock {
		float: left;
		width: 100%;
		padding: 10px;
		background: #f1f1f1;
		border: 1px solid #c6c6c6;
	}
.fs-photo {
	float: left;
	width: 100%;
	margin-top: 30px;
}
	.fs-photo br { display: none; }
	.fs-photo > a {
		float: left;
		display: block;
		width: 180px;
		height: 120px;
		margin: 20px 0 0 32px;
	}
		.fs-photo > a > img {
			float: left;
			display: block;
			width: 180px;
			height: 120px;
		}

/* ==================== GOODS */		
.goods {
	float: left;
	width: 208px;
	margin: 16px 16px 0 0;
}
.no-margin, .goods:last-of-type { margin-right: 0 !important; }
	.goods-img {
		float: left;
		display: block;
		width: 208px;
		height: 208px; 
		border-radius: 5px;
		padding: 4px;
		box-shadow: 0px 1px 2px rgba(0,0,0,.7);
	}
		.goods-img > img {
			width: 200px;
			height: 200px;
		}
	.goods_about {
		float: left;
		width: 100%;
		margin-top: 8px;
	}
		.ga-link {
			max-height: 35px; 
			overflow: hidden;
			margin-bottom: 6px;
		}
		.goods_about > p {
			clear: both;
			font-size: 11px;
		}
		.goods_price {
			float: left;
			margin-top: 14px;
			font-size: 20px;
			color: #ff0101;
		}
		a.gbutton {
			float: right;
			display: block;
			color: #ffffff;
			font-size: 12px;
			text-decoration: none;
			text-shadow: 1px 1px 0px rgba(0,0,0,.5);
			padding: 4px 32px 6px 8px;
			margin-top: 10px;
			border-radius: 3px;
			background-repeat: no-repeat;
			background-position: 62px 7px, left top;	
			background-color: #1f88cd; /* IE9 */			
			background-image: url(../images/button-bg.png), linear-gradient(top, #3199d5, #1673c0);
			background-image: url(../images/button-bg.png), -o-linear-gradient(top, #3199d5, #1673c0);
			background-image: url(../images/button-bg.png), -ms-linear-gradient(top, #3199d5, #1673c0);
			background-image: url(../images/button-bg.png), -moz-linear-gradient(top, #3199d5, #1673c0);
			background-image: url(../images/button-bg.png), -webkit-linear-gradient(top, #3199d5, #1673c0);
		}
	
	
.fullstory-goods {
	float: left;
	width: 100%;
}
	.fs-goods-image {
		float: left;
		width: 300px;
	}
		.fs-goods-image > a {
			float: left;
			max-width: 300px;
			display: block;
			border-radius: 5px;
			margin-bottom: 15px;
			border: 1px solid #2785c2;
		}
		.fs-goods-image > a:hover { border-color: #f27f17; }
			.fs-goods-image > a > img {
				max-width: 298px;
				max-height: 298px;
				border-radius: 5px;
			}
		.fs-goods-photo {
			float: left;
			width: 100%;
		}
			.fs-goods-photo > br { display: none; }
			.fs-goods-photo > a {
				float: left;
				width: 92px;
				height: 92px;
				display: block;
				border-radius: 5px;
				margin: 0 12px 12px 0;
				border: 1px solid #2785c2;
			}
			.fs-goods-photo > a:hover { border-color: #f27f17; }
			.fs-goods-photo > a:first-of-type { display: none; }
			.fs-goods-photo > a:nth-of-type(3n+1) { margin-right: 0; }
				.fs-goods-photo > a > img {
					float: left;
					display: block;
					width: 90px;
					height: 90px;
					border-radius: 5px;
				}	
				
	.fs-goods-content {
		float: right;
		width: 530px;
	}
		.fs-goods-price {
			float: left;
			font-size: 20px;
			color: #ff0101;
		}
		.edit { float: right; }	
		.fs-goods-table {
			width: 100%;
			font-size: 12px;
			margin-bottom: 30px;
		}
			.fs-goods-table tr:nth-child(odd) { background: #f8fbff; }
				.fs-goods-table tr td {
					padding: 5px 10px; 
					border-top: 1px solid #d2e1f1;
					border-bottom: 1px solid #d2e1f1;
				}
				.fs-goods-table tr td:first-child {
					width: 30%;
					font-weight: bold;
				}				
	.fs-goods-description {
		width: 100%;
		margin-top: 25px;
		padding: 10px 15px;
		background: #fbfbfb;
		border: 1px solid #e0e0e0;
		border-radius: 5px;
	}

/* ==================== FOOTER */

footer {
	float: left;
	width: 100%;
	height: 148px;
	color: #959595;
	font-size: 11px;
	background: #373839; /* IE9 */
	background: linear-gradient(top, #3d3e40 0%, #373839 50%, #2b2b2b 100%) left top no-repeat;
	background: -o-linear-gradient(top, #3d3e40 0%, #373839 50%, #2b2b2b 100%) left top no-repeat;
	background: -ms-linear-gradient(top, #3d3e40 0%, #373839 50%, #2b2b2b 100%) left top no-repeat;
	background: -moz-linear-gradient(top, #3d3e40 0%, #373839 50%, #2b2b2b 100%) left top no-repeat;
	background: -webkit-linear-gradient(top, #3d3e40 0%, #373839 50%, #2b2b2b 100%) left top no-repeat;
}
	footer a, footer a:visited { color: #cccccc; }
	.footer-1 {
		float: left;
		width: 239px;
		height: 100%;
		background-color: #434343; /* IE9 */
		background: linear-gradient(top, #4b4b4b 0%, #3a3a3a 100%) left top no-repeat;
		background: -o-linear-gradient(top, #4b4b4b 0%, #3a3a3a 100%) left top no-repeat;
		background: -ms-linear-gradient(top, #4b4b4b 0%, #3a3a3a 100%) left top no-repeat;
		background: -moz-linear-gradient(top, #4b4b4b 0%, #3a3a3a 100%) left top no-repeat;
		background: -webkit-linear-gradient(top, #4b4b4b 0%, #3a3a3a 100%) left top no-repeat;
	}
		.footer-1 > a {
			float: left;
			display: block;
			width: 205px;
			height: 58px;
			margin: 28px 0 5px 20px;
			background: url(../images/footer-logo.png) 0 0 no-repeat;
		}
		.footer-1 > span {
			float: left;
			width: 100%;
			display: inline-block;
			text-align: center;
		}
	.footer-2 {
		float: left;
		width: 961px;
		height: 100%;
		padding: 10px 30px 0 30px;
	}
		.data-block { float: left; }
			a.ft-phone, a.ft-phone:visited {
				display: inline-block;
				margin-top: 8px;
				color: #ff9501 !important;
				font-size: 14px;
				font-weight: bold;
				text-decoration: none;
				text-shadow: 1px 1px 1px rgba(0,0,0,.5);
			}
			.ft-adress {
				height: 19px;
				margin: 15px 0 5px 0;
				padding: 2px 0 0 23px;
				background: url(../images/adress.png) 0 0 no-repeat;
			}
			a.ft-mail {
				display: inline-block;
				height: 16px;
				padding: 0 0 0 26px;
				margin-bottom: 15px;
				background: url(../images/mail.png) 0 3px no-repeat;
			}
		.link-block {
			float: left;
			margin: 0 10px 0 110px;
		}
		.social, .share42init {
			float: right;
			margin: 5px 0 0 0;
		}
		.redroll {
			float: right;
			clear: right;
			margin: 50px 0 0 0;
		}

/* ==================== FEEDBACK */
.map {
	width: 100%;
	height: 300px;
	margin-top: 30px;
	border: 1px solid #0074a4;
}
.contact_form { padding-top: 30px; }
	.contact_form > label {
		display: block;
		padding-left: 3px;
		margin-bottom: 3px;
		text-align: left;
	}
		.contact_form label em {
			font-weight: bold;
			color: #b5121b !important; 
		}
	.f_input, .f_textarea {
		width: 100%;
		padding: 6px;
		margin-bottom: 10px;
		border: 1px solid #0074a4;	
		background: #fcfcfc;
	}
	.f_input:focus, .f_textarea:focus { background: #ffffff; }
	.f_textarea {
		resize: vertical !important;
		height: 150px;
		overflow: auto !important;
	}
	.f_input::-webkit-input-placeholder, .f_textarea::-webkit-input-placeholder { opacity: 1; color: #888888; }
	.f_input::-moz-placeholder, .f_textarea::-moz-placeholder { opacity: 1; color: #888888; }
	.f_input:-ms-input-placeholder, .f_textarea:-ms-input-placeholder {opacity: 1; color: #888888; }
	
	#dle-captcha {
		display: block;
		width: 162px;
		height: 82px;
		clear: both;
		margin-bottom: 5px;
		border: 1px solid #0074a4;
	}
	.fbutton {
		margin: 0 auto;
		margin-top: 10px;
		display: block;
		color: #ffffff;
		border-radius: 3px;
		padding: 6px 12px;
		background: #0074a4;
		cursor: pointer;
		text-transform: uppercase;	
	}