/* Sistema di adattamento delle immagini HoloSizer ====================== */
/* Plugin JQuery v0.4 */

/* HoloSizer: classi base */
.PosizionequadroSpeciale { /* Classe del bloccoportante */
    position: relative;
    overflow: hidden;
}

/* Classi circostanziali */
/* nel caso si voglia usare il sistema di adattamento base ma con un div intermedio,
è consigliato aggiungere un codice di questo tipo
il suo obiettivo è mantenere il blocco esteso al 100% del div genitore e inserire il comando
inline flex per i margini automatici */

.PosizionequadroSpeciale > .item-image{ /* Classe del bloccoportante + classe div intermedio*/
	height: 100%;
	width: 100%;
	display: inline-flex;
}

/* Holosizer: Modalità normale */
.imgAltezza{
	height: 100%;
	width: auto;
	
	margin: auto !important;
}

.imgLarghezza{
	width: 100%;
	height: auto;
	
	margin: auto !important;
}

/* Holosizer: Modalità Sovraddimenzionamento */
.divImgLarghezza .imgLarghezza{ /* respone*/
	width: 100% !important;
	height: auto !important;
	
	margin: auto !important;
}

.divImgAltezza .imgAltezza{ /* Wide */
	height: 100% !important;
	width: auto !important;
	
	margin: auto !important;
}

.divImgLarghezza{
	width: 100% !important;
	height: 200% !important;
	position: absolute;
	top: -50%;
	left: 0%;

	display: inline-flex;
}

.divImgAltezza{
	height: 100% !important;
	width: 200% !important;
	position: absolute;
	left: -50%;
	top: 0;

	display: inline-flex;
}

/* Sistema di adattamento delle immagini HoloSizer - termine ============ */