      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map_canvas { height: 100%; width:100%; height:100%; float:left }
      .button:hover {background-color:#ffdddd;}
      .button {
        cursor:pointer;
        padding:2px;
        border:solid;
        border-width:1px;
        font-size:small;
        background-color:white;
        display:inline-block;
      }

      .infos-container > h2 {
        margin-bottom: 0;
        padding-bottom: 10px;
      }
      .logo{
          margin: 10px;
          display: block;
          float: left;
          position: absolute;
          pointer-events: initial;
          z-index: 99999;
      }
      .social-stuff {
        background: none;
      }

      .infos-container{
        width:20%;height:100%;background-color: transparent; padding: 20px;right: 0; position: absolute;pointer-events: none;text-align: center
      }
      .infos-container > * {
        background: rgba(255,255,255,0.6);
      }

      .infos-container img{
        display: block;
        margin: 0 auto;
      }
      .infos-container a{
        pointer-events: auto; font-weight: bold; font-size: 13px;text-align: center;display: block;  
      }
      .infos-container h2{
        text-align: center;font-weight: bold; margin-top: 50px
      }
      .container-botao{
        padding: 10px;
        position: absolute;
        z-index: 999;
      }
      .container-primeiro-botao{
         top: 90px
      }
      .container-segundo-botao{
        top: 135px;
      }
      .container-botao-bottom{
        bottom: 0;
        margin-bottom: 30px
      }
      .container-botao-direita{
        right: 0;
        top: 0;
      }

      .footer-referencias{
      width: 70%;
      text-align: center;
      cursor: pointer;
      z-index: 0;
      position: absolute;
      bottom: 0px;
      left: 177px;
      font-size: 12px;
      }
      .social-stuff{
        pointer-events: auto;
        display: inline-block;
        margin-bottom: 25px; 
        margin-top: 5px;

      }
      #twitter-widget-0{
            margin-bottom: -5px;
      }
      .fb-like{
        margin-top: -10px;
      }
      .btn-interna{
          border: none;
          background: #18bc9c;
          color: white;
          box-shadow: 0 0 0 0;
          text-shadow: none;
          font-weight: bold;
      }
      @media all and (max-width: 1000px) {
        .infos-container{
          width: 55%;
        }
        .infos-container img{
          width: 100%;
        }
        .infos-container h2{
          font-size: 20px;
        }
        .btn-default{
          font-size: 12px
        }
        .footer-referencias{
          left: 0px;
          width: 100%;
          padding: 0 20px;
        }
        .container-botao-bottom{
          margin-bottom: 60px;
        }
        .btn-default:focus, .btn-default:hover{
          background: #18bc9c;
        }
      }