body{
    font-family: 'Rubik', sans-serif;
    margin:0px!important;
    color: #4A4751;
}
.cabezal span{
    font-size: 1rem;
    border-bottom: 1px solid #3D3F52;
    padding-bottom: 5px;
    width: 95px;
    padding-left: 0px;
    margin-left: 15px;
}
.cabezal p{
    font-size:0.875rem;
}
h1{
    font-size: 1.5rem;
    font-weight: bold;
    color: #4A4751;
}
h2{
    font-size: 1rem;
    font-weight: 500;
}
h3{
    font-size: 1.188rem;
    font-weight: bold;
}
.mitad{
    position: absolute;
    left: 50%;
    height: 75px;
    border-left: 1px solid #4A4751;
    margin-top: 32px;
    width: 1px;
}
.mitad span{
    font-size: 0.75rem;
    font-weight: bold;
    position: absolute;
    bottom: -15px;
    left: -10px;
}
.info{
    font-size: 0.625rem;
}
.redondel{
    width: 7vw;
    max-width: 85px;
    border-radius: 85px;
    height: 7vw;
    max-height: 85px;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    display: table;
    text-align: center;
    margin-top: 20px;
}
.redondel span{
    display: table-cell;
    vertical-align: middle;
}
#item01 .redondel{
    background: #FF66C4;
    float: left;
}
#item02 .redondel{
    background: #3FBFDF;
    float: right;
}
#item01 h3{
    color: #FF66C4;
}
#item02 h3{
    color: #3FBFDF;
}

.barra{
    margin-top: -80px;
    padding-right: 0px;
}
.barra >div>div>div{
    display: inline-block;
    height: 25px;
    display: block;

}
.votos, .barra .percent{
    font-size: 0.625rem;
    display: block;
    padding-right: 5px;
    margin-top: 8px;
}
.votos{
    margin-top: 0.2rem
}
.blanco .color_bar{
    background: url('../img/bg_blanco2.png') repeat-x center center;
    border-left: 1px dotted #4A4751;
    border-right: 1px dotted #4A4751;
    height: 37px;
    margin-top: -6px;
}
.fix_width{width: 75%}
.dark {
    background: #2D2D2D;
    color: #E4E4E4;
}
.dark h1{
    color: #E4E4E4;
}
.dark .mitad{
        border-left: 1px solid #E4E4E4;
}
.no .fix_height  br{
    display: none
}
@media (min-width: 1558px) {
    .barra {
        margin-top: -60px;
    }
}
@media (max-width: 1200px) {
    .fix_height{
        height: 25px;
    }
    .no .fix_height  br{
        display: block
    }
    .redondel{
        font-size: 0.71rem;
    }
}
@media (max-width: 4767px) {
  .barra{
    margin-top: 10px;
  }
  .blanco .color_bar{
    margin-bottom: -6px;
  }
  .mitad{
    height: 45px;
    margin-top: 52px;
    width: 1px;
  }
  .info{margin-top: 10px}
  .fix_width{width: 100%}
  h1{font-size:1.188rem }
  .cabezal span{font-size:0.875rem }
  .cabezal p{font-size:0.75rem }
}