@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'pt_sansregular';
    src: url('/fonts/pt_sans-webfont.eot');
    src: url('/fonts/pt_sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/pt_sans-webfont.woff') format('woff'),
         url('/fonts/pt_sans-webfont.ttf') format('truetype'),
         url('/fonts/pt_sans-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'hermescregular';
    src: url('/fonts/hermes_c-webfont.eot');
    src: url('/fonts/hermes_c-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/hermes_c-webfont.woff') format('woff'),
         url('/fonts/hermes_c-webfont.ttf') format('truetype'),
         url('/fonts/hermes_c-webfont.svg#hermescregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'pf_highway_sans_pro_mediumRg';
    src: url('/fonts/pfhighwaysanspro-medium-webfont.eot');
    src: url('/fonts/pfhighwaysanspro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/pfhighwaysanspro-medium-webfont.woff') format('woff'),
         url('/fonts/pfhighwaysanspro-medium-webfont.ttf') format('truetype'),
         url('/fonts/pfhighwaysanspro-medium-webfont.svg#pf_highway_sans_pro_mediumRg') format('svg');
    font-weight: normal;
    font-style: normal;

}




body,html{
	margin:0px;
	padding:0px;
	background-color:#fff;
}
#header{
	width:100%;
	height:401px;
	top:0px;
	left:0px;
}
#contentHeader{
	margin: 0 auto;
	width:1030px;
}
#logo{
	width:334px; 
	height:85px;
	background-image:url('../img/logo.png'); 
	background-repeat:no-repeat; 
	float:left;
	position:absolute;
}
#callMe{
	width:46px; 
	height:190px;
	background-image:url('../img/callMe.png'); 
	background-repeat:no-repeat; 
	position:absolute;
	cursor:pointer;
	left:100%;
	margin-left:-46px;
	margin-top:110px;
}
#contant{
	width:200px;
	margin-top:120px;
	margin-left:820px;
	height:150px;
	position:absolute;
}
.cont{
	color:#a8a8a8; 
	margin-left:30px; 
	width:190px; 
	font-family:pt_sansregular;
	font-size:14px;
	width:160px; 
	text-align:left;
}
#telephon{
    width:24px;	
	height:46px;
	margin-top:15px;
	margin-left:5px;
	background-image:url('../img/mobile.png');
	background-repeat:no-repeat; 
	background-position:top left;
}

#telephon2{
    width:24px;	
	height:46px;
	margin-top:15px;
	margin-left:5px;
	background-image:url('../img/mobile2.png');
	background-repeat:no-repeat; 
	background-position:top left;
}

#telephon3{
    width:24px;	
	height:46px;
	margin-top:15px;
	margin-left:5px;
	background-image:url('../pics/images/informations/mobile3.jpg');
	background-repeat:no-repeat; 
	background-position:top left;
}

#email-ikon{
    width:24px;	
	height:46px;
	margin-top:36px;
	margin-left:5px;
	background-image:url('../pics/images/pochta.png');
	background-repeat:no-repeat; 
	background-position:top left;
}

#skype{
	width:23px;	
	height:23px;
	margin-top:30px;
	margin-left:5px;
	background-image:url('../img/skype.png');
	background-repeat:no-repeat; 
	background-position:top left;
}
#adres{
	width:24px;	
	height:26px;
	margin-top:15px;
	margin-left:5px;
	background-image:url('../img/adres.png');
	background-repeat:no-repeat; 
	background-position:top left;
}

#sliderMy{ 
	margin-top:61px; 
	width:727px; 
	height:340px; 
	position:absolute;
}
#sliderMy div{
	 background-repeat:no-repeat; 
	 background-position:center;
	 width:727px; 
	 height:340px;
}
.visibleImage{
	 display:none;
}
#topMenu{
	width:680px; 
	margin-left:375px; 
	margin-top:43px; 
	position:absolute; 
	font-size:21px;
	font-family:hermescregular;
}
#topMenu a{
	font-family:hermescregular;
	color:#295889; 
	text-decoration:none;
	margin-left:12px; 
	margin-right:12px;
}
#topMenu a:hover{
	color:#158702;
}
#str_left{
	width:28px;
	height:51px;
	background-image:url('../img/str_left.png');
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:0px;
	margin-left:-10px;
	margin-top:227px;
	position:absolute;
}
#str_left:hover{
	width:28px;
	height:51px;
	background-position:bottom center;
}
#str_right{
	width:28px;
	height:51px;
	background-image:url('../img/str_right.png');
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-top:0px;
	margin-left:735px;
	margin-top:227px;
	position:absolute;
}
#str_right:hover{
	width:28px;
	height:51px;
	background-position:top center;
}




