@import url('/css/rtve.2017.noticias/elecciones-reino-unido-2017/graph-barrasV.basics.css');
@import url('/css/rtve.2017.noticias/elecciones-reino-unido-2017/graph-barras-ru17.colors.css');

.cell {position:relative;float:left;width:100%;display:inline-block;}
.graphBox .titBox {font-size:2rem;color:#737578;text-transform:uppercase;}
.barGraph.V {padding-top:20%;position:relative;}
.barGraph.V  > div {position:absolute;top:0;left:0;width:100%;height:100%;}
.barGraph.V  > div > div {display:inline-block;float:left;height:100%;width:16.666666%;border-right:2rem solid #fff;border-left:2rem solid #fff;}
.barGraph.V div span[class*='bar'] {position:absolute;width:100%;bottom:0;left:0;}
.barGraph.V div span[class*='bar'] {}
    

.barGraph.V .num_vot {font-size:1.8rem;font-weight:500;width:100%;text-align:center;padding:1rem 0;transform:translateY(-100%);}
.barGraph.V .DifEsc {display:inline-block;width:100%;font-size:1.5rem;}
.barGraph.V .DifEsc:not(.out) {transform:translateY(100%);top:0;position:absolute;left:0;color:#fff;width:100%;padding:1rem 0;}
.barGraph.V .DifEsc.out {padding-top:0.4rem;}
.barGraph.V .candida .ima {border-radius:100%;overflow:hidden;width:5.2rem;height:5.2rem;display:inline-block;border:0.3rem solid;}
.barGraph.V .candida {transform:translateY(100%);text-align:center;width:100%;padding:0 4%;}
.barGraph.V .candida  {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-flow: row wrap;}
.barGraph.V .candida abbr {-webkit-order:0;}
.barGraph.V .candida .imaBox {-webkit-order:1;margin:0 auto;}
.barGraph.V .candida span {-webkit-order:2;}
.barGraph.V .candida abbr {font-size:1.6rem;line-height:2;font-weight:500;text-decoration:none;}
.barGraph.V .candida span {font-size:1.4rem;line-height:1.2;color:#484848;padding:0.2rem;}
.barGraph.V .candida span,.barGraph.V .candida abbr {display:block;width:100%;}


.barGraph.V  > div > div  {position:relative;}
.barGraph.V  > div , .barGraph.V .num_vot {position:absolute;top:0;left:0;}
.barGraph.V .candida {position:absolute;left:0;bottom:0;}
.barGraph.V .bar1 .candida em,
.barGraph.V .bar1 .num_vot span:first-child,
.barGraph.V .bar2 {clip:rect(0,0,0,0);position:absolute;left:-100%;top:-100%;}


.barGraph.V .LAB .num_vot,
.barGraph.V .LAB abbr  {color:#dd3a10;}
.barGraph.V .CON .num_vot,
.barGraph.V .CON abbr,
.barGraph.V .TORY .num_vot,
.barGraph.V .TORY abbr  {color:#05a1e1;}
.barGraph.V .SNP .num_vot,
.barGraph.V .SNP abbr  {color:#f5d62d;}
.barGraph.V .LD .num_vot,
.barGraph.V .LD  abbr {color:#fc970a;}
.barGraph.V .UKIP .num_vot,
.barGraph.V .UKIP  abbr {color:#a95bc9;}
.barGraph.V .OTROS .num_vot,
.barGraph.V .OTROS abbr {color:#959393;}

.barGraph.V .DifEsc {float:left;}


@media (max-width: 700px) {
.barGraph.V .DifEsc:not(.out) {transform:none;color:inherit;position:relative;padding:0.4rem;}
.barGraph.V .DifEsc {padding-top: 0.4rem;}
.barGraph.V {padding-top:40%;}
.barGraph.V  > div > div {border-right:0.77rem solid #fff;border-left: 0.77rem solid #fff;}
.graphBox .titBox {font-size:1.6rem;}
}

@media (max-width: 700px) and (orientation:portrait) {
	.barGraph.V .candida .ima {max-width:4.2rem;height:4.2rem;}
}