@charset "UTF-8";
/* CSS Document */

body {
	/*width: 1700px;
	height: 1176px;*/
	
}

#mappacont {
	background-image: url(../images/mappa.svg);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
}

#mappasvg {
	display: inline-block;
	position: fixed;
	top: 0;
	left: 0;
	
}

.st0{fill: rgba(255,255,255,0);}

path.st0:hover {
	fill: rgba(255,255,255,0.8);
}

.ciccio{
	transform:translateX(calc(-50% + 2.5em)) translateY(calc(-100% - 2em));
	visibility: visible;
	opacity: 1;
}
.padded >.left, .padded > .right, .padded > .center{
	width: 33% !important;
}
.padded > .left{
	float: left !important;
}
.padded > .right{
	float:right !important;
}

.clear{
	clear:both;
}
.padded >.left:hover, .padded > .right:hover, .padded > .center:hover{
	/*background-color: #000 !important;*/
}
#content{
	padding-bottom: 35%;
	border-radius: 30px 30px 0 0;
}
.nomeprodotto{
	text-align: center;
	padding: 10px !important;
	
	background-color: #F2B100;
}
.gphr{
	margin: 0;
}
.prezzo{
text-align: center;

font-size: 1.2em;
font-weight: 600;
}
.cs-options > ul > li:first-child{
	display:none;
}
#sinistra, #centro, #destra{
	overflow: hidden;
	margin-top: -3px;
	height: 140px;
}
#sinistra:hover  #sx{
	margin-top: -137px;
}
#centro:hover  #cx{
	margin-top: -137px;
}
#destra:hover  #dx{
	margin-top: -137px;
}