#drawing { margin: 0 auto; width: 1024px; height: 1024px; }
svg.circles { background-color: #ecf0f1; }

svg.circles ellipse,
svg.circles g.as-circle path { stroke-width: 0; fill-opacity: 0.35; stroke-opacity: 1; }
svg.circles text { font-family: Arial; font-size: 48px; text-anchor: start; }

svg.circles g.family { fill: #ef6565; stroke: #c30000; }
svg.circles g.family tspan { fill: #c30000; }
svg.circles g.family path { stroke: #c30000; }
svg.circles g.business { fill: #00acff; stroke: #006ec3; }
svg.circles g.business tspan { fill: #006ec3; }
svg.circles g.business path { stroke: #006ec3; }
svg.circles g.ownership { fill: #fdff00; stroke: #c09100; }
svg.circles g.ownership tspan { fill: #c09100; }
svg.circles g.ownership path { fill: #c09100; }

svg.circles g.border-plain ellipse,
svg.circles g.as-circle path.border-plain { stroke-width: 4px; }
svg.circles g.border-dashed ellipse,
svg.circles g.as-circle path.border-dashed { stroke-width: 4px; stroke-dasharray: 18,10; }

svg.circles g.text-over text { text-anchor: middle; }

svg.circles g.persons rect,
svg.circles g.persons circle,
svg.circles g.persons ellipse { stroke: black; stroke-width: 2px; fill: white; fill-opacity: 1; stroke-opacity: 1; }

svg.circles g.persons .male { stroke: #00f; }
svg.circles g.persons .female { stroke: #f0f; }

svg.circles g.persons text { font-family: Arial; font-size: 12px; text-anchor: middle; }

svg.circles g.zoneNumber text.number { text-anchor: middle; font-size: 55px; }