@charset "utf-8"; 
@import url(https://fonts.googleapis.com/css?family=Lato:400,100italic,100,300,300italic,400italic,700,700italic,900,900italic|Open+Sans+Condensed:300,300italic,700);

/*GENERAL RESET*/
body,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,p,th,td{ padding:0px; margin:0px; font:normal 15px/24px 'Lato',Arial,Helvetica,sans-serif; color:#000; }
table{ border-collapse:collapse; border-spacing:0;}
img, a img{ border:0;}
td{ vertical-align:top;}
address,caption,cite,code,dfn,th,var{ font-style:normal; font-weight:normal;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}
/*END RESET*/

.hide { display:none; }
.map_icon {position:absolute;}

#mapWrapper { position:relative; width:901px; height:900px; }
#mapWrapper a { color:#ffffff; }

#mapNav { background-color:#E6E6E6; }
#mapNav ul, #mapNav ul li { padding:0px; margin:0px; list-style:none; background:none; text-align:center; }


.mapSubNav { height:30px; background:#3578bb; overflow:hidden; text-align:center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.mapSubNav p { color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:18px; padding-top:2px; }
.mapSubNav ul, .mapSubNav ul li { padding:0px; margin:0px; list-style:none; height:24px; background:none; }
.mapSubNav ul li { color:#FFFFFF; font-family: 'Open Sans', sans-serif; text-transform:uppercase; line-height:12px; font-size:12px; font-weight:400; padding:9px 0px 0px 5px; margin-right:20px; cursor:pointer; background: url(/images/interface/map/bkg_li2.svg) no-repeat 0 8px; }
.mapSubNav ul li.active { background-position:0px -26px; color:#ffffff; }
.mapSubNav ul li a { padding-left:14px; color:#FFFFFF !important }

/*ADJUSTING THE NAVS TO CENTER AUTOMATICALLY*/
#mapNav ul, .mapSubNav ul { display:flex; justify-content:center; }
#mapNav ul li { display:inline-flex; }
#mapNav ul li a { width:150px; }

#btn_view1, #btn_view2, #btn_view3, #btn_view4, #btn_view5, #btn_view6 { display:block; font-family: font-family: 'Open Sans', sans-serif; font-size:15px; line-height:12px; font-weight:700; text-decoration:none; color:#fff; background:#6d9cd0; padding:10px; text-align:center; }
#btn_view1.active, #btn_view2.active, #btn_view3.active, #btn_view4.active, #btn_view5.active, #btn_view6.active { background:#3578bb; color:#fff; }

.mapContent { position:relative; }

/**LAYERS**/
.gpx_map_overlay, .overlay {position:absolute; top:0; left:0; }

/**RESPONSIVE**/
/*
.mapFrame { width:889px; height: 598px; margin:0 auto;
-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

@media screen and (min-width: 240px) {
  .mapFrame {
  -ms-transform: scale(.31);
  -moz-transform: scale(.31);
  -o-transform: scale(.31);
  -webkit-transform: scale(.31);
  transform: scale(.31);
  }
}
@media screen and (min-width: 320px) {
  .mapFrame {
  -ms-transform: scale(.335);
  -moz-transform: scale(.335);
  -o-transform: scale(.335);
  -webkit-transform: scale(.335);
  transform: scale(.335);
  }
}
@media screen and (min-width: 375px) {
  .mapFrame {
  -ms-transform: scale(.395);
  -moz-transform: scale(.395);
  -o-transform: scale(.395);
  -webkit-transform: scale(.395);
  transform: scale(.395);
  }
}
@media screen and (min-width: 384px) {
  .mapFrame { 
  -ms-transform: scale(.41);
  -moz-transform: scale(.41);
  -o-transform: scale(.41);
  -webkit-transform: scale(.41);
  transform: scale(.41);
  }
}
@media screen and (min-width: 414px) {
  .mapFrame { 
  -ms-transform: scale(.44);
  -moz-transform: scale(.44);
  -o-transform: scale(.44);
  -webkit-transform: scale(.44);
  transform: scale(.44);
  }
}
@media screen and (min-width: 480px) {
  .mapFrame { 
  -ms-transform: scale(.51);
  -moz-transform: scale(.51);
  -o-transform: scale(.51);
  -webkit-transform: scale(.51);
  transform: scale(.51);
  }
}
@media screen and (min-width: 568px) {
  .mapFrame { 
  -ms-transform: scale(.61);
  -moz-transform: scale(.61);
  -o-transform: scale(.61);
  -webkit-transform: scale(.61);
  transform: scale(.61);
  }
}
@media screen and (min-width: 600px) {
  .mapFrame { 
  -ms-transform: scale(.64);
  -moz-transform: scale(.64);
  -o-transform: scale(.64);
  -webkit-transform: scale(.64);
  transform: scale(.64);
  }
}
@media screen and (min-width: 667px) {
  .mapFrame {
  -ms-transform: scale(.72);
  -moz-transform: scale(.72);
  -o-transform: scale(.72);
  -webkit-transform: scale(.72);
  transform: scale(.72);
  }
}
@media screen and (min-width: 736px) {
  .mapFrame { 
  -ms-transform: scale(.79);
  -moz-transform: scale(.79);
  -o-transform: scale(.79);
  -webkit-transform: scale(.79);
  transform: scale(.79);
  }
}
@media screen and (min-width: 768px) {
  .mapFrame { 
  -ms-transform: scale(.83);
  -moz-transform: scale(.83);
  -o-transform: scale(.83);
  -webkit-transform: scale(.83);
  transform: scale(.83);
  }
}
@media screen and (min-width: 960px) {
  .mapFrame { 
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}
@media screen and (min-width: 1024px) {
  .mapFrame { 
  -ms-transform: scale(1.13);
  -moz-transform: scale(1.13);
  -o-transform: scale(1.13);
  -webkit-transform: scale(1.13);
  transform: scale(1.13);
  }
}
@media screen and (min-width: 1140px) {
  .mapFrame { 
  -ms-transform: scale(1.26);
  -moz-transform: scale(1.26);
  -o-transform: scale(1.26);
  -webkit-transform: scale(1.26);
  transform: scale(1.26);
  }
}
*/

/***TIPTIP**/
/* TipTip CSS - Version 1.2 */
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }
#tiptip_content { font-size: 14px; text-align:center; color: #fff; /*text-shadow: 0 0 2px #000;*/ padding: 8px; border: 2px solid #fff; background-color: #163B54; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; /*box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555;*/ }
#tiptip_content strong{ font-size: 13px; }
#tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; display:none; }
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); }

/* Webkit Hacks  */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {	 #tiptip_content { 	padding: 4px 8px 5px 8px; 	background-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_bottom #tiptip_arrow_inner {  	border-bottom-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_top #tiptip_arrow_inner {  	border-top-color: rgba(20,20,20,0.92); } }*/