div.path {
	display: none;
    height:20px;
    line-height:20px;
    margin-bottom:10px;
}
.files div.path span{ 
    line-height:25px;
    width:25px;
    height:25px;
    display:block;
    float:left;
    margin-right:10px;
    background:url("../img/sprites_medias_mini.png") 4px 2px no-repeat;
}

ul.folders, ul.files {
	margin: 0!important;
}
.files ul{ 
    list-style-type:none;
    line-height:20px;
}

div.files h2 {
	margin-bottom: 10px!important;
}

div.files ul {
	display: block;
}

div.files ul li {
	line-height: 24px;
	list-style-type: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	padding: 0;
}

div.files ul li span.ico{
    display:block;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url('../img/sprites_medias_small.png');
	background-position: 2px -194px;
	width: 32px;
	height: 32px;
    line-height:25px;
}

.files ul li a:hover span.ico{
    background-position: -48px -194px;
} 
.files ul.folders {
    font-weight:bold;  
}
.files ul.folders span.ico{ 
    background-position: 2px 6px; 
}
.files ul.folders li a:hover span.ico{
    background-position: -48px 6px;
} 
.files ul li.pdf span.ico{
    background-position: 2px -73px;
}
.files ul.files li.pdf a:hover span.ico{
    background-position: -48px -73px;
} 
.files ul li.png span.ico, .files li.jpg span.ico {
    background-position: 2px -154px;
}
.files ul.files li.png a:hover span.ico, .files ul.files li.jpg a:hover span.ico {
    background-position: -48px -154px;
} 

div.files ul li a{
    color:#555;
    text-decoration:none;
	border: none;
	padding: 5px 0 4px 35px;
	display: block;
	position: relative;

    transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all .3s ease-in-out;  
}

div.files ul li a:hover{
	background-color: #f2f2f2;
}