#content{
	margin:1px auto;
	width:1030px;
	height:100%;
}
#topButtom{
	height:129px;
	width:1030px;
}
.bigBut{
	width:336px;
	height:129px;
	background-image:url('../img/blue_green_button.png');
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:0px;
	position:absolute;
	cursor:pointer;
}
.imageBut{
	 background-repeat:no-repeat; 
	 background-position:top center;
	 width:153px;
	 height:123px;
	 margin-left:18px;
	 float:left;
}
.titleBut{
	margin-top:20px;
	margin-left:177px; 
	color:#fff;
	font-size:21px;
	font-family: hermescregular;
}
.textBut{
	margin-left:177px; 
	color:#fff;
	font-family: pt_sansregular;
	font-size:14px;
}
#leftBut{
	margin-left:-16px;
}
#centerBut{
	margin-left:333px;
}

#rightBut{
	margin-left:683px;
}

.bigBut:hover{
	width:336px;
	height:129px;
	background-position:bottom center;
}
#leftMenu{
	width:291px;
	position:relative;
	margin-top:25px;
	float:left;
	margin-left:-16px;
}
#leftMenu img{
	 width:7px;
	 height:7px;
	 vertical-align:top;
	 margin-top:6px;
	 margin-right:10px;
}
.pLeftMenu{
	height:35px;
	width:291px;
	color:#4e4e4e;
	font-size:19px;
	margin-left:24px;
	padding-top:13px;
	font-family: pt_sansregular;
	cursor:pointer;
}
.pLeftMenu a{
	color:#4e4e4e;
	font-size:19px;
	font-family: pt_sansregular;
	text-decoration:none;
}
.pLeftMenu:hover{
	background-image: url('../img/hover.png'); 
	background-repeat: no-repeat; 
	margin-left:-5px;
	padding-left: 30px;
	height:35px;
	width: 301px;
	color:#fff;
}

#titleMenu{
	text-align:left;
	color:#1c9804;
	font-size:30px;
	height:35px;
	width:291px;

	margin-left:22px;
	font-family:pf_highway_sans_pro_mediumRg;
}
#formSearch{
	width:724px;
	height:167px;
	background-image:url('../img/formSearch.png');
	background-repeat:no-repeat;
	position:relative;
	margin-top:27px;
	margin-left:293px;
}
#marka{
	width:700px;
	margin-left:40px;
	padding-top:18px;
	position:relative;
	height:35px;
	font-size:14px;
	color:#343434;
	font-family:pt_sansregular;
}
.iconSearch{
	float:left; 
	background-repeat:no-repeat; 
	background-position:bottom center; 
	margin-left:55px;
	cursor:pointer;
}
.iconSearch:hover{
	background-position:top center; 
}
.conSearch{
	background-position:top center; 
	float:left; 
	background-repeat:no-repeat; 
	margin-left:55px;
	cursor:pointer;
}
.iconSearch1{
	float:left; 
	background-repeat:no-repeat; 
	background-position:center center; 
	height:26px;
	margin-left:55px;
	background-image:url('../icon/radioGr.png'); 
	cursor:pointer;
	font-size:14px;
	color:#343434;
	font-family:pt_sansregular;
}
.iconSearch2{
	float:left; 
	background-repeat:no-repeat; 
	background-position:center center; 
	height:26px;
	margin-left:55px;
	background-image:url('../icon/radioCol.png'); 
	font-size:14px;
	color:#343434;
	cursor:pointer;
	font-family:pt_sansregular;
}
#ves{
	width:520px; 
	height:30px;
}
#gryzTitle{
	color:#343434;
	font-size:16px;
	font-family:pt_sansregular;
	width:120px;
	text-align:left;
	margin-left:40px;
	height:20px;
}
.tonna{
	text-align:center;
	float:left; 
	font-family:Tahoma, Geneva, sans-serif; 
	color:#2e3133; 
	font-size:11px;
	width:30px;
	line-height:95%;
}
/*
.ui-slider {
  background-image:url('../img/ui-slider.png');
  background-position:0 0;
  background-repeat:no-repeat no-repeat;
  height:41px;
  position:relative;
  width:483px;
  margin-top:5px;
  margin-left:42px;
}
.ui-slider-range {
  background-image:url('../img/ui-slider-range.png');
  background-position:0 0;
  background-repeat:repeat no-repeat;
  height:12px;
  position:absolute;
  top:16px;
}
.ui-slider-handle {
  background-image:url('../img/ui-slider-handle.png');
  background-position:0 0;
  background-repeat:no-repeat no-repeat;
  height:33px;
  margin-left:-8px;
  position:absolute;
  top:6px;
  width:17px;
}*/
a {
  -webkit-tap-highlight-color:#C1946C;
  color:#3C8325;
  outline:none;
  text-decoration:underline;
}



