.escano{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin:0 0 1px 1px;
	border: 1px solid #333;
	background: #333;
	vertical-align: top;
	float: left;
	position: relative;
  	cursor: pointer;
}
.escano-seguro{}
.escano-probable{ opacity: 0.5;}
.escano-juego{ background: #FFF !important;}

.leyenda-escanos{ margin: 20px auto 0; text-align: left; width: 350px; }
.leyenda-escanos li{ line-height: 20px; padding:0; vertical-align: middle; font-size: 0.85rem; margin-bottom: 5px;}
.leyenda-escanos li strong{ margin-left: 5px;}
.leyenda-escanos .escano{cursor: default;}

.leyenda-escanos.partidos{ margin:0; width: 100%; padding: 20px 0 10px;}
.leyenda-escanos.partidos li{ display: inline-block; width: 135px; font-size: 0.75rem;}

.select-provincia {
    background: #FFF url(/iconos/resultados/2019/elecciones/28a/flecha-combos.svg) right center no-repeat;
    margin: 0 0 30px 50%;
    transform: translateX(-50%);
    color: #017A9C;
    padding: 0 30px 0 8px;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    outline: none;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #017A9C;
    width: 200px;
    line-height: 36px;
    height: 36px;
    display: inline-block;
}

.tabla-provincias{ margin-bottom: 40px; }
.tabla-provincias thead th,
.tabla-provincias tbody td{
	width: calc(100% / 8);
	vertical-align: top;
	border-bottom: 0.0625rem solid #E6E6E6;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 10px 10px 10px 20px;
	text-align: center;
	line-height: 125%;
}
.tabla-provincias thead th{
	vertical-align: middle;
	border-top: 0.0625rem solid #E6E6E6;
}
.tabla-provincias thead th:first-child,
.tabla-provincias tbody td:first-child{
	text-align: left;
	padding-left: 0;
}

.header-psoe span{ color: #ED1C24; display: block; width: 40px; height: 40px; background: url(/especiales/2019/elecciones-generales/encuestas-electorales/img/icon-psoe.svg) no-repeat center; text-indent: -9999em; overflow:hidden; margin: 0 auto;}
.header-pp span{ color: #0055A7; display: block; width: 40px; height: 40px; background: url(/especiales/2019/elecciones-generales/encuestas-electorales/img/icon-pp.svg) no-repeat center; text-indent: -9999em; overflow:hidden;margin: 0 auto;}
.header-podemos, .header-up span{ color: #6A2E68; display: block; width: 40px; height: 40px; background: url(/especiales/2019/elecciones-generales/encuestas-electorales/img/icon-podemos2.svg) no-repeat center; text-indent: -9999em; overflow:hidden;margin: 0 auto; background-size: 30px;}
.header-cs span{ color: #FA5000; display: block; width: 40px; height: 40px; background: url(/especiales/2019/elecciones-generales/encuestas-electorales/img/icon-cs.svg) no-repeat center; text-indent: -9999em; overflow:hidden;margin: 0 auto;}
.header-vox span{  color: #66BC29; display: block; width: 40px; height: 40px; background: url(/especiales/2019/elecciones-generales/encuestas-electorales/img/icon-vox.svg) no-repeat center; text-indent: -9999em; overflow:hidden;margin: 0 auto;}
.header-mp span{  color: #66BC29; display: block; width: 40px; height: 40px; background: url(/especiales/2019/elecciones-generales/encuestas-electorales/img/icon-mp.svg) no-repeat center; text-indent: -9999em; overflow:hidden;margin: 0 auto;background-size: auto 25px;}

.dato-PSOE { color: #C50303;}
.dato-PP { color: #0055A7;}
.dato-UP { color: #6A2E68;}
.dato-CS { color: #FA5000;}
.dato-VOX {  color: #66BC29;}
.dato-ERC,
.dato-ERC-SOBIRANISTES { color:#f3b217;}
.dato-PNV { color: #009526;}
.dato-PDC,
.dato-CDC,
.dato-JXCAT-JUNTS{ color: #00428C;}
.dato-BIL { color: #A3C940;}
.dato-COM,
.dato-COMPROMIS { color: #DB6426;}
.dato-CC { color: #EFCD1B;}
.dato-MAR { color: #1450FF;}
.dato-PAC { color: #AFBF00;}
.dato-PRC{ color: #BECD48;}
.dato-NA { color: #E51C13;}
.dato-MP { color: #0FDDC4;}
.dato-CUP-PR { color: #FFF200;}
.dato-TERUELEXISTE { color: #037252;}

.escano-PSOE,
.escano-PSC { background-color: #ED1C24; border-color: #ED1C24;}
.escano-PP { background-color: #0055A7; border-color: #0055A7;}
.escano-UP { background-color: #6A2E68; border-color: #6A2E68;}
.escano-Cs, .escano-CS { background-color: #FA5000; border-color: #FA5000;}
.escano-VOX { background-color: #66BC29; border-color: #66BC29;}
.escano-MP{ background-color: #0FDDC4; border-color: #0FDDC4;}
.escano-ERC,
.escano-ERC-SOBIRANISTES { background-color:#f3b217; border-color:#f3b217;}
.escano-PNV { background-color: #009526; border-color: #009526;}
.escano-PDC,
.escano-CDC,
.escano-PDECAT,
.escano-JXCAT-JUNTS,
.escano-JXC{ background-color: #00428C; border-color: #00428C;}
.escano-BIL, .escano-EH-BILDU { background-color: #A3C940; border-color: #A3C940;}
.escano-COM,
.escano-COMPROMIS{ background-color: #DB6426; border-color: #DB6426;}
.escano-CC,
.escano-NC-CCA-PNC,
.escano-CCA-PNC-NC{ background-color: #EFCD1B; border-color: #EFCD1B;}
.escano-MAR { background-color: #1450FF; border-color: #1450FF;}
.escano-PAC { background-color: #AFBF00; border-color: #AFBF00;}
.escano-NA,
.escano-NAS { background-color: #E51C13; border-color: #E51C13;}
.escano-PRC{ background-color: #BECD48; border-color: #BECD48;}
.escano-CUP-PR{ background-color: #FFF200; border-color: #FFF200;}
.escano-BNG{ background-color: #73B1E6; border-color: #73B1E6;}
.escano-TERUELEXISTE,
.escano-TERUEL{ background-color: #037252; border-color: #037252;}
.escano-CPM{ background-color: #298642; border-color: #298642;}

.pestanas-anos ul { margin-bottom: 10px; padding-top: 10px; border-top: 0.0625rem solid #E6E6E6;}
.pestanas-anos ul li{ width: calc(50% - 8px);display: inline-block; margin-left:12px; }

.pestanas-anos ul li a{ border-radius: 5px; background: #F0F0F0; display: block; text-align: center; width: 100%; text-transform: uppercase; font: 14px/32px 'MarcinAntB', sans-serif; color: #919090; font-weight: 500; }
.pestanas-anos ul li a.activo,
.pestanas-anos ul li a:hover{ background: #62CFFF; color: #FFF; }

.pestanas-anos.tres-pestanas ul li{ width: calc(33.3333% - 8px);display: inline-block; margin-left:8px;}
.pestanas-anos.tres-pestanas ul li:first-child{ margin-left:0;}

.pestanas-anos.cuatro-pestanas ul li{ width: calc(25% - 9px);display: inline-block; margin-left:8px;}
.pestanas-anos.cuatro-pestanas ul li:first-child{ margin-left:0;}

.pestanas-anos.cinco-pestanas ul li{ width: calc(20% - 10px);display: inline-block; margin-left:8px;}
.pestanas-anos.cinco-pestanas ul li:first-child{ margin-left:0;}


table .escano:hover{
	z-index: 9999;
	opacity: 1;
	background-color: #333 !important;
	border-color: #333 !important;
	cursor: inherit;
}

table .escano:hover::before {
  content: attr(title);
  position: absolute;
  bottom: -26px;
  right: 0;
  display: inline-block;
  padding: 3px 6px;
  border-radius: 2px;
  background: #000;
  color: #fff;
  font-size: 12px;
  font-family: sans-serif;
  white-space: nowrap;
  z-index: 9;
}

table .escano:hover::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0px;
  display: inline-block;
  color: #fff;
  border: 8px solid transparent;
  border-bottom: 8px solid #000;
  z-index: 9;
}

.leyenda-escanos.leyenda-tabla{ padding: 10px; background: #EEE; width: 100%; margin: 10px 0; text-align: center; }
.leyenda-escanos.leyenda-tabla li{ display: inline-block; width: 33%; text-align: center; margin-bottom: 0 }
.leyenda-escanos.leyenda-tabla li span{ float: none; }
.leyenda-escanos.leyenda-tabla li strong{ margin-left: 5px;}

@media (max-width:62.438rem){ /* tablet */
	.leyenda-escanos.leyenda-tabla{  text-align: left; }
	.leyenda-escanos.leyenda-tabla li{ display: inline-block; width: 100%;     text-align: left;}
}

@media (max-width:47.9375rem){ /* MÓVIL */
	.tabla-provincias thead th,
	.tabla-provincias tbody td{ width: 63px; padding: 10px;}
	.tabla-provincias thead th:first-child,
	.tabla-provincias tbody td:first-child{	width: auto; padding-left: 0;}
}

@media (max-width:32.5rem){ /* MÓVIL PEQUE */
	.leyenda-escanos{ width: auto; }
	.tabla-provincias thead th,
	.tabla-provincias tbody td{	width: 23px; padding: 10px 3px;	text-align: center;}
	.tabla-provincias thead th{	word-break: break-all;font-size: 12px;}
	.tabla-provincias thead th span{width: 25px; background-size: 20px auto;}
	.tabla-provincias thead th:first-child,
	.tabla-provincias tbody td:first-child{	width: auto; padding-left: 0; text-align: left; word-break: initial; font-size: 12px;}
	.tabla-provincias  .escano {float: none;}
	.pestanas-anos ul li a { font-size: 12px;}
	.leyenda-escanos.leyenda-tabla li{font-size: 0.75rem; line-height: 16px;}
	.leyenda-escanos .escano{ width: 16px; height: 16px; }
}

@media (max-width:25rem){ /* MÓVIL PEQUE */
	.pestanas-anos ul li a { font-size: 10px;}
}