/* 
    Document   : com_gallery_minic
    Created on : 2015.01.07., 11:03:01
    Author     : Gege <geri@infoartnet.hu>
*/

div#content-holder div.part-gallery_minic{
    display: block;
    /*position: relative;*/
    padding: 10px 0;
    margin: 0 0 20px;
    width: 715px;
}
div#content-holder div.part-gallery_minic h2.component-heading{
    font-size: 30px;
    background: #004B84;
    color: #FFFFFF;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 5px 5px 0 0;
}
div#content-holder div.part-gallery_minic div.component-body{
    
}

/* minigallery-box */
div#content-holder div.part-gallery_minic div#minigallery-box{
    padding: 10px 27px;
}
div#content-holder div.part-gallery_minic div#minigallery-box:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*pagination*/
div#content-holder div.part-gallery_minic div#minigallery-box a#minigallery-prev{
    display: block;
    width: 41px;
    height: 99px;
    background: transparent url('../gfx/icon_prev.png') no-repeat 0 0;
    text-indent: -9999px;
    border-radius: 5px;
    float: left;
    margin: 0 9px 0 0;
}
div#content-holder div.part-gallery_minic div#minigallery-box a#minigallery-prev:hover{
    background-image: url('../gfx/icon_prev-hover.png');
}
div#content-holder div.part-gallery_minic div#minigallery-box a#minigallery-next{
    display: block;
    width: 41px;
    height: 99px;
    background: transparent url('../gfx/icon_next.png') no-repeat 0 0;
    text-indent: -9999px;
    border-radius: 5px;
    margin: 0 0 0 9px;
    float: left;
}
div#content-holder div.part-gallery_minic div#minigallery-box a#minigallery-next:hover{
    background-image: url('../gfx/icon_next-hover.png');
}

/*thumbs*/
div#content-holder div.part-gallery_minic div#minigallery-box div#minigallery-thumbs{
    width: 560px;
    height: 99px;
    float: left;
    overflow: hidden;
    position: relative;
}
div#content-holder div.part-gallery_minic div#minigallery-box div#minigallery-thumbs ul#minigallery-thumblist{
    list-style: none;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}
div#content-holder div.part-gallery_minic div#minigallery-box div#minigallery-thumbs ul#minigallery-thumblist li.minigallery-thumb{
    list-style: none;
    float: left;
    width: 100px;
    height: 99px;
    margin: 0 6px;
    text-align: center;
}
div#content-holder div.part-gallery_minic div#minigallery-box div#minigallery-thumbs ul#minigallery-thumblist li.minigallery-thumb > a{
    display: block;
    width: 100px;
    height: 99px;
}
div#content-holder div.part-gallery_minic div#minigallery-box div#minigallery-thumbs ul#minigallery-thumblist li.minigallery-thumb > a span{
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
div#content-holder div.part-gallery_minic div#minigallery-box div#minigallery-thumbs ul#minigallery-thumblist li.minigallery-thumb > a img{
    display: inline-block;
    vertical-align: middle;
    max-width: 100px;
    max-height: 99px;
    height: auto;
    margin-top: -2px;
    position: relative;
}



/*------- MEDIA QUERIES -------*/

@media only screen and (min-width: 1324px){
    div#content-holder div.part-gallery_minic{
        width: 940px;
    }
    div#content-holder div.part-gallery_minic div#minigallery-box {
        padding: 10px 30px;
    }
    div#content-holder div.part-gallery_minic div#minigallery-box div#minigallery-thumbs{
        width: 778px;
    }
}

@media only screen and (min-width: 640px) and (max-width: 993px) {
    div#content-holder div.part-gallery_minic{
        width: 620px;
    }
    div#content-holder div.part-gallery_minic div#minigallery-box {
        padding: 10px 35px;
    }
    div#content-holder div.part-gallery_minic div#minigallery-box div#minigallery-thumbs{
        width: 450px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
    div#content-holder div.part-gallery_minic{
        width: 460px;
    }
    div#content-holder div.part-gallery_minic div#minigallery-box {
        padding: 10px 11px;
    }
    div#content-holder div.part-gallery_minic div#minigallery-box div#minigallery-thumbs{
        width: 338px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    div#content-holder div.part-gallery_minic{
        width: 310px;
    }
    div#content-holder div.part-gallery_minic div#minigallery-box {
        padding: 10px 48px;
    }
    div#content-holder div.part-gallery_minic div#minigallery-box div#minigallery-thumbs{
        width: 113px;
    }
}