@charset "UTF-8";
section.video {
	padding: 15px 0;
	text-align: center;
}

#bigPhoto .grafika{ 
	position: relative;
	text-align: center;
	padding-top: 4px;
}

#bigPhoto .grafika a{
	display: inline-block;
}

#bigPhoto .grafika a:focus img { 
	outline: 2px solid red; 
	outline-offset: -2px;
}

#bigPhoto .grafika + h4 {
	margin-top: 10px;
	float:left;
	width: 96%;
}

#bigPhoto .grafika img{
	text-align: center;
	clear: both;
	margin: auto;
}
.gal_foto_box {
	width: 100%;
	overflow: auto;
	overflow-x: auto;
	overflow-y: hidden;
}

td.foto_box div.grafika {
	float:left;
	margin:0px 2px 0px 2px;
	text-align:center;
	width:auto;
	cursor: pointer;
	line-height: 0px
}

td.foto_box div.grafika img {
	padding:0;
	text-align:center;
	cursor: pointer;
}

.photo-prev, .photo-next{
	cursor: pointer;
	height: 98%;
	position: absolute;
	left: 4px;
	top: 4px;
	width: 15%;
	z-index: 2;
}

.photo-next{
	left: inherit;
	right: 4px
}

.photo-prev > span,.photo-next > span {
	cursor:pointer;
	top: 50%;
	margin-top: -37px;
	width: 64px;
	height: 64px;
	border: 5px solid #ffffff;
	border-radius: 37px;
	position: absolute;
	transform: translate3d(0px, 0px, 0px) scale(0.7);
	visibility: hidden;
	opacity: 0;
	transition: all 0.25s ease-in-out;
}

.photo-prev > span{
	background: #000 url('/images-design/icons-nav.png') no-repeat;
	left: 10px;
}

.photo-next > span{
	background: #000 url('/images-design/icons-nav.png') no-repeat 7px -64px;
	right: 10px;
}

.grafika:hover .photo-prev > span,
.grafika:hover .photo-next > span,
.grafika:focus .photo-prev > span,
.grafika:focus .photo-next > span{
	visibility: visible;
	opacity: 1;
}

.photo-prev:hover span,
.photo-next:hover span,
.photo-prev:focus span,
.photo-next:focus span{
	transform: scale(0.9);
	visibility: visible;
	opacity: 1;
}

@media only screen and (max-width: 670px){
    .photo-prev > span,
	.photo-next > span{
		transform: translate3d(0px, 0px, 0px) scale(0.4);
	}
	
    .photo-prev:hover span,
	.photo-next:hover span,
	.photo-prev:focus span,
	.photo-next:focus span{
		transform: scale(0.6);
	}
	
    .photo-prev span, 
	.photo-next span {
		visibility: visible;
		opacity: 1;
	}
}