#resultSearch{
	width:705px;
	position:relative;
	margin-top:22px;
	margin-left:310px;
}
.productImage{
	width:241px;
	height:150px;
	background-repeat:no-repeat; 
	background-position:top center;
	float:left;
	margin-top:15px;
}
.descProduct{
	margin-top:10px; 
	text-align:center; 
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; 
	font-size:16px; 
	color:#000;
}
.titleProduct{
	text-align:left;
	color:#1c9804;
	font-size:24px;
	height:35px;
	width:430px;
	padding-left:20px;
	margin-top:25px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}
#newProduct{
	width:724px;
	position:relative;
}
#oldProduct{
	width:724px;
	position:relative;
}
#footerBg{
	width:100%;
	height:291px;
	background-image:url('../img/footerBg.png');
	background-repeat:repeat-x;
	bottom:0px;
	position:relative;
	margin-top:60px;
}
#footerCompany{
	width:100%;
	margin:0 auto;
	height:40px;
	text-align:center;
	margin-top:45px;
}
#titleCompany{
	color:#d46900;
	font-size:30px;
	margin-right:20px;
	margin-left:0px;
	float:left;
	width:200px;
	padding-top:11px;
	font-family:pt_sansregular;
	position:relative;
}
.logoImage{
	float:left;
	background-repeat:no-repeat; 
	background-position:bottom center;
	cursor:pointer;
}
.logoImage:hover{
	background-position:top center;
}
#footerIcon{
	width:1030px;
	margin:0 auto;
	height:57px;
	text-align:center;
	margin-top:60px;
}
#iconImage1{
	width:205px;
	float:left;
	background-image:url('../icon/icon1.png');
	background-repeat:no-repeat; 
	background-position:top left;
	height:57px;
	cursor:pointer;
}
#iconImage2{
	width:205px;
	height:57px;
	float:left;
	background-image:url('../icon/icon2.png');
	background-repeat:no-repeat; 
	background-position:bottom left;
	cursor:pointer
}
#iconImage3{
	width:205px;
	height:57px;
	float:left;
	background-image:url('../icon/icon3.png');
	background-repeat:no-repeat; 
	background-position:top left;
	cursor:pointer
}
#iconImage4{
	width:185px;
	height:57px;
	float:left;
	background-image:url('../icon/icon4.png');
	background-repeat:no-repeat; 
	background-position:top left;
	cursor:pointer
}
#iconImage5{
	width:205px;
	height:57px;
	float:left;
	background-image:url('../icon/icon5.png');
	background-repeat:no-repeat; 
	background-position:top left;
	cursor:pointer
}
.textIcon{
	width:140px; 
	color:#363636; 
	text-align:left;
	font-family:pt_sansregular;
	font-size:16px;
}
.bottomMenu{
	height:211px;
	width:200px;
	float:left;
	margin-left:65px;
}
/*  .bottomMenu ul {list-style: none; padding-left:0px; }*/
/* .bottomMenu ul li{vertical-align:top;cursor:pointer;text-align:left;padding:0px 0px 0px 8px; height:22px;background:url(../img/str_bot.png) no-repeat left center;}*/
#bottomMenu a{
	 color:#fff;
	 font-size:12px;
	 font-family:Arial, Helvetica, sans-serif;
	 text-decoration:none;
	 padding-left:7px;
}

