/* CSS Document */

.gallerylrgbutimg {
	
	height:100%;
	/*max-height:238px;*/
	text-align:center;
	
}

.gallerylrgbut
{
	float:left;width:237px;height:238px;padding-top:10px;border-right:10px solid #dfdeda;
	overflow:hidden;
	position:relative;
	text-align:left;
}

.gallerylrgbutr
{
	float:left;width:237px;height:238px;padding-top:10px;
	
}

.gallerylrgbutimgdiv
{
	float:left;
	position:relative;

/*	width:100%;
	max-width:237px;
*/	
	height:100%;
	max-height:238px;


/*	padding-top:10px;*/
	border-left:2px solid #ffffff;
	border-top:2px solid #ffffff;
	border-right:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	
	overflow:hidden;background-color: #eeeeee;
	
	
}

.gallerylrgbuttit
{
	
	position:absolute;top:200px;width:calc(100%);height:37px;overflow:hidden;font-size:9pt;padding-left:5px;padding-right:5px;line-height:34px;color:#ffffff;
}
div.transbox {
	position:absolute;top:200px;width:calc(100%);height:37px;overflow:hidden;font-size:9pt;padding-left:5px;padding-right:5px;line-height:34px;color:#ffffff;
  /*  margin: 30px;*/
    background-color: #000000;
    border: 1px solid black;
    opacity: 0.1;
    filter: alpha(opacity=10); /* For IE8 and earlier */
}

div.transbox p { 
    color: #ffffff;
}

.galleryminorzoom {
    padding: 0px;
    background-color: #ffffff;
    text-align:center;
    transition: transform .2s; /* Animation */
    width: 237px;
    height: 237px;
    margin: 0 auto;
}

.galleryminorzoom:hover {
    transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


@media (min-width: 120px)
{

}
@media (min-width: 320px)
{

}
@media (min-width: 480px)
{

}
@media (min-width: 768px)
{

}
@media (min-width: 992px)
{
	
}
@media (min-width: 1200px)
{

}