/**
 * Iconografia
 */
@charset "UTF-8";

@font-face {
  font-family: "icon";
  src: url("fonts/icon.eot");
  src: url("fonts/icon.eot?#iefix") format("embedded-opentype"),
  url("fonts/icon.woff") format("woff"),
  url("fonts/icon.ttf") format("truetype"),
  url("fonts/icon.svg#icon") format("svg");
  font-weight: normal;
  font-style: normal;

}
[data-icon]:before {
  font-family: "icon" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-rr-"]:before,
[class*=" icon-rr-"]:before {
  font-family: "icon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-rr-facebook:before {
  content: "\61";
}
.icon-rr-twitter:before {
  content: "\62";
}
.icon-rr-repeat:before {
  content: "\63";
}
.icon-rr-ellipsis-h:before {
  content: "\64";
}
/* colores candidatos para los números de colores, copiar el id no más*/
.duque-number .candidato-number {
  color: #b7adac;
  border-color: #b7adac;
}
.petro-number .candidato-number {
  color: #49616e;
  border-color: #49616e;
}
.fajardo-number .candidato-number {
  color: #243239;
  border-color: #243239;
}
.calle-number .candidato-number {
  color: #c88295;
  border-color: #c88295;
}
.lleras-number .candidato-number {
  color: #fe6876;
  border-color: #fe6876;
}
.en-blanco-number .candidato-number {
  color: #ff4a44;
  border-color: #ff4a44;
}
.trujillo-number .candidato-number {
  color: #fb8545;
  border-color: #fb8545;
}
.piedad-number .candidato-number {
  color: #f4c141;
  border-color: #f4c141;
}
.morales-number .candidato-number {
  color: #fff93e;
  border-color: #fff93e;
}
.promotores-number .candidato-number {
  color: #c0f170;
  border-color: #c0f170;
}
/*candidatos backgrounds para barras y charts*/
.duque-background {
  background-color: #b7adac;
}
.petro-background {
  background-color: #49616e;
}
.fajardo-background {
  background-color: #243239;
}
.calle-background {
  background-color: #c88295;
}
.lleras-background {
  background-color: #fe6876;
}
.en-blanco-background {
  background-color: #ff4a44;
}
.trujillo-background {
  background-color: #fb8545;
}
.piedad-background {
  background-color: #f4c141;
}
.morales-background {
  background-color: #fff93e;
}
.promotores-background {
  background-color: #c0f170;
}
.block-rcnradiocross-presidential-election-block {
  background-color: #f6f6f6;
}
/*segunda vuelta*/
.duque2-number {
  color: #f26024;
  border-color: #f26024;
}
.petro2-number {
  color: #62218b;
  border-color: #62218b;
}
.duque2-background {
  background-color: #f26024;
}
.petro2-background {
  background-color: #62218b;
}

.pres-elections {
  font-family: "Montserrat", Arial, sans-serif;
  margin-bottom: 50px;
}
.pres-elections img {
  width: 100%;
}
.pres-elections ul {
  list-style: none;
}
.no-margin {
  margin: 0;
}
.relative-item {
  position: relative;
}
.absolute-link {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
.gray-link {
  color: #707070;
  padding: 0 10px;
}
.gray-link:hover {
  color: #313131;
}
.gray-link i, .gray-link h4 {
  vertical-align: middle;
}
.gray-link i {
  font-size: 28px;
}
.link-img {
  width: 20%;
  margin-right: 1%;
}
.link-img {
  color: #0a93e2;
  font-size: 36px !important;
  margin-top: 5px;
}
.link-txt {
  width: 77% !important;
  color: #bebfc0;
}
.circled-img {
  border-radius: 50%;
  overflow: hidden;
}
.pres-header {
  align-items: center;
  background-color: white;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 8px 0;
  position: relative;
  width: 100%;
}
.pres-header-item {
  align-items: flex-start;
  display: inline-flex;
  flex-wrap: wrap;
  min-height: 100px;
  margin: 10px 0;
  padding: 0 20px;
  position: relative;
}
.pres-header-item.one {
  display: inline-block;
  width: 20%;
}
.pres-header-item.two {
  width: 36%;
}
.pres-header-item.three {
  width: 24%;
}
.pres-header-item.four {
  width: 20%;
}
.pres-header-item.three > div, .pres-header-item.four > div {
  padding-top: 15px;
  width: 100%;
}
.pres-header-item.two > div {
  display: inline-flex;
  align-items: flex-start;
}
.pres-header h4 {
  color: #717171;
  font-size: 21px;
  font-weight: normal;
  margin-top: 0;
  width: 50%;
}
.pres-header span {
  font-size: 13px;
}
.pres-header h4 span {
  color: #313131;
  font-size: 24px;
  font-weight: bold;
}
.pres-header p {
  color: #707070;
  font-size: 14px;
}
.pres-header p span {
  color: #313131;
  font-size: 16px;
  font-weight: bold;
}

.pres-header-item.two h4 { font-weight: bold }
.pres-header-item > div.header-line {
  position: absolute;
  right: 0;
  height: 50px;
  border-right: 1px solid #bcbcbc;
  z-index: 2;
  top: 20px;
  width: 1px;
}
.pres-header-item.three a { cursor: pointer; }
.pres-header-item.three i {
  line-height: 1;
  margin: 0;
}
.side-intop-element {
  display: inline-block;
  vertical-align: top;
}
.side-inmid-element {
  display: inline-block;
  vertical-align: middle;
}
.side-inbot-element {
  display: inline-block;
  vertical-align: bottom;
}
.pres-body {
  background-color: #edecef;
  padding: 15px;
}
.pres-title {
  display: inline-block;
  color: #033e6c;
  font-weight: normal;
  margin: 0;
}
.pres-title.title-line {
  border-bottom: 1px solid #e1e1e1;
}
.bulletin {
  float: right;
  color: #033e6c;
}
.candidatos {
  align-items: flex-end;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px 0;
  padding: 0 25px;
  width: 100%;
}
.candidatos li {
  border-bottom: 1px solid #9d9d9d;
  padding: 20px 5px;
  width: 25%;
}
.candidatos li:nth-child(5), .candidatos li:nth-child(6),
.candidatos li:nth-child(7), .candidatos li:nth-child(8) {
  border-bottom: none;
}
.pres-candidato-img {
  width: 40%;
  border-radius: 50%;
  overflow: hidden;
}
.pres-candidato-info {
  width: 58%;
  padding-left: 10px;
}
.pres-candidato-info p {
  color: #4d4d4d;
  font-size: 18px;
  margin-bottom: 0;
  text-transform: capitalize;
}
.pres-candidato-info span {
  display: block;
  color: #bebfc0;
}
.pres-candidato-text {
  height: 75px;
}
.candidato-porcentaje span {
  color: #004175;
  font-size: 34px;
  font-weight: bold;
}
.candidato-porcentaje div {
  height: 20px;
  margin: 10px 0;
  min-height: 1px;
  width: 60px;
}
.rounded-box {
  background-color: white;
  border-radius: 20px;
  padding: 20px 3% 0 10%;
}
.drop-title {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.dropdown-regions {
  display: inline-block;
  margin-left: 1%;
  width: 350px;
}
.dropdown-regions select {
  font-size: 18px;
  color: #004175;
  width: 100%;
}
.votos-candidatos {
  display: inline-block;
  margin: 20px 0;
  padding: 0;
  vertical-align: top;
  width: 25%;
}
.votos-candidatos li {
  border-bottom: 1px solid #d8d8d8;
  padding: 20px 10px;
}
.votos-candidatos li:last-child {
  border-bottom: none
}
.votos-candidatos li div:last-child {
  max-width: 38%;
}
.candidato-number {
  border-left: 3px solid;
  font-size: 34px;
  font-weight: bold;
  padding-left: 10px;
  width: 40px;
  vertical-align: top;
}
.candidato-img {
  width: 80px;
  height: 80px;
  margin: 0 8px;
}
.candidato-name p {
  color: #4d4d4d;
  font-size: 16px;
  margin-bottom: 0;
  text-transform: capitalize;
}
.candidato-name span {
  font-size: 14px;
  font-weight: normal;
}
.text-blue-bold {
  color: #004175;
  font-weight: bold;
}
.pres-chart-container {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  height: 100%;
  padding: 25px;
  width: 49%;
}
.pres-chart-incontainer { width: 100%; }

/*ajustes segunda vuelta*/
.cant-snd-round {
  width: 80%;
  margin: 0 10%;
}
.cant-snd-round li {
  border-bottom: none;
  margin: 10px 0;
  padding: 8px;
  width: 50%;
}
.cant-snd-round li:nth-child(2){
  border-left: 1px solid #d8d8d8;
  text-align: right;
}
.cant-snd-round li .pres-candidato-img{ width: 145px; }
.cant-snd-round li:nth-child(2) .pres-candidato-img{ float: right; }
.cant-snd-round li:nth-child(2) .pres-candidato-info {
  padding-left: 0;
  padding-right: 10px;
}
.cant-snd-round .candidato-porcentaje div {
  display: inline-block;
  height: 25px;
}
.cant-snd-round .pres-candidato-text { height: auto; }
.votos-sdn {
  display: inline-block;
  vertical-align: middle;
  width: 30%;
}
.votos-sdn li { padding: 30px 10px; }
.presch-scn-cont {
  display: inline-block;
  vertical-align: middle;
  width: 37%;
}
.dept-list { width: 100%;}
@media (max-width: 1280px) {
  .pres-header-item {
    padding: 0 15px
  }
  .pres-header-item.one {
    text-align: center;
    width: 100%;
  }
  .pres-header-item.two, .pres-header-item.three {
    width: 37.5%;
  }
  .pres-header-item.four {
    width: 25%;
  }
  .pres-small-info p {
    width: 100%;
  }
  .pres-header-item.one div {
    width: 250px;
    margin: 0 auto;
  }
  .pres-header-item.one .header-line {
    display: none;
  }
  .pres-candidato-img {
    height: 85px;
    width: 85px;
  }
  .rounded-box {
    padding: 20px 25px;
  }
  .pres-candidato-text {
    height: 100px;
  }
  .dept-list {
    display: flex;
    flex-wrap: wrap;
  }
  .votos-candidatos:first-child {
    order: 1;
  }
  .votos-candidatos:first-child {
    order: 2;
  }
  .pres-chart-container {
    order: 3
  }
  .votos-candidatos {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  .votos-candidatos li {
    border-bottom: none;
    width: 25%;
    padding: 10px;
  }
  .pres-chart-container {
    margin: 0 25%;
  }
  /*ajustes segunda vuelta*/
  .votos-sdn:first-child{
    margin-left: 10%;
    order: 1;
  }
  .votos-sdn:last-child{
    margin-right: 10%;
    order: 2;
  }
  .votos-sdn li{ width: 100%; }
  .presch-scn-cont { margin: 0; }
  .votos-sdn {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
  }
 .cant-snd-round li .pres-candidato-img {
   width: 120px;
   height: 120px;
 }
}
@media (max-width: 1200px) {
  .pres-candidato-text {
    height: 120px;
  }
  .votos-candidatos li div:last-child {
    max-width: 100%;
    text-align: center;
  }

}
@media (max-width: 992px) {
  .pres-header-item {
    min-height: 125px;
  }
  .pres-header-item.two h4, .pres-header-item.four h4 {
    display: block;
    width: 100%;
  }
  .pres-header-item.two > div {
    display: block;
  }
  .pres-candidato-img {
    height: 70px;
    width: 70px;
    align-self: flex-start;
  }
  .candidatos {
    align-items: stretch;
  }
  .candidatos li {
    text-align: center;
    width: 25%;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
  }
  .pres-candidato-info {
    width: 100%;
    padding-left: 0;
  }
  .candidato-porcentaje div {
    display: inline-block
  }
  .pres-candidato-text {
    height: 75px;
  }
  .dropdown-regions {
    display: block;
    margin: 20px auto;
  }
  .votos-candidatos li {
    display: inline-block;
    text-align: center;
  }
  .candidato-number {
    border-left: none;
    border-bottom: 3px solid;
    margin-bottom: 15px;
    padding-left: 0;
  }
  .pres-chart-container {
    display: block;
    height: auto;
    margin: 10px auto;
    width: 70%;
  }
  .cant-snd-round {
    width: 90%;
    margin: 0 5%;
  }
  .cant-snd-round li, .cant-snd-round li:nth-child(2) {
    border: none;
    width: 50%;
    margin: 0;
  }
  .cant-snd-round li:nth-child(1) {
    justify-content: flex-start;
    text-align: left;
  }
  .cant-snd-round li:nth-child(2) { justify-content: flex-end; }
  .votos-sdn { width: 100%; }
  .votos-sdn:first-child{ margin-left: 0; }
  .votos-sdn:last-child{ margin-right: 0; }
}
@media (max-width: 768px) {
  .pres-header-item {
    min-height: 100px;
  }
  .pres-header-item.one,
  .pres-header-item.two,
  .pres-header-item.three,
  .pres-header-item.four {
    width: 50%;
  }
  .pres-header-item.one div {
    width: 70%;
  }
  .pres-header-item.one .header-line {
    display: inline-block;
  }
  .dropdown-regions {
    width: 90%;
  }
  .dept-list {
    display: block;
  }
  .votos-candidatos li {
    border-bottom: 1px solid #9d9d9d;
  }
  .pres-chart-container {
    order: initial;
    width: 90%;
  }

}
/*estilos mobile*/
@media (max-width: 650px) {
  .back-white {
    background-color: white
  }
  .pres-body {
    padding: 0 10px;
  }
  .pres-body .tab-content {
    margin-top: 0 !important;
  }
  .pres-nav-tabs {
    text-align: center;
  }
  .pres-nav-tabs.nav li {
    background-color: white;
    border-bottom: 0;
    display: inline-block;
    float: initial;
    height: 60px;
    vertical-align: bottom;
    width: 49%;
  }
  .pres-nav-tabs.nav-tabs > li > a {
    align-items: center;
    background-color: #0071ba;
    border-radius: 0;
    color: white;
    display: inline-flex;
    flex-wrap: wrap;
    height: 100%;
    margin-right: 0;
    width: 100%;
  }
  .pres-nav-tabs.nav-tabs > li.active > a,
  .pres-nav-tabs.nav-tabs > li.active > a:hover,
  .pres-nav-tabs.nav-tabs > i.active > a:focus {
    background-color: white;
    color: #0071ba;
  }
  .pres-nav-tabs.nav-tabs > li > a span, .votos-candidatos, .votos-candidatos li {
    width: 100%;
  }
  .pres-header {
    padding: 15px 0 0
  }
  .pres-header-item {
    display: inline-block
  }
  .pres-header-item.one {
    width: 60%
  }
  .pres-header-item.four {
    width: 40%
  }
  .pres-header-item.three,
  .pres-header-item.two {
    background-color: #edecef;
    margin: 0;
    padding-top: 15px;
    text-align: center;
    width: 100%;
  }
  .pres-header-item.three a {
    background-color: #fbf9f9;
    border: 1px solid #989898;
    display: inline-block;
    margin: 15px 0 5px 0;
    padding: 5px 0;
    text-align: center;
    width: 200px;
  }
  .pres-header-item .header-line {
    display: none
  }
  .link-img {
    font-size: 21px !important;
    width: auto;
    margin-bottom: 5px;
  }
  .link-txt {
    padding-bottom: 15px;
    width: auto !important;
  }
  .pres-header-item.three h4 {
    margin-bottom: 0
  }
  .pres-small-info {
    border-top: 1px solid #989898;
    padding: 10px 0 15px 0;
  }
  .pres-small-info span {
    display: block;
  }
  .pres-small-info p {
    display: inline-block;
    font-size: 13px;
    width: 49%;
  }
  .pres-small-info p:first-child {
    border-right: 1px solid #989898
  }
  .pres-candidato-text {
    height: auto;
  }
  .bulletin {
    width: 100%;
    text-align: center;
    margin: 10px 0;
  }
  .candidatos {
    padding: 0 15px;
  }
  .candidatos li {
    border-bottom: 1px solid #9d9d9d;
    width: 100%;
    padding: 15px 0;
  }
  .pres-candidato-img, .pres-candidato-info {
    vertical-align: top
  }
  .pres-candidato-info {
    text-align: left;
    width: 68%;
  }
  .candidato-porcentaje span {
    line-height: 0.9;
    font-size: 18px;
    float: right;
    margin-top: 15px;
  }
  .candidato-porcentaje div {
    height: 20px;
    margin: 15px 0 0;
  }
  .dropdown-regions {
    display: inline-block;
    margin: 20px 5%;
  }
  .candidatos li:nth-child(5), .candidatos li:nth-child(6),
  .candidatos li:nth-child(7), .candidatos li:nth-child(8) {
    border-bottom: 1px solid #9d9d9d;
  }
  .candidatos li:last-child {
    border-bottom: none;
  }
  .candidato-number {
    border-left: 3px solid;
    border-bottom: none;
    margin-bottom: 0;
  }
  .candidato-img {
    font-size: 26px;
    height: 50px;
    margin: 0 8px;
    width: 50px;
  }
  .candidato-name {
    text-align: left;
    width: 35%
  }
  .vot-candidatos {
    width: 25%;
  }
  .vot-candidatos span {
    font-size: 26px;
  }
  .cant-snd-round li, .cant-snd-round li:nth-child(2) {
    width: 100%;
  }
}
@media (max-width: 365px) {
  .candidato-name {
    width: 32%
  }
  .vot-candidatos {
    width: 20%;
  }
  .vot-candidatos span {
    font-size: 24px;
  }
}