.area
{
	fill: #B0C4DE;
}

.line1,.line2,.line3
{
	fill: none;
	stroke-width: 1.5px;
}

.line1
{
	stroke:#FF0;
}

.line2
{
	stroke: red;
}

.line3
{
	stroke: green;
}

.dot1,.dot2,.dot3
{
	fill: #FFF;
	stroke-width: 1.5px;
}

.dot1
{
	stroke: purple;
}

.dot2
{
	stroke: #D2691E;
}

.dot3
{
	display: none;
	stroke: #00CED1;
}

.div_grafico_tooltip
{
    position: absolute;
    text-align: center;
    width: 200px;
    height: 80px;
    padding: 10px 0 0 0;
    font: 12px sans-serif;
    background: lightsteelblue;
    border: 0px;
    border-radius: 8px;
    pointer-events: none;
	opacity: 0;
	z-index: 9999;
	line-height: 30px;
}

.div_grafico_tooltip_offsets
{
	top: -50px;
	left: -50px;
}

.div_grafico_multiline
{
	position: relative;
	width: 650px;
	height: 400px;
	float: right;
}

.div_grafico_multiline svg
{
	position: relative;
}

.div_grafico_multiline text
{
	fill: white;
}

.div_grafico_legenda
{
	position: absolute;
	width: 200px;
	height: 100px;
	left: -220px;
	top: 250px;
	opacity: 0.6;
	line-height: 30px;
}

.div_grafico_quadrado_legenda
{
	width: 20px;
	height: 20px;
	line-height: 15px;
}