/* CSS Document */
/* #galeria-uklad-oferty{
	overflow:hidden;
	margin:0 auto;
	width:auto;
	height:auto;
	border:0px solid black;
	padding:0px;
	text-align: center;
} */
.picsContainer{
display: flex;
flex-wrap: wrap;
padding-left: 10%;

max-width: 1500px;
width:auto;
margin:0 auto;
}


.gallery {
    
	width:300px;
	text-align: center;
	box-sizing: border-box;
	margin:10px;
	
	border: 0px solid black;
}

/* .gallery {
	overflow:hidden;
    float: left;
    width: 100%;
     margin: 1%; 
	list-style:none;

} */
a.miniaturka{
	width:300px;
	color:black;
	height:auto;
	overflow:hidden;
	float:left;
	border: 0px solid black;
	text-decoration: none;
	box-shadow: 0 0 0px rgba(0, 0, 0, 0.5);
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}

a.miniaturka:hover{
	width:300px;
	color:black;
	height:auto;
	overflow:hidden;
	float:left;
	border: 0px solid black;
	text-decoration: none;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}





.NextBack{
	color:#FFF;
	text-decoration:none;

			-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.NextBack:hover{
	color:#B02C43;
	text-decoration:none;
			-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
article .close {
						position: absolute;
						left: 90%;
						top: 10%;
						margin-left: 0px;
						width: 35px;
						height: 35px;
						background: red;
						color: #333;
						border-radius: 100%;
						text-decoration: none;
						padding: 8px 0px 0px 0px;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						box-sizing: border-box;
						text-transform: uppercase;
						-webkit-transition: .5s;
						transition: .5s;
					}



						article .close:hover {
							border-radius: 0%;
							background: rgb(0, 0, 0);
						}
.gallery figcaption {
					background: rgba(64, 63, 63, 0.5);
					padding: 5px 10px;
					font-size: 1.3em;
					font-style: italic;
					color: #FFF;
					margin-top: 20px;
				}

.gallery article {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;


}

.gallery article:target {
    width: 100%;
    height: 100%;
    z-index: 1000;



}

.gallery article:target {
	position:fixed;
    width: 100%;
    height: 100%;
    padding: 100px 0;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
    background: rgba(250, 250, 250, 0.8);
    z-index: 1000;
}

.gallery article figure {
    height: 100%;
}

.gallery article img {
    opacity: 0;
   transition: .7s;
    border: 10px solid #FFF;
    max-height: 100%;
    max-width: 100%;
	box-sizing: border-box;
	
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
		-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.gallery article:target img {
    opacity: 1;
}