#emolmlt-hemiciclo {
font-family: Arial, Helvetica, sans-serif;
display: block;
max-width: 709px;
font-size: 14px;
line-height: 15px;
}

#emolmlt-hemiciclo a.emolmlt-link-camara:link,
#emolmlt-hemiciclo a.emolmlt-link-camara:visited {
display: inline-block;
float: right;
padding: 8px 16px;
background-color: #333;
color: #fff;
text-decoration: none;
font-size: 14px;
transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
margin-bottom: 10px;
}

#emolmlt-hemiciclo a.emolmlt-link-camara i {
font-size: 12px;
}

#emolmlt-hemiciclo a.emolmlt-link-camara:hover {
color: #f8c93c;
}

#emolmlt-hemiciclo div > h4 {
display: block;
background-color: #d1cfd0;
font-size: 13px;
font-weight: bold;
text-align: center;
padding: 10px 5px;
margin:0px;
box-sizing: border-box;
}

#emolmlt-hemiciclo #svg-hemiciclo {
display: block;
clear: both;
position: relative;
height: auto;
padding-bottom: 56.25%;
margin-bottom: 10px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-top: 1px dotted #ccc;
}

#emolmlt-hemiciclo #svg-hemiciclo svg,
#emolmlt-hemiciclo #svg-hemiciclo #emolmlt-svg-hemiciclo {
width:100%;
height: 100%;
position: absolute;
left:0px;
right:0px;
bottom:0px;
top:0px;
}

#emolmlt-hemiciclo #svg-hemiciclo:before {
content: attr(data-electos);
display: block;
font-size: 80px;
font-weight: bold;
text-align: center;
position: absolute;
bottom:70px;
left:0px;
right:0px;
z-index: -1;
}

#emolmlt-hemiciclo #svg-hemiciclo:after {
display: block;
text-align: center;
position: absolute;
color: #333;
font-size: 16px;
text-transform: uppercase;
bottom:24px;
left:0px;
right:0px;
z-index: -1;
}

#emolmlt-hemiciclo[data-hemiciclo="senadores"] #svg-hemiciclo:after { content: "Senadores"; }
#emolmlt-hemiciclo[data-hemiciclo="diputados"] #svg-hemiciclo:after { content: "Diputados"; }

#emolmlt-hemiciclo #svg-hemiciclo svg circle {
fill:#fff;
stroke: #ccc;
stroke-width:1;
transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

#emolmlt-hemiciclo #svg-hemiciclo[data-vista="pacto"] svg circle {
}

#emolmlt-hemiciclo #svg-hemiciclo[data-vista="pacto"] svg circle[data-pacto="chv"] {fill:#b60232; stroke:#b60232}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="pacto"] svg circle[data-pacto="may"] {fill:#29435c; stroke:#29435c}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="pacto"] svg circle[data-pacto="cdm"] {fill:#77b4ef; stroke:#77b4ef}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="pacto"] svg circle[data-pacto="ind"] {fill:#8a591f; stroke:#8a591f}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="pacto"] svg circle[data-pacto="fam"] {fill:#608a1c; stroke:#608a1c}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="pacto"] svg circle[data-pacto="ptc"] {fill:#ffbb22; stroke:#ffbb22}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="pacto"] svg circle[data-pacto="sum"] {fill:#783988; stroke:#783988}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="pacto"] svg circle[data-pacto="crv"] {fill:#dc6b1b; stroke:#dc6b1b}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="pacto"] svg circle[data-pacto="upa"] {fill:#617d8b; stroke:#617d8b}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="pacto"] svg circle[data-pacto="tr"] {fill:#418a76; stroke:#418a76}

