* { padding: 0; margin: 0; }

body{ font: 0.8em tahoma, arial, helvetica, sans-serif; }

td, th{ font-size: 1em; }

#mapa img { vertical-align: bottom; }

#legend { position: absolute; padding: 10px 20px; }

  #legend h2 { font-family: arial; margin-bottom: 4px; font-size: 1.3em; }

  #legend table { border-collapse: collapse; }
  #legend table.left { float: left; }
  #legend table.right { float: left; }

    #legend td, th { padding: 1px; }
    #legend td { padding-right: 8px; padding-left: 3px; padding-bottom: 2px; }

    #legend th { border: 1px solid #fff; width: 50px; background-color: #e9e9e9; }
    #legend th.yellow { background-color: #F8DB7D; }
    #legend th.orange { background-color: #FAA97C; }