html, body {
	font-family: Lato, Arial, Helvetica, sans-serif;
}

#titolo {
	font-family: ExpositionSSi, Lato, Arial, Helvetica, sans-serif;
}

.barif {
	margin-top: 24px;
	border-bottom: 0px solid #C5C5C5;
}

.div_logo {
	pointer-events: none;
	position: absolute;
	height: 48px;
	bottom: 88px;
	right: 24px;
	left: 24px;
	z-index: 90;
	text-align: right;
}

.modal_intro {
    margin-top: 8px;
}

#verticalDXwrapper {
	z-index: 999999;

	right: 18px;
}

#verticalSXwrapper {
	z-index: 999999;

	left: 18px;
}

.titologo {
	height: 48px;
}

.sottomenu {
	color: #000000;
}

.imgmenu_or {
	width: 24px;
	height: 24px;
	margin: 6px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	line-height: 0;
}

.tooltipster-sidetip .tooltipster-content {
	color: #000000;
}

.tooltipster-sidetip.tooltipster-mat .tooltipster-content {
	color: #000000;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-content:before {
	content: "  ";
}

.tooltipster-sidetip.tooltipster-left .tooltipster-content {
	color: #000000;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-content {
	color: #000000;
}

.tooltipster-sidetip.tooltipster-rl1 .tooltipster-content {
	color: #000000;
}

#zoombar .o_text {
	opacity: 0.75;
}

#navPanel {
	width: 100vw;
	max-width: 100vw;
	bottom: 0px;
	left: 0px;
}

#esterno {
	width: 100vw;
	max-width: 100vw;
}

#navControlsZone {
	width: 100vw;
	max-width: 100vw;
	background-color: rgba(255, 255, 255, 1);
}









#elementi .parts {
    min-width: 280px;

}
.sottoelementi .parts  {
    min-width: 280px;
}








@media screen and (max-width:800px) , screen and (max-height: 768px) {
	.barif {
		margin-top: 18px;
		margin-left: 18px;
	}
	.div_logo {
		pointer-events: none;
		position: absolute;
		height: 24px;
		bottom: 82px;
		right: 18px;
		left: 18px;
		z-index: 90;
		text-align: right;
	}
	#verticalDXwrapper {
		top: 12px;
		right: 12px;
	}
	#verticalSXwrapper {
		left: 12px;
	}

	.titologo {
		height: 24px;
	}
}

@media screen and (max-width:400px) {
	.barif {
		margin-top: 6px;
		margin-left: 6px;
	}
	.div_logo {
		pointer-events: none;
		position: absolute;
		height: 20px;
		bottom: 70px;
		right: 6px;
		z-index: 90;
		text-align: right;
	}
	#verticalDXwrapper {
		right: 6px;
	}

	#verticalSXwrapper {
		left: 6px;
	}
	.titologo {
		height: 20px;
	}

	#elementi .parts {
		min-width: 200px;
	}
	.sottoelementi .parts {
		min-width: 200px;
	}
}