#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="udi"] {fill:#931414; stroke:#931414;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="rn"] {fill:#cc1c1c; stroke:#cc1c1c;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="evo"] {fill:#ff5722; stroke:#ff5722;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="pri"] {fill:#e42364; stroke:#e42364;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="ppd"] {fill:#1c3962; stroke:#1c3962;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="prsd"] {fill:#2a5ba2; stroke:#2a5ba2;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="pc"] {fill:#0064c7; stroke:#0064c7;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="ps"] {fill:#21a8fa; stroke:#21a8fa;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="dc"] {fill:#7adcef; stroke:#7adcef;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="ic"] {fill:#21a8fa; stroke:#21a8fa;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="mas"] {fill:#2ebbd9; stroke:#2ebbd9;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="ind"] {fill:#775647; stroke:#775647;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="rd"] {fill:#30621c; stroke:#30621c;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="ph"] {fill:#6e8d00; stroke:#6e8d00;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="pi"] {fill:#239687; stroke:#239687;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="pl"] {fill:#57af3f; stroke:#57af3f;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="pod"] {fill:#8fc42c; stroke:#8fc42c;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="pev"] {fill:#ffd400; stroke:#ffd400;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="pro"] {fill:#fec200; stroke:#fec200;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="pais"] {fill:#fb9900; stroke:#fb9900;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="amp"] {fill:#4b205d; stroke:#4b205d;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="ciu"] {fill:#9825b8; stroke:#9825b8;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="tod"] {fill:#6337be; stroke:#6337be;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="drp"] {fill:#c76700; stroke:#c76700;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="frvs"] {fill:#854bb2; stroke:#854bb2;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="upa"] {fill:#617d8b; stroke:#617d8b;}
#emolmlt-hemiciclo #svg-hemiciclo[data-vista="partido"] svg circle[data-partido="tr"] {fill:#b4d4f6; stroke:#b4d4f6;}

#emolmlt-hemiciclo #svg-hemiciclo.senadores-antiguos svg circle[data-como="c"] {
fill: transparent;
stroke-width: 1;
stroke: #d8d8d8;
stroke-dasharray:2;
}

#emolmlt-hemiciclo #svg-hemiciclo svg circle:hover {
opacity: 0.8;
filter: alpha(opacity=80);
cursor: pointer;
}

#emolmlt-hemiciclo #svg-hemiciclo svg circle:not([data-pacto]):hover {
cursor: help;
opacity: 1;
filter: alpha(opacity=100);
}

ol#hemiciclo-nav-svg {
list-style-type: none;
padding: 0px;
margin: 10px 0px 10px 0px;
text-align: right;
border-top: 1px dotted #ccc;
padding-top: 10px;
}

ol#hemiciclo-nav-svg li {
display: inline-block;
margin-left:20px;
cursor: default;
vertical-align: middle;
}

ol#hemiciclo-nav-svg span {
display: inline-block;
position: relative;
cursor: default;
vertical-align: middle;
}

ol#hemiciclo-nav-svg span:hover {
cursor: pointer;
}

ol#hemiciclo-nav-svg span:before {
content: '';
width:20px;
height:20px;
line-height: 22px;
text-align: center;
color: #aaa;
font-size: 17px;
background-color: #fff;
border: 2px solid #ccc;
display: inline-block;
vertical-align: middle;
margin-right:10px;
transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

ol#hemiciclo-nav-svg span:hover:before {
border-color: #999;
}

ol#hemiciclo-nav-svg span.activo:before {
content: 'X';
}

ol#hemiciclo-nav-svg li:not(.activo):hover {
color: #333;
cursor: pointer;
}

ol#hemiciclo-nav-svg li:before {
content: '';
width:20px;
height:20px;
background-color: #fff;
border: 2px solid #ccc;
border-radius: 30px;
display: inline-block;
vertical-align: middle;
margin-right:10px;
transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

ol#hemiciclo-nav-svg li:hover:before {
border-color: #666;
}

ol#hemiciclo-nav-svg li.activo:before {
background-color: #ffa501;
border-color: #333;
}

#emolmlt-hemiciclo #hemiciclo-x-pacto,
#emolmlt-hemiciclo #hemiciclo-x-partido {
padding:0px;
margin:0px;
}

#emolmlt-hemiciclo #hemiciclo-x-pacto td,
#emolmlt-hemiciclo #hemiciclo-x-partido td {
border-top: 1px solid #ededed;
padding: 5px 0px 5px 5px;
}

#emolmlt-hemiciclo #hemiciclo-x-pacto tr:last-child td {
border-bottom: 1px solid #ededed;
}

#emolmlt-hemiciclo #hemiciclo-x-pacto td:first-child,
#emolmlt-hemiciclo #hemiciclo-x-partido td:first-child {
width:30%;
font-size: 13px;
line-height: 18px;
color: #333;
}

#emolmlt-hemiciclo #hemiciclo-x-pacto td > div,
#emolmlt-hemiciclo #hemiciclo-x-partido td > div {
position: relative;
display: block;
background-color: #e0e0e0;
margin: 10px 10px 10px 20px;
height: 18px;
vertical-align: middle;
}