#bottomMenu{
	width:1030px;
	margin: 0 auto;
	height:211px;
}
#contactBottom{
	width:1030px;
	margin: 0 auto;
	height:50px;
	margin-top:15px;
}
.contactbottomMenu{
	height:50px;
	width:200px;
	float:left;
	margin-left:65px;
	margin-top:15px;
}

.titleBotMenu{
	text-align:left;
	font-family:pt_sansregular;
	font-size:21px;
	color:#fff;
	margin-top:20px;
	margin-bottom: 20px;
	position:relative;
}
.titleBotMenu div{
	text-align:left;
}
h3{
	text-align:left;
	font-family:pt_sansregular;
	font-size:21px;
	color:#fff;
	margin-top:20px;
	margin-bottom: 20px;
	position:relative;
	font-weight:500;
}
#bottomMenu img{
	 width:7px;
	 height:7px;
	 vertical-align:top;
	 margin-top:6px;
	 margin-right:10px;
}

.pBotMenu{
	margin-top:8px;	
	text-align:left;
}
/*
.lider{
	width:77px; 
	height:81px;
	background-image:url('../img/lider.png'); 
	background-repeat:no-repeat; 
	background-position:right top; 
	margin-left:-97px; 
	left:100%; 
	position:relative;
	margin-top:-150px;
}
.newProd{
	width:73px; 
	height:78px;
	background-image:url('../img/newProd.png'); 
	background-repeat:no-repeat; 
	background-position:right top; 
	margin-left:-97px; 
	left:100%; 
	position:relative;
	margin-top:-150px;
}
.hit{
	width:80px; 
	height:77px;
	background-image:url('../img/hit.png'); 
	background-repeat:no-repeat; 
	background-position:right top; 
	margin-left:-97px; 
	left:100%; 
	position:relative;
	margin-top:-150px;
}
*/
#iconAutor{
	width:35px;
	height:37px;
	margin-top:15px;
	margin-left:-16px;
	float:left;
	background-image:url('../img/autor.png');
	background-repeat:no-repeat; 
	background-position:top left;
}
#adresColor{
	width:20px;
	height:26px;
	margin-top:15px;
	float:left;
	
	margin-left:115px;
	background-image:url('../img/adresColor.png');
	background-repeat:no-repeat; 
	background-position:top left;
}

.textIconBottom{
	width:140px; 
	color:#fff; 
	text-align:left;
	font-family:pt_sansregular;
	font-size:14px;
}
.iconNetwork{
	width:30px;
	height:31px;
	float:left;
	margin-left:5px;
	margin-right:5px;
	background-repeat:no-repeat; 
	background-position:top center;
	cursor:pointer;
}
#iconNet1{
	background-image:url('../icon/youtube.png');
	float:left;
}
#iconNet2{
	background-image:url('../icon/facebook.png');
	float:left;
}
#iconNet3{
	background-image:url('../icon/twitter.png');
	float:left;
}
#iconNet4{
	width:32px;
	height:32px;
	background-image:url('../icon/vk.png');
	float:left;
}
.network{
	float:left;
	margin-left:230px;
	margin-top:15px;
}


/* Всплівающее окно*/
#slideout {
	position:absolute; top:0; left:0; width:100%;
	background: url('../img/dim.png'); 
			display:none; 
		z-index:100;
		}
