svg {
	width: 100%;
	height: 100%;
}

svg a {
	cursor: pointer;
}

#Numeri,
#logos {
	pointer-events: none;
}

#shops polygon,
#shops rect {
	transition: fill 0.2s;
}
#Negozi polygon,
#Negozi  rect,
#Negozi path {
	fill: #E0E0E0;
	stroke: #fff;
	stroke-width: 0.5;
}
/* Department */
#Utility a.hovered > *,
#Utility a.active > polygon,
#Utility a.active > rect,
#Utility a.active > path,
#Utility polygon:hover,
#Utility rect:hover,
#Utility path:hover {
	fill: #8dc9eb;
}
#Salute-Benessere a.hovered > *,
#Salute-Benessere a.active > polygon,
#Salute-Benessere a.active > rect,
#Salute-Benessere a.active > path,
#Salute-Benessere polygon:hover,
#Salute-Benessere rect:hover,
#Salute-Benessere path:hover {
	fill: #348913;
}
#Iperstore a.hovered > *,
#Iperstore a.active > polygon,
#Iperstore a.active > rect,
#Iperstore a.active > path,
#Iperstore polygon:hover,
#Iperstore rect:hover,
#Iperstore path:hover {
	fill: #E00A04;
}
#Hi-Tech a.hovered > *,
#Hi-Tech a.active > polygon,
#Hi-Tech a.active > rect,
#Hi-Tech a.active > path,
#Hi-Tech polygon:hover,
#Hi-Tech rect:hover,
#Hi-Tech path:hover {
	fill: #0378ef;
}
#FreeFlow-FastFood a.hovered > *,
#FreeFlow-FastFood a.active > polygon,
#FreeFlow-FastFood a.active > rect,
#FreeFlow-FastFood a.active > path,
#FreeFlow-FastFood polygon:hover,
#FreeFlow-FastFood rect:hover,
#FreeFlow-FastFood path:hover {
	fill: #7e5491;
}
#Fashion a.hovered > *,
#Fashion a.active > polygon,
#Fashion a.active > rect,
#Fashion a.active > path,
#Fashion polygon:hover,
#Fashion rect:hover,
#Fashion path:hover {
	fill:  #8eb9a4;
}
#Curiosita a.hovered > *,
#Curiosita a.active > polygon,
#Curiosita a.active > rect,
#Curiosita a.active > path,
#Curiosita polygon:hover,
#Curiosita rect:hover,
#Curiosita path:hover {
	fill:  #efa403;
}
#Bar-Snack a.hovered > *,
#Bar-Snack a.active > polygon,
#Bar-Snack a.active > rect,
#Bar-Snack a.active > path,
#Bar-Snack polygon:hover,
#Bar-Snack rect:hover,
#Bar-Snack path:hover {
	fill: #59326c;
}
#Accessori a.hovered > *,
#Accessori a.active > polygon,
#Accessori a.active > rect,
#Accessori a.active > path,
#Accessori polygon:hover,
#Accessori rect:hover,
#Accessori path:hover {
	fill: #e103e9;
}

#Casa a.hovered > *,
#Casa a.active > polygon,
#Casa a.active > rect,
#Casa a.active > path,
#Casa polygon:hover,
#Casa rect:hover,
#Casa path:hover {
	fill: #59d210;
}

#TypicalRestaurant a.hovered > *,
#TypicalRestaurant a.active > polygon,
#TypicalRestaurant a.active > rect,
#TypicalRestaurant a.active > path,
#TypicalRestaurant polygon:hover,
#TypicalRestaurant rect:hover,
#TypicalRestaurant path:hover {
	fill: #ad8cbd;
}
#Mercatino-iGigli a.hovered > *,
#Mercatino-iGigli a.active > polygon,
#Mercatino-iGigli a.active > rect,
#Mercatino-iGigli a.active > path,
#Mercatino-iGigli polygon:hover,
#Mercatino-iGigli  rect:hover,
#Mercatino-iGigli  path:hover {
	fill: #ffb9b7;
}

/*Food*/
#food polygon,
#food rect {
	fill: #BCD86B;
	stroke: #fff;
	stroke-width: 0.5;
}

#food polygon:hover,
#food rect:hover {
	fill: #a6ce38;
}

/* Clothing */
#clothing polygon,
#clothing rect {
	fill: #000;
	stroke: #fff;
	stroke-width: 0.5;
}

#clothing polygon:hover,
#clothing rect:hover {
	fill: #000;
}

/* Health */
#health polygon,
#health rect {
	fill: #EF9C5E;
	stroke: #fff;
	stroke-width: 0.5;
}

#health polygon:hover,
#health rect:hover {
	fill: #c0c0c0;
}

/* Misc */
#misc polygon,
#misc rect,
#misc path {
	fill: transparent;
	stroke: #fff;
	stroke-width: 0.5;
}

#misc polygon:hover,
#misc rect:hover,
#misc path:hover {
	fill: #963062;
}