#emolmlt-hemiciclo #hemiciclo-x-pacto td > div > div,
#emolmlt-hemiciclo #hemiciclo-x-partido td > div > div {
display: inline-block;
height: 18px;
background-color: #333;
width:0%;
max-width: 0%;
box-sizing: border-box;
-webkit-box-shadow: inset 15px 0px 13px -5px rgba(0,0,0,0.39);
-moz-box-shadow: inset 15px 0px 13px -5px rgba(0,0,0,0.39);
box-shadow: inset 15px 0px 13px -5px rgba(0,0,0,0.39);
transition: width 0.3s linear;
  -webkit-transition: width 0.3s linear;
  -ms-transition: width 0.3s linear;
  -moz-transition: width 0.3s linear;
  -o-transition: width 0.3s linear;
}

#emolmlt-hemiciclo #hemiciclo-x-pacto.animar td > div > div,
#emolmlt-hemiciclo #hemiciclo-x-partido.animar td > div > div {
max-width: none;
animation: animargrafico 3s 1;
}

@keyframes animargrafico {
    0%   {max-width: 0px;}
    100% {max-width: 100%}
}

#emolmlt-hemiciclo #hemiciclo-x-pacto td > div span,
#emolmlt-hemiciclo #hemiciclo-x-partido td > div span {
position: absolute;
left:-20px;
text-align: center;
height: 30px;
line-height: 30px;
width: 30px;
font-size: 12px;
font-weight: bold;
color: #fff;
background-color: #aaa;
top:-7px;
border-radius: 40px;
}

#emolmlt-hemiciclo #hemiciclo-x-pacto td > div span,
#emolmlt-hemiciclo #hemiciclo-x-partido td > div span {
color: default;
}

#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-electos="0"],
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-electos="0"] { display: none; }

#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="chv"] td span,
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="chv"] td div div { background-color: #b60232; }
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="may"] td span,
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="may"] td div div { background-color: #29435c; }
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="cdm"] td span,
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="cdm"] td div div { background-color: #77b4ef; }
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="ind"] td span,
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="ind"] td div div { background-color: #8a591f; }
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="fam"] td span,
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="fam"] td div div { background-color: #608a1c; }
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="ptc"] td span,
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="ptc"] td div div { background-color: #ffbb22; }
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="sum"] td span,
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="sum"] td div div { background-color: #783988; }
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="crv"] td span,
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="crv"] td div div { background-color: #dc6b1b; }
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="upa"] td span,
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="upa"] td div div { background-color: #617d8b; }
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="tr"] td span,
#emolmlt-hemiciclo #hemiciclo-x-pacto tr[data-pacto="tr"] td div div { background-color: #418a76; }


#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="udi"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="udi"] td div div { background-color: #931414; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="rn"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="rn"] td div div { background-color: #cc1c1c; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="evo"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="evo"] td div div { background-color: #ff5722; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="pri"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="pri"] td div div { background-color: #e42364; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="ppd"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="ppd"] td div div { background-color: #1c3962; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="prsd"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="prsd"] td div div { background-color: #2a5ba2; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="pc"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="pc"] td div div { background-color: #0064c7; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="ps"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="ps"] td div div { background-color: #21a8fa; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="dc"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="dc"] td div div { background-color: #7adcef; color: #333; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="ic"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="ic"] td div div { background-color: #21a8fa; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="mas"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="mas"] td div div { background-color: #2ebbd9; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="ind"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="ind"] td div div { background-color: #775647; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="rd"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="rd"] td div div { background-color: #30621c; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="ph"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="ph"] td div div { background-color: #6e8d00; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="pi"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="pi"] td div div { background-color: #239687; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="pl"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="pl"] td div div { background-color: #57af3f; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="pod"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="pod"] td div div { background-color: #8fc42c; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="pev"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="pev"] td div div { background-color: #ffd400; color: #333; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="pro"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="pro"] td div div { background-color: #fec200; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="pais"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="pais"] td div div { background-color: #fb9900; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="amp"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="amp"] td div div { background-color: #4b205d; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="ciu"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="ciu"] td div div { background-color: #9825b8; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="tod"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="tod"] td div div { background-color: #6337be; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="drp"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="drp"] td div div { background-color: #c76700; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="frvs"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="frvs"] td div div { background-color: #854bb2; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="upa"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="upa"] td div div { background-color: #617d8b; }
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="tr"] td span,
#emolmlt-hemiciclo #hemiciclo-x-partido tr[data-partido="tr"] td div div { background-color: #418a76; }

