img{
      -moz-user-select: none !important;
      -webkit-user-select: none !important;
      -ms-user-select: none !important;
      user-select: none !important;
    }
@font-face {
    font-family: 'code_boldregular';
    src: url('code_bold-webfont.woff2') format('woff2'),
         url('code_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'code_lightregular';
    src: url('code_light-webfont.woff2') format('woff2'),
         url('code_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.right-logo-gallery {
    position: absolute;
    right: 0;
    top: 10px;
}
#contents-gallery{height:100%; overflow-y:auto !important;}
.o-inner-wrapper{ margin: 0 auto 80px !important;}
#img-title-background{background-color:#304149; opacity:0.5;}
.img-title{ font-size:2em !important; font-family:"code_boldregular"; }
.collection-title{ font-size:1.2em ! important; font-family:"code_boldregular"; padding:10px 20px !important; }
.o-toolbar{ display:none;}
.o-thumb-image{ z-index:901;}
.o-thumb-image-2{ z-index:901;}
.overlay{position: absolute; z-index: 900;}
div#fpol { position: absolute; top: 0; left: 0; width: 100%; z-index: 98; display: none; text-align:left; }
#fpol .finestra { position: absolute; width: 500; height: 200; top: 50%; left: 50%; margin-top: -100px; margin-left: -250px; z-index: 99; background: #333333; }
#fpol .finestra img { border: none; margin: 5px;}
#fpol .finestra .chiudi { text-align: right; }
#fpol .finestra .testo { padding: 5px; color: #FFFFFF; }

.overlay-img{ z-index:999; position:absolute;}
.zoom-image-button{ width:29px; height:29px;}
.o-big-image{ margin-left:0 !important; margin-top:-150px;}
.opie-portfolio { position:relative;overflow:hidden;width:auto;padding:0 10%;margin:40px auto;}
.opie-portfolio .o-inner-wrapper { position:relative;display:block;width:100%;background:#FFF;margin:0 auto; font-family:"code_boldregular";}
.opie-portfolio .o-box .o-cover,.opie-portfolio .o-box .o-cover-bg,.opie-portfolio .o-box .o-cover-text,.opie-portfolio .o-box.mouseOn .o-cover-text{ position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;display:block;}
/* Here you can change the cover background */
.opie-portfolio .o-box .o-cover-bg{background:#fff;-webkit-trano-big-image-wrappersition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
/* Here you can change the opacity of the mouse over background opacity */
.opie-portfolio .o-box.mouseOn .o-cover-bg{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter: alpha(opacity=85);-moz-opacity: 0.85;-khtml-opacity: 0.85;opacity: 0.85;}
.opie-portfolio .o-box.mouseOut .o-cover-bg,.opie-portfolio .o-box .o-cover-bg{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.opie-portfolio .o-box .o-cover-text,.opie-portfolio .o-box.mouseOut .o-cover-text{display:none}
.opie-portfolio .o-box.active .o-cover{ display:none;}

.opie-portfolio .o-box {width:20%;height:20%;margin:0;padding:0;background:#FFF;display:inline-block;vertical-align:top;position:absolute;left:0px;top:0px;cursor:pointer;z-index:101;overflow:hidden;}
.opie-portfolio .o-box.active {cursor:auto;}
.opie-portfolio .o-box img.o-big-image{ width:auto;height:100%;max-width:none !important;z-index:98}
.opie-portfolio .o-box.active img.o-big-image{ display:block;width:auto;height:auto;}
.opie-portfolio .o-box .o-big-image-wrapper{ position:relative;margin:0;padding:0px;width:auto;height:auto;overflow:hidden;}
.opie-portfolio .o-box.zoomed .o-big-image-wrapper{width:auto ;height:auto }
.opie-portfolio .o-box img.o-thumb-image{ position:absolute;top:0;left:0;border:0;width:100%;height:auto;background:none;max-width:195px;max-height:195px}
.opie-portfolio .o-box img.o-thumb-image.auto{ position:absolute;top:0;left:0;border:0;max-width:none !important;max-height:none !important}
.opie-portfolio .o-box img.o-thumb-image.auto.width{ width:100%;height:auto;top:50%;}
.opie-portfolio .o-box img.o-thumb-image.auto.height{ width:auto;height:100%;left:50%;}
.opie-portfolio .o-box h2, .opie-portfolio .o-box h3, .opie-portfolio .o-box p { padding:20px 40px 0 20px;color:#fff;line-height:16px;font-size:14px;font-weight:normal;margin:0 }
.opie-portfolio .o-box .big{ display:none;}
.opie-portfolio .o-box .loader {background: #f1f1f1 url('pics/loader.gif') no-repeat center center;position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;}
.opie-portfolio .o-box .o-enlarge {z-index:99;position:absolute;right:20px;bottom:40px;display:none}
.opie-portfolio .o-box.active .o-enlarge {display:block;color:#f1f1f1;background: transparent url('pics/openInfo.png') no-repeat center center;width:30px;height:30px;}
.opie-portfolio .o-box.active .o-enlarge.opened {background: transparent url('pics/closeInfo.png') no-repeat center center;}
.opie-portfolio .o-box.active .o-enlarge span{display:none}
.opie-portfolio .o-box .o-extra-info {width:100%;z-index:100;display:none;position:relative;}

.opie-portfolio .o-box .o-toolbar {z-index:99;position:absolute;left:0px;top:-50px;height:50px;background:transparent;width:100%;display:block;margin:0px;padding:10px 0 0 10px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.opie-portfolio .o-box.active.mouseOn .o-toolbar {top:0px;}
.opie-portfolio .o-box.active.mouseOut .o-toolbar{top:-50px;}
.opie-portfolio .o-box .o-toolbar li {float:left;margin-left:5px;list-style:none;display:none;}
.opie-portfolio .o-box.active .o-toolbar a{display:block;width:29px;height:29px;}
.opie-portfolio .o-box.active .o-toolbar a span{display:none;}
.opie-portfolio .o-box .o-extra-info h3,.opie-portfolio .o-box .o-extra-info p{color:#000000}

.galleryNav  {border-bottom:2px solid #304149;width:90%;margin:40px auto 0;height:45px;}
.galleryNav li {float:left;list-style:none;margin-right:10px;padding-top:30px; font-family:"code_boldregular" ; text-decoration:none; font-size:14px; text-align:center;}
.galleryNav li.last {margin:0;}
.galleryNav li a.active {color:#304149;}
.galleryNav li a{color:#a0b1b9; text-decoration:none; padding-left:7px;}

@media all and (max-width: 960px) {
	.galleryNav li 
	{
		margin-right:5px;
	}
}
@media all and (min-width: 960px) {
	.galleryNav {height:75px;} 
	.galleryNav li {margin-right:5px;}
}