@charset "UTF-8";

section.video { 
    padding: 15px 0;
    text-align: center; 
}

#bigPhoto .grafika{ 
    position: relative;
}

#bigPhoto .grafika img{
    text-align: center;
    clear: both;
    margin: auto;
    cursor: pointer;
	border-radius: 10px;
}

.gal_foto_box {
    width: 100%;
    overflow: auto;
}

.gal_foto_box .grafika{
    margin: 0px 2px;
}

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

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

.photo-prev, .photo-next {cursor: pointer;height: 98%;position: absolute;left: 0;top: 0;width: 15%;}
.photo-next {left: inherit;right: 0}
.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);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 {visibility: visible;opacity: 1;}
.photo-prev:hover > span, .photo-next:hover > span {transform: scale(1.2);}