body {
    font: 1em/1.67 'Open Sans', Arial, Sans-serif;
    margin:15px;
    background: #e9e9e9;
}
.link{
cursor:default;
text-decoration:none;
font-family: WallieChunky;
color:#333;
}
.imagenproducto{
	width: 100%;
	margin-left:0px;
	/* border-bottom: 1px solid #ccc; */
	padding-bottom: 0px;
	margin-bottom: 0px;
border-radius: 6px 6px 0 0; /* height:143px; */
}
.precio{
font-family: WallieChunky;
color:#333;
    font-size: 16px;
    margin-bottom: 4px;
	margin-top:5px;
	margin-left:10px;
}
.wrapper {
    width: 95%;
    margin: 3em auto;
}
.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
	
	
}
.item {
	
    display: inline-block;
    background: #fff;
    border-radius: 6px;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
}

@media only screen and (min-width: 400px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}
@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
}
@media only screen and (min-width: 1280px) {
    .wrapper {
        width: 1260px;
    }
}