
#emolmlt-gabinete {
font-family: Arial, Helvetica, sans-serif;
display: block;
max-width: 709px;
background-color: #0f3357;
}

/*Nav*/

#emolmlt-nav-ministerios {
display: block;
max-width: 709px;
color: #fff;
background-color: #93814c;
background-image: url(//static.emol.cl/emol50/Fotos/2018/01/11/file_20180111140749.png);
background-repeat: repeat;
}

#emolmlt-nav-ministerios ul.emolmlt-nav-ministerios {
list-style-type: none;
padding:6px 3px 6px 4px;
margin:0px;
}

#emolmlt-nav-ministerios ul.emolmlt-nav-ministerios li {
width: 16.666%;
display: inline-block;
background-color: #fff;
background-color: rgba(255,255,255,0.3);
color: #000;
text-align: center;
font-size: 12px;
line-height: 14px;
padding: 8px 0px;
font-weight: bold;
margin-bottom: 1px;
box-sizing: border-box;
border-right: 1px solid #95875a;
vertical-align: top;
transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
}

#emolmlt-nav-ministerios ul.emolmlt-nav-ministerios li.activo,
#emolmlt-nav-ministerios ul.emolmlt-nav-ministerios li.activo:hover {
cursor: default;
background-color: #0f3357;
color: #fff;
}

#emolmlt-nav-ministerios ul.emolmlt-nav-ministerios li:hover {
cursor: pointer;
background-color: rgba(255,255,255,0.6);
}

#emolmlt-nav-ministerios select {
background-color: #7d6c3e;
color: #fff;
border: 1px solid #c3b27e;
border-radius: 5px;
padding: 10px;
width:96%;
margin: 10px 2% 10px 2%;
display: none;
}

div.emolmlt-otros-ministerios {
display: none;
position: relative;
}

div.emolmlt-otros-ministerios:before,
div.emolmlt-otros-ministerios:after {
content: '';
border-bottom: 1px solid #7e6c3e;
display: block;
width:18%;
width:calc(50% - 135px);
position: absolute;
bottom:7px;
}

div.emolmlt-otros-ministerios:before {
left:30px;
}

div.emolmlt-otros-ministerios:after {
right:30px;
}

div.emolmlt-otros-ministerios span {
display: block;
text-align: center;
z-index: 2;
font-size: 15px;
}

div.emolmlt-otros-ministerios a:link,
div.emolmlt-otros-ministerios a:visited {
position: absolute;
color: #09233e;
font-size: 30px;
top: -7px;
}

div.emolmlt-otros-ministerios a[data-nav="i"] {
left:10px; 
}

div.emolmlt-otros-ministerios a[data-nav="d"] {
right:10px; 
}


/*Ficha*/

.emolmlt-ministro-ficha {
display: none;
background-color: #0f3357;
color: #fff;
padding: 15px 4px;
background-image: url(//static.emol.cl/emol50/Fotos/2018/01/11/file_20180111160047.png);
border-bottom: 3px solid #fff;
}

.emolmlt-ministro-ficha h3 {
margin:0px 8px;
font-size: 16px;
font-weight: bold;
line-height: 18px;
color: #ddc98a;
display: block;
width: 62%;
width: calc(100% - 280px);
border-bottom: 1px solid #524f48;
padding-bottom:8px;
}

.emolmlt-ministro-ficha h4 {
color: #af6f6f;
font-size: 16px;
line-height: 16px;
margin: 10px 8px;
font-weight: bold;
}

.emolmlt-ministro-ficha .emolmlt-min-ficha ul {
list-style-type: none;
padding: 0px 8px 0px 8px;
margin:0px;
font-size: 13px;
line-height: 16px;
}

.emolmlt-ministro-ficha .emolmlt-min-ficha ul li {
display: block;
margin-bottom: 4px;
}

.emolmlt-ministro-ficha .emolmlt-min-ficha ul b {
color: #bbae8c;
font-weight: bold;
}

.emolmlt-ministro-ficha .emolmlt-min-ficha img {
float: right;
width: 230px;
border-radius: 200px;
border: 3px solid #91814e;
margin-top:-70px;
margin-right: 8px;
margin-left: 10px;
margin-bottom: 20px;
clear: right;
}

/*Carrera*/

#emolmlt-gabinete .emolmlt-ministro-ficha > h5 {
display: block;
font-weight: bold;
color: #000;
background-color: #968452;
text-transform: uppercase;
text-align: center;
padding: 7px 10px;
font-size: 13px;
line-height: 15px;
clear: both;
position: relative;
margin:10px 0px 0px 0px;
background-color: #93814c;
background-image: url(//static.emol.cl/emol50/Fotos/2018/01/11/file_20180111140749.png);
background-repeat: repeat;
cursor: pointer;
}

#emolmlt-gabinete .emolmlt-ministro-ficha > h5.cerrado:before {
content: 'Ver ';
}

