/*GENERAL CSS begins----------------------------*/
* {
	margin:0px;
	padding:0px;
}

/*@font-face {
    font-family: 'Calibri';
    src: url('calibri.eot');
    src: local('Calibri'), local('Calibri Regular'), 
        url('fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/calibri-webfont.woff') format('woff'),
        url('fonts/calibri-webfont.ttf') format('truetype'),
        url('fonts/calibri-webfont.svg#calibriregular') format('svg');
}*/

img {
	border-width: 0px;
}

a img
{
   border:0px;
}

h1 {
	font: bold 25px Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
	margin: 60px 0px 45px 0px;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;	
}

.center {
	margin: auto;
}

.grey {
	color:#545454;
}

.lightgrey {
	color:#999;
}

.darkgrey {
	color:#333;
}

.dark {
	color:#222;
}

.darkblue {
	color:#133973;
}

.textdecnone {
	text-decoration:none;
}

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

a:hover {
	color:#2362C9;
}

a {
	color: #133973;
}

.comment {
	 font: italic 13px Arial, Tahoma, sans-serif;
	 color: #aaa;
}

.show-more-link {
	color: #133973;
	font: normal 14px Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
	text-decoration:none;
	border-bottom: 1px dotted #133973;
}

.show-more-link:hover {
	border-bottom: 1px dotted #2362C9;
}

/*Text----------------------------*/
.text {
 	font: normal 14px Arial, Tahoma, sans-serif;
	color: #333;
	margin-bottom:50px;
}

.text ol li {
	margin: 10px 0px 0px 20px; 
}

.text ul li {
	margin: 10px 0px 0px 20px; 
}

.text p {
	margin-bottom:15px;
	line-height:1.5;
}

.text h2 {
	font: bold 18px Arial, Tahoma, sans-serif;
	color: #545454;
	margin-bottom:15px;
}

.main-page-h2 {
	
}

.yellow-box {
	position:relative;
	padding-left: 50px;
}

.yellow-box img {
	position:absolute;
	left:0px;
	top:-2px;
}

.text h3 {
	font: bold 16px Arial, Tahoma, sans-serif;
	color: #545454;
	margin:30px 0px 10px 0px;
}

/*HEADER----------------------------*/
.header-wrap {
	background-color: #f5f5f5;
	margin:0px;
}

.header {
	position: relative;	
	height: 165px;
}


/*LOGO + NAME----------------------------*/
.logo-name{
	margin: 35px auto 0px auto;
	display: block;
	width: 280px;	
}

.logo {
	width:85px;
	height:65px;
	display:inline-block; 
}

.logoname {
	width: 280px;
	margin-top:50px;
}

.namegk {
	margin:0px 0px 0px 17px;
	width:165px;
	display:inline-block;
}

.name {
	font: bold 30px Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
	margin-top:0px; 
	padding:0px 0px -5px 0px;
	margin-bottom:-4px 
}

.gk {
	font: bold 14px Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
}

/*Главное меню----------------------------*/
.main_nav {
	list-style: none;
}

.main_nav_header {
background: #56709b; /* Old browsers */
background: -moz-linear-gradient(top,  #56709b 0%, #153975 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56709b), color-stop(100%,#153975)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #56709b 0%,#153975 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #56709b 0%,#153975 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #56709b 0%,#153975 100%); /* IE10+ */
background: linear-gradient(to bottom,  #56709b 0%,#153975 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56709b', endColorstr='#153975',GradientType=0 ); /* IE6-9 */

-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    2px 2px 6px rgba(0, 0, 0, 0.4);
box-shadow:         2px 2px 6px rgba(0, 0, 0, 0.4);

border-radius: 6px;
height:50px; 
width:100%;
display:block;

position: absolute;
bottom: -85px;
z-index:99;
}


.main_nav_header li {
list-style:none;
	float:left;
	margin: 0px !important; 
	padding: 0px !important;
	background-image: url('../img/menu-sep.png'); 
	background-repeat:no-repeat;
	height: 50px;
}

.main_nav_header li.no-sep {
	background-image:none;
}

.main_nav_header li a {
	color: white;
	font-family: Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
	font-size: 17px;
	padding: 0px /*43px*/;
	text-decoration: none;
	vertical-align:middle;
	text-align:center;
	display:block;
	height:50px;
}

#pipka1 {
	width:154px;
	border-radius: 4px 0px 0px 4px;
}
#pipka1 a {

}
#pipka2 {
	width:126px;
}
#pipka3 {
	width:214px;
}
#pipka4 {
	width:141px;
}
#pipka5 {
	width:149px;
}
#pipka6 {
	width:156px;
	border-radius: 0px 4px 4px 0px;
}

.main_nav_header li a:hover{
	text-decoration:underline !important;
	color: #FFFAD5;
}

/*.main_nav_first_link a{
	padding-left: 42px !important;
	border-radius: 4px 0px 0px 4px;
}
#main_nav_last_link a {
	padding-right: 43px !important;
	border-radius: 0px 4px 4px 0px;
}*/


