/* PHOTO GALLERY STYLES - LUXSOFT */

/* ---- GENERAL TAGS ----- */
h4 {font-size:1.2em; margin:10px 0; color:#404060;}
p {margin:4px 0;}
a:link {color:blue; text-decoration:none;}
a:hover {color:red; text-decoration:none;}

/* ---- GENERAL STYLES ----- */
.hide {display:none;}
.clear {clear:both;}
.press {cursor:pointer;}
.zoom {cursor:zoom-in;}
.floatC {text-align:center;}
.big {font-size:1.4em;}
span.fullscreen {position:fixed; top:0px; right:10px; color:#888; font-size:3em; cursor:pointer; z-index:10;}

/* ---- ALBUM PAGE ----- */
.albumBox {padding:20px 2%;}
span.albTopR {position:absolute; top:20px; right:2vw; z-index:10;}
button.dload {margin-top:6px; display:none;}

/* --- GALLERY/ALBUM IMAGES --- */

.gImgBox, .aImgBox {position:relative; float:left; margin:0 12px 12px 0;}
.gImgBox span.albSuf {position:absolute; bottom:0; left:0; padding:0 5px; font:0.6em tahoma; color:#1358A8; background:#FFFFFF; border-radius:0 4px 0 0;}
.gImgBox img, .aImgBox img, .aImgBox video {border-radius:8px; float:left; min-height:200px;}
.gImgBox p {position:absolute; bottom:7%; width:100%; text-align:center;}
.gImgBox p span {font:1.0em tahoma; padding:0 6px; color:#105080; background:rgba(255,255,255,0.7); border-radius:4px;}
.aImgBox p {position:absolute; bottom:0; width:100%; text-align:center;}
.aImgBox p span {font:0.9em tahoma; padding:0 4px; color:#105080; background:rgba(255,255,255,0.7); border-radius:4px;}

/* ---- SLIDE PAGE ----- */
#slMenu {
	position:fixed; top:5px; left:0; right:0;
	display:table;
	margin:0 auto;
	line-height:20px;
	visibility:hidden;
	background:rgba(255,255,255,0.5);
	border-radius:4px;
	z-index:100;
}

#slMenu span {
	padding:0 10px;
	font-size:2.4em;
	cursor:pointer;
}

#slMenuL, #slMenuR {
	color:#808080;
}

#slMenuM, #slMenuI {
	color:#808080;
}

#slideBox {
	position:fixed; top:0px; bottom:40px; left:2%; right:2%; z-index:10;
	visibility:hidden;
	background:#E8E8E8;
	overflow:hidden;
}

.slide {
	position:absolute; top:50%; left:50%;
	transform:translate(-50%,-50%);
	transition:opacity 1.5s ease-in;
	border:1px solid #AAAABB;
	border-radius:4pt;
	padding:4px;
	opacity:0;
}

.slide img, .slide video {
	max-width:calc(98vw - 4px);
	max-height:calc(98vh - 4px);
/*	transition:background-size 0.1s all;*/
}

.slide p {
	position:absolute; bottom:3%; left:0; right:0;
	text-align:center;
}

.slide p span {font:1.0vw tahoma; font-weight:bold; line-height: 1.4; color:#204060; background:rgba(255,255,255,0.5); border-radius:4px;}

div#infoBox {
	position:absolute; top:0; left:50%;
	transform:translate(-50%,-20%);
	opacity:0; transition: opacity 1.5s;
	color:#083060; background:#F8F8F8;
	font-size:1.1em;
	padding:10px;
	max-width:80%;
	border:1px solid #336699; border-radius:5px; box-shadow:5px 5px 5px #888;
	cursor:pointer;
	z-index:50;
}

div.helpInfo p {line-height:0.5cm;}