/* ------------------ STRUTTURA MACCHIA APERTA ---------------*/
div#contenitore_dati
{
	max-height: 177px;
}

div.contenitoreMA
{
	position: relative;
	display: none;
	min-width: 1090px;
	min-height: 305px;
}

div.contenitoreMA div.row
{
	height: 100%;
}

div.container-fluid
{
	width: auto;
	height: 100%;
}

div.SelImg
{
    height: 5px;
    background-color: red;
    top: 0px;
    position: absolute;
}

.bottom-left-img,
.bottom-right-img {
	height: calc(100% - 190px);
}
/* ------------------ STRUTTURA MACCHIA APERTA ---------------*/



/* ------------------ IMAGINE CAMERA 2 ---------------*/
.top-left-img,
.top-right-img {
    height: 190px;
	padding: 5px;
}

.top-left-img .cam2-left,
.top-right-img .cam2-right
{
	height: 100%;
	width: 100%;
	cursor: pointer;
	transition-duration: 0.3s;
}
/*------------------- IMMAGINE CAMERA 2 --------------*/



/* ------------------ IMAGINE LASTRA ZOOM ---------------*/
.main-img
{
	height: 100%;
	padding: 5px;
	transition-duration: 0.3s;
}

div.main-img div.img-lastra
{
	height: 100%;
	transition-duration: 0.3s;
}

p.nfoto {
	text-align: center;
	background: #00000066;
	color: #FFFFFF;
	font-size: x-large;
	width: 50px;
	left: 50%;
	position: relative;
	transform: translate(-50%,0);
	display: none;
	margin: 0 0 0 0;
}
/* ------------------ IMAGINE LASTRA ZOOM ---------------*/



/* ------------------ MINIATURE LASTRE MACCHIA APERTA 2 ---------------*/
.cam1-left,
.cam1-right
{
	padding: 5px;
}

.cam1-left .img-ma-left,
.cam1-right .img-ma-right
{
	width: 100%;
	height: 200px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, calc(-50% - 90px));
	position: relative;
	cursor: pointer;
	transition-duration: 0.3s;
}

/* ------------------ MINIATURE LASTRE MACCHIA APERTA 2 ---------------*/
img-ma-bottom

.top-img,
.bottom-img {
        height: 0px;
}

/* ------------------ MINIATURE LASTRE MACCHIA APERTA 4 ---------------*/
.top-img
{
	padding-top: 5px;
	height: 0px;
	transition-duration: 0.3s;
}

.bottom-img
{
	padding-bottom: 5px;
	height: 0px;
	transition-duration: 0.3s;
}

.img-ma-topB,
.img-ma-bottomB
{
	width: 100%;
	height: 0%;
	cursor: pointer;
}

.top-img .img-ma-top,
.bottom-img .img-ma-bottom
{
	width: 300px;
	height: 0px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: relative;
	cursor: pointer;
	transition-duration: 0.3s;
}

/* ------------------ MINIATURE LASTRE MACCHIA APERTA 4 ---------------*/