.download {
/*background-color: #d2d2d2; /* gray 20% */
padding: 5px 20px;
/* unofficial border-radius rules */
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
font-size: small;
}

.download ul.fileCartelle {
margin: 0;
margin-left: 15px;
padding: 0;
list-style-type: none;
}

.download ul.fileCartelle li {
height: 50px;
line-height: 50px;
/*border-style: solid;
border-width: 1px;
border-color: black;*/
}
.download ul.fileCartelle li > a{
float: left;
color: #b22222;
cursor: pointer;
font-weight: bold;
/*border: 1px;*/
width: 25em; /* to align "kB" */
padding-left: 45px; /* space for the icon */
background: url(icone/default.png) no-repeat top left;
}

.download ul.fileCartelle li > a[tipo='privato'] {
    color: green;
}
.download ul.fileCartelle li > a[tipo='nascosto'] {
    color: blue;
}

@media (max-width: 800px) {
    span {
        position: absolute;
        right: 7px;
    }
    .areaDownload {
        width:100%;
    }
    .download a{
        width: 21em;
    }
}

/*http://www.html.it/pag/19443/selettori-di-attributo/*/
.download ul.fileCartelle li a[cartella] {
background: url(icone/cartella.png) no-repeat top left; background-size: 45px 45px;
}
.download ul.fileCartelle li a.pdf{
background: url(icone/pdf.png) no-repeat top left; background-size: 45px 45px;
}
.download ul.fileCartelle li a.png {
background: url(icone/png.png) no-repeat top left; background-size: 45px 45px;
}
.download ul.fileCartelle li a.doc {
background: url(icone/doc.png) no-repeat top left; background-size: 45px 45px;
}
.download ul.fileCartelle li a.odt{
background: url(icone/odt.png) no-repeat top left; background-size: 45px 45px;
}
.download ul.fileCartelle li a.txt {
background: url(icone/txt.png) no-repeat top left; background-size: 45px 45px;
}
.download ul.fileCartelle li a.rar {
background: url(icone/rar.png) no-repeat top left; background-size: 45px 45px;
}
.download ul.fileCartelle li a.zip {
background: url(icone/zip.jpg) no-repeat top left; background-size: 45px 45px;
}
.download ul.fileCartelle li a.html {
background: url(icone/chrome.png) no-repeat top left; background-size: 45px 45px;
}
.download ul.fileCartelle li a.c {
background: url(icone/c.png) no-repeat top left; background-size: 45px 45px;
}
.download ul.fileCartelle li a.ino {
background: url(icone/ino.png) no-repeat top left; background-size: 45px 45px;
}
.download ul.fileCartelle li a.jpg {
background: url(icone/jpg.png) no-repeat top left; background-size: 45px 45px;
}
.download ul.fileCartelle li a.h {
background: url(icone/h.png) no-repeat top left; background-size: 45px 45px;
}
.download ul.fileCartelle li a.odp {
background: url(icone/odp.png) no-repeat top left; background-size: 45px 45px;
}
.scarica, .modificaCartella{
float: left;
cursor: pointer;
font-weight: bold;
margin-right: 5px;
/*border: 1px;*/
/**padding-left: 45px; /* space for the icon */
/*background: url(download.gif) no-repeat top left; background-size: 45px 45px;*/
}

.download .a:hover { color: red; }