@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 + h4 {margin-top: 10px;}
#bigPhoto .grafika img{text-align: center;clear: both;margin: auto;}
.gal_foto_box {width: 100%;overflow: auto;}
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%;}
.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;}
}