.galery-items{background:#ffffff; border:solid 1px #dbdbdb;}
.galery-items ul {list-style:none; padding:0;margin:0;}
.galery-items ul li{padding:0;margin:0;}

.galery-items ul.navigation { padding:3%;}
.galery-items ul.navigation li{display:inline;margin:0px 0px 0px 0px;}
.galery-items ul.navigation li a {text-decoration:underline;}
.galery-items ul.navigation li span{margin:0px 5px 0px 5px;}

.galery-items ul.list-folders{}
.galery-items ul.list-folders li{float:left;width:22%;margin-left:2%;margin-top:2%;}
.galery-items ul.list-folders li a{ border:solid 1px #ffffff; background:url('galery/folder.png') center 10px no-repeat #f9f9f9; display:block;height:190px; width:100%;position:relative; overflow:hidden; text-decoration: none;}
.galery-items ul.list-folders li a:hover{ background-color:#f4f4f4;border:solid 1px #dbdbdb;}

.galery-items ul.list-folders li a .head {height:110px;position:relative;}
.galery-items ul.list-folders li a .folder-wrapper{border:solid 1px #bcbcbc;background:#ffffff;width:52px;height:40px;padding:5px 5px;position:absolute;left:50%;margin-left:-30px;top:25px;}
.galery-items ul.list-folders li a .folder-wrapper figure.folder-image{}
.galery-items ul.list-folders li a .folder-wrapper figure.folder-image img{max-width:100%;}

.galery-items ul.list-folders li a .folder-items{
    background:#777777;font-size:10px; padding:0px;color:#ffffff;position:absolute;top:80px; right:15px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.galery-items ul.list-folders li a .folder-items h1{padding:1px 5px 1px 5px;color:#ffffff;margin:0;font-size:9px;}
.galery-items ul.list-folders li a .folder-items .arrow{position:absolute;top:-10px;left:10px;}
.galery-items ul.list-folders li a .folder-title{ text-align:center; width:95%;margin:auto; font-size:12px; color:#595959;font-weight:700;}


.galery-items ul.list-pictures {margin:20px 0px 0px 0px;}
.galery-items ul.list-pictures li {float:left; width:22%; margin:0px 0px 10px 2%;}
.galery-items ul.list-pictures li a {background:#ffffff; display:block;position:relative; text-decoration: none;}
.galery-items ul.list-pictures li a .head {padding:5px;background:#f9f9f9;border:solid 1px #dbdbdb;}
.galery-items ul.list-pictures li a .head .ls-image{
    width:90%; height:90%;margin:5px auto 5px auto;display:block;position:relative;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

.galery-items ul.list-pictures li a:hover .head .ls-image{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;

}

.galery-items ul.list-pictures li a .head .loupe{display:none;}
.galery-items ul.list-pictures li a:hover .head .loupe{
    border:none; position:absolute;display:block; width:26px; height:25px;right:20px;margin:0px 0px 0px -6px; top:20px;
}

.galery-items ul.list-pictures li a .head .ls-image{overflow:hidden;height:90px;border:solid 0px #808080;}
.galery-items ul.list-pictures li a .head .ls-image img{max-width:100%;}

.galery-items ul.list-pictures li a .folder-title{ text-align:center;height:40px; overflow:hidden; width:95%;margin:auto; font-size:11px; color:#595959;font-weight:400;margin:5px 0px 0px 0px;}


/************************************************************************************
RESPONSIVE LAYOUT
*************************************************************************************/

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
    .galery-items ul.list-folders li{float:left;width:47%;}
    .galery-items ul.list-pictures li {float:left; width:47%;}

    .galery-items ul.list-folders {margin:auto;width:95%;}
    .galery-items ul.list-pictures {margin:auto;width:95%;}
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) 
and (max-width : 480px) {
}