#camion
{

}

#camion ul
{
	width:100%;
	background:url(../img/camion.png) !important;
	background-size:100%  !important;
	background-repeat:no-repeat !important;
	overflow:hidden;
height: 600px;
	margin: 0px;
padding: 0px;
}

#camion a {
background:none !important;
color: #fff !important;
padding: 0.3em;
box-shadow:none;
border-radius:none;
}



#camion ul li
{
position: relative;
float: left;
width:2.2%;
}

#camion ul li img
{
width:100%;
max-width:30px;
}

#camion #punto1{
margin-left: 21%;
margin-top: 15%;
}

#camion #punto2{
margin-left: 12%;
margin-top: 9.5%;
}

#camion #punto3{
margin-left: -4%;
margin-top: 22%;
}

#camion #punto4{
margin-left: 4%;
margin-top: 26%;
}

#camion #punto5{
margin-left: 1%;
margin-top: 25%;
}

#camion #punto6{
margin-left: 8%;
margin-top: 9%;
}

#camion #punto7{
margin-left: -2%;
margin-top: 27%;
}

#camion #punto8{
margin-left: 3%;
margin-top: 26%;
}

#camion #punto9{
margin-left: -5%;
margin-top: 31%;
}

#camion #punto10{
margin-left: 6%;
margin-top: 36%;
}
@media screen and (max-width : 1024px){
	#camion ul {

height: 487px;

}
}
@media screen and (max-width : 800px){
		#camion ul {

height: 387px;

}


	
}
@media screen and (max-width : 600px){
	#camion ul {

height: 287px;

}

	
}