#emolmlt-gabinete .emolmlt-ministro-ficha > h5:after {
content: '\f0d8';
font-family: 'fontAwesome';
position: absolute;
right:10px;
top:5px;
font-size: 25px;
color: #0b203b;
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-gabinete .emolmlt-ministro-ficha > h5:hover:after {
color: #fff;
}

#emolmlt-gabinete .emolmlt-ministro-ficha > h5.cerrado:after {
transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
}

#emolmlt-gabinete .emolmlt-ministro-ficha ol {
list-style-type: none;
padding:5px 0px 0px 0px;
margin:8px 8px;
font-size: 13px;
line-height: 18px;
}

#emolmlt-gabinete .emolmlt-ministro-ficha ol li {
margin-bottom: 5px;
}

#emolmlt-gabinete .emolmlt-ministro-ficha ol li time {
text-decoration: none;
font-weight: bold;
color: #ab6e6b;
}

#emolmlt-gabinete .emolmlt-ministro-ficha ol li time:after {
content: ' | ';
color: #775654;
}

/*Subsecretarios*/

#emolmlt-gabinete .emolmlt-ministro-ficha ul.emolmlt-subsecretarios {
list-style-type: none;
padding:0px 0px 0px 0px;
margin:30px 8px 0px 8px;
}

#emolmlt-gabinete .emolmlt-ministro-ficha ul.emolmlt-subsecretarios li {
margin-top: 25px;
}

#emolmlt-gabinete .emolmlt-ministro-ficha ul.emolmlt-subsecretarios li img {
float:left;
width: 115px;
border-radius: 100px;
border: 3px solid #93824c;
margin-right: 10px;
margin-top:-25px;
}

#emolmlt-gabinete .emolmlt-ministro-ficha ul.emolmlt-subsecretarios li h6 {
margin:0px 0px 0px 130px;
font-size: 15px;
line-height: 17px;
padding: 5px 0px 10px 0px;
border-bottom: 1px solid #514e45;
font-weight: bold;
color: #dbcc8b;
}

#emolmlt-gabinete .emolmlt-ministro-ficha ul.emolmlt-subsecretarios li p {
font-size: 13px;
line-height: 15px;
margin: 13px 0px;
}

#emolmlt-gabinete .emolmlt-ministro-ficha ul.emolmlt-subsecretarios li p b {
color: #b06e70;
font-weight: bold;
font-size: 14px;
display: block;
margin-bottom: 6px;
}

#emolmlt-gabinete .emolmlt-ministro-ficha ul.emolmlt-subsecretarios li p span {
display: block;
margin-bottom: 3px;
}

/*Gráficos - Nav*/

#emolmlt-gabinete-graficos {
display: block;
max-width: 709px;
}

#emolmlt-gabinete-graficos .emolmlt-nav-graficos {
background-color: #93814c;
background-image: url(//static.emol.cl/emol50/Fotos/2018/01/11/file_20180111140749.png);
background-repeat: repeat;
padding: 4px;
}

#emolmlt-gabinete-graficos .emolmlt-nav-graficos h4 {
margin:0px;
text-align: center;
font-weight: bold;
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
padding: 10px 0px 3px 0px;
}

#emolmlt-gabinete-graficos .emolmlt-nav-graficos span {
font-size: 12px;
line-height: 14px;
display: block;
text-align: center;
margin-bottom: 7px;
}

#emolmlt-gabinete-graficos .emolmlt-nav-graficos ul {
list-style-type: none;
margin:0px;
padding:0px;
}

#emolmlt-gabinete-graficos .emolmlt-nav-graficos ul li {
display: inline-block;
width: 16.666%;
background-color: #fff;
background-color: rgba(255,255,255,0.2);
font-weight: bold;
color: #333;
font-size: 13px;
line-height: 15px;
padding: 5px 0px;
text-align: center;
box-sizing: border-box;
border-right: 1px solid #93814c;
transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -ms-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
}

#emolmlt-gabinete-graficos .emolmlt-nav-graficos ul li.activo,
#emolmlt-gabinete-graficos .emolmlt-nav-graficos ul li.activo:hover {
background-color: #0f3357;
color: #fff;
}

#emolmlt-gabinete-graficos .emolmlt-nav-graficos ul li:hover {
cursor: pointer;
background-color: rgba(255,255,255,0.4);
}

/*Gráficos*/

#emolmlt-gabinete-graficos > ul {
display: block;
list-style-type: none;
padding:0px;
margin:0px;
border-bottom: 1px solid #fff;
}

#emolmlt-gabinete-graficos > ul li {
display: inline-block;
width: 50%;
overflow: hidden;
padding: 18px 0px;
height: 348px;
vertical-align: top;
box-sizing: border-box;
}

#emolmlt-gabinete-graficos > ul li:first-child {
border-right: 1px solid #fff;
background-color: #ededed;
}

#emolmlt-gabinete-graficos > ul li:last-child {
background-color: #d8d8d8;
}

#emolmlt-gabinete-graficos > ul h5 {
margin:0px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
position: relative;
font-size: 13px;
line-height: 15px;
z-index: 0;
}

