*{margin:0px;padding:0px;}
::-webkit-scrollbar {display: none;}
html, body {height: 100%; font-family: 'Montserrat', Roboto, Helvetica, Arial, serif;}
a:link, a:visited {color: #000000;}
#salir{position:absolute;left:5px;top:15px;cursor:pointer;height:49px;z-index:750;}
#layers_min{position:absolute;left:5px;top:75px;cursor:pointer;height:49px;z-index:750;user-select: none;}
#layers_max{
  position:absolute; left:5px; top:75px; cursor:pointer; z-index:750; user-select: none; background-color: rgb(255, 255, 255);
  color: rgb(5, 5, 5); border-radius: 10px; width: fit-content; box-shadow: rgba(0, 0, 0, 0.15) 0px 1.212px 4.85px 0px; font-size: 12px;
  padding: 10px 10px 5px 10px; line-height: 17px; display: none;
}
.layer-switcher {
  display: flex; padding: 5px; font-family: Montserrat; font-size: 14px; font-weight: 400; letter-spacing: 0.25px; flex-direction: column;
  align-items: center; height: 109px; justify-content: space-between;
}
.layer-switcher img {width: 80px; padding: 2px; border-radius: 10px; cursor: pointer;}
#encuadrar{position:absolute;left:5px;top:135px;cursor:pointer;height:49px;z-index:750;user-select: none;}
#filtrar, #kml{
  position:absolute;left:5px;top:195px;cursor:pointer;height:49px;width:49px;z-index:750;user-select: none;border-radius:50%;
  background:rgba(117,117,117,0.4); display:table;text-align:center;
}
#location{position:absolute; left:5px; top:255px; cursor:pointer; z-index:750; user-select: none;}
#compass {position: absolute; left: 5px; top: 315px; cursor: pointer; z-index:750; user-select: none;}
#map {position:absolute;top:0px;left:0px;right:0px;bottom:0px;display: block;}
.black_overlay{display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color:black; z-index:751;opacity:.90; filter:alpha(opacity=70);}
#notificacion {
  display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; box-shadow: 0px 0px 30px #585858; z-index:751;
  font-size: 14px; text-align: center; font-family: 'Montserrat', Helvetica, Arial, serif;
}
.filtro {font-size:17px;font-weight:bold;padding:10px 0;cursor:default;}
.filtro_aux {cursor:pointer;padding:10px 0;}
.filtro_sel {background-color:#F0F0F0;color:#D86835;font-weight:bold;}
#salirNot {text-align: right; display: inline-block; max-width: 80%;}
#salirNot i {
  margin-bottom: 16px; font-size: 18px;border-radius:50%;color:#000000;background:#ffffff;padding:7px; cursor: pointer;
  text-shadow:rgba(0, 0, 0, 0.145) -1px -1px,rgba(0, 0, 0, 0.145) 1px 1px,rgba(0, 0, 0, 0.145) -1px 1px,rgba(0, 0, 0, 0.145) 1px -1px;
}
.gm-fullscreen-control{display:none;} .labelSpan{margin-left: 5px;} .olButton{width: 16px; height: 16px;} input[type="radio"] {margin: 5px; vertical-align: middle;}
#tooltip {
  position: relative; box-shadow: 0px 0px 30px #585858; background-color: #ffffff; border-radius: 5px; max-width: 100%; margin: 0 auto; z-index:750;
  padding: 5px; font-family: 'Montserrat', Helvetica, Arial, serif; text-transform: uppercase; display: none;
}
#tt_salir {position: relative; cursor:pointer; border-radius: 50%; z-index:750; display: none;}
#tt_salir i {
  position: absolute; right: 0; top: -43px;
  font-size: 18px; border-radius:50%; color:#000000; background:#ffffff; padding:7px; box-shadow: 0px 0px 30px #585858; 
  text-shadow:rgba(0, 0, 0, 0.145) -1px -1px,rgba(0, 0, 0, 0.145) 1px 1px,rgba(0, 0, 0, 0.145) -1px 1px,rgba(0, 0, 0, 0.145) 1px -1px;
}
.image_tt {border-radius: 5px; background-color: darkgrey; background-size: cover; background-position: center; vertical-align: middle;}
#tt_img {border-radius: 5px; vertical-align: middle; position: relative; width: 50%;}
.fondo_tt {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.fondo_tt ul {bottom: -30px;}
.fondo_tt li {margin: 0;}
#tt_class {color: #000000; font-size: 12px; padding: 8px 0 8px 10px; opacity: 0.8;}
#tt_name {color: #000000; font-size: 13px; padding: 0 0 0 10px; font-weight: 600; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
#tt_info {color: #D86835; font-size: 12px; padding: 5px 0; text-align: center; border: 2px solid #D86835; margin: 12px 10px 0; border-radius: 5px;cursor: pointer;}
#contenidoNot {background-color: #fff; border-radius: 5px; padding: 30px;text-align: center;}
#contenidoNot svg {width: 80px; height: auto;}
#contenidoNot .slick-dotted.slick-slider {margin-bottom: 20px;}
#contenidoNot .slick-dots li.slick-active button:before {color: black;}
#contenidoNot .slick-dots li button:before {text-shadow: unset; color: black;}
:root {--black: rgba(0,0,0,1.0); --white: rgba(255,255,255,1.0);}
#contenidoNot .rec-table {display: table; width: 100%; background-color: #FAFAFA; border-radius: 5px; border-spacing: 4px; height: 58px; margin: 4px 0 8px;}
#contenidoNot .rec-image {display: table-cell; width: 70px; border-radius: 5px; background-color: darkgrey; background-size: cover; background-position: center; vertical-align: middle; cursor: pointer;}
#contenidoNot .rec-name {display: table-cell; vertical-align: middle; font-size: 11px; text-transform: uppercase; padding: 0 10px; cursor: pointer;}
#contenidoNot .rec-name div{overflow: hidden; display: -webkit-box; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical; opacity: 0.8; margin-bottom: 5px;}
#contenidoNot .rec-name p{overflow: hidden; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 600;}


@media (max-height: 640px), (max-width: 300px){
  #tt_class {font-size: 11px; padding: 5px 0 5px 10px;}
  #tt_name {font-size: 11px; padding: 0 0 0 10px; }
  #tt_info {font-size: 9px; padding: 5px 0; margin: 9px 10px 0;}
  #notificacion {font-size: 13px;}
  .filtro {font-size:16px;padding:9px 0;} .filtro_aux {padding:9px 0;}
  #contenidoNot .rec-table {border-spacing: 3px; height: 56px; margin: 7px 0;}
  #contenidoNot .rec-image {width: 66px;}
  #contenidoNot .rec-name {font-size: 9px; padding: 0 10px;}
}
@media (min-height: 901px) {
  #salirNot {max-width: 60%;} #salirNot i {font-size: 28px;}
  #tooltip {border-radius: 8px; padding: 8px;} #tt_img {border-radius: 8px;} .image_tt {border-radius: 8px;}
  #tt_salir i {font-size: 27px; top: -56px;}
  #tt_class {font-size: 17px; padding: 14px 15px 10px;}
  #tt_name {font-size: 17px; padding: 0 15px;}
  #tt_info {font-size: 15px; padding: 10px 0;margin: 15px 15px 0;border-radius: 10px;}
  #contenidoNot {border-radius: 8px;}
  #contenidoNot svg {width: 110px;}
  #notificacion {font-size: 19px;}
  .filtro {font-size:22px;padding:14px 0;} .filtro_aux {padding:14px 0;}
  #contenidoNot .rec-table {border-radius: 8px; border-spacing: 7px; height: 76px; margin: 12px 0;}
  #contenidoNot .rec-image {width: 90px; border-radius: 8px;}
  #contenidoNot .rec-name {font-size: 14px; padding: 0 12px;}
}
@media (min-height: 1250px) {
  #salirNot {max-width: 60%;} #salirNot i {font-size: 36px;}
  #tooltip {border-radius: 10px; padding: 10px;} #tt_img {border-radius: 10px;} .image_tt {border-radius: 10px;}
  #tt_salir i {font-size: 35px; top: -70px;}
  #tt_class {font-size: 22px; padding: 20px 20px 10px;}
  #tt_name {font-size: 22px; padding: 2px 20px;}
  #tt_info {font-size: 20px; padding: 10px 0;margin: 25px 20px 0;border-radius: 10px;}
  #contenidoNot {border-radius: 10px;}
  #contenidoNot svg {width: 120px;}
  #notificacion {font-size: 24px;}
  .filtro {font-size:27px;padding:16px 0;} .filtro_aux {padding:16px 0;}
  #contenidoNot .rec-table {border-radius: 10px; border-spacing: 7px; height: 95px; margin: 15px 0;}
  #contenidoNot .rec-image {width: 107px; border-radius: 10px;}
  #contenidoNot .rec-name {font-size: 19px; padding: 0 15px;}
}
@media (orientation: landscape) and (max-height: 350px){
  #tt_class {font-size: 10px; padding: 3px 0 3px 10px;}
  #tt_name {font-size: 10px; padding: 0 0 0 10px; }
  #tt_info {font-size: 8px; padding: 5px 0; margin: 7px 10px 0;}
}