* {padding: 0; margin: 0;}
body {background: #000; font-family: 'Arial', Sans-serif;  }
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono&subset=cyrillic-ext,latin);
@import url(http://fonts.googleapis.com/css?family=Forum&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Scada);
/*Верхний контейнер*/
#head {
	background:  url('images/Shapka.png');
	display: block;
	width: 838px;
	height: 405px;
	margin: 0 auto;
}

#head h3 {
font-family: 'Forum', Arial;
	color: #fff;
}

#head ul {
	width: 300px;
	margin-top: -18px;
	margin-left: 645px;
	display: block;
}

#head li {
	height: 20px;
	list-style: none;
	display: block;
	padding: 1px;
	-webkit-transition: margin-left .1s linear;
	-moz-transition: margin-left .1s linear;
	-o-transition: margin-left .1s linear;
	-ms-transition: margin-left .1s linear;
	transition: margin-left .1s linear;
}


.useless {
	margin: 120px auto;
}


#head a {
	font-family: 'Ubuntu Mono', Arial;
	display: block;
	height: 100%;
	padding-left: 5px;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
	font-size: 17px;
	padding: 5px;
	-webkit-transition: margin-left .1s ease-in-out;
	-moz-transition: margin-left .1s ease-in-out;
	-o-transition: margin-left .1s ease-in-out;
	-ms-transition: margin-left .1s ease-in-out;
	transition: margin-left .1s ease-in-out;
}

#head a:hover {
	color: #c1deff;
	margin-left: 5px;
}





#head a:active {
	color: #fff;
}

/*Средний контейнер*/

.bottom {
	width: 900px;
	height: 100px;
	margin: 0 auto;
	background: red;

}

/*Левый блок - "Наши работы"*/
.main {
	width: 930px;
	height: 100%;

	padding-bottom: 100px;
	margin: 0 auto;
}



.main a {
	color: white;
	text-decoration: none;
}

.main a:hover {
	color: #c1deff;
	text-decoration: underline;
}

.main p {
	color: #b2b2b2;
	text-align: justify;
}

.Our-Works {
	float: left;
}

.Our-Works h1,p,a {
	font-family: 'Arial', Sans-serif;
}



.categories {
	height: 900px;
	width: 900px;
	margin: 0 auto;
}
.categories h1{
	margin-top: 30px;
	color: #c1deff;
}

.Our-Works h1{
	margin-top: 30px;
	color: #c1deff;
}

.Our-Works p {
	padding-left: 20px;
	padding-top: 10px;
	margin-bottom: 20px;
	font-size: 11px;
	color: #b2b2b2;
}

.Our-Works a {
	color: #b2b2b2;
	font-size: 11px;
	text-decoration: none;
	padding-left: 20px;
	padding-top: 10px;
}

.Our-Works a:hover {
	color: #fff;
}

.Our-Works table td {
background: #090909;
color: #fff;
padding: 5px;
border: 1px solid #151515;
}


.contacts p {
	color: #b2b2b2;
}

/*Главная новость*/
.main-News h2 {
	padding-top: 30px;
	padding-left: 50%;
	color: #c1deff;
}


.main-News p {
	text-align: justify; 
	width: 550px;
	color: #b2b2b2;
	padding-top: 30px;
	margin-left: 320px;
	font-size: 12px;
}





/*Нижний контейнер*/
#footer {
	background: url('images/background3.png');
	background-position: top;
	width: 900px;
	height: 100px;
	margin: 0px auto;
}

.footer-Info {
	margin-right: 0px;
	float: left;
	width: 200px;
	height: 100%;
	font-family: 'Calibri', Sans-serif;
}

.footer-Info li {
	color: #c1deff;
	list-style: none;
	margin-left: 15px;
}

.footer-menu {
	border-right: 2px solid #252525;
	margin-top: 30px;
	float: left;
	margin-right: 5px;
	padding-right: 5px;
}


.footer-menu li {
	list-style: none;
}

.footer-menu a {
	font-size: 12px;
	text-decoration: none;
	color: white;
	display: block;
	margin-top: 2px;
}

.footer-menu a:hover {
	color: #c1deff;
}



.footer-menu2 {
	border-right: 2px solid #252525;
	margin-top: 30px;
	float: left;
	margin-right: 5px;
	padding-right: 5px;
}


.footer-menu2 li {
	list-style: none;
}

.footer-menu2 a {
	font-size: 12px;
	text-decoration: none;
	color: white;
	display: block;
	margin-top: 2px;
}

.footer-menu2 a:hover {
	color: #c1deff;
}

.background  {
	display: block;
	background:  url('images/Shapka.png');
}