.main_nav_header li a span {
	margin-top:15px;
	display:inline-block;
}

.main_nav_header li a.active {
background: #feee7c; /* Old browsers */
background: -moz-linear-gradient(top,  #feee7c 0%, #fdde06 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feee7c), color-stop(100%,#fdde06)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feee7c 0%,#fdde06 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feee7c 0%,#fdde06 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feee7c 0%,#fdde06 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feee7c 0%,#fdde06 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feee7c', endColorstr='#fdde06',GradientType=0 ); /* IE6-9 */

color: #153975;
}

.main_nav li {
	display:inline;
}

.main_nav a {
	color: #777;
	font-family: Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
	font-size: 17px;
	margin-left: 30px;
	text-decoration: none;
}

.main_nav a.active{
	color: #333;
}

.main_nav a:hover {
	color: #333;
}

/*Главное большое фото----------------------------*/
.mainphoto { 
  background: url('../img/bg2.jpg') no-repeat center -200px; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:400px;
	margin:auto;
}

.mainphoto-services {
	background: url('../img/bg2.jpg') no-repeat center -380px; 
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height:70px;
}

.stroy {
	background: url('../img/bg-stroy.jpg') no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:150px;
}

.bg-contact {
	background: url('../img/bg-contact.jpg') no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:150px;
}

/*Ключевая фраза----------------------------*/
.mainmassagewrap {
	margin-top:0px;
	position:relative;
}

.mainmassage {
	font: normal 21px Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
	color: white;
	background: url('../img/mein-bess-bg.png') no-repeat;
	padding: 20px 0px 0px 40px;
	width: 406px;
	height: 92px;
	margin: 8px 0px 0px 2px;
	position:absolute;
	top:70px;
}

/*УСЛУГИ----------------------------*/
.services {	
	margin-top: 50px; 
}

.service {
	margin-bottom: 45px;
}

.servicename {
	font: bold 18px Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
	height: 45px;
	vertical-align:middle;
	display:inline-block;
	position: relative;
}

.servicename img {
	position: absolute;
	top:-15px;
}

.servicename span{
	padding: 0px 0px 0px 60px;
	display:block;
}

.servicetext {
	font: normal 14px Arial, Tahoma, sans-serif;
	padding:0px 0px 0px 13px;
}

/*страница всех услуг и одной услуги*/
.left-nav a {
	color: #133973;	
	display:block;
	margin-bottom:20px;
}

.left-nav-projects div{
	margin-bottom:20px;
}

.left-nav a:hover {
	color:#2362C9;
}

.left-nav div {
	color: #333;
}

.left-nav a, .left-nav div {
	font: normal 14px Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
	padding: 4px 20px 4px 10px;
	margin:0px 0px 10px 0px;
}

.left-nav-active {
	background: url('../img/left-nav-active-1.png') no-repeat 0 0;
}

.left-nav-active_2 {
	background: url('../img/left-nav-active-2.png') no-repeat 0 0;
}

.all-link {
	margin: 60px 0px 0px 0px;
}

.all-link  div{
	height: 25px;
}

/*КОМПАНИИ----------------------------*/
.kompania {
	font: bold 18px Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
	margin:0px 0px 0px 0px;
}

.kompaniatext {
	font: normal 14px Arial, Tahoma, sans-serif;
	margin:5px 0px 0px 0px;
}

.komp-logos {
	margin:0px 0px 5px 0px;
}

/*страница одной компании----------------------------*/
.kompania-page-logo {
	margin:40px 0px 0px 0px;
	height:80px;
}
.kompania-page-logo {
	float:right;
}

.otziv span {
	font: normal 14px Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
	display:block;
	margin:5px 0px 20px 0px;
}


/*Клиенты----------------------------*/
.clientswrap {
	background-color: #f7f7f7;
-webkit-box-shadow: inset 0px 1px 7px -1px rgba(112,112,112,0.3);
-moz-box-shadow: inset 0px 1px 7px -1px rgba(112,112,112,0.3);
box-shadow: inset 0px 1px 7px -1px rgba(112,112,112,0.3);
}

.clients {
	height:245px;
	margin:60px auto 70px auto;
	border-radius: 3px;
}

.clients div {
	float:left;
} 

.clientslabel {
	font: bold 20px Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
	margin:25px 0px 15px 20px; 
	text-align:center;
}

.clientlogo {
	width:80px;
	height:80px;
	display:block;
	margin-left: 90px;
}

.clientlogo {
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

.clientlogo:hover{
    background-position: 0px -80px;
}

.interpipe {
	background-image:url('../img/clients/interpipe.png');
	margin-left:5px;
}

.ermol {
	background-image:url('../img/clients/ermolinskie.png');
}

.alef {
	background-image:url('../img/clients/alef.png');
	margin-left:5px;
}

.okey {
	background-image:url('../img/clients/okey.png');
}

.motorsich {
	background-image:url('../img/clients/motorsich.png');
}

.krukovskyi {
	background-image:url('../img/clients/krukovskyi.png');
}

.dsz {
	background-image:url('../img/clients/dsz.png');
}

.akta {
	background-image:url('../img/clients/akta.png');
}

.bunge {
	background-image:url('../img/clients/bunge.png');
}

.doneckstal {
	background-image:url('../img/clients/doneckstal.png');
}

.kernel {
	background-image:url('../img/clients/kernel.png');
}

.dnepropress {
	background-image:url('../img/clients/dnepropress.png');
}

.edem {
	background-image:url('../img/clients/edem.png');
}

/*Проекты----------------------------*/
.project {
	background-color: #f7f7f7;
	height: 250px;
	border-bottom: solid 3px #ccc;
	border-radius: 2px;
	margin-bottom: 30px;
	position: relative;
	
-webkit-box-shadow: 1px 0px 1px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    1px 0px 1px rgba(50, 50, 50, 0.3);
box-shadow:         1px 0px 1px rgba(50, 50, 50, 0.3);
}

.proj-comp  {
	margin-left:50px;
}

.read-more {
	position: absolute;
	font: normal 14px Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
	bottom:5px;
	right:10px;
	color: #bbb;
}
	
.project:hover .read-more {
	display:inline;
}

.project_img  img{
	border-radius: 2px 2px 0px 0px;
}

.project2 {
	background-color: #f7f7f7;
	height: 270px;
	border-bottom: solid 3px #ddd;
}

.project_info {
	font: normal 14px Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
	padding: 10px;
}

.projectslabel {
	font: bold 20px Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
	margin:0px 0px 30px 280px; 
} 

/*Страница проектов----------------------------*/
.scroll-link {
	text-decoration: none;
	border-bottom: 
}

/*Страница одного проекта----------------------------*/
.photos  {
	margin: 50px 0px 0px 0px;
}

.photos  img {
	margin: 0px 0px 20px 0px;
}

/*КОНТАКТЫ----------------------------*/

.contacts  img {
	margin-right: 5px;
}

/*страница котакты----------------------------*/
.kontakty {
	margin:0px 0px 10px 80px;
	padding:2px 2px 0px 25px;
}

.adres {
	background: url('../img/icon-adres-blue.png') no-repeat 0 1px;
	margin-bottom:12px;
	display: none;
}

.tel {
	background: url('../img/icon-phone-blue.png') no-repeat 0 3px;
}

.e-mail {
	background: url('../img/icon-mail-blue.png') no-repeat 0 7px;
}


.contact-form  input, .contact-form textarea{
	margin:0px 0px 15px 0px;
	padding: 10px;
	font: normal 14px Arial, Tahoma, sans-serif;
	border: 2px solid #ddd;
}

#subj, #mess {
	width: 446px;
}

#mess {
	margin-bottom:25px;
	height: 60px;
}

