<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#mapa {
  width:  640px;
  height: 800px;
}

#logo {
  background: url(../img/logo_ZHm.png) no-repeat; 
  width: 150px; 
  height: 150px;
  float: left;
  position: absolute;
  z-index: 500; 
  left: 70px;
}

#select {
  float:    right;
  z-index:  1000;
  top:      40px;
  right:    0px;
  position: absolute;
}

.button {
  color:        rgb(255, 255, 255);
  display:      inline-block;
  font-family:  'oswald';
  width:         48%;
  text-align:   center;
  cursor:       pointer;
}

.disabled, .disabled:hover {
  color:  #c0c0c0 !important;
  cursor: default !important;
}

.button:hover {
  color:  rgb(255, 255, 0);
}

#detalhes {
  background-color: rgb(0, 0, 0);
  position:         absolute;
  border:           solid 10px rgb(0, 0, 0);
  left:             50%;
  width:            320px;
  margin-left:      -160px;
  bottom:           0px;
  z-index:          500;
  display:          none;
  padding:          0px;
  
  -moz-border-radius:     10px 10px 0px 0px;
  -ms-border-radius:      10px 10px 0px 0px;
  -o-border-radius:       10px 10px 0px 0px;
  -webkit-border-radius:  10px 10px 0px 0px;
  border-radius:          10px 10px 0px 0px;
}

.escala {
  font-size: 70%;
}

#detalhes * {
  color:    rgb(255, 255, 255);
}

#detalhes h2 {
  text-align:   center;
  padding:      0px;
  margin:       0px;
  font-size:    150%;
  font-family:  'oswald';
}

#detalhes span {
  text-align:   center;
  font-size:    110%;
  font-family:  'oswald';
}

#legenda-wrapper {
  text-align: center;
}

.assaltos {
  display:    block;
  width:      100%;
  font-size:  70%;
}

.modal-open {
  display:    block;
  width:      100%;
  clear:      both;
  cursor:     pointer;
  background-position:  0px 0px;
  font-size:            80%;
  color:                rgb(255, 255, 0) !important;
}

#menu, #list, #list-controls {
  background-color: rgb(0, 0, 0);
  position:         relative;
  float:            right;
  border:           solid 10px rgb(0, 0, 0);
}

#list {
  clear:  both;
}

#list-controls {
  width:        290px;
}

#menu {
  background-image: url('../img/menu.png');
  
  width:            50px;
  height:           50px;
  cursor:           pointer;
  
  -moz-border-radius:     10px 0px 0px 10px;
  -ms-border-radius:      10px 0px 0px 10px;
  -o-border-radius:       10px 0px 0px 10px;
  -webkit-border-radius:  10px 0px 0px 10px;
  border-radius:          10px 0px 0px 10px;
}

#list {
  width:        300px;
  height:       635px;
  
  overflow-y:   scroll;
  overflow-x:   hidden;
  
  border-right: 0px;
  
  -moz-border-radius:     0px 0px 0px 10px;
  -ms-border-radius:      0px 0px 0px 10px;
  -o-border-radius:       0px 0px 0px 10px;
  -webkit-border-radius:  0px 0px 0px 10px;
  border-radius:          0px 0px 0px 10px;
}

#list div {
  color:  rgb(255, 255, 255);
}

.active {
  color:  rgb(255, 255, 0) !important;
}

#list span {
  text-transform: uppercase;
  display:        inline-block;
  width:          235px;
  font-family:    'oswald';
  padding:        5px 0px;
  word-break:     keep-all;
  cursor:         pointer;
  float:          left;
  line-height:    1.1em;
}

.prefix {
  width:    45px !important;
  clear:    both;
}
</pre></body></html>