.image-lightbox {
	border: 0;
	padding: 24px;
	max-width: min(90vw, 1100px);
	max-height: 90vh;
	background: #fff;
}
.image-lightbox::backdrop { background: rgb(0 0 0 / 75%); }
.image-lightbox img { display: block; max-width: 100%; max-height: calc(90vh - 48px); }
.image-lightbox-close {
	position: absolute;
	top: 4px;
	right: 8px;
	border: 0;
	background: transparent;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
}

#gallery ul { 
list-style: none; 
width: 580px;
font-size: 14px;
font-weight: bold;

}

div.obraz {
width: 80px;
height: 100px;
float: left;
text-align: center;
margin: 2px;
}

div.obraz img{
box-shadow: 3px 3px 7px #46311a;
border-style: solid;
border-width: 2px;
color: #8b6134;
}
div.obraz img:hover{
position: relative; left:-3px; top:-3px;
box-shadow: 3px 3px 7px #8b6134;
border-style: solid;
border-width: 2px;
color: #aa7740
}
#materac {
width: 120px;
height: 80px;
}