body {
    padding-top: 0px;
    padding-bottom: 40px;
    padding-left:0px;
    background-color:#FFF;
    font-family: 'Arial', sans-serif;

}



.node {
      stroke: #777;
      stroke-width: 3px;
      stroke-opacity: 0.0;
 }

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

.axis text {
    fill: none;
    stroke: #777;
    fill: #777;
    shape-rendering: crispEdges;
}


.label {
    fill: #777;
}

.waitinglabel {
    font: 500 30px "Maven Pro";
    fill: #000;
    fill-opacity: 0.8;
}
.datelabel {
    font:   30px "Maven Pro";
    fill: #777;
    fill-opacity:0.8;
}

.year.label.active {
    fill: #aaa;
}
.x_label{
    font: 200 12px "Maven Pro";
    fill: #AAA;
}

.y_label{
    font: 200 12px "Maven Pro";
    fill: #AAA;
}
.overlay {
    fill: none;
    pointer-events: all;
    cursor: ew-resize;
}
.etiqueta
{
}
.titulo
{
    font: 200 30px "Maven Pro";
    color: #000;
}
#fecha
{
    font: 200 15px "Maven Pro";
    color: #000;
}

#contenido
{
    font-size: 12px;
    margin-top:20px;
}

.untweet
{
    margin-bottom:10px;
    color:#4D4D4D;
    line-height:14px;
}

.untweet a
{
    color:#000;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br
{
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

#slider
{
    background: #DDD;
}
.rect
{
    background-color: #FFF;
}

.svgfondo
{
    fill: #FFF;
}

.ui-slider-horizontal {
    height: .4em;
}

.ui-widget-content {
    border: 0px solid #AAA;
}

a
{
    text-decoration: underline;
    color: #000;
}

.creditos
{
    margin-right: 100px;
    margin-top: 40px;
    font-size:10px;
}