/*Por género*/

#hemiciclo-x-genero {
display: block;
background-color: #f2f0f1;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
position: relative;
}

#hemiciclo-x-genero:before,
#hemiciclo-x-genero:after {
content: '';
background-repeat: no-repeat;
background-position: center center;
background-size: 55px;
position: absolute;
top:0px;
bottom:0px;
width: 40px;
}

#hemiciclo-x-genero:before {
background-image: url(//static.emol.cl/emol50/Fotos/2017/11/02/file_20171102161024.png);
left:0px;
}

#hemiciclo-x-genero:after {
background-image: url(//static.emol.cl/emol50/Fotos/2017/11/02/file_20171102161248.png);
right:0px;
}

#hemiciclo-x-genero ul {
list-style-type: none;
padding:0px;
margin:35px 41px;
height: 16px;
background-color: #ccc;
position: relative;
width:auto;
}

#hemiciclo-x-genero li {
display: inline-block;
width:50%;
height: 16px;
transition: width 0.5s linear;
  -webkit-transition: width 0.5s linear;
  -ms-transition: width 0.5s linear;
  -moz-transition: width 0.5s linear;
  -o-transition: width 0.5s linear;
}

#hemiciclo-x-genero li:before {
content: attr(data-pctj);
position: absolute;
top: -20px;
padding: 0px 5px;
font-weight: bold;
font-size: 13px;
opacity: 0.0;
filter: alpha(opacity=00);
}

#hemiciclo-x-genero li[data-genero="m"] { background-color: #820024; border-right: 1px solid #f2f0f1; margin-left:-1px;  }
#hemiciclo-x-genero li[data-genero="h"] { background-color: #344e67; border-left: 1px solid #f2f0f1; margin-right:-1px; }

#hemiciclo-x-genero li[data-genero="m"]:before { left:0px; color: #820024; }
#hemiciclo-x-genero li[data-genero="h"]:before { right:0px; color: #344e67; }

#hemiciclo-x-genero li:after {
content: attr(data-electos);
position: absolute;
bottom: -20px;
font-size: 11px;
opacity: 0.0;
filter: alpha(opacity=00);
}

#hemiciclo-x-genero li[data-genero="m"]:after { left:0px; color: #820024; }
#hemiciclo-x-genero li[data-genero="h"]:after { right:0px; color: #344e67; }

#hemiciclo-x-genero.animar li:before,
#hemiciclo-x-genero.animar li:after {
transition: opacity 0.8s linear;
  -webkit-transition: opacity 0.8s linear;
  -ms-transition: opacity 0.8s linear;
  -moz-transition: opacity 0.8s linear;
  -o-transition: opacity 0.8s linear;
opacity: 1;
filter: alpha(opacity=100);
}

/*Gráfico x edad*/

#hemiciclo-x-edad {
display: block;
border-bottom: 1px solid #e3e3e3;
margin-top:10px;
}

#hemiciclo-x-edad > span,
#hemiciclo-x-trayectoria > span {
display: block;
background-color: #d1cfd0;
font-size: 13px;
font-weight: bold;
text-align: center;
padding: 10px 5px;
}

#hemiciclo-x-edad > span i {
font-style: normal;
color: #cc6733;
}

#hemiciclo-x-edad ul {
list-style-type: none;
height: 100px;
margin: 30px 10px 30px 10px;
padding:0px;
width:auto;
}

#hemiciclo-x-edad ul li {
display: inline-block;
height: 100px;
background-color: #e0e0e0;
width: 12.2%;
margin-right: 1%;
margin-left: 1%;
position: relative;
}

#hemiciclo-x-edad ul li > div {
display: block;
height: auto;
position: absolute;
left:0px;
bottom:0px;
right:0px;
max-height: 0px;
background-color: #cc6733;
}

#hemiciclo-x-edad.animar ul li > div {
max-height: 100%;
animation: animarcolumna 3s;
}

@keyframes animarcolumna {
    0%   {max-height: 0px;}
    100% {max-height: 100%}
}

