/**
 *  css/gallery.css
 *
 *  @name   gallery
 *  @author Andris Bratka 2014 <stringz@inbox.lv>
 */

.image a.thumb {
    font-size: 0;
    text-indent: -9999px;
    overflow: hidden;
    }

.image a.zoom {
    top: 10px;
    right: 10px;
    }

/* GALLERY
/* ----------------------------------------- */

.gallery-1 {
    display: table;
    table-layout: fixed;
    position: relative;
    width: 100%;
    }

/* GALLERY 1 CONTAINERS */

.gallery-1 div.thumbs-col,
.gallery-1 div.images-col {
    display: table-cell;
    vertical-align: top;
    }

.gallery-1 div.images-col {
    width: 535px;
    }

/* GALLERY 1 IMAGES */

.gallery-1 div.image,
.gallery-1 div.image img {
    display: block;
    height: 345px;
    position: relative;
    width: 460px;
    }

.gallery-1 div.image a.slidesjs-navigation {
    background: no-repeat center;
    display: block;
    font-size: 0;
    height: 30px;
    position: absolute;
    text-indent: -9999px;
    overflow: hidden;
    width: 30px;
    }

.gallery-1 div.image a.slidesjs-next {
    background-image: url("../img/sjs_next.png");
    bottom: 10px;
    right: -75px;
    }

.gallery-1 div.image a.slidesjs-previous {
    background-image: url("../img/sjs_prev.png");
    bottom: 10px;
    right: -45px;
    }

/* GALLERY 1 THUMBS */

.gallery-1 div.thumbs {
    min-width: 200px;
    overflow: hidden;
    }

.gallery-1 div.thumbs a {
    display: block;
    float: left;
    height: 70px;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 90px;
    }

.gallery-1 div.thumbs a:hover img {
    opacity: .5;
    }

/* GALLERY 2
/* ----------------------------------------- */

.gallery-2,
.gallery-2 div.image {
    overflow: hidden;
    }

.gallery-2 div.image,
.gallery-2 div.image img {
    display: block;
    width: 300px;
    height: 200px;
    }

.gallery-2 div.image {
    float: left;
    margin-right: 30px;
    }