@charset "utf-8";

.graphBox .graph01:before{content: "Mayoría";display:block;width:100%;text-align:center;position:relative;font-size: 140%;color: #494847;padding-bottom: 1.4em;white-space: pre;line-height: 1.2;}
.graphBox .graph01:after{content:"";position:absolute;background: url("http://design.rtve.int/infografias/grafico-brexit/separador.png") center top no-repeat;width: 2.2em;height: 8.4rem;top: 2.4em;left: 50%;margin-left: -1.1em;}
.graphBox h1{font-size:200%;letter-spacing: 0;word-spacing: -1pt;line-height: 1.2;color: #494847;padding: 1em 0;}
.graphBox .graph01{position: relative;}
.graphBox .graph01 > div{width: 100%;display: inline-block;position: relative;height: 7.5rem;}
.graphBox .graph01 > div > a > span {display:block;height: 100%;position: relative;float: left;font-size: 400%;color: rgba(255, 255, 255, 0.75);font-weight: 700;line-height: 1.875;padding-left: 2rem;overflow: visible;}
.graphBox .graph01 > div > a > span > span{position: relative;z-index: 1;}
.graphBox .graph01 > div > a img{position:absolute;width: 100%;height:100%;top:0;left:0;}


.legend{padding:2.5em 0;}
.legend ul{ /* Chrome, Safari, Opera */ /* Firefox */}
.legend img{width: 1.8em;height: 1.8em;}
.legend li {padding-right: 4rem;}
.legend li, .legend li > *  {display: inline-block;position:relative; /* Chrome, Safari, Opera */       /* Firefox */      }
.legend li > * {vertical-align:middle; }
.legend strong {padding: 0.6428em 0.425em 0.6428em 0.8571em;}
.legend strong{}
.legend span:before{content:"- ";position:relative;display:inline-block;}
.legend strong, .legend span {font-size:140%;color:#494847;display: inline-block;}
.legend p{display: block;width: 100%;padding: 2em 0 0 0;font-size: 120%;}