#hemiciclo-x-edad ul li:before {
content: attr(data-pctj);
position: absolute;
left:0px;
right:0px;
top: -22px;
font-size: 15px;
color: #cc6733;
font-weight: bold;
text-align: center;
opacity: 0;
filter: alpha(opacity=0);
transition: opacity 0.8s linear;
  -webkit-transition: opacity 0.8s linear;
  -ms-transition: opacity 0.8s linear;
  -moz-transition: opacity 0.8s linear;
  -o-transition: opacity 0.8s linear;
}

#hemiciclo-x-edad.animar ul li:before {
opacity: 1;
filter: alpha(opacity=100);
}

#hemiciclo-x-edad ul li:after {
content: attr(data-rango);
position: absolute;
left:0px;
right:0px;
bottom: -20px;
color: #333;
text-align: center;
font-size: 12px;
}

/*Gráfico x cómo llegaron*/

#hemiciclo-x-trayectoria {
display: block;
}

#hemiciclo-x-trayectoria ul {
list-style-type: none;
padding:0px;
margin:0px;
width:auto;
}

#hemiciclo-x-trayectoria ul li {
background-color: #e0e0e0;
height: 16px;
display: block;
position: relative;
margin-top: 24px;
margin: 34px 35px 0px 5px;
}

#hemiciclo-x-trayectoria ul li div {
display: inline-block;
height: 16px;
max-width: 0px;
}

#hemiciclo-x-trayectoria.animar ul li div {
max-width: none;
animation: animargrafico 1s;
}

#hemiciclo-x-trayectoria ul li[data-trayectoria="r"] div { background-color: #516f19 }
#hemiciclo-x-trayectoria ul li[data-trayectoria="v"] div { background-color: #3b7286 }
#hemiciclo-x-trayectoria ul li[data-trayectoria="d"] div { background-color: #b97280 }
#hemiciclo-x-trayectoria ul li[data-trayectoria="c"] div { background-color: #b9ad72 }
#hemiciclo-x-trayectoria ul li[data-trayectoria="s"] div { background-color: #8d6b5f }

#hemiciclo-x-trayectoria ul li:before {
content: attr(data-comollego);
position: absolute;
top: -20px;
font-size: 14px;
}

#hemiciclo-x-trayectoria ul li:after {
content: attr(data-electos);
position: absolute;
right:-30px;
bottom:0px;
width:30px;
text-align: right;
font-size: 14px;
font-weight: bold;
opacity: 0;
filter: alpha(opacity=0);
transition: opacity 0.8s linear;
  -webkit-transition: opacity 0.8s linear;
  -ms-transition: opacity 0.8s linear;
  -moz-transition: opacity 0.8s linear;
  -o-transition: opacity 0.8s linear;
}

#hemiciclo-x-trayectoria.animar li:after {
opacity: 1;
filter: alpha(opacity=100);
}

#hemiciclo-x-trayectoria ol {
list-style-type: none;
padding:10px 0px;
margin:15px 0px 0px 0px;
vertical-align: middle;
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
text-align: center;
}

#hemiciclo-x-trayectoria ol li {
display: inline-block;
width:50%;
text-align: center;
vertical-align: middle;
}

#hemiciclo-x-trayectoria ol li:first-child {
background-color: #820024;
padding: 15px 0px;
color: #fff;
font-weight: bold;
font-size: 28px;
border-radius: 10px;
width: 30%;
max-width: 140px;
min-height: 32px;
line-height: 32px;
}

#hemiciclo-x-trayectoria ol li:first-child b {
display: none;
}

#hemiciclo-x-trayectoria ol li:last-child {
text-align: left;
width:30%;
padding-left:5%;
padding-right:5%;
}

/*Lista electos*/

#hemiciclo-lista-electos h5 {
display: block;
font-weight: bold;
font-size: 15px;
padding: 10px 10px;
margin: 25px 0px;
text-align: center;
background-color: #666666;
color :#fff;
}

#hemiciclo-lista-electos select {
font-size: 16px;
display: block;
width:90%;
margin-left:5%;
margin-right:5%;
padding: 15px;
border-radius: 10px;
border: 1px solid #a2a2a2;
}

#hemiciclo-lista-electos option {
padding: 0px 2px 1px;
font-size: 14px;
}

#hemiciclo-lista-electos optgroup {
border-bottom: 1px dotted #ccc;
padding: 10px 10px;
font-weight: bold;
font-size: 14px;
color: #333;
font-style: normal;
}

#hemiciclo-lista-electos ul {
list-style-type: none;
width:auto;
padding:0px;
font-size: 14px;
margin:15px 0px 0px 0px;
}

