@font-face {font-family:'Khand';src:url('../fonts/khand.eot');src:url('../fonts/khand.eot?#iefix') format('embedded-opentype'),url('../fonts/khand.woff2') format('woff2'),url('../fonts/khand.woff') format('woff'),url('../fonts/khand.ttf') format('truetype'),url('../fonts/khand.svg#khandmedium') format('svg')}
@font-face {font-family:'Ionicons';src:url('../fonts/ionicons.eot');src:url('../fonts/ionicons.eot?#iefix') format('embedded-opentype'),url('../fonts/ionicons.woff2') format('woff2'),url('../fonts/ionicons.woff') format('woff'),url('../fonts/ionicons.ttf') format('truetype'),url('../fonts/ionicons.svg#ioniconsmedium') format('svg')}

body {background-color:#f0f0f0;margin:0;padding:0}
body,input,button,select,textarea {font-family:'Khand';font-size:100%}
input:focus,select:focus,textarea:focus,a:focus {outline:none}
textarea {resize:none}

p,h1,h2,h3,h4,h5,h6 {font-family:'Khand'}
h1,h2,h3,h4,h5,h6,b,strong {font-weight:700}
h4 {color:#94c11f}

a {color:#94c11f;text-decoration:none}
a:hover {text-decoration:underline}

.iconsr,.iconsg,.iconsb,.iconso,.iconsx,.iconsw {font-family:'Ionicons';font-weight:normal;font-style:normal}
.iconsr:hover,.iconsg:hover,.iconsb:hover,.iconso:hover,.iconsx:hover,.iconsw:hover {text-decoration:none}
.iconsr {color:#c00}
.iconsg {color:#94c11f}
.iconsb {color:#09c}
.iconso {color:#fc0}
.iconsx {color:#b0b0b0}
.iconsw {color:#c0c0c0}

#map {width:100%;height:400px}
.maptxt {text-align:left;font-family:"Khand","Arial";font-size:14px;line-height:130%}
.maptxt a {color:#000;text-decoration:none}
.maptxt a:hover {text-decoration:none}
.gm-style-iw + div {display:none}

a.mapmypos {cursor:pointer;font-size:100%;display:block;color:#666;margin:10px;padding:8px;background-color:#fff;border:1px #e0e0e0 solid;text-decoration:none}
a.mapmypos:hover {background-color:#e0e0e0}

#headertxt {position:fixed;top:-1000px;left:-1000px}
#header {position:fixed;z-index:1000;top:0;left:0;width:100%;min-width:320px;height:60px;background-color:#676767}
#header a,#header div {line-height:60px}
.headerlogo {float:left;margin:15px;width:136px;height:30px;background:url('../images/logo.png') no-repeat;text-decoration:none}

.headerlogo_cfdcbd32-c731-2b39-a004-5f05ccd8d34c {float:left;margin:5px;width:250px;height:50px;background:url('../images/MaxTroNet.png') no-repeat;text-decoration:none}
.headerlogo_226dc09a-e598-e462-8683-5a9535525ae5 {float:left;margin:5px;width:250px;height:50px;background:url('../images/NetDataComm.png') no-repeat;text-decoration:none}
.headerlogo_aa5ddf46-934c-530f-ce9e-5c63fbd36b9a {float:left;margin:5px;width:250px;height:50px;background:url('../images/OneLink.png') no-repeat;text-decoration:none}
.headerlogo_aebd2705-1e42-7d47-2f2b-5a9539220b97 {float:left;margin:5px;width:250px;height:50px;background:url('../images/OrioTrade.png') no-repeat;text-decoration:none}
.headerlogo_51c6987e-b627-2a2d-2b4f-5a953a1cbb22 {float:left;margin:5px;width:250px;height:50px;background:url('../images/SvobCommNet.png') no-repeat;text-decoration:none}
.headerlogo_2051a0c7-93ec-06f8-0f04-5a952ec28f47 {float:left;margin:5px;width:250px;height:50px;background:url('../images/WifiMax.png') no-repeat;text-decoration:none}
.headerlogo_3520ab51-c621-9b4e-f2ba-5bac7d5e2301 {float:left;margin:5px;width:250px;height:50px;background:url('../images/WifiMax.png') no-repeat;text-decoration:none}

.wm ul {
 margin: 5px;
}
.wm  {
 color:white;
}
.wm li {
 line-height: 15px;
 list-style: none;
 text-align: -webkit-match-parent;
}

.headerlogin {float:right;color:#fff;text-decoration:none;margin-right:16px}
a.headerlogin:hover {text-decoration:underline}
a.headerfind {float:right;margin-right:8px;font-size:30px}

.flags {list-style:none;float:right;width:26px;height:26px;margin:16px 16px 0 0;padding:0}
.flags li {text-align:center;width:38px;height:38px;line-height:38px}
.flags ul {display:none}
.flags:hover ul {display:block;position:absolute;z-index:1000;padding:0;margin:0;list-style:none;background-color:#676767}
.flags a {width:26px;height:26px;display:inline-block}
.flag1 {background-image:url('../images/f1.png')}
.flag2 {background-image:url('../images/f2.png')}
.flag3 {background-image:url('../images/f3.png')}
.flag4 {background-image:url('../images/f4.png')}
.flag5 {background-image:url('../images/f5.png')}
.flag7 {background-image:url('../images/f7.png')}

#menu {margin-top:60px;background-color:#585858;padding:20px 16px 10px 16px}
#menu ul.main {list-style:none;margin:0;padding:0}
#menu ul.main li.main {margin:0;padding:0 0 10px 0;display:inline-block}
#menu a.main {color:#fff;text-decoration:none;display:inline-block;margin-right:16px}
#menu a.main:hover {color:#fff}
#menu ul li ul {display:none}
#menu ul li:hover ul {display:block;position:absolute;z-index:1000;background-color:#676767;padding:0;margin:0;list-style-type:none}
#menu ul li ul li {width:200px}
#menu ul li ul li a {color:#fff;text-decoration:none;display:block;padding:10px;margin:0}
#menu ul li ul li a:hover {text-align:left;color:#fff;background-color:#94c11f}
#menu .items {float:right;padding:2px;background-color:#585858;color:#fff;min-width:18px;margin:8px;text-align:center;border-radius:6px}

.menu2 {background-color:#e0e0e0;padding:20px 16px 10px 16px}
.menu2 ul {list-style:none;padding:0;margin:0}
.menu2 li {margin:0;padding:0 0 10px 0;display:inline-block}
.menu2 a {color:#000;text-decoration:none;display:inline-block;margin-right:16px}
.menu2 a.:hover {color:#000}

.content,.content2 {width:700px;color:#666;line-height:150%;margin:30px auto;padding:40px;border-radius:10px}
.content {background-color:#fff}

.footer1 {background-color:#585858;padding:32px;color:#999}
.footer2 {background-color:#333943;padding:22px;overflow:hidden}
.footer2 div {width:50%;background:#fff;padding:10px;text-align:center;border-radius:6px}
.footer2 img {max-height:20px;margin:0 5px;max-width:12%;height:auto}
.footer3 {background-color:#23272d;padding:32px;color:#999}
.footer3 ul {list-style-type:none;padding:0;margin:0;display:inline-block}
.footer3 ul li {padding:0;margin:0;display:inline-block}
.footer3 a {margin-right:20px;color:#999;text-decoration:none}
.footer3 a:hover {color:#94c11f}

.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.justify {text-align:justify}
.clear {clear:both}
.fl {float:left}
.fr {float:right}
.hid {display:none}
.dib {display:inline-block}
.hand {cursor:pointer}

.checkon,.checkoff {font-family:'Ionicons';font-size:16px;text-align:center;cursor:pointer;display:inline-block;width:20px;height:20px;line-height:20px;border:1px #666 solid;box-shadow:2px 2px 2px #cccccc}
.checkon {color:#00cc00}
.checkoff {color:#d0d0d0}
.checkline {height:20px;line-height:20px;margin-left:8px}

.imgleft {float:left;margin:0 20px 20px 0}
.imgright {float:right;margin:0 0 20px 20px}

.grey {color:#b0b0b0}
.greyc {color:#b0b0b0;text-align:center}
.greyr {color:#b0b0b0;text-align:right}
.black {color:#666}
.red {color:#cc0000}

.w45p5r {float:left;width:40%;margin-right:5%}
.w45p5l {float:right;width:40%;margin-left:5%}
.w30p {width:30%}
.w90p {width:90%}
.w100p {width:100%}
.w20 {width:20px}
.w30 {width:30px}
.w50 {width:50px}
.w60 {width:60px}
.w80 {width:80px}
.w100 {width:100px}
.w120 {width:120px}
.w150 {width:150px}
.w200 {width:200px}
.w400 {width:400px}
.h80 {height:80px}
.h100 {height:100px}

.mtop4 {margin-top:4px}
.mtop8 {margin-top:8px}
.mtop16 {margin-top:16px}

.but,.butoff,.butred,.butblue {display:inline-block;cursor:pointer;border-radius:6px;text-decoration:none;padding:10px;margin:0;border:0}
.but {background-color:#83bb29;color:#fff}
.butoff {background-color:#e0e0e0;color:#666}
.butred {background-color:#cc0000;color:#fff}
.butblue {background-color:#229ad4;color:#fff}
.but:hover,.butoff:hover,.butred:hover,.butblue:hover {text-decoration:none}
.butlit {padding:4px 9px;border:1px #999 solid;background-color:#fff}

.bookon,.bookoff {display:inline-block;border-top-left-radius:10px;border-top-right-radius:10px;text-decoration:none;padding:8px 14px;margin-right:8px}
.bookon {background-color:#83bb29;color:#fff}
.bookoff {background-color:#e0e0e0;color:#666}
.bookon:hover,.bookoff:hover {text-decoration:none}
.bookline {border-top:1px #999 solid;height:20px}

.form1 {background-color:#fff;padding:20px;border-radius:10px}
.form_input,.form_select,.form_textarea {margin:0;padding:7px;box-sizing:border-box;background-color:#fff;color:#000;border-radius:6px;text-decoration:none;border:2px #dcf1cc solid}
.form_inputno {background-color:#f0f0f0;color:#000;padding:0;margin:0}

.info_div {cursor:pointer}
.info_div div {display:none}
.info_div:hover div {z-index:1000;display:block;max-width:300px;padding:10px;margin:0;position:absolute;background-color:#f8f8f8;color:#000;border-radius:6px;border:2px #dddddd solid}

#pops_bg {position:absolute;top:0;left:0;width:100%;background-color:#000;z-index:9998;filter:alpha(opacity=25);opacity:0.25}
#pops_window {position:fixed;z-index:9999;width:320px;background-color:#bbb;padding:3px;border:2px solid #fff;border-radius:14px}
#pops_msg {min-height:36px;padding:30px;background-color:#fff;text-align:center;font-size:16px;color:#666;border-radius:10px}
#pops_msg div {margin-bottom:20px}

.stat0,.stat1,.stat2,.stat3 {display:inline-block;text-align:center;margin-left:4px;padding:2px 6px 0 6px;border-radius:6px}
.stat0 {background-color:#e0e0e0}
.stat1 {background-color:#00e000;color:#fff}
.stat2,.stat3 {background-color:#ffcc00;color:#000}

.msgg,.msgr {background-color:#fff;border-radius:6px;text-decoration:none;padding:10px;margin-bottom:30px}
.msgg {color:#94c11f;border:2px #94c11f solid}
.msgr {color:#cc0000;border:2px #c00 solid}

.sectionheader {background-position:center center;background-size:cover;padding:32px}
.sectionheader h1 {text-align:center;color:#fff;text-shadow:1px 1px 1px #000}

.tabhead {background-color:#e0e0e0}
.tabhead td {font-weight:bold}
.tabline {background-color:#f8f8f8}
.tabhigh {background-color:#fc0}

.photodiv1,.photodiv2 {padding:0;float:left;border:1px #b0b0b0 solid;width:100px;height:100px;background-color:#e0e0e0}
.photodiv1 {margin:7px 0 0 0}
.photodiv2 {margin:7px 0 0 7px}

.contentleft {float:left;width:50%}
.contentright {float:right;width:45%;margin-left:5%}

.stationinfo {float:left;width:350px;margin:0 30px 30px 0}
.stationmap {float:left;width:320px}
.stationmap #map {width:318px;height:300px;border:1px #b0b0b0 solid}

.stationnew {float:right}
.stationnew #map {width:340px;height:300px;border:1px #b0b0b0 solid}

.loginpanel {float:left;width:40%;margin:0% 5%}

.lister a {background-color:#f0f0f0;color:#000;text-decoration:none;padding:4px 10px;margin-left:6px;border-radius:4px}
.lister a:hover {background-color:#cc0000;color:#fff}
.lister .listeron {background-color:#e4002b;color:#fff}

.tiper {position:absolute;display:inline-block;cursor:pointer;margin:-12px 0 0 6px}
.tiper div {color:#fff;background-color:#83bb29;font-size:20px;display:inline-block;width:25px;height:25px;line-height:25px;text-align:center;border-radius:25px}
.tiper p {position:absolute;opacity:0;visibility:hidden;width:200px;margin:0 0 0 -110px;padding:10px;background-color:#e0e0e0;color:#000;text-align:center;font-size:15px;bottom:150%;left:50%;z-index:1002;-webkit-transition: opacity .2s linear;-moz-transition: opacity .2s linear;-o-transition: opacity .2s linear;transition: opacity .2s linear}
.tiper:hover p {opacity:1;visibility:visible}
.tiper:active p {opacity:1;visibility:visible}
.tiper p:before {content:"";position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-10px;border:10px solid transparent;border-top-color:#e0e0e0}

#cookier {position:fixed;z-index:1000;width:100%;bottom:0;left:0;background-color:#000;color:#cccccc}
#cookier div {padding:20px}
#cookier a {float:right;margin:14px;padding:6px;background-color:#83bb29;color:#fff;text-decoration:none;border-radius:6px}

@media only screen and (max-width:1023px)
{
	.headerlogo {margin-left:8px}

	#menu,.menu2 {padding:10px 16px 0 8px}
	#menu ul li ul li a {padding:4px}
	#menu .items {margin:2px}

	.content,.content2 {width:90%;padding:5%;margin:0;border-radius:0}

	.contentleft {float:none;width:100%}
	.contentright {float:none;width:100%;margin:0}

	.stationinfo {float:none;width:100%;margin:0 0 30px 0}
	.stationmap {float:none;width:100%}
	.stationmap #map {width:100%}

	.stationnew {display:none}

	.loginpanel {float:none;width:90%;margin:0% 5%}

	.footer2 div {width:100%}
}

@media (max-width:440px)
{
	.headerlogo {float:left;margin:22px 0 0 8px;width:70px;height:15px;background:url('../images/logom.png') no-repeat;text-decoration:none}
	.headerlogin {margin-right:8px;width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:right}
	a.headerfind {margin-right:8px}
}