default.css

      html, body {
        height: 100%;
        padding: 0;
        margin: 0;
        font-family: Avant Garde,Avantgarde;
      }
      
      .row {
        margin-right: 0px;
        margin-left: 0px;
      }

      #presentacion{
        width: 27%;
      }
      #map {
        min-height: 75%;
      }

      #layer_selector {
        position: absolute;
        top: 20px;
        right: 20px;
        padding: 0;
        z-index:10;
      }

      #layer_selector ul {
        padding: 0; margin: 0;all
        list-style-type: none;
      }

      #layer_selector li {
        border-bottom: 1px solid #999;
        padding: 15px 30px;
        font-family: "Helvetica", Arial;
        font-size: 13px;
        color: #444;
        cursor: auto;
        list-style: none;
        font-family: Avant Garde,Avantgarde;
      }

      #layer_selector li:hover {
        background-color: #F0F0F0;
        cursor: pointer;
      }

      #layer_selector li.selected {
        background-color: #C5C4C8;
        font-weight: bold;
      }
      
      .footer h1 {
        font-weight: 400;
        line-height: 1;
        font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
        color: black;
        font-size: 200%;
        margin-top: 2px;
      } 

      .footer p{
        color: white;
        font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
      }


      .col-md-4.hashtag {
        margin-top: 60px;

      }

      .col-md-4.info {
        margin-top:20px;
      }

      .col-md-4.info img{
        width:70%;
        margin-left:15%;
      }
      
      .button{
        vertical-align: baseline;
        width: 200px;
        padding: 10px;
        text-align: center;
        font: bold 15px "Helvetica",Arial;
        line-height: normal;
        color: #555;
        border-radius: 4px;
        border: 1px solid #777777;
        background: #ffffff;
        text-decoration: none;
        cursor: pointer;
      } 

      .footer{

        background-color: #ebebeb;
        
        color: #FFFFFF;
        position: fixed;
      }

      .footer-info{
        background-color: #ebebeb;

      }

      .footer .info img {
        width: 50%;
      }

      #rrss_participa{
        width: 100%;
      }
      .footer .info .btn-group {

       margin-top: 5px;
       padding: 10px;
     }
     .footer .person img {
      width: 85%;
    }


  .footer .participa{
   padding-top: 10px;
   border-top: 1px solid #DDD;
 }
 .footer .rrss {
  margin-top: 10px;
}

.footer-info .rrss {
  margin-top: 10px;
}
.footer .participa p {
  color: #333;
  float:left;
  font-size:0.7em;
  margin-right: 1em;
  margin-top:1em;

}

.footer .participa img{
  max-width:30% !important;
  float:left;
}
.footer .hashtag {
  margin-top:20px;

}
.footer .hashtag img {
  width: 100%;
}
.btn-success{ 
  background-color: #1b6724;
  border-color: #fff;
  color: white;
}
.footer .rrss img {
  width: 80%;
}

.footer-info .rrss img {
  width: 80%;
}
.btn-group-justified{
  width: 50%;
  margin-left: 25%;
  margin-bottom:20px;
}

.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
  padding-top: 20px;
}

.jumbotron {
  text-align: center;
  border-bottom: .05rem solid #e5e5e5;
  background-color: #ebebeb;
  color: black;
  padding-top: 0px;
}

.logo {
  width: 100%;
}

@media (min-width: 48em) {
  .container {
    max-width: 75%;
  }
}

.container-fluid{
  background-color: #ebebeb;
}

div.row.marketing{
  text-align: justify;
}

div.cartodb-legend-stack {
  left:20px;
  right: auto;
}

.home{
  background-color: #ebebeb;
}

div.cartodb-popup.v2.header.blue div.cartodb-popup-header {
  background: none;
  background: -ms-linear-gradient(top, #4F9CD7, #2B68A8);
  background: -o-linear-gradient(right, #4F9CD7, #2B68A8);
  background: -webkit-linear-gradient(top, #4F9CD7, #2B68A8);
  background: -moz-linear-gradient(right, #8F8AC0, #554DA7);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4F9CD7',endColorStr='#2B68A8',GradientType=0)";
  z-index: 100;
}

div.cartodb-popup.v2.header.blue a.cartodb-popup-close-button {
  z-index: 150;
}

div.cartodb-popup.v2 div.cartodb-popup-content p, div.cartodb-popup.v2 div.cartodb-popup-content h4 {
  color: #3b3b3b;
}

@media (max-width: 1200px){
  .footer .participa p {
    font-size:0.6em;
  }
 .footer .person img {
  width: 100%;
  }

}

@media (max-width: 767px) {
  .footer .info img {
    width: 85%;
  }

 .visible-xs {
  width: 20% !important;
  float: right;
  margin-top: -10%;
  margin-right: -5%
}

}