#hemiciclo-lista-electos ul.vacio:before {
content: 'Sin candidatos electos';
display: block;
font-size: 14px;
text-align: center;
background-color: #efefef;
border: 1px solid #ececec;
padding: 10px;
}

#hemiciclo-lista-electos ul > li {
background-color: #e0e0e0;
margin-bottom: 2px;
padding: 0px;
position: relative;
overflow: hidden;
transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

#hemiciclo-lista-electos ul > li > span {
padding: 11px 25px 11px 38px;
display: block;
transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

#hemiciclo-lista-electos ul > li:hover {
cursor: pointer;
background-color: #ccc;
}

#hemiciclo-lista-electos ul > li > abbr {
font-size: 11px;
color: #555;
text-decoration: none;
opacity: 1;
filter: alpha(opacity=100);
transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
}

#hemiciclo-lista-electos ul > li:after {
content: '\f077';
font-family: 'fontAwesome';
color: #969696;
font-size: 15px;
position: absolute;
right:10px;
top: 10px;
margin-right: 0px;
}

#hemiciclo-lista-electos ul > li:before {
content: '';
position: absolute;
left: 15px;
top:13px;
width:10px;
height: 10px;
border-radius: 30px;
background-color: #333;
margin-left: 0px;
}

#hemiciclo-lista-electos ul > li:before,
#hemiciclo-lista-electos ul > li:after {
transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

#hemiciclo-lista-electos ul > li:hover:after {
color: #333;
transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
}

#hemiciclo-lista-electos ul > li[data-pacto="chv"]:before {background-color: #b60232;}
#hemiciclo-lista-electos ul > li[data-pacto="may"]:before {background-color: #29435c;}
#hemiciclo-lista-electos ul > li[data-pacto="cdm"]:before {background-color: #77b4ef;}
#hemiciclo-lista-electos ul > li[data-pacto="ind"]:before {background-color: #8a591f;}
#hemiciclo-lista-electos ul > li[data-pacto="fam"]:before {background-color: #608a1c;}
#hemiciclo-lista-electos ul > li[data-pacto="ptc"]:before {background-color: #ffbb22;}
#hemiciclo-lista-electos ul > li[data-pacto="sum"]:before {background-color: #783988;}
#hemiciclo-lista-electos ul > li[data-pacto="crv"]:before {background-color: #dc6b1b;}
#hemiciclo-lista-electos ul > li[data-pacto="upa"]:before {background-color: #617d8b;}
#hemiciclo-lista-electos ul > li[data-pacto="tr"]:before {background-color: #418a76;}

#hemiciclo-lista-electos ul > li.activo:before { margin-left: -30px; }
#hemiciclo-lista-electos ul > li.activo:after { margin-right: -30px; }

#hemiciclo-lista-electos ul > li.activo {
padding:0px;
margin-top:5px;
}

#hemiciclo-lista-electos ul > li.activo abbr {
opacity: 0;
filter: alpha(opacity=0);
}

#hemiciclo-lista-electos ul > li.activo span {
background-color: #29435c;
padding: 11px 10px;
color: #fff;
font-weight: bold;
}

#hemiciclo-lista-electos ul > li > div > div {
display: block;
padding: 12px;
border-bottom: 1px solid #bbbbbb;
}

#hemiciclo-lista-electos ul > li img:first-child {
height: 66px;
display: inline-block;
animation: animarfotoizq 0.6s;
}

@keyframes animarfotoizq {
    0%   {margin-left: -100%;}
    100% {margin-left: 0%}
}

#hemiciclo-lista-electos ul > li img:last-child {
width:66px;
float: right;
animation: animarfotoder 0.6s;
}

@keyframes animarfotoder {
    0%   {margin-right: -100%;}
    100% {margin-right: 0%}
}

#hemiciclo-lista-electos ul > li div > div > ol {
list-style-type: none;
padding:0px;
margin:0px 0px 0px 10px;
display: inline-block;
vertical-align: top;
}

#hemiciclo-lista-electos ul > li div > div > ol li {
margin-bottom: 5px;
}

#hemiciclo-lista-electos ul > li div > div > ol li b {
color: #256396;
}

#hemiciclo-lista-electos ul > li div > ol {
list-style-type: none;
padding:15px;
margin:0px;
}

