html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: sans-serif;
  font-size: small;
}

#map {
  width: 100%;
  /*height: 600px;*/
  height: 100%;
  /*position: absolute;*/
    z-index: 5;
  margin-top: 0px
}

/* Limit the width of the layer-switcher */
.layer-switcher {
  max-width: 300px;
}

.layer-switcher.shown {
  max-height: 270px;
}


.ol-popup {
  position: absolute;
  background-color: white;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
  min-width: 280px;
}
.ol-popup:after, .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}
.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}
.ol-popup-closer:after {
  content: "✖";
}

.ol-panel {
  position: absolute;
  background-color: white;
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 12px;
  
  min-width: 100px;
}

#legend{
  position:absolute; 
  right:10px; 
  bottom:10px; 
  z-index:10000; 
  width:200px; 
  height:100px; 
  background-color:#FFFFFF;
}

#msg{
  /*background-image: url("images/faded_banner.png");*/
  /*background-color: rgba(0,0,0,0.5);*/
  position: absolute;
  z-index: 10;
  /*left: 50%;*/
  /*transform: translate(-50%, 5px);*/
  /*background-color: rgba(40,40,40,.8);*/
  /*padding: 10px;*/
  color: #eee;
  /*width: 350px;*/
  /*width: 100%;*/
  /*top: 0.5em;*/
  /*text-align: center;*/
  /*left: 0.5em;*/
  /*padding: 0.5em;*/
  
}

.titulo-cat{

  padding: 10px 50px;
  font-weight: bold;
  color: #87133E;
}

.footer-map{
  font-size: x-small;
}

.logo{
  margin: 0.5em;
}

p{
  margin-bottom: 0px !important;
}

#marker {
  width: 20px;
  height: 20px;
  border: 1px solid #088;
  border-radius: 10px;
  background-color: #0FF;
  opacity: 0.5;
}
#vienna {
  text-decoration: none;
  color: white;
  font-size: 11pt;
  font-weight: bold;
  text-shadow: black 0.1em 0.1em 0.2em;
}
.popover-body {
  min-width: 276px;
}

.ol-popup {
  position: absolute;
  background-color: white;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
  min-width: 280px;
}
.ol-popup:after, .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}
.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}
.ol-popup-closer:after {
  content: "✖";
}

.item-line-pop-up{
  /*background-color: brown;*/
  /*color: #FFF;*/
  /*padding: 5px 10px;
  border: 1px solid #ff9999;
  border-radius: 10px;*/
  font-size: 10px;
}
.text-grey{
  /*background-color: brown;*/
  color: #b3b3b3;
  /*padding: 5px 10px;
  border: 1px solid #ff9999;
  border-radius: 10px;*/
  font-size: 9px;
}
.child {
  overflow : hidden;
  background: #CCC;
  position: absolute;
}
.ol-zoom{
  top: 100px;

}
.ol-full-screen {
  right: .5em;
  top: 100px;
}
.layer-switcher {
  position: absolute;
  top: 140px;
  right: 0.5em;
  text-align: left;
}
.info_box{
  width: 200px;
  height: 200px;
  background-color: #088;
  position: absolute;
}