section#portafolio {
	margin: 0 auto;
	width: 100%;
}

.filtrar {
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
}
.filtrar a {
	color: #333333;
	padding: 5px 10px;
	text-decoration: none;
}
.filtrar a.actual {
	background: none repeat scroll 0 0 #FF6600;
	border-radius: 5px;
	color: #FFFFFF;
}
.portfolioContenedor {
	clear: both;
	float: left;
	width: 100%;

}
.portfolioContenedor div {
	height: 150px;
	width: 14.2%;
	float: left;
	padding: 4px;
}
.portfolioContenedor img {
    margin:5px;
}
.portfolioContenedor a {
	height: 100%;
	width: 100%;
	display: block;
	background-size: cover;
	background-position: center;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border: 0px solid #000000;
}
.portfolioContenedor a:hover{
	background-size: auto 170px;
}



.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}
@media screen and (max-width: 768px) {
.filtrar a{
	font-size: 12px;
	padding: 4px;
}
.portfolioContenedor img {
    margin:4px;
}
	.portfolioContenedor div {
	height: 90px;
	width: 24.9%;
	float: left;
	padding: 4px;
}
}