/* Home */
.inicio .titulo {
    margin: 2em 0 0 0;
  }
  .volver {
      margin-top: 3.2em;
      text-align: right;
      float: right;
  
  }
  .volver a {
      font-size: 16px;
      font-weight: 400;
      text-transform: none!important;
      padding: 11px 25px;
  
  }
  .subtitulo {
      color: #767676;
      padding-left: 0;
      font-size: 13px;
      margin-top: 22px;
      margin-bottom: 12px;
  
  }
  .div-bajar {
      padding-right: 0;
  }
  .div-bajar .btn-bajar {
      color: #fff;
      padding: 4px 6px 5px 12px;
      background-color: #d60606;
      font-size: 14px;
      float: right;
  }
  .div-bajar .dropdown-item{
    display: block;
    font-size: 14px;
    padding: 0.5em 1em;
    font-weight:700;
    text-decoration: none;
    color:#333333 ;
}
  .bajar-indi{
     width: 99%;
  }
  .btn-bajar i {
      font-size: 15px;
      font-weight: bold;
      margin-left: 10px;
      line-height: 20px;
  
  }
  
  .table-head {
      border: 1px solid black;
      margin-bottom: 0 !important;
      padding-bottom: 0;
      text-align: center;
  }
  
  .table-body {
      border: 1px solid black;
      border-top: 0;
      margin-top: 0;
      padding-top: 0;
      margin-bottom: 0;
      padding-bottom: 0;
  }
  
  td,
  th,
  tr {
      text-align: center !important;
  }
  
  .td-parent {
      font-weight: 400;
      background-color: #009dda;
      color: #fff;
  }
  .td-child:nth-child(2) {
      background-color: #e8e8e8;
  }
  .tabla-indicadores th {
  
      background-color: #0072BB;
      color: #fff;
      font-weight: 100;
  }
  
  /* Indicadores */
  .indicadores {
      margin-bottom: 4em;
  }
  .indicadores .titulo {
      margin: 2em 0;
  }
  .table {
      margin-top: 3em;
      margin-left: 15px!important;
      margin-right: 15px!important;
      width: 98%;
  
  }
  .sin-margen {
      margin-top: 0px!important;
  }
  .table th {
      background-color: #009dda;
      color: #fff;
      font-weight: 400;
      text-transform: uppercase;
      font-size: 14px;
      border-bottom: 12px solid #ccc!important;
  
  }
  .table .text-xs-left {
      font-size: 16px;
      display: table-cell;
      vertical-align: middle;
  }
  .table .text-xs-left span{
      font-size: 13px;
      margin-left: 10px;
     
  }
  .table .btn-ver {
      background-color: #009dda;
      padding: 3px 6px;
      color: #fff;
      font-size: 18px;
  
  }

  .simple td:nth-child(1){
    width: 40%;
  }
  .compuesta  .td-parent td:last-child{ 
    display: none;
  }
  .compuesta  tr td:nth-child(odd) { 
     display: none;
   }
   .table-head{
    border: 0px solid #ddd!important;
   }
   .compuesta  tr td:first-child { 
    display: block;
    border-top: 1px solid #ddd!important;
}
 
 
  .titulo .btn {
      display: inline-block;
      width: 60px;
      height: 60px;
      color: #fff;
      border-radius: 50%;
      font-size: 0.8em;
      padding: 3px 3px 3px;
  }
  .titulo .titulo-educacion i{
      padding-top: 14px;
      font-size: 31px;
  }
  .titulo .titulo-violencia i{
      font-size: 33px;
      padding: 0px!important;
      padding-top: 0px!important;
      padding-right: 4px!important;
  }
  .titulo .titulo-poblacion i{
      font-size: 33px;
      padding: 0px!important;
      padding-top: 0px!important;
     
  }
  .titulo .titulo-repo1 i{
      font-size: 33px;
      padding: 0px!important;
      padding-top: 1px!important;
     
  }
  .titulo .titulo-repo2 i{
      font-size: 33px;
      padding: 0px!important;
      padding-left: 1px!important;
      padding-top: 0px!important;
     
  }
  .titulo .titulo-mercado i{
      font-size: 30px;
      padding: 0px!important;
      padding-top: 12px!important;
     
  }
  .titulo .titulo-presupuesto i{
      font-size: 33px;
      padding: 0px!important;
      padding-top: 0px!important;
     
  }
  .titulo .titulo-proteccion i{
      font-size: 33px;
      padding: 0px!important;
      padding-top: 0px!important;
      padding-left: 1px!important;
     
  }
  .titulo .titulo-toma .btn {
      background-color: grey;
  }
  .titulo .titulo-mercado .btn {
      padding: 15px 3px 3px;
  }
  .indicador-titulo {
      padding-left: 0;
      margin-top: 2em;
  }
  .indicador-titulo .btn {
      display: inline-block;
      width: 60px;
      height: 60px;
      color: #fff;
      border-radius: 50%;
      font-size: 0.8em;
      padding: 10px 3px 3px;
  }
  .indicador-titulo .titulo-toma .btn {
      background-color: grey;
  }
  .indicador-titulo .titulo-mercado .btn {
      padding: 15px 3px 3px;
  }
  .titulo-poblacion span {
      color: #009dda;
      position: relative;
      top: 10px;
      font-size: 28px;
  }
  .titulo-repo1 span {
      color: #82bc00;
      position: relative;
      top: 10px;
      font-size: 28px;
  }
  .titulo-repo2 span {
      color:#c62828;
      position: relative;
      top: 10px;
      font-size: 28px;
  }
  .titulo-mercado span {
      color: #fdce04;
      position: relative;
      top: 10px;
      font-weight: 400;
      font-size: 28px;
  }
  .titulo-educacion span {
      color: #009dda;
      position: relative;
      top: 10px;
      font-size: 28px;
  }
  
  .titulo-violencia span {
      color: #873299;
      position: relative;
      top: 10px;
      font-size: 28px;
  }
  
  .titulo-toma span {
      color: #767676;
      position: relative;
      top: 10px;
      font-size: 28px;
  }
  
  .titulo-presupuesto span {
      color: #ff4338;
      position: relative;
      top: 10px;
      font-size: 28px;
  }
  
  .titulo-proteccion span {
      color: #bd1e61;
      position: relative;
      top: 10px;
      font-size: 28px;
  }
  
  .graficos {
      margin: 2em 0;
      border: 1px solid #ccc;
      padding: 12px 0;
      background-color: #fff;
  }
  
  .fuente {
      padding-left: 15px;
      font-size: 15px;
      font-weight: 500;
  
  }
  .table-bordered tbody tr .letras{
      font-size:11.5px;
     
   }
  .fuentes-indicador{
      margin-bottom: 40px;
      margin-top:40px;
      
  }
  .fuentes-indicador p{
      font-weight: 400;
      font-size: 13px;
  }
   /* Botones redodndos */
   .nav-icons i[class^="icono-arg-"]:before, .nav-icons i.fa:before{
      line-height: 70px;
   }
   .nav.nav-icons li a {
      width: 170px;
  }
  .nav.nav-icons li a span {
   font-size: 15px;
   line-height: 18px;
  }
  .nav.nav-icons li .fa-mortar-board{
     font-size: 43px;
      padding-left: 5px;
      line-height: 1.9!important;
   
  }
  .nav.nav-icons li .icono-arg-mano-alt{
      font-size: 50px;
      padding-right: 5px;
      line-height: 1.9!important;
  }
  .nav.nav-icons li .icono-arg-gestion-de-salud {
      font-size: 51px;
      line-height: 1.9!important;
  }
  .nav.nav-icons li .icono-arg-famila {
      font-size: 47px;
      line-height: 2!important;
  }
  .nav.nav-icons li .icono-arg-embarazo {
      font-size: 45px;
      line-height: 2.1!important;
  }
  .nav.nav-icons li .fa-industry {
      font-size: 42px;
      line-height: 1.9!important;
  }
  .nav.nav-icons li .icono-arg-participacion {
      font-size: 44px;
      padding-left: 4px;
      line-height: 2!important;
  }
  .nav.nav-icons li .icono-arg-pesos {
      font-size: 45px;
      line-height: 2.1!important;
  }
  .nav.nav-icons li .icono-arg-social {
      font-size: 47px;
      padding-left: 1px;
      line-height: 2!important;
  }
  @media (max-width: 1600px) {
  
      .nav.nav-icons li a {
          font-weight: 400;
          text-align: center;
          width: 130px;
          vertical-align: top;
      }
  
      .nav.nav-icons li a i {
          font-size: 40px;
          line-height: 100px;
      }
      .nav.nav-icons li a span {
          font-size: 12px;
          display: block;
          color: #686868;
          transition: color 0.2s;
      }
  }
  @media (max-width:768px) {
  
      .sin-margen {
          max-width: 100vw;
          overflow-y: scroll;
          display: block;
          border: 1px solid #e9e9e9;
      }
      .indicador-titulo .btn,
      .titulo .btn {
          font-size: 1.2em;
          padding: 8px 3px 3px;
          margin-right: 0.5em;
      }
  
  }
  @media (max-width:480px) {
      .subtitulo h5{
          font-size: 15px;
          margin-bottom:30px;
      }
      .titulo-poblacion span {
          font-size: 19px;
          width: 78%;
          float: right;
      }
      .titulo-repo1 span {
          font-size: 19px;
          width: 78%;
          float: right;
      }
      .titulo-repo2 span {
          font-size: 19px;
          width: 78%;
  
          float: right;
      }
      .titulo-mercado span {
          font-size: 19px;
          width: 78%;
  
          float: right;
      }
      .titulo-educacion span {
          font-size: 19px;
          width: 78%;
          float: right;
      }
  
      .titulo-violencia span {
          font-size: 19px;
          width: 78%;
          float: right;
      }
  
      .titulo-toma span {
          font-size: 19px;
          width: 78%;
  
          float: right;
      }
  
      .titulo-presupuesto span {
          font-size: 19px;
          width: 78%;
  
          float: right;
      }
  
      .titulo-proteccion span {
          font-size: 19px;
          width: 78%;
  
          float: right;
      }
      .table {
          margin-top: 3em;
          margin-left: 6px!important;
          margin-right: 15px!important;
          width: 97%;
      }
      .volver {
          margin-top: 0;
  
      }
      .volver a {
          font-size: 12px;
      }
      .graficos{
          width: 95%;
          margin: 5em auto 0em auto;
      }
  }
  
  @media(max-width:375px){
      .titulo-poblacion span {
          font-size: 19px;
          width: 75%;
          padding-top: 5px;
          float: right;
      }
      .titulo-repo1 span {
          font-size: 19px;
          width: 75%;
          padding-top: 5px;
          float: right;
      }
      .titulo-repo2 span {
          font-size: 19px;
          width: 75%;
          padding-top: 5px;
          float: right;
      }
      .titulo-mercado span {
          font-size: 19px;
          width: 75%;
          padding-top: 5px;
          float: right;
      }
      .titulo-educacion span {
          font-size: 19px;
          width: 75%;
          padding-top: 5px;
          float: right;
      }
  
      .titulo-violencia span {
          font-size: 19px;
          width: 75%;
          padding-top: 5px;
          float: right;
      }
  
      .titulo-toma span {
          font-size: 19px;
          width: 75%;
          padding-top: 5px;
          float: right;
      }
  
      .titulo-presupuesto span {
          font-size: 19px;
          width: 75%;
          padding-top: 5px;
          float: right;
      }
  
      .titulo-proteccion span {
          font-size: 19px;
          width: 75%;
          padding-top: 5px;
          float: right;
      }
      .fuente {
          font-size: 13px;
          
      }
  }
  @media(max-width:320px){
  
      .table .text-xs-left {
          font-size: 12px;
      }
      .titulo-poblacion span {
          width: 70%;
      }
      .titulo-repo1 span {
          width: 70%;
      }
      .titulo-repo2 span {
          width: 70%;
      }
      .titulo-mercado span {
          width: 70%;;
         
      }
      .titulo-educacion span {
          width: 70%;
      }
  
      .titulo-violencia span {
          width: 70%;
      }
  
      .titulo-toma span {
          width: 70%;
      }
  
      .titulo-presupuesto span {
          width: 70%;
      }
  
      .titulo-proteccion span {
          width: 70%;
      }
      .fuente {
          font-size: 13px;
          
      }
  
  }
  /* Correcciones Último Header Argetina */