#imgCall{
	background-repeat:no-repeat;
	width:41px;
	height:197px;
	position: fixed;
	top: 42px;
	left: 100%;
	padding: 12px 0;
	text-align: center;
}
.threeImg{background-image:url('../img/callMe2.png');margin-left:-41px;}
		#slideout_inner {
			position: fixed;
			top: 42px;
			left: 101%;
			background-image:url('../img/formCall.png');
			background-repeat:no-repeat;
			width: 334px;
			padding: 25px;
			height: 557px;
			-webkit-transition-duration: 0.1s;
			-moz-transition-duration: 0.1s;
			-o-transition-duration: 0.1s;
			transition-duration: 0.1s;
			text-align: left;
			-webkit-border-radius: 0 0 5px 0;
			-moz-border-radius: 0 0 5px 0;
			border-radius: 0 0 5px 0;
			z-index:200;
			
		}
		#slideout_inner textarea {
			padding: 10px 10px 0 10px;
  font-family:'Highway Sans Pro Light';
  font-size:14px;
  color: #2f2f2f;
  text-shadow: 1px 1px #FFF;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-bottom-color: #c9c9c9;
  border-radius: 4px;
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
  margin-top:6px;
  margin-left:7px; 
  width: 263px;
  height:128px;
  outline:none;
		}
		.twoSlide {
			left: 100%;
			margin-left:-376px;
		}
		.twoInner{
			left: 100%;
			margin-left:-348px;
		}
		.twoImg{
			margin-left:-381px;
			margin-top:12px;
			background-image:url('../img/callMe1.png');
			z-index:200;
		}
		
		.titleForma{
			color:#000;
			font-size:18px;
			font-weight:bold;
			font-family:'pt_sansregular';
			padding-top:5px;
			padding-left:5px;
			margin-bottom:9px;
		}
		.inputP {
  width: 263px;
  height: 28px;
  padding: 0 10px 0 10px;
  font-family:'Highway Sans Pro Light';
  font-size:14px;
  color: #2f2f2f;
  text-shadow: 1px 1px #FFF;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-bottom-color: #c9c9c9;
  border-radius: 4px;
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
  margin-top:6px;
  margin-left:7px;
  outline:none;
}
.sub{
	width:182px;
	border:none;
	height:40px;
	background-image:url('../img/butCall.png');
	background-repeat:no-repeat;
	margin-top:13px;
	margin-left:7px;
	cursor:pointer;
}

#tx{ padding-left:20px; padding-top:7px; font-size:16px;   font-family: 'pt_sansregular'; color:#fff;}

.submenu{margin-left:46px; margin-top:5px;}
.submenu div{margin-top:5px;font-size:17px;font-family: 'pt_sansregular'; cursor:pointer;}
.submenuhover{color:#1c9804;}
.submenuhoverNo{color:#295889;}
#topPlashka{background-image:url('../img/topPlashka.png');
			background-repeat:no-repeat;
			width:290px;height:19px;position:relative;}
#middlePlashka{background-image:url('../img/middlePlashka.png');
			background-repeat:repeat-y;
			width:290px;}
#bottomPlashka{background-image:url('../img/bottomPlashka.png');
			background-repeat:no-repeat;
			width:290px;height:21px;}
			
			
			
			
#vformSearch {
width: 688px;
position: relative;
margin-top: 20px;
margin-left: 312px;
}			

@font-face {
    font-family: "aThemeformurder";
    src: url("../font/aThemeformurder.eot");
    src: url("../font/aThemeformurder.eot?#iefix") format("embedded-opentype"),
         url("../font/aThemeformurder.woff") format("woff"),
         url("../font/aThemeformurder.ttf") format("truetype"),
         url("../font/aThemeformurder.svg#aThemeformurder") format("svg");
    font-weight: normal;
    font-style: normal;
}

.cl {
	clear: both !important;
	border: none !important;
	overflow: hidden !important;
	display: block !important;
	height: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}
.cf:after {
	clear: both;
	display: block;
	content: ".";
	height: 0px;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
.cf {
	display: inline-block;
}
* html .cf {
	height: 1%;
}
.cf {
	display: block;
}
li.cf {
	display: list-item;
}

#wrapper{
	width:1030px;
	margin-left:250px;
	margin:0 auto;
}
.slider{
	width:1030px; 
	height: 60px;
	margin:0 auto;
}
#gallery{
	width:800px; 
	height: 60px;
	margin-left: 40px;
	margin-top:0px;
}
#gallery ul{
	width:800px;
	height:60px;
	margin:0 auto;
}
#gallery ul li{
	text-align:center;
	width:200px;	
	height:60px;
}
#gallery h2{
	color:#d90b7a;
	font:bold 12px Tahoma, serif;
	padding:25px 0 20px 0;
	text-align:center;
	text-decoration:underline;
}
#gallery img{
	padding-left:10px;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}