#gallery-div {
	background: white;
	padding-top: 2em;
}


.gallery-img-title {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	padding: 0.2em;
}
.gallery-img-subtitle {
	text-align: center;
	font-size: 1em;
	font-weight: bold; 
	padding: 0.2em;
	
}

#gallery-div-slider-inav {
	background: #879b9b;
	margin: 2%;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: auto;
	clear: both;
	
}

#gallery-div-slider-inav > div{
	height: 100%;
	width: 100%;
}


.table-image {
	max-height: 60vh;
	max-width: 100%;
	width: auto;
	height: auto;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);


}

.fullscreen-image {
	position: absolute;
	left: 0vw;
	max-width: 100vw;
	max-height: 100vh;
	width: auto;
	height: auto;
	top: 0em;
	padding-bottom: 200%;
	background: rgba(37,37,37,0.9);
	
}
.fullscreen-image img{
	max-width: 90vw;
	max-height: 100vh;
	width: auto;
	height: auto;
	top: 0em;
	padding: auto;
	padding-top: 7.5em;
	padding-bottom: 200%;
	
}


.fullscreen-image .nav-button-td
{
	max-width: 3vw;
	min-height: 60vh;
	width: 5vw;
	height: 300vh;
	vertical-align: top;
	padding-top: 10vh;
}
.fullscreen-image .nav-button-td div
{
    background-position: none; 	
	background-repeat: repeat-y;
}

.fullscreen-image .gallery-img-prev, .fullscreen-image .gallery-img-next {
	max-height: 110vh;
	height: 110vh;
}


#gallery-div-slider-inav table {
	width: 100%;
}

.nav-button-td {
	min-width: 35px;
	width: 5%;
	height: 100%;
	overflow: auto;
	padding: 0px;
}



.gallery-viewer-td {
	text-align: center;
}



.gallery-img {
	width: 100%;
}
.gallery-img table {
	height: 100%;
	vertical-align: middle;
	table-layout: fixed;
}



.gallery-img-prev, .gallery-img-next {
	text-align: center;
	width: 100%;
	overflow: auto;
	min-height: 60vh;
	max-height: 60vh;
	outline: 5px white;
	
	
}
.gallery-img-prev {
	background: #879b9b;
	background-image: url('../../img/arrow_left.png');
	background-repeat: repeat-y;
    background-position: center; 	
	opacity: 0.3;
}

.gallery-img-next {
	background: #879b9b;
	background-image: url('../../img/arrow_right.png');
	background-repeat: repeat-y;
    background-position: center; 	
	opacity: 0.3;
	
	
}






.gallery-img-prev:hover, .gallery-img-next:hover {
	opacity: 0.8;
}
.gallery-img-prev a, .gallery-img-next a {
	display: block;
	text-decoration: none;
	color: white;
	height: 100%;
	overflow: auto;
	padding-top: 35vh;
	padding-bottom: 35vh;
	
}


#gallery-div-thumbs {
	overflow: hidden;
	height: auto;
	margin: 1em;
	
}


#gallery-div-thumbs > div {
	text-align: center;
	width: 44%;
	height: 30%;
	min-width: 240px;
	min-height: 170px;
	float: left;
	background: #dbe1e0;
	margin: 2%;
	padding: 0.5em;
}

.gallery-thumb-img-link img {
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);

}
.gallery-thumb-img-link div {
	margin: 0.4em;
	color: black;
	font-weight: bold;

}