/*
 * + 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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	outline: 0;}
a img { border:0; }
body {	margin: 0;	padding: 0;	outline: 0;	vertical-align: top;}
ol, ul {	list-style: none;}
blockquote:before, blockquote:after, q:before, q:after {	content: '';	content: none;}
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table {	border-collapse: collapse;	border-spacing: 0;}
/*
 *
 * - Reset
 *
*/
@font-face {
	font-family: "Roboto Black";
		src:url("../fonts/Roboto-Black.eot?") format("eot"),
				url("../fonts/Roboto-Black.woff") format("woff"),
				url("../fonts/Roboto-Black.ttf") format("truetype"),
				url("../fonts/Roboto-Black.svg#Roboto-Black") format("svg");
	font-weight:bold;
	font-style:normal;
}

html, body{
 /* height: auto !important;*/
  height: 100%;
}

body{
  background: #fff url(../images/bg.jpg) top center no-repeat;
	min-width: 1000px;
	font: 13px/20px Verdana, sans-serif;
	color: #000000;
}


header, nav, section, article, aside, footer {
   display:block;
}
a{
  color: inherit;
}

hr{
	border-color: #000;
	border-top: 0;
}
h1, h2, h3, h4, h5, h6{
	font-weight: bold;
}
.content{

}

	.content h1, .content h2, .content h3, .content h4, .content h5, .content h6{
		margin: 5px 0;
		color: #000;
		line-height: normal;
		font-family: 'Roboto Black';
	}

	.content h1 a, .content h2 a, .content h3 a, .content h4 a, .content h5 a, .content h6 a{
	 color: inherit;
	 text-decoration: inherit;
	}
	.content h6{
		font-size: 14px;
	}
	.content h5{
		font-size: 16px;
	}
	.content h4{
		font-size: 18px;
	}
	.content h3{
		font-size: 20px;
	}
	.content h2{
		font-size: 22px;
	}
	.content h1{
		font-size: 24px;
	}

	.content p, .content ul li, .content ol li{
		margin: 15px 0;
	}

	.content strong{
		font-weight: bold;
	}

	.content ul li, .content ol li{
		margin: 3px 0;
	}
	.content ul{
		list-style: none;
		margin: 15px 0;
	}
	.content ul li{
		padding-left: 28px;
		position: relative;
	}
	.content ul li:before{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		width: 24px;
		height: 1px;
		background: #b10a0b;
	}
	.content ol{
		list-style: inside decimal;
	}

	.content a{
		color: inherit;
		text-decoration: underline;
	}
	.content a:hover{
		text-decoration: none;
	}

	.content table{
		border-collapse: collapse;
		border: 1px solid #b10a0b;
		width: 100%;
		margin: 10px 0;
	}
		.content table th{
			font-weight: bold;
			text-transform: uppercase;
		}
		.content table td{}
		.content table th, .content table td{
			padding: 5px 10px;
		}

table.table_site {
  border-collapse: collapse;
}
  table.table_site th, table.table_site thead td {
    font-weight: bold;
    padding: 5px 10px;
    border: 3px solid #b10a0b;
    text-align: center;
  }
  table.table_site td {
    padding: 5px;
    border-bottom: 1px solid #333;
  }
  table.table_site p{
    line-height: normal;
    margin: 5px 0;
  }

.clear{clear: both;}
.overflow{overflow: hidden;}


.container{
  width: 960px;
  margin: 0 auto;
  position: relative;
}

.supWrap{
  height: auto !important;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
	position: relative;
}
.supContentWrap{
  padding-bottom: 120px;
  position: relative;
}