.input-group-btn button, .input-group-btn button:hover {
    background-color: #fff;
    color: #333333;
    
}
.input-group-btn .btn .fa {
    font-size: 1em;
}

/* Nuevo Index */
.index{
    
    padding: 0px;
    margin-top:2em;
    margin-bottom:4em;

}
.index h1{
    color: #009dda;
    font-size: 40px;
    font-weight: 400;
    margin-bottom:35px;
}

.index h2{
    color: #505050;
    font-size: 22px;
    font-weight: 400;
     margin:0px;
     margin-bottom:25px;
     padding-top:12px;
}
.index .derechos{
    padding-right:0px;
    padding:0px;
}
.index .log-5{
    padding-left:0px;
}
.index p{
    font-size: 16px;
    margin-top:20px;
    margin-bottom: 20px;
    color: #626262;
    line-height:21px;
    text-align: justify;
}
.index .lista-index{
    list-style: none;
    font-size: 16px;
    color: #626262;
    margin-top:40px;
    margin-bottom: 40px;
    padding-left: 0px;
 
}
.index .lista-index i{
    display: inline-block;
    width: 29px;
    height:29px;
    color: #fff;
    font-size: 1em;
    border-radius: 100px;
    font-weight: 900;
    background: #707070;
}
.index .lista-index li a{
    color: #626262;
    text-decoration: none;
    font-weight: 400;
}
.index .lista-index li a:hover{
    color: #bbb;
    text-decoration: none;
}
.index .lista-index .po i {
    padding-left: 7px;
    padding-top: 2px;
}
.index .lista-index .su i {
    padding-left: 9px;
    padding-top: 2px;
}
.index .lista-index .sa i {
    padding-left: 6px;
    padding-top: 2px;
}
.index .lista-index .me i {
    padding-left: 8px;
    padding-top: 8px;
    font-size: 0.8em;
}
.index .lista-index .ed i {
    padding-left: 5px;
    padding-top: 6px;
   
}
.index .lista-index .vio i {
    padding-left: 8px;
    padding-top: 1px;
   
   
}
.index .lista-index .par i {
    padding-left: 5px;
    padding-top: 1px;
   
}
.index .lista-index .pre i {
    padding-left: 7px;
    padding-top: 2px;
   
}
.index .lista-index .pro i {
    padding-left: 4px;
    padding-top: 1px;
   
}
.index .lista-index span{
   margin-left: 10px;
   
}
.index .lista-index li{
    margin-bottom: 8px;
}
@media (max-width:480px){

.index h1{
    font-size: 30px;
}
.index h2{
    font-size: 22px;
}
.index .lista-index span{
  font-size: 14px;
 margin-left: 5px;
}
.index p{
    font-size: 14px;
}
}

/* Agregado Botón Home */

.btn-volver-inicio{
    float: right;
    color:#fff!important;
    text-transform: inherit;
    font-weight: 300;
}
@media(max-width:480px){
    .btn-volver-inicio{
       display: block;
       margin-top:30px;
    }
}