.contenido {
	padding-left: 10px;
	padding-right: 10px;
}

svg {
  font: 10px sans-serif;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 12px;
}

.value {
  fill: white;
  display: none;
}

.axis {
  shape-rendering: crispEdges;
  pointer-events: none;
}

.axis path {
  stroke: none;
  opacity: 0;
  display: none;
}

.x.axis line {
  stroke: #666;
  stroke-opacity: .6;
}

line.tell {
	stroke: #cecece;
	stroke-opacity: .6;
}

.y.axis path {
  stroke: black;
}

.infobox {
    position: absolute;
    width: auto;
    min-width: 90px;
    max-width: 240px;
    padding: 10px;
    background-color: #eee;
    border-radius: 10px;
    pointer-events: none;
}

.infobox h4,
.infobox p {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
}

.infobox h4 {
	font-weight: 600;
	padding-bottom: 4px;
}

.infobox p {
	font-weight: normal;
	padding: 0;
}

.bar.acceso rect,
.bar.acceso text {
	display: none;
}

circle.perdida {
	fill: #993366;
	stroke: white;
	opacity: 0.60;
	filter: alpha(opacity = 60);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

circle.perdida:hover {
	fill: #662244;
	opacity: 1.0;
	filter: alpha(opacity = 100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

circle.acceso {
	fill: #99CC66;
	stroke: white;
	opacity: 0.60;
	filter: alpha(opacity = 60);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

circle.acceso:hover {
	fill: #86B359;
	opacity: 1.0;
	filter: alpha(opacity = 100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

text.label {
	cursor: pointer;
	fill: black;
	text-decoration: underline;
}

text.label:hover {
	fill: #CE0910;
}

#modal {
	background: white;
	
	position: absolute;
	width: 50%;
	top: 42%;
	left: 50%;
	margin: -25% 0 0 -25%;
	
	-webkit-transform: scale(0.8);
	
	opacity: 0;
	pointer-events: none;
	
	border-radius: 6px;
	box-shadow: 0px 0px 20px rgba( 0, 0, 0, 0.6 );
}

#modal h3,
#modal p {
	font-family: "Open Sans", Helvetica, sans-serif;
}

#modal h3 {
	padding: 0 20px;
}

#modal p {
	padding: 0 20px 20px;
}

.contenido.dialogIsOpen {
	-webkit-filter: blur(5px) grayscale(50%);
	
	-webkit-transform: scale(0.9);
	
	pointer-events: none;
}

#modal.dialogIsOpen {
	-webkit-transform: scale(1.1);
	opacity: 1;
	
	pointer-events: auto;
}

.contenido, #modal {
	transition: all 0.4s ease;
}

rect.total,
rect.fondo.even {
	display: none;
}

rect.fondo {
	fill: #f2eede;
}

#leyenda {
	float: right;
	margin-bottom: 20px;
}

#trimestre p {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	margin: 3px 10px;
	float: left;
	color: black;	
}

#leyenda a,
#interpretacion a {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	margin: 8px 30px;
	float: left;
	color: black;
}

#interpretacion a.normal {
	margin: 0;
	font-size: 12pt;
	font-weight: normal;
	float: none;
}

#leyenda a:hover,
#interpretacion a:hover,
#anteriores a:hover {
	color: #573A3B;
}

#leyenda svg {
	float: left; 
	margin-right: 40px;
}

#anteriores {
	margin-bottom: 160px;
}

#interpretacion h3,
#interpretacion p,
#anteriores h3,
#anteriores p {
	font-family: 'Open Sans', Helvetica, sans-serif;
}

#interpretacion h3,
#anteriores h3 {
	font-size: 20px;
}

#interpretacion h3,
#anteriores h3 {
	padding: 0 20px;
	margin-top: 0;
}

#interpretacion p,
#anteriores p {
	padding: 0 20px 20px;
}

#anteriores a,
#anteriores li {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 14px;
	
}

#anteriores.slide {
	float: right;
	padding-right: 20px;
	background: white;
	-webkit-box-shadow: #dddddd 0 5px 20px 0px;
	-webkit-filter: drop-shadow(20px 0px 5px rgba(0.86,0.86,0.86,1));
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=20, OffY=0, Color='#DDD')";
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=20, OffY=0, Color='#DDD')";
	margin-bottom: 0;
}

#anteriores.slide ul {
	list-style: none;
}