.mainFooter{
	position: relative;
  margin-top: -111px;
	background: url(../images/footerBg.png) bottom center no-repeat;
	color: #bbbbbb;
	font-size: 11px;
	line-height: 9px;
}
	.mainFooter .container{
		height: 89px;
		padding-top: 22px;
	}
	.mainFooter .col{
		width: 50%;
		display: inline-block;
		vertical-align: bottom;
	}
	.mainFooter .col + .col{
		text-align: right;
	}

	.mainFooter .info{
		padding-left: 160px;
		line-height: 9px !important;
	}
	.mainFooter a{
		color: #bbbbbb;
		text-decoration: underline;
	}
		.mainFooter a:hover{
			text-decoration; none;
		}
	.mainFooter .copyright{
		margin-top: 5px;
	}
	.mainFooter p{
		margin: 0;
		line-height: normal;
	}
	.mainFooter .developer{
		margin-top: 5px;
		text-decoration: none;
	}
		.mainFooter .developer:hover{
			text-decoration: underline;
		}

/*--------------------------------MAIN HEADER----------------------------------------*/
.mainHeader{
	position: relative;
	padding: 20px 0 0 0;
	height: 110px;
}
	.mainHeader .col{
		width: 50%;
		display: inline-block;
		vertical-align: middle;
	}
	.mainHeader .col + .col{}
	.mainHeader .label{
		height: 83px;
		overflow: hidden;
		background: url(../images/headerLabel.png) center right 20px no-repeat;
		text-indent: -9999px;
	}
/*--------------------------------MAIN NAV----------------------------------------*/
.mainNav{
	background: rgba(8,11,19,0.8);
}
	.mainNav .nav{
		display: table;
		width: 923px;
	}
		.mainNav .nav > li{
			display: table-cell;
			text-align: center;
			line-height: normal;
			position: relative;
			-moz-transform: skewX(-35deg);
			-webkit-transform: skewX(-35deg);
			-o-transform: skewX(-35deg);
			-ms-transform: skewX(-35deg);
			transform: skewX(-35deg);
		}
			.mainNav .nav > li > span{
				display: block;
				-moz-transform: skewX(35deg);
				-webkit-transform: skewX(35deg);
				-o-transform: skewX(35deg);
				-ms-transform: skewX(35deg);
				transform: skewX(35deg);
			}
				.mainNav .nav li a{
					display: block;
					text-align: center;
					padding: 15px 10px;
					text-transform: uppercase;
					font-size: 13px;
					line-height: 20px;
					color: #fff;
					white-space: nowrap;
					text-decoration: none;
				}
					.mainNav .nav > li.current{
						background: #c00000 !important;
					}
					.mainNav .nav > li:hover{
						background: #4c4e54;
					}


.mainSliderWrapper{
	height: 370px;
	position: relative;
	overflow: hidden;
}
	.mainSliderWrapper:after{
		content: '';
		display: block;
		background: url(../images/sliderMask.png) no-repeat;
		width: 677px;
		height: 370px;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -764px;
	}
	.mainSlider	img{
		height: 370px;
	}
	.mainSlider .slide h1{
		position: absolute;
		font: 60px 'Roboto Black';
		line-height: normal;
		color: #fff;
		text-transform: uppercase;
		position: absolute;
	}
	.mainSlider .slideId1 h1{
		top: 40px;
		left: 50%;
		margin-left: -255px;
		width: 840px;
		text-indent: -172px;
	}
	.mainSlider .slideId2 h1{
		font-size: 48px;
		top: 60px;
		left: 50%;
		margin-left: -50px;
		width: 500px;
	}

/*--------------------------------PAGE----------------------------------------*/
.page{
	background: url(../images/contentBg.png) top center no-repeat;
}
	.page .container{
		padding: 20px 0;
	}

