div.grafico_enlinea {
margin-top: 10px;
}

div#grafico_debate {
background-color: #f1efef;
width:960px;
height:400px;
float:left;
margin-bottom:15px;
}

div#grafico_tuiteos {
margin:15px;
background-color: #ffffff;
width: 708px;
height:340px;
float:left;
}

div#leyenda_candidatos {
float:left;
padding-top: 15px;
margin-left:42px;
margin-right:40px;
clear:right;
height:340px;
}

div#leyenda_candidatos_cuatro {
float:left;
padding-top: 15px;
margin-right:0px;
margin-left:-10px;
clear:right;
height:340px;
width:232px;
}

div#leyenda_candidatos_cuatro div.leyenda_candidato_cuatro {
width:111px;
height:146px;
border: 1px solid #d3d3d3;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
padding-top:5px;
margin-bottom:25px;
margin-right:2px;
float:left;
}

div#leyenda_candidatos_cuatro div.leyenda_candidato_cuatro span {
width:111px;
height:8px;
display: block;
margin-top:16px;
}

div.leyenda_candidato {
width:135px;
height:144px;
border: 1px solid #d3d3d3;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
padding-top:5px;
margin-bottom:20px;
}

div.leyenda_candidato:after {
background-color: none;
}

div.leyenda_candidato:first-child:after {
background-color: #ff0093;
}

div.leyenda_candidato:after {
content: '';
width:135px;
height:8px;
bottom:-8px;
background-color: #0c8dff;
display: block;
position: relative;
}

div.leyenda_candidato img {
margin-bottom:5px;
}

div#grafico_tuiteos g circle {
cursor:pointer;
}

div.creditosbm {
float:left;
width:678px;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999999;
margin-top: -15px;
margin-left:15px;
text-align: right;
padding-right:30px;
padding-bottom:5px;
}

div.creditosbm img {
border: none;
margin-bottom:-1px;
margin-left:5px;
}

div.creditosbm img:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}