.ajustableHeight{
	height:100vh;
	position:relative;
}

.ajustableHeight.perc_120{
	height:120vh;
}

.ajustableHeight.perc_110{
	height:110vh;
}

.ajustableHeight.perc_90{
	height:90vh;
}

.ajustableHeight.perc_80{
	height:80vh;
}
.ajustableHeight.perc_50{
	height:50vh;
}
.ajustableHeight.perc_60{
	height:60vh;
}



/* END valores fijos a ajustar dependiendo del resto de estilos para eliminar la cabecera y el pie */


/* espacio para slider horizontal */
.bloqueBGInHor{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
}

.imgSliderHor {
    position: relative;
    left: auto;
    top: auto;
    
	height: 100%;
    width: auto;


    margin: 0px 40px;
    display: inline-block;
    background: transparent;
}

.imgSliderHor img{
	height: 100%;
    width: auto;
	position:relative;
	display:block;
}

.bloqueBGInHor.canFitImage .imgSliderHor{
	max-width:100vw;
}

.bloqueBGInHor.canFitImage .imgSliderHor img{
	max-width:100%;
	object-fit:cover;
}


/* tabla y celda interior height 100% */
.ajustableHeight{
	display:table;
	width:100%;
	height:100vh;
	table-layout:fixed;
	min-height:450px;
}

.ajustableHeight.dispBlock{
	display:block;
}

.ajustableHeight.perc_120{
	min-height:600px;
}

.ajustableHeight.perc_110{
	min-height:500px;
}

.ajustableHeight.perc_90{
	min-height:400px;
}

.ajustableHeight.perc_80{
	min-height:500px;
}
.ajustableHeight.perc_50{
	min-height:225px;
}

.ajustableHeight.perc_60{
	min-height:275px;
}
html.mob .ajustableHeight{
	min-height:300px;
}


html.mob .ajustableHeight.perc_80{
	min-height:200px;
}

html.mob .ajustableHeight.perc_60{
	min-height:150px;
}


.ajustableHeightIn{
	display:table-cell;
	width:100%;
	height: 100%;
	vertical-align:middle;
}





/* divs flotantes sobre tabla 100% para poner un slider full screen y texto encima */


.ajustableHeightInIn{
	position:absolute;
	display:block;
	height: 100%;
	width: 100%;
	top:0px;
	left:0px;
}	

.ajustableHeightInIn.relative{
	position:relative;
	top:auto;
	left:auto;
}






/* divs dentro de tabla 100% para poner un slider half screen y texto al lado */

.adjustable_bloque_doble_table{
	position:relative;
	display:table;
	height: 100%;
	width: 100%;
	table-layout:fixed;
}

.adjustable_bloque_doble_table.invertida{
	direction:rtl;
}

.adjustable_bloque_doble_table_row{
	position:relative;
	display:table-row;
	height: 100%;
	width: 100%;
}

.adjustable_bloque_doble_table_cell{
	position:relative;
	display:table-cell;
	height: 100%;
	width: 50%;
	vertical-align: middle;
	direction:ltr;
}

.adjustable_bloque_doble_table_cell_in_block,
.adjustable_bloque_doble_table_cell_in{
	position:relative;
	display:block;
	width:100%;
	height:100%;
}



.adjustable_bloque_doble_table_cell.w_70{
	width: 70%;
}

.adjustable_bloque_doble_table_cell.w_30{
	width: 30%;
}

.adjustable_bloque_doble_table_cell.w_90{
	width: 90%;
}

.adjustable_bloque_doble_table_cell.w_10{
	width: 10%;
}




/* contenedor de imagen + escalado object-fit */
.imageContainer{
	overflow:hidden;
	position:relative;
	width:100%;
	height:100%;
	/*background:#f00;*/
}

.adjustable_bloque_doble_table_cell_in .imageContainer{
	min-height:300px;
}

.imageContainer.absoluto{
	position:absolute;
	top:0px;
	left:0px;
}