ul.nav_pages{
	list-style: none;
	padding: 15px 0;
}
	ul.nav_pages li{
		display: inline-block;
		padding: 0;
		margin: 0 3px;
		background: 0;
		padding: 0;
	}
		ul.nav_pages li:before,ul.nav_pages li:after,ul.nav_pages li a:before,ul.nav_pages li a:after{
			display: none !important;
		}
		ul.nav_pages li span{
			font-weight: bold;
		}
		/*--------------------------------PAGE ASIDE----------------------------------------*/

  .page aside.left{
    float: left;
    width: 210px;
    margin-right: 20px;
  }

	.page aside.right{
    float: right;
    width: 210px;
    margin-left: 20px;
  }

		.page aside .block{
			margin-bottom: 20px;
		}
			.page aside .block > header{}
				.page aside .block > header h1{
					position: relative;
					z-index: 2;
					display: block;
					height: 45px;
					font: 18px 'Roboto Black';
					color: #fff;
					text-align: center;
					text-transform: uppercase;
					line-height: 48px;
					background: url(../images/sideBlockHeader.png);
				}
				.page aside .partners.block > header h1{
					background-image: url(../images/sideBlockImportantHeader.png);
				}
					.page aside .block > header h1 a{
						text-decoration: none;
					}

.partners{}
	.partnersSlider{
		margin-top: 10px;
	}
		.partnersSlider li{

		}
			.partnersSlider li a{
				height: 90px;
				display: block;
				overflow: hidden;
				position: relative;
			}
				.partnersSlider li a img{
					position: absolute;
					top: 0;
					left: 0;
					display: block;
				}
				.partnersSlider li a:hover img{
					top: auto;
					bottom: 0;
				}

	aside .contacts > div{
		padding: 15px;
		background: rgba(30,32,37,0.15);
		border-radius: 0 0 5px 5px;
		padding-top: 30px;
		margin-top: -15px;
		position: relative;
		z-index: 1;
	}
		.contacts > div h1{
			font-size: 18px;
			margin: 5px 0;
			color: #000;
		}
		.contacts > div h2{
			font-size: 15px;
			margin: 0;
			color: #000;
		}
		.contacts > div h3{
			font-size: 12px;
			margin: 5px 0;
			color: #585d61;
			font-family: Verdana, sans-serif;
		}
		.contacts > div hr{
			border-color: #979a9f;
		}


		.content .contacts{
			float: left;
			width: 260px;
			margin-right: 60px;
		}
		.content .contacts hr{
			border: none;
		}
		.content .contacts > div h1{
			color: #bb0000;
		}

/*--------------------------------LAST ARTICLES----------------------------------------*/
.lastArticles{}
	.lastArticles > div{
		margin-top: 10px;
	}
		.lastArticles article{
			margin: 0;
			line-height: normal;
			font-size: 13px;
			color: #000;
		}
			.lastArticles article .date{
				margin: 0;
			}
			.lastArticles article h2{
				font-size: 13px;
			}
				.lastArticles article h2 a{
					text-decoration: underline;
					display: block;
					margin: 10px 0;
					text-decoration: underline;
				}
						.lastArticles article h2 a:hover{
							text-decoration: none;
						}
			.lastArticles article .right{
				text-align: right;
			}
			.lastArticles article .btn{
				width: 64px;
				height: 21px;
				text-align: center;
				background: url(../images/lastArticlesBtn.png) bottom center no-repeat;
				line-height: 21px;
				display: inline-block;
				text-decoration: none;
			}
				.lastArticles article .btn:hover{
					color: #fff;
					background-position: top center;
				}


h1.pageTitle{
	font: 28px/30px 'Roboto Black';
	color: #636b70;
	margin-bottom: 15px;
}

	.lastArticles.blocks{
		background: none;
	}
		.lastArticles.blocks article{
			width: 220px;
			border: solid 1px rgba(0,0,0,0.1);
			padding-bottom: 10px;
		}
			.lastArticles.blocks .img{
				margin-bottom: 5px;
			}
				.lastArticles.blocks img{
					display: block;
					max-width: 100%;
					margin: 0 auto;
				}

			.lastArticles.blocks article .overflow{
				padding: 0 5px;
			}
			.lastArticles.blocks p{
				margin: 5px 0;
			}


