D3Hw.css

h1
{
	text-align: center;
}
svg
{
	font: 10px sans-serif;	
} 	 	

.background path 
{
	fill: none;
	stroke: #ddd;
	shape-rendering: crispEdges;
}

.foreground path 
{
	fill: none;
	stroke: steelblue;	
}

.brush .extent 
{
	fill-opacity: .3;
	stroke: #fff;
	shape-rendering: crispEdges;
	
}

.axis text 
{
	text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 1 -1px 0 #fff, -1px 0 0 #fff;
	cursor: move;
}

.axis .title
{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.axis line,
.axis path {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.label {
  -webkit-transition: fill 125ms linear;
}

.active .label:not(.inactive) {
  font-weight: bold;
}

.label.inactive {
  fill: #ccc;
}

.foreground path.inactive {
  stroke: #ccc;
  stroke-opacity: .5;
  stroke-width: 1px;
}

div.tooltip {
	position: absolute;
	text-align: center;
	width: 60px;
	height: 28px;
	padding: 2px;
	font: 12px sans-serif;
	background: lightsteelblue;
	border: 0px;
	border-radius: 8px;
	pointer-events: none;
}

.cell text {
  font-weight: bold;
  text-transform: capitalize;
}

.frame {
  fill: none;
  stroke: #aaa;
}

circle {
  fill-opacity: .7;
}

.axis,
.frame {
  shape-rendering: crispEdges;
}

.links line{

	stroke: steelblue;
	stroke-opacity: 0.5;	
}

.nodes circle {
	stroke: #fff;
	stroke-width: 1.5px;	
}

.node text {
stroke:#333;
cursos:pointer;
}

.link {
  stroke: steelblue;
}
p
{
	padding-left: 35px;		
	padding-right: 35px;
	padding-bottom: 10px;
}