/*##################################################
CSS ÁLBUM
##################################################*/
.plgAlbum
{
	float:left;
	width:100%;
  padding: 10px 0;
}
.plgAlbum .item
{
    width: 19%;
    float: left;
    margin: 1% 0.5% 1% 0.5%
}
.plgAlbum .item figure
{
  	float: left;
    background-color: #E8E8E8;
    border: 1px solid #D1D1D1;
    position: relative;
    padding: 0.2em;
    max-height: 150px;
    overflow: hidden;
    min-height: 150px;
    text-align: center;
    margin-bottom: 0.5em;
}
.plgAlbum .item figure 
{
	width: 100%;
	overflow: hidden;
	height: 180px;
	float: left;
	position: relative;
}
@media screen and (max-width: 768px)
{
	.plgAlbum .item
	{
		width: 46%;
		margin: 2%;
	}
}
@media screen and (max-width: 468px)
{
	.plgAlbum .item
	{
		width: 100%;
		float: left;
		margin: 2% auto;
	}

	.plgAlbum .item 
	{
		height:auto !important;
	  max-height: 250px;
			min-height: 110px;
	}
	
}
button#show-previous-image {
    margin-top: -60px;
    position: absolute;
    top: 50%;
    color: #3e2d23;
    z-index: 2;
    opacity: 0.5;
}

button#show-previous-image {
    margin-top: -30px;
    position: absolute;
    top: 50%;
    color: #3e2d23;
    z-index: 2;
    opacity: 0.5;
}
button#show-next-image {
    margin-top: -30px;
    position: absolute;
    top: 50%;
    color: #3e2d23;
    z-index: 2;
    opacity: 0.5;
    right: 16px;
}