.works{
	text-align: justify;
	line-height: 0;
	font-size: 1px;
	text-align-last: justify;
}
	.works:after {
		width: 100%;
		height: 0px;
		visibility: hidden;
		overflow: hidden;
		content: '';
		display: inline-block;
	}
	.works a{
		display: inline-block;
		width: 245px;
		height: 99px;
		background: url(../images/works.png) top left no-repeat;
		vertical-align: top;
		text-align: center;
		margin-bottom: 10px;
		text-decoration: none;
		border-radius: 3px;
		overflow: hidden;
		position: relative;
	}
		.works a:after{
			content: '';
			display: block;
			width: 100%;
			height: 100%;
			background: url(../images/works.png) 0px -99px no-repeat;
			z-index: 2;
			opacity: 0;
			position: absolute;
			top: 0;
			left: 0;

		}
		.works a:hover:after{
			opacity: 1;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
	.works a.itemId10{background-position: 0px 0px;}
	.works a.itemId10:after{background-position: 0px -99px;}

	.works a.itemId11{background-position: -245px 0px;}
	.works a.itemId11:after{background-position: -245px -99px;}

	.works a.itemId12{background-position: -490px 0px;}
	.works a.itemId12:after{background-position: -490px -99px;}

	.works a.itemId13{background-position: -735px 0px;}
	.works a.itemId13:after{background-position: -735px -99px;}

	.works a.itemId14{background-position: -980px 0px;}
	.works a.itemId14:after{background-position: -980px -99px;}

	.works a.itemId15{background-position: -1225px 0px;}
	.works a.itemId15:after{background-position: -1225px -99px;}

	.works a.itemId16{background-position: -1470px 0px;}
	.works a.itemId16:after{background-position: -1470px -99px;}

	.works a.itemId17{background-position: -1715px 0px;}
	.works a.itemId17:after{background-position: -1715px -99px;}

	.works a.itemId18{background-position: -1960px 0px;}
	.works a.itemId18:after{background-position: -1960px -99px;}

	.works a.itemId19{background-position: -2205px 0px;}
	.works a.itemId19:after{background-position: -2205px -99px;}

	.works a.itemId20{background-position: -2450px 0px;}
	.works a.itemId20:after{background-position: -2450px -99px;}

	.works a div{
		display: table;
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 5;
	}
		.works a div span{
			display: table-cell;
			vertical-align: middle;
			font: 17px 'Roboto Black';
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
		}

		.works a.itemId10 div span{padding: 0 30px; font-size: 17px;}
		.works a.itemId11 div span{padding: 0 10px;}
		.works a.itemId13 div span{padding: 0 5px; font-size: 15px;}


		.works.small a.itemId12  div span{padding: 0 20px;}
		.works.small a.itemId15  div span{padding: 0 20px;}
		.works.small a.itemId18  div span{padding: 0 20px;}


		.works.small a{
			width: 220px;
			height: 90px;
		}
/*--------------------------------ARTICLES----------------------------------------*/
.articles{}
	.articles article{
		margin-bottom: 15px;
	}
		.articles article h1{
			font: 24px/30px 'Roboto Black';
			color: #000000;
			margin: 0;
		}
		.articles article .date{
			font-size: 13px;
			color: #c80000;
			margin: 10px 0;
		}
		.articles article .text{
			margin: 0;
		}
		.articles article .btn{
			width: 94px;
			height: 21px;
			text-align: center;
			background: url(../images/btnMore.png) top center no-repeat;
			font-size: 13px;
			line-height: 21px;
			display: inline-block;
			text-decoration: none;
		}
			.articles article .btn:hover{
				color: #fff;
				background-position: bottom center;
			}
/*--------------------------------ONE ARTICLE----------------------------------------*/
.oneArticle{
	position: relative;
}
.oneArticle .img{
	padding-bottom: 10px;
}
.oneArticle > header{
	position: relative;
	padding-right: 150px;
}
	.oneArticle .price{
		position: absolute;
		right: 0;
		top: 5px;
		font-family: 'PTSansBold';
		font-size: 18px;
		line-height: 30px;
		min-width: 70px;
		text-align: center;
		padding: 0 15px;
		color: #fff;
		border-radius: 5px;
		background: #fe0000;
	}
			.oneArticle .img img{
				display: block;
				max-width: 100%;
				margin: 0 auto;
			}

		.oneArticle .sectionTitle{
			text-align: center;
			padding: 20px 0 10px 0;

		}

		.oneArticle .back{
			display: inline-block;
			width: 134px;
			height: 21px;
			background: url(../images/newsBtnBack.png) top center no-repeat;
			text-decoration: none;
			text-align: center;
			color: #010101;
			font-size: 13px;
			line-height: 20px;
			padding: 0;
		}
			.oneArticle .back:hover{
				background-position: bottom center;
				color: #fff;
			}
			.oneArticle .back.top{
				position: absolute;
				top: -40px;
				right: 0;
			}

/*--------------------------------GALLERY----------------------------------------*/
	.gallery {
		padding-top: 20px;
	}
		.gallery > a{
			display: block;
			width: 180px;
			padding: 9px;
			border: 1px solid transparent;
			text-decoration: none;
			text-align: center;
			font-size: 14px;
			color: #c20000;
			font-weight: bold;
		}
			.gallery > a:hover{
				border-color: #7a7b7e;
			}
		.gallery img{
			max-width: 100%;
			display: block;
			margin: 0 auto;
			margin-bottom: 10px;
		}

		.gallery .noImg{
			height: 150px;
			background: #fff url(../images/noImage.jpg) center center no-repeat;
		}

/*--------------------------------VIDEOGALLERY----------------------------------------*/
	.videogalery{
		text-align: center;

	}
		.videogalery h5{
			padding: 5px;
		}

		.videogalery .video{
			padding: 15px 3px;
			margin: 0 auto;
			display: inline-block;
		}
			.videogalery .video > div{
				position: relative;
				cursor: pointer;
			}
				.videogalery .video > div img{
				}


/* ------------------------- CALLBACK FORM   ------------------------------ */

#callbackForm{
	overflow: hidden;
	position: relative;
	top: -30px;
}
	#callbackForm p{
		margin: 10px 0;
	}

	#callbackForm  input, #callbackForm textarea{
		border: 1px solid #000000;
		background: none;
		font-size: 14px;
		width: 360px;
		font-size: 13px;
		padding: 5px 10px;
		color: #585d61;
		font: inherit;
	}
	#callbackForm  input:focus, #callbackForm textarea:focus{}

	#callbackForm  input.capture{
		display: inline-block;
		width: 175px;
		margin-left: 5px;
		vertical-align: middle;
	}
	#callbackForm .captureImg{
		display: inline-block;
		vertical-align: middle;
	}

	#callbackForm textarea{
		height: 90px;
	}

	#callbackForm .submit{
		width: 91px;
		height: 32px;
		text-align: center;
		background: url(../images/btnSend.png) bottom center no-repeat;
		line-height: 21px;
		display: inline-block;
		text-decoration: none;
		vertical-align: middle;
		border: none;
		padding: 0;
		cursor: pointer;
	}
		#callbackForm .submit:hover{
			color: #fff;
			background-position: top center;
		}


	#callbackForm .output{
		color: red;
		text-align: center;
		font-weight: bold;
		font-size: 140%;
	}

	#response{
		line-height: normal;
		text-align: center;

	}
	.contactsInfo{
		/*margin-top: -50px;*/
	}
		.contactsInfo p{
			margin: 5px 0;
		}

/*

*/

.mansory{
	margin: 0 auto;
}
.mansory > *{
margin-bottom: 15px;
}