/*Текст под слайдером*/
.Text-Under-Slider {
	width: 550px;
	margin-top: 20px;
	margin-left: 354px;
	min-width: 550px;
}

.Text-Under-Slider p {
	font-family: 'Arial', Sans-serif;
	color: #b2b2b2;
	text-align: justify;
	font-size: 12px;
}

.Text-Under-Slider-con {
	width: 550px;
	margin-top: 20px;
	margin-left: 316px;
	min-width: 550px;
}

.Text-Under-Slider-con p {
	font-family: 'Arial', Sans-serif;
	color: #b2b2b2;
	text-align: justify;
	font-size: 12px;
}

/* СЛАЙДЕР */
#content {width:550px; margin:0px;}

.slider {
	border: 1px solid #b2b2b2;
	float:left;
	margin-top: 55px;
	margin-left: 7%;
	width:550px;
	height:370px;
	position:relative;
	margin-bottom: 20px;
	background:url('images/sprites/bottom_shadow.png') no-repeat bottom center;
}

.sliderContent {
	float:left;
	width:550px;
	height:370px;
	clear:both;
	position:relative;
	overflow:hidden;
}

.sliderArrows a {
	display:block;
	text-indent:-9999px;
	outline:none;
	z-index:50;
	background-image:url('images/sprites/prev_next.png');
	width:42px;
	height:42px;
	position:absolute;
	top:50%;
	margin-top:-34px;
}

.prev {background-position:0 0; left:15px;}
.prev:hover {background-position:0 -44px;}

.next {right:15px; background-position:-44px 0;}
.next:hover { background-position:-44px -44px;}

.sliderContent .item {
	position:absolute;
	width:550px;
	height:370px;
	background:#fff;
}
.sliderBullets {
	position:absolute;
	bottom:0;
	left:50%;
	z-index:50;
	margin-left:-45px;
}
.sliderBullets a {
	display:block;
	float:left;
	text-indent:-9999px;
	outline:none;
	margin-left:5px;
	width:10px;
	height:11px;
	background:url('images/sprites/bullets.png') no-repeat;
}

.sliderBullets .active {background-position:0 -11px;}
.sliderContent a {outline:none;}


/*Галерея*/
#gallery {
	width: 900px;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
	padding-bottom: 10px;
}
.pic{
	float:left;
	margin: 5px;
	border:1px solid black;
	outline: 1px solid #625a57;
	width:166px;
	height:98px;
	overflow: hidden;
}

.pic a{
	width:166px;
	height:98px;
	text-indent:-99999px;
	display:block;
}

.pic a:hover{
background: #000;
opacity: .1;
}

.new {
	width: 100px;
}



.preview_categories{
	float:left;
	margin: 50px 20px 0px 20px;
	border:1px solid black;
	outline: 1px solid #625a57;
	width:250px;
	height:160px;
	overflow: hidden;
}


.preview_categories p {
	text-transform: uppercase;
	margin-top: -28px;
	position: absolute;
	font-size: 14px;
}

.preview_categories a{
	width:250px;
	height:160px;
	text-indent:-99999px;
	display:block;
}

.preview_categories a:hover{
background: #000;
opacity: .1;
}


.tooltip {
	position:absolute;
    z-index:100; 
    padding: 10px 20px;
    border: 1px solid #b3c9ce;
    border-radius: 4px;
    text-align: center;
    font: italic 14px/1.3 arial, sans-serif; 
    color: #333;
    background: #fff;
    box-shadow: 3px 3px 3px rgba(0,0,0,.3);
  }


#index2 {
	width: 1338px;
	height: 443px;
	margin: 0 auto;
	background: url('images/main-background2.png') no-repeat;
	display: block;
}

#index2 ul {
	display: block;
	width: 200px;
	height: 220px;
	padding: 7px;
	background: rgba(0,0,0,0.5);
	margin-top: 80px;
	margin-left: 180px;
	position: absolute;
}

#index2 li {
	height: 20px;
	list-style: none;
	display: block;
	padding: 1px;
	-webkit-transition: margin-left .1s linear;
	-moz-transition: margin-left .1s linear;
	-o-transition: margin-left .1s linear;
	-ms-transition: margin-left .1s linear;
	transition: margin-left .1s linear;
}


#index2 a {
	font-family: 'Ubuntu Mono', Arial;

	height: 100%;
	padding-left: 5px;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
	font-size: 17px;
	padding: 5px;
	-webkit-transition: margin-left .1s ease-in-out;
	-moz-transition: margin-left .1s ease-in-out;
	-o-transition: margin-left .1s ease-in-out;
	-ms-transition: margin-left .1s ease-in-out;
	transition: margin-left .1s ease-in-out;
}

#index2 a:hover {
	color: #c1deff;
	margin-left: 5px;
}