#name, #email, #tel, #company {
	width: 206px;
}

#submit-button {
	border: none;
	border-bottom: 2px solid #778DB0;
	border-radius:0px 0px 2px 2px;
	background-color:#C4D6F4;
	color: #333;
	font: bold 14px Arial, Tahoma, sans-serif;
	padding: 11px 25px;
}

#submit-button:hover {
	background-color:#A6C1EE;
}

#submit-button:active {
	margin-top:2px; 
	border-bottom:none;
}

.form-ok , .form-error{
	font: bold 16px Arial, Tahoma, sans-serif;
}

.form-ok {
	color: #54B254;
}

.form-error {
	color: #FF4F4F; 
}


/*ФУТЕР----------------------------*/
.footer {
	background-color: #BBBBBB;
	height: 150px;
	margin-top: 0px;
	width:100%;
	/*border-top: solid 5px #ddd;*/
	position: relative;
}

.footer-line {
	height: 4px;
	background-color:#6F6F6F;
	width: 940px;
	display:inline-block;
	margin:-1px 10px 0px 10px;
}

.footer .main_nav {
	float: left;
	margin-top: 30px;
}

.footer .main_nav a {
	color: #3F3F3F;
	font-size: 17px;
	text-decoration: none;
	margin-right: 30px;
	margin-left:0px;
	font: normal 17px Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
}

.main_nav a:hover {
	border-bottom: 1px solid #999;
}

.footer .main_nav a.active {
	color: #666;
}

.footer .contacts {
	margin-top: 30px;
	font: normal 16px Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
	color: #3F3F3F !important;
}

.footer .phone {

}

.footer .contacts div {
	margin-bottom:15px;
	padding-left: 40px; 
}

.mail img {
	margin:5px 5px 0px 0px;
}


.footer a {
 	color: #555;
}

.footer a:hover {
	color: #222;
}

.copyright {
	font: normal 13px Calibri, Trebuchet MS, Arial, Tahoma, sans-serif;
	margin-top: 20px;
	color: #555;
}

/*крепим футер к низу єкрана----------------------------*/
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
.page-wrapper {
    min-height: 100%;
    margin:0px 0px -150px 0px;
}
* html .page-wrapper {
    height: 100%;
	margin:0px 0px -150px 0px;
}
.page-buffer {
    height: 150px;
	background-color:none;
	margin:0px;
	padding: 0px;
}