html{
    height: 100%;
}

body{
    min-height: 100%;
}

.tlo{
    background: url("../images/Galeria/tloPowtarzalne.jpg") center center no-repeat;
    background-size: cover;
    z-index: 0;
}

@media(max-width:767px)
{
    .tlo{
        background: none;
    }
    body{
        background: url("../images/Galeria/tloPowtarzalne.jpg") center center repeat;
        background-size: cover;
        z-index: 0;
    }
}

.marginesZdjecia{
    margin-top: 20px;
    margin-bottom: 20px;
}

.boczneZdjecia{
    width:90%;
    margin: auto;
    display: block;
}

.brakPaddinguCol{
    padding: 0;
}

.srodkowanieWertykalne{
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.zdjecia {
    border: 7px solid white;
    outline: 3px solid white;
    outline-offset: 3px;
    -webkit-transition : border .3s ease-in-out, outline .3s ease-in-out;
    -moz-transition : border .3s ease-in-out, outline .3s ease-in-out;
    -o-transition : border .3s ease-in-out, outline .3s ease-in-out;
    transition : border .3s ease-in-out, outline .3s ease-in-out;
}

.zdjecia:hover {
    border: 7px solid mediumorchid;
    outline: 3px solid mediumorchid;
}

/*nowe*/
.tloObrazka{
    background: #ffffff;
}

.grafika {
    min-width:100%;
    opacity: .75;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.grafika:hover{
    opacity: 1;
}
.polysk{
    position: relative;
}
.polysk::before{
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 20%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.polysk:hover::before{
    -webkit-animation: shine 3s;
    animation: shine 3s;
}

@-webkit-keyframes shine {
    0% {
        opacity: 0;
    }
    1% {
        opacity: 1;
    }
    100% {
        left: 125%;
        opacity: 0;
    }
}
@keyframes shine {
    0% {
        opacity: 0;
    }
    1% {
        opacity: 1;
    }
    100% {
        left: 125%;
        opacity: 0;
    }
}

.tloStrony{
    background: url("../images/StronaGlowna/SuknieTlo.jpg") no-repeat;
    background-size: 100%;
    background-attachment: scroll;
}

.ukladSmGaleria{
    padding-left:15px;
    padding-right:15px;
}

.paddingGaleria{
    padding-right:5px;
    padding-left:5px;
}