#emolmlt-gabinete #emolmlt-gabinete-graficos > ul li h5 a:link,
#emolmlt-gabinete #emolmlt-gabinete-graficos > ul li h5 a:visited {
font-family: 'fontAwesome';
display: block;
position: absolute;
top:-1px;
font-size: 16px;
line-height: 18px;
text-decoration: none;
background-color: #d8d8d8;
padding: 0px 8px;
color: #4685b7;
}

#emolmlt-gabinete #emolmlt-gabinete-graficos > ul li h5 a:hover {
text-decoration: none!important;
}

#emolmlt-gabinete #emolmlt-gabinete-graficos[data-compara="2014"] > ul li h5 a[data-dir="prox"], 
#emolmlt-gabinete #emolmlt-gabinete-graficos[data-compara="1990"] > ul li h5 a[data-dir="prev"] {
color: #aaa!important;
}

#emolmlt-gabinete #emolmlt-gabinete-graficos > ul li h5 a[data-dir="prev"] {
left:0px;
}

#emolmlt-gabinete #emolmlt-gabinete-graficos > ul li h5 a[data-dir="prev"]:before {
content: '\f053';
}

#emolmlt-gabinete #emolmlt-gabinete-graficos > ul li h5 a[data-dir="prox"] {
right:0px;
}

#emolmlt-gabinete #emolmlt-gabinete-graficos > ul li h5 a[data-dir="prox"]:before {
content: '\f054';
}

#emolmlt-gabinete-graficos > ul li h5 span {
z-index:1;
display: inline-block;
background-color: #ededed;
padding: 0px 8px;
}

#emolmlt-gabinete-graficos > ul li:last-child h5 span {
background-color: #d8d8d8;
}

#emolmlt-gabinete-graficos > ul h5 span:before {
content: '';
border-bottom: 1px solid #c6c6c6;
display: block;
position: absolute;
left:0px;
right:0px;
top: 7px;
z-index: -1;
}

#emolmlt-gabinete-graficos > ul li:first-child h5 b {
color: #a26769;
}

#emolmlt-gabinete-graficos > ul li:last-child h5 b {
color: #2c5e93;
}

#emolmlt-gabinete-graficos > ul li:last-child h5 b:before {
content: attr(data-year);
}

#emolmlt-gabinete-graficos #emolmlt-graf-genero-a,
#emolmlt-gabinete-graficos #emolmlt-graf-genero-b,
#emolmlt-gabinete-graficos #emolmlt-graf-partidos-a,
#emolmlt-gabinete-graficos #emolmlt-graf-partidos-b,
#emolmlt-gabinete-graficos #emolmlt-graf-edad-a,
#emolmlt-gabinete-graficos #emolmlt-graf-edad-b,
#emolmlt-gabinete-graficos #emolmlt-graf-ues-a,
#emolmlt-gabinete-graficos #emolmlt-graf-ues-b,
#emolmlt-gabinete-graficos #emolmlt-graf-ciudades-a,
#emolmlt-gabinete-graficos #emolmlt-graf-ciudades-b {
display: block;
height: 300px;
background: url(//static.emol.cl/emol50/Fotos/2018/01/15/file_20180115160649.gif);
background-repeat: no-repeat;
background-position: center center;
}

@media (max-width:1260px) {

#emolmlt-nav-ministerios ul.emolmlt-nav-ministerios li {
width: 20%;
}

}

@media (max-width:600px) {

#emolmlt-nav-ministerios ul.emolmlt-nav-ministerios li {
width: 25%;
}

}

@media (max-width:520px) {

#emolmlt-nav-ministerios ul.emolmlt-nav-ministerios {
display: none;
}

#emolmlt-nav-ministerios {
padding: 15px 0px;
}

#emolmlt-nav-ministerios select {
display: block;
}

#emolmlt-gabinete div.emolmlt-otros-ministerios {
display: block;
}

#emolmlt-gabinete .emolmlt-ministro-ficha h3 {
width: auto;
padding-bottom: 4px;
}

#emolmlt-gabinete .emolmlt-ministro-ficha h4 {
padding-left:100px;
margin-top:20px;
}

#emolmlt-gabinete .emolmlt-ministro-ficha ul.emolmlt-subsecretarios li {
margin-top:15px;
}

#emolmlt-gabinete .emolmlt-ministro-ficha .emolmlt-min-ficha img {
float: left;
width: 84px;
margin-top:-28px;
margin-bottom:5px;
}

#emolmlt-gabinete .emolmlt-ministro-ficha ul.emolmlt-subsecretarios li h6 {
margin-left:0px;
clear:both;
padding-bottom: 5px;
font-size: 14px;
}

#emolmlt-gabinete .emolmlt-ministro-ficha ul.emolmlt-subsecretarios li img {
width: 65px;
margin-top:15px;
}

#emolmlt-gabinete-graficos > ul li {
display: block;
width: auto;
}

#emolmlt-gabinete-graficos > ul li:first-child {
border-right: 0px;
}

}