.iframeCenter,
.videoCenter,
.videoBg,
.imageContainer video,
.imageContainer img{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block;
}


.videoCenter.cover,
.videoBg,
.imageContainer video:not(.videoCenter),
.imageContainer img{
	-webkit-object-fit:cover;
	-webkit-object-position: center;

	object-fit:cover;
	object-position: center;

}

		

.ajustar .videoBg,
.imageContainer.ajustar video,
.imageContainer.ajustar img{
	-webkit-object-fit:contain;
	object-fit:contain;
}


.videoBg.derecha,
.imageContainer video:not(.videoCenter).derecha,
.imageContainer img.derecha{
	-webkit-object-position: right;
	object-position: right;
}

.videoBg.izquierda,
.imageContainer video:not(.videoCenter).izquierda,
.imageContainer img.izquierda{
	-webkit-object-position: left;
	object-position: left;
}

.videoBg.abajo,
.imageContainer video:not(.videoCenter).abajo,
.imageContainer img.abajo{
	-webkit-object-position: bottom;
	object-position: bottom;
}

.videoBg.arriba,
.imageContainer video:not(.videoCenter).arriba,
.imageContainer img.arriba{
	-webkit-object-position: top;
	object-position: top;
}

.alinear.alin_bottom video,
.imageContainer.alinear.alin_bottom video,
.imageContainer.alinear.alin_bottom img{
	-webkit-object-position: bottom;
	object-position: bottom;
}

.alinear.alin_bottom_left .videoBg,
.imageContainer.alinear.alin_bottom_left video,
.imageContainer.alinear.alin_bottom_left img{
	-webkit-object-position: bottom left;
	object-position: bottom left;
}

.alinear.alin_bottom_right .videoBg,
.imageContainer.alinear.alin_bottom_right video,
.imageContainer.alinear.alin_bottom_right img{
	-webkit-object-position: bottom right;
	object-position: bottom right;
}

.alinear.alin_center_left .videoBg,
.imageContainer.alinear.alin_center_left video,
.imageContainer.alinear.alin_center_left img{
	-webkit-object-position: center left;
	object-position: center left;
}

.alinear.alin_center_right .videoBg,
.imageContainer.alinear.alin_center_right video,
.imageContainer.alinear.alin_center_right img{
	-webkit-object-position: center right;
	object-position: center right;
}

.alinear.alin_top_left .videoBg,
.imageContainer.alinear.alin_top_left video,
.imageContainer.alinear.alin_top_left img{
	-webkit-object-position: top left;
	object-position: top left;
}

.alinear.alin_top_right .videoBg,
.imageContainer.alinear.alin_top_right video,
.imageContainer.alinear.alin_top_right img{
	-webkit-object-position: top right;
	object-position: top right;
}

.alinear.alin_top_center .videoBg,
.imageContainer.alinear.alin_top_center video,
.imageContainer.alinear.alin_top_center img{
	-webkit-object-position: top center;
	object-position: top center;
}



/* media queries para la tabla doble en vertical */

@media screen and (orientation:portrait),(max-width:800px) {


	.ajustableHeightIn.contable{
		display: table-row;
	}

	.adjustable_bloque_doble_table{
		position:relative;
		display:table-cell;
		height:100%;
	}

	.adjustable_bloque_doble_table_row{
		position:relative;
		display:table;
		height: 100%;
		width: 100%;
		table-layout:fixed;
	}


	.adjustable_bloque_doble_table_cell.w_90,
	.adjustable_bloque_doble_table_cell.w_10
	.adjustable_bloque_doble_table_cell.w_30,
	.adjustable_bloque_doble_table_cell.w_70,
	.adjustable_bloque_doble_table_cell{
		position:relative;
		display:table-row;
		width: 100%;
		height: 0%;
	}

	.adjustable_bloque_doble_table_cell_in{
		position:relative;
		display:table-cell;
		height:auto;
	}
}