@import url(Sides_manu.css);
.download section{
	margin-top: 20px;
}
.download span{
	float: left;
	width: 175px;
	margin: 0 0 0 73px;
	color: #777;
}
.downloadBox a{
	width: 68px;
	height: 78px;
	margin: 0;
	float: left;
	margin-bottom: 10px;
}
.downloadBox a:hover span{
	color: #CA0010;
}
.downloadBox{
	margin-bottom: 30px;
	overflow: hidden;
}


.manual .downloadBox a{
	background-image: url(../img/download/ManualIcon.jpg);
}
.manual .downloadBox a:hover{
	background-image: url(../img/download/ManualIcon-Hover.jpg);
}
.cataloge .downloadBox a{
	background-image: url(../img/download/CaralogelIcon.jpg);
}
.cataloge .downloadBox a:hover{
	background-image: url(../img/download/CaralogelIcon-Hover.jpg);
}
.textReport .downloadBox a{
	background-image: url(../img/download/TextReportlIcon.jpg);
}
.textReport .downloadBox a:hover{
	background-image: url(../img/download/TextReportlIcon-Hover.jpg);
}

@media screen and (min-width: 784px) and (max-width: 1200px){
	.download span{
  	width: 140px;
  }
}
@media screen and (min-width:520px) and (max-width: 783px){
  .download span{
  	width: 200px;
  }
}
@media screen and (min-width:400px) and (max-width: 520px){
  .download span{
  	width: 110px;
  }
}
@media screen and (min-width:360px) and (max-width: 399px){
  .download span{
  	width: 80px;
  	line-height: 1;
  }
}
@media screen and (min-width:0px) and (max-width: 359px){
  .download span{
  	width: 70px;
  	line-height: 1;
  }
}