#vot-tc {
font-family: Arial, Helvetica, sans-serif;
max-width: 709px;
}

#vot-tc p {
font-size: 16px;
margin:0px;
margin-top:5px;
border-top:5px solid #ccc;
padding:10px 10px;
color: #585858;
font-weight: bold;
line-height: 20px;
}

#vot-tc #votacion-tc-barra {
width:100%;
text-align: left;
position: relative;
background-color: #cc3333;
height: 35px;
margin-top:25px;
color: #fff;
line-height: 35px;
text-indent: 10px;
font-size: 18px;
font-weight: bold;
margin-bottom:10px;
}

#vot-tc #votacion-tc-barra:after {
content: '';
position: absolute;
width:1px;
height: 10px;
border-left: 1px solid #ccc;
top:-10px;
left:50%;
left: calc(50% - 1px);
}

#vot-tc #votacion-tc-barra div.vtc-favor-barra {
height: 35px;
position: absolute;
top:0px;
right:0px;
width:50%;
background-color: #3366cc;
transition: width 0.4s linear;
  -webkit-transition: width 0.4s linear;
  -ms-transition: width 0.4s linear;
  -moz-transition: width 0.4s linear;
  -o-transition: width 0.4s linear;
}

#vot-tc #votacion-tc-barra span {
position: absolute;
top:-18px;
font-size: 12px;
color: #333;
line-height: 14px;
text-indent: 0px;
}

#vot-tc #votacion-tc-barra span.vtc-contra-txt {
left:0px;
padding-left:3px;
color: #cc3333;
}

#vot-tc #votacion-tc-barra span.vtc-favor-txt {
right:0px;
padding-right:3px;
color: #3366cc;
}

#vot-tc ul {
padding:0px;
margin:0px;
list-style-type: none;
display: inline-block;
width:100%;
text-align: center;
}

#vot-tc h3 {
font-size: 16px;
margin:5px 0px;
padding:5px 0px;
background-color: #efefef;
text-indent: 10px;
border-left: 10px solid #ccc;
text-align: left;
font-weight: bold;
}

#vot-tc h3[data-votos="favor"] {
border-color: #3366cc;
}

#vot-tc h3[data-votos="contra"] {
border-color: #cc3333;
}

#vot-tc ul li {
width:27%;
margin: 5px 2%;
display: inline-block;
text-align: center;
vertical-align: top;
margin-bottom: 10px;
}

#vot-tc ul li img {
width:70%;
border-radius: 15px;
border: 3px solid #ccc;
margin-bottom:3px;
}

#vot-tc ul li span {
display: block;
text-align: center;
font-style: 13px;
font-weight: bold;
}

#vot-tc ul li span i {
font-weight: normal;
font-size: 12px;
}

 @media only screen and (max-width: 500px) {

#vot-tc ul li span {
font-size: 12px;
 }
}
 @media only screen and (max-width: 380px) {

#vot-tc ul li {
width:45%;
margin: 5px 2%;
display: inline-block;
text-align: center;
vertical-align: top;
margin-bottom: 10px;
}
}