.chocolat-zoomable.chocolat-zoomed{
    cursor : zoom-out;
}
.chocolat-open{
    overflow: hidden;
}
.chocolat-overlay{
    height:100%;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:1210;
    x-background-color:#fff;
    background-color:#000000;
    opacity: 0.97;
    display: none;
}
.chocolat-wrapper{
    height:100%;		
    width:100%;
    position:fixed;
    display: none;
    left:0;
    top:0;
    z-index:1216;
    color: #fff;
}
.chocolat-zoomable .chocolat-img{
    cursor : zoom-in;
}
.chocolat-loader{
    height:32px;
    width:32px;
    position:absolute;
    left:50%;
    top:50% ;
    margin-left:-16px;
    margin-top:-16px;
    z-index:1211;
    background:url(loader.gif);
    display:none;
}
.chocolat-content{
    position:fixed;
    width:0px;
    height:0px;
    left:50%;
    top:50%;
    z-index:1214;
    text-align: left;
}

.chocolat-content .chocolat-img{
    position:absolute;
    width:100%;
    height:100%;
}
.chocolat-wrapper .chocolat-left{
    position:absolute;
    width: 3em;
    height: 3em;

    x-left:0;
    x-top: 50%;
    
    bottom: 0;
    left:50%;		/* zbytek margin */
    margin-left: -5em;
    
    
    cursor:pointer;
    background:url(left3.png) 50% 50% no-repeat;
    background-size: 3em 3em;
    z-index: 1217;
    display: none;

}
.chocolat-wrapper .chocolat-right{
    position:absolute;
    width: 3em;
    height: 3em;
    
    x-right:0;
    x-top: 50%;
    
    left: 50%;
    margin-left: 2em;
    bottom: 0;
    
    cursor:pointer;
    background:url(right3.png)  50% 50% no-repeat;
    background-size: 3em 3em;
    z-index: 1217;
    display: none;
}
.chocolat-wrapper .chocolat-right.active{
    display: block;
}
.chocolat-wrapper .chocolat-left.active{
    display: block;
}
.chocolat-wrapper .chocolat-top{
    position:absolute;
    

    x-line-height:50px;
    x-height:50px;
    x-top:0px;
    x-right: 0;
    x-left: 0;
    
    line-height: 3em;
    height: 3em;
    bottom: 0;
    left: 50%;

/* 5 anebo 6 */
    margin-left: 6em;
    width: 3em;
    
    overflow: hidden;
    z-index: 1217;
    x-margin-bottom: 10px;
}
.chocolat-wrapper .chocolat-close{
    width:3em;
    height:3em;
    cursor:pointer;
    position: absolute;
    top: 0;
    right: 0;
    background:url(close3.png) 50% 50% no-repeat;
    background-size: 3em 3em;
}
.chocolat-wrapper .chocolat-bottom{
    position:absolute;
    bottom:0;
    left: 0;
    right: 0;
    line-height: 3em;
    height: 3em;
    x-font-size:12px;
    z-index: 1215;		/* foto je 14 */
    x-background: rgba(0, 0, 0, 0.2);
    x-text-align: right;
}
.chocolat-wrapper .chocolat-set-title{
    display: none;
    line-height: 1;
}
.chocolat-wrapper .chocolat-pagination{
    x-float: right;
    x-display: inline-block;
    x-padding-left: 15px;
    x-padding-right: 15px;
    x-margin-right: 15px;
    font-family: Arial, sans-serif;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -1.5em;
    width: 3em;
    x-border: 1px solid #ffff00;
    text-align: center;
    font-size: 1.25em;
    z-index: 1229;
    /*border-right: 1px solid rgba(255, 255, 255, 0.2);*/
}
.chocolat-wrapper .chocolat-fullscreen{
    width: 3em;
    height: 3em;
    background: url(fullscreen3.png) 50% 50% no-repeat;
    background-size: 3em;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 50%;
    /*  8 nebo 9  */
    margin-left: -9em;
}
.chocolat-wrapper .chocolat-description{
    display: none;
    color: #0f0f0f;
}

/* no container mode*/
body.chocolat-open>.chocolat-overlay{
    z-index:1215;
}
body.chocolat-open>.chocolat-loader{
    z-index:1215;
}
body.chocolat-open>.chocolat-content{
    z-index:1217;
}

/* container mode*/
.chocolat-in-container .chocolat-wrapper,
.chocolat-in-container .chocolat-content,
.chocolat-in-container .chocolat-overlay{
    position: absolute;
}
.chocolat-in-container{
    position: relative;
}

/* uncomment to hide controls when zoomed-in*/
/*
.chocolat-zoomable .chocolat-top,
.chocolat-zoomable .chocolat-bottom,
.chocolat-zoomable .chocolat-right,
.chocolat-zoomable .chocolat-left {
    transition: opacity .3s ease, visibility 0s .3s;
   opacity: 1;
}

.chocolat-zoomable.chocolat-zoomed .chocolat-top,
.chocolat-zoomable.chocolat-zoomed .chocolat-bottom,
.chocolat-zoomable.chocolat-zoomed .chocolat-right,
.chocolat-zoomable.chocolat-zoomed .chocolat-left {
    visibility: hidden;
    opacity: 0;
}
*/