a.download:before {
  content: '';
  display: inline-block;
  width: 44px;
  height: 44px;
  background-position: -17px -11px;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-image: url('images/icons/small/ostalo.png');
}

a.download[href$=".PDF"]:before,
a.download[href$=".pdf"]:before {
  background-image: url('images/icons/small/pdf.png');
}

a.download[href$=".DOC"]:before,
a.download[href$=".doc"]:before,
a.download[href$=".DOCX"]:before,
a.download[href$=".docx"]:before {
  background-image: url('images/icons/small/doc.png');
}

a.download[href$=".XLS"]:before,
a.download[href$=".xls"]:before,
a.download[href$=".XLSX"]:before,
a.download[href$=".xlsx"]:before {
  background-image: url('images/icons/small/xls.png');
}

a.download[href$=".HTM"]:before,
a.download[href$=".htm"]:before,
a.download[href$=".HTML"]:before,
a.download[href$=".html"]:before {
  background-image: url('images/icons/small/html.png');
}