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

#titolo {
	font-family: Futura, Arial, Helvetica, sans-serif; 
    letter-spacing: 0px!important;
	color:#FFF!important;
}

#infocontainer { 

	min-width: 340px; 
	top: 95px; 
}

.barif {
	margin-top: 10px;
	border-bottom: 0px solid #C5C5C5;
	padding: 15px 15px 15px 50px!important;
	color:#FFF!important;
	background:#ee2228!important;
	margin-left:0px!important;
	margin-top:30px!important;
}

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

#verticalDXwrapper {
	z-index: 999999;

	right: 18px;
}

#verticalSXwrapper {
	z-index: 999999;

	left: 18px;
}

.titologo {
	height: 100px;
}

.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 {
	border-top: 0px solid #CCC;
    border-bottom: 0px solid #CCC;
}

#navControlsZone {
	background-color: rgba(255, 255, 255, 0);
}

.parts:first-child {
    border-left: 0px solid #CCC;
}

.parts {
    border-right: none;
    border-left: none;
}

.o_text {
	opacity: 0.75;
}

.ohovered {
    opacity: 1;
}
.phovered {
    background-color: rgba(255, 255, 255, 0);
}




#navPanel {
	height: 72px;
	bottom: 25px;
}
#esterno {
	height: 72px;
}
#navControlsZone {
	height: 72px;
}
#navIntestazione, #navX {
	height: 72px;
}
#elementi {
	height: 72px;
}
#sottoelementi {
	height: 72px;
}
#elencoparti {
	height: 72px;
}

.partswrapper {
	flex-direction: column;
	gap: 10px;
}


.parts .o_img {
	width: 48px;
	height: 48px;
}
.parts .o_txt {
	height: 14px;
	line-height: 14px;
}
.parts .divimgmenu {
	width: 48px;
	height: 48px;
	line-height: 48px;
	margin: 0px;
}
.parts .o_text {
	line-height: 48px;
}
#elencoparti .imgmenu {
	width: 48px;
	height: 48px;
}
.sottoelementi .divimgmenu .imgmenu {
	width: 48px;
	height: 48px;
}




#elementi .parts {
	height: 72px;
	padding-left: 0px;
    min-width: 110px;
    max-width: 110px;

}
.sottoelementi .parts  {
	height: 72px;
    min-width: 110px;
    max-width: 110px;
}






@media screen and (max-width:800px) , screen and (max-height:768px) {
	
	.barif { padding: 15px 15px 15px 15px !important; }
	
	#navPanel {
		height: 56px;
		bottom: 15px;
		left: 6px;
	}

	#esterno {
		height: 56px;
	}
	#navControlsZone {
		height: 56px;
	}
	#navIntestazione, #navX {
		height: 56px;
	}
	#elementi {
		height: 56px;
	}
	#sottoelementi {
		height: 56px;
	}
	#elencoparti {
		height: 56px;
	}
	
	.partswrapper {
		flex-direction: column;
		gap: 8px;
	}

	.parts .o_img {
		width: 36px;
		height: 36px;
	}
	.parts .o_txt {
		font-size: 12px;
		height: 12px;
		line-height: 12px;
	}
	.parts .divimgmenu {
		width: 36px;
		height: 36px;
		line-height: 36px;
		margin: 0px;
	}
	.parts .o_text {
		line-height: 36px;
	}
	#elencoparti .imgmenu {
		width: 36px;
		height: 36px;
	}
	.sottoelementi .divimgmenu .imgmenu {
		width: 36px;
		height: 36px;
	}
	
	#elementi .parts {
		height: 56px;
		min-width: 90px;
		max-width: 90px;
	}
	.sottoelementi .parts {
		height: 56px;
		min-width: 90px;
		max-width: 90px;
	}

	#infocontainer { 
		top: 95px; 
	}

	.div_logo {
		pointer-events: none;
		position: absolute;
		height: 24px;
		bottom: 59px;
		right: 0px;
		z-index: 90;
		margin: auto;
		text-align: right;
	}
	#verticalDXwrapper {
		right: 12px;
	}
	#verticalSXwrapper {
		left: 12px;
	}
	.titologo {
		height: 80px;
	}
}

@media screen and (max-width:400px) {
	
	#infocontainer { 		
		min-width: calc(100vw - 56px); 
		top: 95px; 
	}
	.barif { padding: 15px 15px 15px 15px !important; }

	#navPanel {
		height: 42px;
		bottom: 15px;
		left: 0px;
	}

	#esterno {
		height: 42px;
	}
	#navControlsZone {
		height: 42px;
	}
	#navIntestazione, #navX {
		height: 42px;
	}
	#elementi {
		height: 42px;
	}
	#sottoelementi {
		height: 42px;
	}
	#elencoparti {
		height: 42px;
	}
	
	.parts .o_img {
		width: 24px;
		height: 24px;
	}
	.parts .o_txt {
		font-size: 10px;
		height: 10px;
		line-height: 10px;
	}
	.parts .divimgmenu {
		width: 24px;
		height: 24px;
		line-height: 24px;
		margin: 0px;
	}
	.parts .o_text {
		line-height: 24px;
	}
	#elencoparti .imgmenu {
		width: 24px;
		height: 24px;
	}
	.sottoelementi .divimgmenu .imgmenu {
		width: 24px;
		height: 24px;
	}



	.div_logo {
		pointer-events: none;
		position: absolute;
		height: 40px;
		bottom: 26px;
		
		z-index: 90;
		margin: auto;
		text-align: right;
	}
	#verticalDXwrapper {
		right: 6px;
	}

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

	#elementi .parts {
		height: 42px;
		min-width: 75px;
		max-width: 75px;
	}
	.sottoelementi .parts {
		height: 42px;
		min-width: 75px;
		max-width: 75px;
	}
}