#hemiciclo-lista-electos ul > li div > ol > li {
margin-bottom: 5px;
}

#hemiciclo-lista-electos ul > li a:link,
#hemiciclo-lista-electos ul > li a:visited {
background-color: #29435c;
color: #fff!important;
text-align: center;
display: block;
padding: 10px 10px;
text-transform: uppercase;
font-size: 13px;
text-decoration: none;
font-weight: bold;
margin: 0px 15px;
border-radius: 5px;
transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

#hemiciclo-lista-electos ul > li div > i {
display: block;
font-size: 12px;
text-align: center;
}

#hemiciclo-lista-electos ul > li a:hover {
background-color: #3a5d7f!important;
}

#hemiciclo-lista-electos ul > li > div {
background-color: #fff;
display: none;
padding-bottom:15px;
}

span.emolmlt-tooltip {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
}

span.emolmlt-tooltip abbr {
font-size: 11px;
text-decoration: none;
color: orange;
font-weight: bold;
display: inline;
margin-top:3px;
margin-left:3px;
}

div.emolmlt-tooltip-e div.tipsy-inner,
div.emolmlt-tooltip-w div.tipsy-inner {
max-width: 100%;
}

div.emolmlt-tooltip-w {
margin-left:20px;
margin-top:8px;
}

div.emolmlt-tooltip-e {
margin-left:-4px;
margin-top:9px;
}

.tipsy{font-size:10px;position:absolute;padding:5px;word-wrap:break-word;z-index:100000}.tipsy-inner{background-color:#000;color:#FFF;max-width:200px;padding:5px 8px 4px;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}.tipsy-arrow{position:absolute;width:0;height:0;line-height:0;border:5px dashed #000}.tipsy-arrow-n{border-bottom-color:#000}.tipsy-arrow-s{border-top-color:#000}.tipsy-arrow-e{border-left-color:#000}.tipsy-arrow-w{border-right-color:#000}.tipsy-n .tipsy-arrow,.tipsy-nw .tipsy-arrow{border-left-color:transparent;border-right-color:transparent;top:0;border-bottom-style:solid;border-top:none}.tipsy-n .tipsy-arrow{left:50%;margin-left:-5px}.tipsy-nw .tipsy-arrow{left:10px}.tipsy-ne .tipsy-arrow{top:0;right:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.tipsy-s .tipsy-arrow,.tipsy-se .tipsy-arrow,.tipsy-sw .tipsy-arrow{bottom:0;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.tipsy-s .tipsy-arrow{left:50%;margin-left:-5px}.tipsy-sw .tipsy-arrow{left:10px}.tipsy-se .tipsy-arrow{right:10px}.tipsy-e .tipsy-arrow,.tipsy-w .tipsy-arrow{top:50%;margin-top:-5px;border-top-color:transparent;border-bottom-color:transparent}.tipsy-e .tipsy-arrow{right:0;border-left-style:solid;border-right:none}.tipsy-w .tipsy-arrow{left:0;border-right-style:solid;border-left:none}

#emolmlt-hemiciclo span.emolmlt-credito {
font-size: 11px;
padding: 5px 5px;
text-align: right;
border-top: 1px solid #ccc;
color: #333;
margin-top:10px;
display: block;

}

@media (max-width: 520px) {

ol#hemiciclo-nav-svg {
text-align: center;
}

ol#hemiciclo-nav-svg span {
display: block;
margin-bottom:8px;
}

#emolmlt-hemiciclo #svg-hemiciclo:before { font-size: 38px; bottom: 42px; }
#emolmlt-hemiciclo #svg-hemiciclo:after { font-size: 14px; bottom:16px;  }

#hemiciclo-x-edad ul li:after { font-size: 11px; }
#hemiciclo-x-edad ul li:before { font-size: 13px; }

#hemiciclo-lista-electos ul > li img:last-child {
display: none;
}

div.emolmlt-tooltip-w {
margin-left:10px;
margin-top:4px;
}

div.emolmlt-tooltip-e {
margin-top:4px;
}

}

@media (max-width: 360px) {

#hemiciclo-x-trayectoria ol li:first-child {
width: 50%;
max-width: none;
}

#hemiciclo-x-trayectoria ol li:last-child {
width: 40%;
}

div.emolmlt-tooltip-w {
margin-left:2px;
margin-top:0px;
}

div.emolmlt-tooltip-e {
margin-top:0px;
}

}