@charset "UTF-8";
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('/css/rtve.2019.noticias/elecciones-municipales-TE_SYAT19E/listado-partidos.css');

.infoBox{position:relative;width:100%;max-width: 118rem;margin: 0 auto;display:block;}
.infoBox.init {overflow:hidden}
.infoBox img {width:100%;height:auto;}
.infoBox .container{position:relative;display:block;/*float:left;*/}
.infoBox div.textBox {width: 100%;float: right;min-height:6rem;}
.infoBox .textBox {width: 100%;/*float:left;*/padding: 1rem 3rem 0 1rem;}
.infoBox > p{font-size: 1.6rem;width: 75%;margin: 0 auto;line-height: 1.3;}
.infoBox.init > p {line-height: 1.5;color: #1a1a1a;}
.infoBox .textBox  p, .infoBox h5,.infoBox h4, .infoBox .result > span,.infoBox .result li span:last-child,.infoBox .text .title.infoBox > p,.infoBox > p {/*font-family: 'Roboto', arial, sans-serif;*/color:#1a1a1a;line-height: 1;}
.infoBox .textBox  p {font-weight:400;font-size:1.6rem;line-height: 1.5;padding-bottom:1.6rem;}
.infoBox > div > span{font-size: 1.8rem;line-height: 1.2;font-weight: 900;position: absolute;}
.infoBox.init > div > span {font-size: 2rem;}
.infoBox > div > span{width:50%;}
.infoBox > div > span.active h4{cursor:pointer;background: #fff;border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;font-weight: 700;}
.infoBox h4 {font-weight: 300;}
.infoBox:not(.init) h4{min-width: 14rem;display: inline-block;padding: 1rem 1rem 1rem 1rem;text-align: center;}
.infoBox h5{font-weight:900;font-size:2rem;padding: 2rem 0 2rem 0;text-transform: uppercase;color:#3d3d3d;}

.infoBox [class*="elec-"] > span{padding: 1rem 1rem 0 1rem;z-index: 1;width:50%}
.infoBox .elec-auto > span{left:0;}
.infoBox .elec-muni > span{left:50%;}

.infoBox .elec-auto > .container {margin-top: 6rem;}
.infoBox .elec-muni > .container {margin-top: 0;}

/* INICIALMENTE */
.infoBox.init [class*="elec-"] > .container {margin-top: 3rem;margin-bottom: 6rem;}
.infoBox > div > .container > ul > li, .infoBox.init > div > .container > ul {clip: rect(0,0,0,0);position: absolute;}
.infoBox > div > .container > ul > li.active,.infoBox > div > .container > ul {clip:auto;position:relative;}

.infoBox.init > div > span {position: absolute;top: 50%;}
.infoBox.init h4 {font-size: 2rem;line-height: 1.5;text-transform:uppercase;font-weight: 900;color:#3d3d3d;}
.infoBox.init [class*="elec-"] > span{padding: 0 2%;opacity:0;}

.infoBox > h3 {display: block;width: 100%;height: 100%;font-size: 2.2rem;line-height: 1.2;text-align: center;text-transform: uppercase;color: #3d3d3d;padding: 2rem 0;}
.infoBox.init > h3 {font-size:3.4rem;width: 50%;text-align:left;position: absolute;top: 45%;padding: 0 8%;line-height: 0.7;z-index: 1;}
.infoBox.init > h3 span{font-size:2rem;line-height: 1.2}

.infoBox.init [class*="elec-"] > span {width:auto;}
.infoBox.init .elec-auto > span{left:6%;}
.infoBox.init .elec-muni > span{left: 20%;}
.infoBox.init .elec-muni .container{display:none}

/** MAPAS **/
.infoBox .map {width: 50%;height: 50%;padding: 2rem;position: relative;top:0;left: 33.333%;}
.infoBox.init .map g * {fill:#C7C6C4;stroke:#fff;}
.infoBox.init .map g .linkable *{fill:#97ABAA;}

.infoBox .map g#ica * {stroke: #C8C8C8;}
.infoBox .map g #other polygon, .infoBox.init .map  #otros polygon {fill: rgb(232, 232, 216);}
.infoBox .map g#otros > polyline, .infoBox.init #mapa g#other > path{fill:none !important; cursor:auto;}
.infoBox .map #puntos circle {fill: #3d3d3d;stroke:#3d3d3d;stroke-width:0 !important;r: 7;}
/* .infoBox .map #puntos:hover circle {fill:#3d3d3d !important;} */
.infoBox .map #puntos circle:hover{stroke-width:0.5rem !important;cursor:pointer;fill:#F36010;stroke:#F36010}

.infoBox .elec-auto .map #and path, .infoBox.init .elec-auto .map #gal path,
.infoBox .elec-auto .map #vas polygon, .infoBox.init .elec-auto .map #cat polygon, .infoBox.init .elec-auto .map #val polygon {fill:#D8D8D8;}
.infoBox .map g#otros > polyline, .infoBox.init #mapa g#other > path {stroke: rgb(172, 188, 188);}

.infoBox.init .map g .linkable:hover *, .infoBox .map-auto g.active > * {cursor:pointer;fill:#F36010 !important;}
.infoBox .map-auto g#otros:hover > polygon{cursor:auto;fill:rgb(232, 232, 216) !important;}
.infoBox .map-auto g#otros:hover > polyline{fill:none !important; cursor:auto;}
.infoBox .map-auto g#and:hover > *,.infoBox .map-auto g#cat:hover > *,.infoBox .map-auto g#gal:hover > *,
.infoBox .map-auto g#vas:hover > *, .infoBox .map-auto g#val:hover > *{fill:#D8D8D8 !important;cursor:auto;}

/* text */
.infoBox.init .map #puntos text, .infoBox .map g.linkable text {opacity: 0;stroke: transparent;fill: #3d3d3d!important;display:none;cursor: pointer;}
.infoBox .map #puntos circle:hover + text, .infoBox .map g.linkable:hover text {opacity: 1;display:block;}

.infoBox.init .map {display:block;}
.infoBox .map,
.infoBox [class*="elec-"] > .active + .container .map {display:none}
/** **/


/** CONTENIDO **/
/* titulares*/
.wrapper.bodier .container.sondeo-auto-muni-2019 {width: 100%;overflow: hidden;}
.sondeo-auto-muni-2019 .grid.g1 {margin: 0;}
.sondeo-auto-muni-2019 .gridBox {padding: 0;}
/* pestanas */
.sondeo-auto-muni-2019 .gridBox .infoBox:not(.init):after {content: '';display: block;width: 200%;height: 4.5rem;background: #c8c8c8;position: absolute;left: -50%;z-index: 0;}
.infoBox > [class*="elec-"] > span, .sondeo-auto-muni-2019 .gridBox .infoBox:not(.init):after {top:7rem}
.infoBox:not(.init) .elec-auto > span {text-align:right}

/* navegacion */
[class*="elec-"] span ~ .container .nav {display: none;}
[class*="elec-"] span.active~.container .nav {display: block;padding: 0 2rem 1rem 2rem;border-bottom: .1rem solid #c8c8c8;position:relative;}
[class*="elec-"] .nav ul {text-align:center}
[class*="elec-"] .nav ul li {display:inline-block;font-size: 1.6rem;padding:0 0.65rem;margin: 1rem 1.4%;font-weight: 300;line-height: 1;color: #1a1a1a;}
[class*="elec-"] .nav ul li.active {font-weight:700;box-shadow: inset 0.3rem 0 0 #f46010;}
[class*="elec-"] .nav ul li:not(.active):hover, .infoBox > div > span h4:hover {font-weight: 400;cursor:pointer;}

/* plegar / desplegar
.infoBox .nav .ico.blind.beoff {display: block;width: 2.6rem;height: 2.6rem;position: absolute;bottom: -3rem;left: 0;width:100%;cursor:pointer;z-index: 1;}
.infoBox .nav .ico.blind img {background-image: url('/css/rtve.2015/i/iconos/icons_40x40_000000.png');background-size: 1100%;opacity: 0.95;margin: 0 auto;background-repeat: no-repeat;vertical-align: middle;display: inline-block;width: 2.6rem;height: 2.6rem;background-position:0% 20%;opacity:.3;}
.infoBox .nav .ico.blind.be_on img {background-position:10% 20%;}
.infoBox .nav ul.blindBox {height: 4.6rem;overflow: hidden;transition: all ease-in-out 1s;transform: translateY(0);/*margin-bottom:1rem*/}
.infoBox .nav .ico.blind.beoff {display:none;}
.infoBox .nav ul.blindBox.be_on {display: block;/* position: absolute; z-index: 1;*/height: auto;overflow: visible;transform: translateY(-3%);/*margin-bottom:0.5rem*/}

.infoBox .nav ul.blindBox.be_on:before{content: "";display: block;width: 85%;height: 4.5rem;position: absolute;top: 4.5rem;left: 7.5%;opacity: .5;border-top: .1rem solid #c8c8c8;border-bottom: .1rem solid #c8c8c8;z-index:-1}
.elec-muni span.active~.container .nav {padding-bottom:0.5rem}

.infoBox > div > .container > ul > li.active {margin-top: 2rem;}
.infoBox > div.elec-muni > .container > ul > li.active {margin-top: 4rem;}
.infoBox > div > .container > ul > li.active h3 {font-weight: 700;font-size: 2rem;line-height: 2.6rem;text-transform: uppercase;padding: 1rem 0;width: auto;display: inline;}
/* leyenda */
.infoBox .container .cont_leyenda {width: auto;float: right;}
.infoBox .container .cont_leyenda span{font-weight:300;font-size:1.8rem;line-height: 2.6rem;display:inline-block;float:right;}
.infoBox .container .cont_leyenda span.nota {display:block;padding-top: 0;font-size: 1.4rem;font-weight: 300;clear: right;}
/* .infoBox .container .cont_leyenda:after {content: "Barómetro preelectroral del CIS 2019";font-weight:300;font-size:1.6rem;line-height: 2.6rem;} */

/** CANDIDATOS **/
.infoBox .cand {padding:0;position:relative;margin-top: 1rem;clear: both;}
.infoBox .cand > .imgT{padding-top:20.641025%;width: 16.66666666666667%;clear:none;display:block;/*float:left;*/overflow: hidden;opacity:1;position:relative;}
.infoBox .cand .text {background:transparent;display:block;text-align:center;}
.infoBox .cand .text .title{font-size: 1.6rem;padding-bottom: 0.5rem;text-transform: uppercase;line-height: 1.2;font-weight: 700;display: inline-block;color: #3d3d3d;}
.infoBox .cand .text:before {content: "";display: block;position: relative;width: 100%;height: .5rem;}
.infoBox .cand .text .title, .infoBox .cand .result .escanio {padding:1rem 0}

.infoBox .cand .result {float:none;position:relative;display:block;width:100%;/*padding:0 8%;*//*margin-bottom: 2rem;*/}
.infoBox .cand .result.no-ima {padding-top:2rem;}
.infoBox .cand .result > span {display: inline-block;color:#3d3d3d;}
.infoBox .cand .result .escanio {font-size: 3.2rem;line-height: 1.2;font-weight: 900;position:relative;display: block;width: 100%;}
.infoBox .cand .result.ima .escanio {padding-bottom: 5rem;}
.infoBox .cand .result.no-ima .escanio {padding:0 0 0 45%;font-size: 2.6rem;line-height: 1;}
.infoBox .cand .result .escanio > span {font-size:1.6rem;line-height: 1.2;font-weight: 300;color:#3d3d3d;display:block;}
.infoBox .elec-muni .cand .result .escanio > span {font-size:1.5rem;}
.infoBox .cand .result .imgT {width: 4.5rem;height: 4.5rem;padding-top: 0;position:absolute;top:auto;bottom:0;}

.infoBox .cand li > .imgT {display: block;position: relative;width: 100%;height: 100%;}
.infoBox .cand li > .imgT img {margin-left: 25%;}
.infoBox .cand li > .no-ima + .imgT img {display:none;}
.infoBox li.active .cand .active {background: transparent;}

/* escanos e img */
.infoBox .cand .imgT img {position:absolute;top:0;left:0;bottom: 0;top: auto;/*width:auto;height:100%;*/}
.infoBox .cand li {position:relative;float:left;margin: 0 0.5%;overflow: hidden;} /* restar 1% */
.infoBox .cand5 li{width:19%;}
.infoBox .cand6 li{width:15.66666666666667%;}
.infoBox .cand7 li{width:13.2857%;}
.infoBox .cand8 li{width:11.9%;margin: 0 0.3%;} /* restar 0.6% */
.infoBox .cand9 li{width:10.5111%;margin: 0 0.3%;}


/** FUEGOS ARTIFICIALES  **/
.infoBox li.active{-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-webkit-transition-duration: 0.35s;transition-duration: 0.35s;opacity: 1;}
.infoBox.init li{opacity: 0;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;}


/** texto general **/
.infoBox .active div.textBox h5 {display:none}
.infoBox div.textBox .imgT {width:30%;float:left;padding: 2rem;}
.infoBox div.textBox .text, .infoBox div.textBox h5 {width:70%;display: block;margin: 0 auto;}


@media only screen and (max-width:1180px) {
/* navegacion*/
.infoBox {overflow:hidden;}
.sondeo-auto-muni-2019 .gridBox .infoBox:not(.init):after {width: 100%;left: 0%;}
}


circle#talavera, circle#calatayud {display:none;}