body {
  margin: 0;
  padding: 0;
  font-family: 'Helvetica Neue', Helvetica, Arial, Sans-serif;
  display:flexbox;
}

#map {
  position: absolute;
   top: 0%;
  bottom: 0;  
  left: 30%;
  width: 70%;
  height: 100%;
  float: left;
}

h1 {
  font-size: 20px;
  line-height: 20px;
}

h2 {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
}

a {
  text-decoration: none;
  color: #2dc4b2;
}

#console {
  position: absolute; 
  width: 30%;
  margin: 0px;
  padding: 0px 0px 20px 0px;
  background-color: white;
  float: left;
}

/*estilos imagen*/


.imagen-mapa{
  width: 90%;
  padding: 0px 4%;
}

/*titulo de filtros*/
.titulo-filtros{
  padding-left: 10%;
}

/*cada filtro esta en una session*/
.session {
  margin-bottom: 30px;
  position: relative;
  padding-left: 5%;
  float: left;
  
}

.row {
  height: 12px;
  width: 100%;
}

.colors {
  background: linear-gradient(to right, #870018, #164D59, #D76C2C);
  margin-bottom: 5px;
}



.label {
  width: 25%;
  display: inline-block;
  /*text-align: center;*/
}

.label3{
    margin-left: 25px;
}

/*estilos popup*/
.mapboxgl-popup {
  max-width: 400px;
  font: 14px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
  
  }


  .mapboxgl-popup-content{
  border: 5px solid #2929FF;
      
      color:#000;
      /* max-height: 400px; */
      /* text-align: justify; */

  }
  .descripcion_popup{
    overflow-y: scroll;
      /* overflow-x: scroll; */
      /* max-width: 300px; */
      max-height: 150px;
      padding: 0px 15px 0px 10px
  }
  .popupG a{
    color:#fff;
  }

  .fa-globe,.fa-facebook, .fa-eraser{
    color:#870018;
    font-size: 18px;
  }

  /*etiquta de participacion*/
  .participacion{
    color:#870018;
    text-align: center;
    font-weight:bold;
    font-size:16px;
  }
  
/*boton prueba*/

.filtro5 a{
  font-size: 13px;
color: #000;
display: block;
margin: 0;
padding: 10px;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
text-align: center;
background-color: #F49AFF;

}

.filtro5 a:hover{
  background-color: #F07FFF;

}

.filtro5 a.activo{
  background-color: #BA37BD;
}


  /*estilos de buscador*/
  .filter-ctrl {
      /* position: absolute; */
      top: 10px;
      right: 10px;
      z-index: 1;
      padding-left: 5%
  }


  .filter-ctrl input[type='text'] {
      font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
      width: 100%;
      border: 0;
      background-color: #fff;
      margin: 10px;
      color: rgba(0, 0, 0, 0.5);
      padding: 10px;
      box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
      border-radius: 3px;
      width: 180px;
  }


  /*estilos del select*/
  .styled-select { 
    width: 150px; 
    height: 34px; 
    overflow: scroll; 
    
    border: 1px solid #ccc; }

    .styled-select select{
      display:block;
      padding: 5px 10px;
      height:42px;
      margin:10px auto;
      min-width: 225px;
      -webkit-appearance: none;
      height: 34px;
      /* background-color: #ffffff; */
      background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
          linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
        background-repeat: no-repeat, repeat;
        background-position: right .7em top 50%, 0 0;
        background-size: .65em auto, 100%;}


.styled-select option{
font: 14px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.clearfix{
clear: both;
}
.footer p{
font-size:13px;
text-align: justify;
padding: 50px 10% 0px 10%;

}

.participacion_mujeres{
font-size:12px;
}

/*barra desplazamiento*/
/* Estilos scrollbar */
::-webkit-scrollbar {
width: 15px; /* ancho barra */
}

::-webkit-scrollbar-track {
background: #f1f1f1; /* color fondo barra */
}

::-webkit-scrollbar-thumb {
background: #F29422; /* color barra */
border-radius: 10px; /* borde barra */
}

::-webkit-scrollbar-thumb:hover {
background: #000; /* color barra hover */
}

/*estilos para tablet*/
@media screen and (max-width: 992px) {

#map {
  position: absolute;
  top: 39%;
  bottom: 0;
  left:0;
  width: 100%;
}

.row {
  height: 60%;
  width: 100%;
}

#console {
  position: absolute;
  width: 100%;
  margin: 0px;
  padding: 0px 0px;
  background-color: white;
  display: inline-flex;
}

/*  .mapboxgl-canvas{
  padding-top: 121px;
} */
.session{
  padding-left: 10px;
  padding-right: 10px;
}
.titulo-filtros{
  display: none;
}
.styled-select { 
  width: 100px; 
  height: 20px; 
  overflow: hidden; 
  border: 1px solid #ccc; }


.styled-select select{
  display:block;
  padding: 5px 10px;
  height:40px;
  margin:5px auto;
  
  -webkit-appearance: none;
  height: 34px;
  /* background-color: #ffffff; */
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;}
.imagen-mapa{
  
    width: 35%;
    padding: 0px 0px;
  
}

.footer{
  display: none;
}
}


/*estilos para movil*/

@media screen and (max-width: 425px) {

#map {
  position: absolute;
  top: 39%;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
}


#console {
  position: absolute;
  width: 100%;
  margin: 10px;
  padding: 0px 0px;
  background-color: white;
  display: inline-flex;
}


.session{
  padding-left: 10px;
  padding-right: 10px;
}
.titulo-filtros{
  display: none;
}
.styled-select { 
  width: 70px; 
  height: 20px; 
  overflow: hidden; 
  border: 1px solid #ccc; }


.styled-select select{
  display:block;
  padding: 5px 10px;
  height:40px;
  margin:5px auto;
  min-width: 100px;
  -webkit-appearance: none;
  height: 34px;
  /* background-color: #ffffff; */
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;}
.imagen-mapa{
  display: none;
}

.participacion_mujeres{
  font-size:12px;
}


.row {
  height: 100%;
  width: 100%;
}
}