
a { color: #333; }
a:visited { }
a:hover { text-decoration: none; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, dd { margin-left: 15px; }

/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/
div#mediateca {	
	margin-left:230px;
	padding-top:25px;
}

ul#filter { float: left; list-style: none; padding:100px 0 0; width: 10px; height:238px;
	background-color:#454642;
	display:block;
	width: 190px;
	}
	
ul#filter li { 
	line-height: 27px;
	
	text-transform:uppercase;
	color:#FFFFFF;
	display:block;
}
ul#filter li:last-child { margin-right: 0; padding-right: 0;  }
ul#filter a {text-decoration: none; padding-left: 20px; width: 170px; height:27px; display:block; color:#FFFFFF; }
ul#filter li.current a, ul#filter a:hover { color:#FFFFFF; 	background-color:#951720;}
ul#filter li.current a {   color:#FFFFFF;}

ul#portfolio {
	width:600px;
	list-style: none;
	margin:0;
}
ul#portfolio li {
	float: left;
	width: 152px;
	height:158px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}
ul#portfolio a { display: block; width: 100%; text-decoration: none; background-color:#CCCCCC;
color: #666666;
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 10px;
	width: 152px;
	text-align:center;
	border-radius: 12px;
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px; 
}
ul#portfolio a:hover { background-color:#951720; color:#FFFFFF;  }
ul#portfolio img {padding-bottom: 8px; border:0;}

