.top_line ul li {
  font-size: 16px;
  margin-left: 15px !important;
}

.search_input {
  margin-top: 40px;
}

.search .svg-inline--fa {
  float: right;
  margin-top: 4px;
}

.search_input input {
  border: 1px solid #fff;  
}

.search_input input:focus, .search_input input:active {
  outline: none;
  border: 1px solid #fff;
}

a {
  color: #41a3c5;
}

.search_input .submit_button {
  background-color: #fff;
  width: 110px;
  color: #41a3c5;
}

@media (max-width: 992px){
    .hamburger {
        position: absolute;
        top: 33px;
        z-index: 1;
        right: 15px;
    }
    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
        background-color: white;
        border-radius: 0;
        height: 3px;
    }
}

.contadores{
    color: #128e6c;
    font-size: 16px;
    font-family: "JosefinSans Bold", sans-serif !important;
}

.contadores_numeros{
    font-size: 45px;
    color: #f9c73c;
    font-family: "Permanent Marker";
}

.pie_seccion{
    background-color: #353535;
    color: white;
}

.pie_titulo_menu{
    font-family: "JosefinSans-Bold", sans-serif !important;
    font-size: 14px;
    margin: 0px;
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: left;
}

.pie_cuerpo_menu{
  font-family: "Asap", sans-serif !important;
  font-size: 12px;
  margin: 0px;  
}

.pie_logo{
  width: 100%;
  margin-top: 5px;
}

.pie_sub_menu{
    font-family: "Josefin Sans", sans-serif !important;
    font-size: 12px;
    margin: 0px;
    margin-left: 10px;
}

.circulos_home{
    background-color: #29c777;
    border-radius: 100%;
    height: 230px;
    width: 230px;
    color: white;
    font-family: "Josefin Sans" !important;
    font-size: 20px;
    text-align: center;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;    
}

.circulos_home div p{
  margin: 0px;
}

.link_en_cuerpos p a{
  color: white;
  text-decoration: none;
}

.cuerpos{
  font-size: 16px;
  font-family: 'Asap';
}

.cuerpos p{
  margin: 0px;
}

.cuerpos_titulos{
  font-family: "Josefin Sans", sans-serif !important;
  font-size: 16px;
  font-weight: bold;
}

.cuerpos_detalle p{
  margin: 0px;
}

.citas{
  font-family: "Josefin Sans", sans-serif !important;
  font-size: 22px;
}

.botones{
  font-family: "Josefin Sans", sans-serif !important;
  font-size: 25px;
}

.titulos{
  font-family: "Josefin Sans", sans-serif !important;
  font-size: 45px;
  line-height: 72px;
  font-weight: bold;
}

.color_amarillo{
  color: #f9c73c;
}

.borde_amarillo{
  border: 3px solid #f9c73c;
}

.fondo_amarillo{
  background-color: #f9c73c;
}

.color_celeste{
  color: #41a3c5;
}

.fondo_celeste{
  background-color: #41a3c5;
}

.borde_celeste{
  border: 3px solid #41a3c5;
}

.color_naranja{
  color: #fd6522;
}

.fondo_naranja{
  background-color: #fd6522;
}

.borde_naranja{
  border: 3px solid #fd6522;
}


.color_verde{
  color: #29c777;
}

.borde_verde{
  border: 3px solid #29c777;
}

.fondo_verde{
  background-color: #29c777;
}

.color_lila{
  color: #8269b5;
}

.borde_lila{
  border: 3px solid #8269b5;
}

.fondo_lila{
  background-color: #8269b5;
}

.color_negro{
  color: #353535;
}

.borde_negro{
  border: 3px solid #353535;
}

.fondo_negro{
  background-color: #353535;
}

.color_blanco{
  color: #fff;
}

.borde_blanco{
  border: 3px solid #fff;
}

.fondo_blanco{
  background-color: #fff;
}

.color_gris_oscuro{
  color: #6b6b6b
}

.borde_gris_oscuro{
  border: 3px solid #6b6b6b;
}

.fondo_gris_oscuro{
  background-color: #6b6b6b;
}

.fondo_gris{
  background-color: #f3f3f3
}

.color_verde_musgo{
  color: #297e73;
}

.observatorio_bloques{
  padding: 30px 40px;
  position: absolute;
  bottom: 0px;
  width: calc(100% - 35px);
}

.observatorio_bloques_boton{
  border: solid 2px white;
  padding: 15px;
  text-transform: uppercase;
  color: white;
  text-align: center;
  min-width: 210px;
  margin: auto;
  font-weight: bold;
  cursor: pointer;
}

.col-xs-20,

.col-sm-20,

.col-md-20,

.col-lg-20 {

  min-height: 1px; 

  position: relative;
  
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;  

}

.col-xs-20 {

  float: left;

  width: 20%;
  
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;  

}

.municipios_acordeon_titulo{
  font-size: 20px;
  margin: 0px; 
  height: 100px;
  display: flex;
  align-items: center;
  padding: 0px 15px;
}

.municipios_acordeon_icono{
  float: left; 
  height: 100px; 
  width: 100px;
}

.municipios_acordeon_icono img{
  width: 100%; 
  padding: 20px;
}

.municipios_acordeon_contenido{
  width: calc(100% - 100px);
  float:left;
}

.fondo_verde_blanco{
  position: relative;
  background: linear-gradient(90deg, #FFF 50%, #29c777 50%);
}

.fondo_verde_blanco_fondo_blanco{
  padding-right: 50px;
  padding-top: 15px;
  padding-bottom: 15px;  
}

.fondo_verde_blanco_fondo_verde{
  padding-right: 50px;
  padding-top: 15px;
  padding-bottom: 15px;  
}

@media (min-width: 768px) {

  .col-sm-20 {

    float: left;

    width: 20%;
    

  }

}

@media (min-width: 992px) {

  .col-md-20 {

    float: left;

    width: 20%;

  }

}

@media (min-width: 1200px) {

  .col-lg-20 {

    float: left;

    width: 20%;

  }

}

@media (min-width: 768px) {

  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

}

@media (max-width: 500px) {

  .titulos {
    font-size: 32px;
    line-height: 45px;
  }
  
  .circulos_home{
    margin-top: 15px;
  }

  .pie_logo{
    width: 60%;
  }

  .municipios_acordeon_titulo{
    font-size: 16px;
    margin: 0px; 
    height: 100px;
    display: flex;
    align-items: center;
    padding: 0px 15px;
  }

  .municipios_acordeon_icono{
    float: left; 
    height: 100px;
    display: flex;
    align-items: center;    
    width: 40px;
  }
  
  .municipios_acordeon_icono img{
    width: 100%; 
    padding: 5px;
  }

  .municipios_acordeon_contenido{
    width: calc(100% - 40px);
    float:left;
  }

  .fondo_verde_blanco{
    background: transparent;
  }

  .fondo_verde_blanco_row{
    margin: 0px -40px;
  }

  .fondo_verde_blanco_fondo_blanco{
    background: white;
    padding-top: 15px;
    padding-bottom: 15px;    
  }

  .fondo_verde_blanco_fondo_verde{
    background: #29c777;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}