@CHARSET "UTF-8";



/* -----------------  GALLERY  -------------------- */
.PictureGallery ul[data-structure="set"] {
	overflow: hidden;
}


.PictureGalleryItem {
	cursor: pointer;
	float: left;
}


.PictureGalleryItem>[data-structure="field"] {
	display: none !important;
}
/*
.PictureGalleryItem>[data-field="position"] {
	display: block !important;
	position: absolute;
	top:0px;
	left:0px;
	z-index: 100;
}
*/
.PictureGalleryDetail {
		text-align: center;	
		
	bottom: 30px;
    right: 30px;
    top: 30px;
    left: 30px;
    position: fixed;
}

.PictureGalleryDetail canvas{

  position: absolute;
  left: 0px;
  top: 0px;
/*
  background-color: red; 
  */
}


.PictureGalleryDetail>.btnClose {
	width: 25px;
	height: 25px;
	top: 20px;
	right:20px;
	position: absolute;		
}

.PictureGalleryDetail>.btnClose:after {
	font-family: 'FontAwesome';
	content: "";
	font-size: 25px;
	height:100%;
	width:100%;
	position: absolute;
	top: 0px;
	left:0px;		
	color: white;    
	text-shadow: 2px 2px 5px black;
}



.PictureGalleryDetail>.btnNext, .PictureGalleryDetail>.btnPrevious {
	height: 100%;
	width: 50%;	
	position: absolute;
	top: 0px;			
	cursor: pointer;
	background-repeat: no-repeat;	
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-in-out; /* Safari */
    transition: opacity 0.5s ease-in-out;	
}

.PictureGalleryDetail>.btnNext:hover, .PictureGalleryDetail>.btnPrevious:hover {
	opacity: 1;
}

.PictureGalleryDetail>.btnNext:after
{
	font-family: 'FontAwesome';
	content: "";
	height:50px;
	width:50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	font-size: 50px;
	color: white;
	right: 20px;
	text-shadow: 2px 2px 5px #000000;	
}


.PictureGalleryDetail>.btnPrevious:after
{
	font-family: 'FontAwesome';
	content: "";
	height:50px;
	width:50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	font-size: 50px;
	left: 20px;
	color: white;    
	text-shadow: 2px 2px 5px black;

}



.PictureGalleryDetail>.btnPrevious {
	position: absolute;
	left: 0px;
/*	
	background-image: url(gfx/btnPrevious.png);
	background-position: 10px center;		
*/
}


.PictureGalleryDetail>.btnNext {
	position: absolute;
	right: 0px;
/*
	background-image: url(gfx/btnNext.png);
	background-position: right 10px center;	
*/
}


.PictureGalleryDetail>.image {
/*	max-height: 100%;
	max-width: 100%;	
	vertical-align:text-bottom;
	opacity: 0.1;
*/
	display: none;
}




/*
.PictureGalleryDetail>img {
	max-width: 50%;		
	max-height: 50%;
	display: block;
}
*/