html{

}
a,a:hover{
	color: #FFF;
}
ul,li{
	list-style:none;
	padding: 0;
	margin: 0;
}
body {
	background: url(../img/bg-home.jpg) repeat-x #000;
}
.container{
	width: 1200px;
	position: relative;
	display: block;
}
header{
	position: relative;
	width: 300px;
	margin: 0 auto;
	height: 88px;
	z-index: 100;
}
header img{
	position: absolute;
	display: block;
	top: 43px;
}
.main{
	position: relative;
	display: block;
}
.main ul li>img{
	position: relative;
	display: block;
	width: 594px;
	height:564px;
	float: left;
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscalerayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
}
.main ul li:hover>img{
	filter: none;
	-webkit-filter: none;
}
.robot{
	position: absolute;
	display: block;
	top: 130px;
	z-index: 5;
	left: 480px;
}
.btn-truk{
	position: absolute;
	display: block;
	top: 350px;
	left: 160px;
	filter: none!important;
	-webkit-filter: none!important;
}
.btn-motor{
	filter: none!important;
	-webkit-filter: none!important;
	position: absolute;
	display: block;
	top: 350px;
	right: 160px;
}