html { height: 100%; }
body { height: 100%; margin: 0; padding: 0; background-image: none; }

#mapa { 
  display: block;
  position:absolute;
  height:auto;
  bottom:0;
  top:0;
  left:0;
  right:0;
  margin: 0;
  
  margin-right: 300px;
}


#contenedor_grupos{ display: block; position:absolute; height:auto; bottom:0; top:0; right:0; margin: 0; width: 300px; overflow-x: auto; padding-left: 5px; }
#contenedor_grupos ul{ padding-left: 15px; }
#contenedor_grupos ul li:nth-child(2n+1){ background-color: #d9edf7; }

#boton_toggle_menu{ background-color: #FFF; position: absolute; right: 0; bottom: 0px; z-index: 100; padding: 0 8px; border-radius: 10px 0 0 10px; text-align: center; transition: width 200ms; }

/* ya no usado */
#boton_flotante{ background-color: #FFF; position: absolute; right: 300px; top: 30px; z-index: 100; padding: 0 8px; border-radius: 10px 0 0 10px; text-align: center; transition: width 200ms; }