#index2 a:active {
	color: #fff;
}

.index2-info {
	display: block;
}



#index {
	width: 1338px;
	height: 736px;
	margin: 0 auto;
	background: url('images/main-background.png');
	display: block;
}

#index ul {
	display: block;
	width: 200px;
	height: 220px;
	padding: 7px;
	background: rgba(0,0,0,0.5);
	margin-top: 202px;
	margin-left: 180px;
	position: absolute;
}

#index li {
	height: 20px;
	list-style: none;
	display: block;
	padding: 1px;
	-webkit-transition: margin-left .1s linear;
	-moz-transition: margin-left .1s linear;
	-o-transition: margin-left .1s linear;
	-ms-transition: margin-left .1s linear;
	transition: margin-left .1s linear;
}


#index a {
	font-family: 'Ubuntu Mono', Arial;

	height: 100%;
	padding-left: 5px;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
	font-size: 17px;
	padding: 5px;
	-webkit-transition: margin-left .1s ease-in-out;
	-moz-transition: margin-left .1s ease-in-out;
	-o-transition: margin-left .1s ease-in-out;
	-ms-transition: margin-left .1s ease-in-out;
	transition: margin-left .1s ease-in-out;
}

#index a:hover {
	color: #c1deff;
	margin-left: 5px;
}


#index a:active {
	color: #fff;
}

.index-info {
	display: block;
}

.numbers {
	display: block;
	margin-left: 205px;
	padding-top: 50px;
}

.numbers2 {
	display: block;
	margin-left: 205px;
	padding-top: 20px;
}

.numbers li {
	list-style: none;
	color: #fff;
	font-size: 24px;
}

.numbers2 li {
	list-style: none;
	color: #fff;
	font-size: 24px;
}

#TONSKLO {
	overflow: hidden;
	position: absolute;
	margin-top: 150px;
	margin-left: 180px;
	font-size: 40px;
	font-family: 'Verdana', Arial;
	color: #fff;
	width: 204px;
	height: 42px;
	padding: 5px;
	background-image:-webkit-linear-gradient(top, #900 0%, #6A0808 50%, #620303 50%, #6A0808 100%);
	background-image:-moz-linear-gradient(top, #900 0%, #6A0808 50%, #620303 50%, #6A0808 100%);
	background-image:-ms-linear-gradient(top, #900 0%, #6A0808 50%, #620303 50%, #6A0808 100%);
	background-image:-o-linear-gradient(top, #900 0%, #6A0808 50%, #620303 50%, #6A0808 100%);
	background-image:linear-gradient(top, #900 0%, #6A0808 50%, #620303 50%, #6A0808 100%);

	-webkit-transition: font-size .1s ease-in-out;
	-moz-transition: font-size .1s ease-in-out;
	-ms-transition: font-size .1s ease-in-out;
	-o-transition: font-size .1s ease-in-out;
	-transition: font-size .1s ease-in-out;

	-webkit-transition-delay: 10s;
	-moz-transition-delay: 10s;
	-ms-transition-delay: 10s;
	-o-transition-delay: 10s;
	transition-delay: 10s;
}

#TONSKLO2 {
	overflow: hidden;
	position: absolute;
	margin-left: 180px;
	font-size: 40px;
	font-family: 'Verdana', Arial;
	margin-top: 28px;
	color: #fff;
	width: 204px;
	height: 42px;
	padding: 5px;
	background-image:-webkit-linear-gradient(top, #900 0%, #6A0808 50%, #620303 50%, #6A0808 100%);
	background-image:-moz-linear-gradient(top, #900 0%, #6A0808 50%, #620303 50%, #6A0808 100%);
	background-image:-ms-linear-gradient(top, #900 0%, #6A0808 50%, #620303 50%, #6A0808 100%);
	background-image:-o-linear-gradient(top, #900 0%, #6A0808 50%, #620303 50%, #6A0808 100%);
	background-image:linear-gradient(top, #900 0%, #6A0808 50%, #620303 50%, #6A0808 100%);

	-webkit-transition: font-size .1s ease-in-out;
	-moz-transition: font-size .1s ease-in-out;
	-ms-transition: font-size .1s ease-in-out;
	-o-transition: font-size .1s ease-in-out;
	-transition: font-size .1s ease-in-out;

	-webkit-transition-delay: 10s;
	-moz-transition-delay: 10s;
	-ms-transition-delay: 10s;
	-o-transition-delay: 10s;
	transition-delay: 10s;
}

#TONSKLO:hover {
	font-size: 10px;
}





.LookMoreWorks {
	border-radius: 10px;
	display: block;
	padding-right: 20px;
	text-align: center;
	height: 20px;

}

#counter {
	margin: 15px 0 0 45px;
}