body, td, font {font-family: Arial, Helvetica, sans-serif; font-size:13px;}
.read {font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height: 23px; text-align: justify;}
.s, small {font-size: 11px; font-family: Verdana, Helvetica, sans-serif;}
.i {display: inline;}
A:link,  A:visited {text-decoration: none; color: #014A9C;}
A:hover, A:active {color: #FF7800; text-decoration: underline;}
A.onbut:link,  A.onbut:visited {text-decoration: none;}
A.onbut:hover, A.onbut:active {text-decoration: none; background: #fffa00;}
.sp{color: black;}
.bb{display: block; text-decoration: none;}
.bm{background: #f2ffc6;}
.pos {font-size: 10px; height: 12px; width: 52px; border: 0; background: #ecf2f7;}
#cel {position:absolute; top:283px; left:146px; z-index:2; width: 15px; height: 15px;}
#map_canvas {width: 320px; height: 300px;}
#map_canvas2 {width: 320px; height: 300px;}
.findmap {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; width: 180px; height: 30px; cursor: hand;}
.findmesto {border-style:solid; border-width:1px; border-color:#325323; font-family: Arial, Helvetica, sans-serif; font-size: 13px; width: 100%; height: 22px;}
.inp {border-style:solid; border-width:1px; border-color:#325323; font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 22px;}
.upldfrm {border-style:solid; border-width:1px; border-color:#325323; font-family: Arial, Helvetica, sans-serif; font-size: 13px; width: 100%; height: 22px; background: #ffffff; margin: 2px;}
.findmestobtn {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; height: 22px; cursor: hand;}
.zag {height: 26px;}
#link {position:absolute; top:181px; left:409px; z-index:2; width: 400px; display: none;}
#upldtrack {position:absolute; top:181px; right:30%; z-index:2; width: 400px; display: none;}
#upldtrack2 {position:absolute; top:120px; right:30%; z-index:50; width: 400px; display: none;}
#reg {position:absolute; top:120px; left:10px; z-index:51; width: 400px; display: none;}
#auth {position:absolute; top:130px; left:20px; z-index:52; width: 320px; display: none;}
.linked {width: 390px; height: 150px; background: #FFFFFF; border-style:solid; border-width:1px; border-color:#325323;}
h1, big {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 0;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; margin: 0;}
.creatimg {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; height: 22px; cursor: hand;}
.new {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #DDF4EE; padding: 1px; margin: 2px; color: #25C185;}
.edit {border-style:solid; border-width:1px; border-color:#ffffff; font-size: 10px; font-family: verdana; background: #ffff99; padding: 3px; margin: 2px; text-align: center;}
.del {border-style:solid; border-width:1px; border-color:#ffffff; font-size: 10px; font-family: verdana; background: #ffcccc; padding: 3px; margin: 2px; color: #cc0033; text-align: center;}
.sb {font-size: 10px; font-family: verdana; background-image:url('/map/i/upf.gif'); padding: 2px;}
.usermenu {font-size: 12px; font-family: verdana; background-image:url('/map/i/upfp.gif'); padding: 3px; border-style:solid; border-width:1px; border-color:#ffffff;}
.usermenu2 {font-size: 12px; font-family: verdana; background-image:url('/map/i/upfpb.gif'); padding: 3px; border-style:solid; border-width:1px; border-color:#ffffff;}
.icotrack {display: inline-block; width: 15px; height: 16px; background-image:url('/map/i/icotrack.gif'); background-repeat:no-repeat;}
.ico {display: inline-block; width: 16px; height: 16px; background-image:url('/map/i/ico.gif'); background-repeat:no-repeat;}
.li {padding: 3px; border-top: 1px solid white; margin-left: 5px;}
.pnt {background: #014FB0; font-size: 11px; font-weight: bold; color: #FFFFFF; padding: 0 3px 0 3px; margin-right: 5px; border: 2px solid #06DCE8;}
#prevpici {position: fixed; z-index:500; left: 100px; top: 100px; display: none; padding: 10px; cursor: hand; background-image:url('/map/i/ten.png'); width: 640px;}
#prevtube {position: fixed; z-index:500; left: 100px; top: 5px; display: none; padding: 10px; cursor: hand; background-image:url('/map/i/ten.png'); width: 640px;}
.ta {width: 135px; height: 170px; font-size: 11px; font-family: verdana;}

.upmen {display: none; min-width: 300px;}
.mobilmen {display: none;}
#mobilemenu {display: none;}
.downmen {display: none; padding: 5px; text-align: center; font-size: 12px;}
.pb6 {display: none;}
.pb8 {display: none;}
.pb10 {display: none;}
.pb14 {display: none;}
.col {float: left; margin: 3px 0; width: 320px;}
.main {margin: 3px 3px 0 323px;}

.down {clear: left; margin: 3px; width: 98%;}
.col1 {float: left; width: 49%; margin: 0 1px 0 0;}
.col2 {float: left; width: 49%; margin: 0;}

.menublock {background: white; float: left; margin: 3px; padding: 7px; box-shadow: 2px 2px 3px 0px #d3dadf; border-radius: 5px; font-size: 12px;}
.menublocks {background: white; margin: 0 0 25px 4px; padding: 5px; box-shadow: 2px 2px 3px 0px #9aa5ae; border-radius: 5px; font-size: 12px;}

.mtkl {background: #ffffff; padding: 6px;  border-radius: 15px 15px 15px 0;}
.mtklo {background: #EEF3F7; padding: 7px; min-height: 16px; border: 2px solid #ffffff; border-radius: 12px 12px 12px 0;}
.mtkla {background: #FFFFFF; min-height: 16px; padding: 7px; margin: 5px 0 0 0; border: 2px solid #dee6eb; border-radius: 12px 12px 0 12px; word-break: break-all;}
.mtklb {display: none; background: #FFFFFF; min-height: 16px; padding: 7px;  margin: 5px 0 0 0; border: 2px solid #dee6eb; border-radius: 12px 12px 0 12px; word-break: break-all;}
.mtkt {display: table; margin: 1px 0 0 0;width: 100%;}
.mtkd {display: table-cell; width: 5%; background: #dee6eb; padding: 5px;}
.mtkd2 {display: table-cell; width: 75%; background: #EEF3F7; padding: 5px;}
.mtkd3 {display: table-cell; width: 20%; background: #D3E9ED; text-align: center; vertical-align: bottom; padding: 5px;}

@media screen and (max-width: 940px) {
.mainmen {display: none;}
.upmen {display: block;}
.mobilmen {display: block;}
.col1 {width: 98%; margin: 0;}
.col2 {width: 98%; margin: 0;}
.pb1 {display: none;}
.pb2 {display: none;}
.pb3 {display: none;}
.pb4 {display: none;}
.pb5 {display: none;}
.pb6 {display: block;}
.pb7 {display: none;}
.pb8 {display: block;}
.pb9 {display: none;}
.pb10 {display: block;}
.pb11 {display: none;}
}

@media screen and (max-width: 620px) {
.col {clear: left; margin: 3px 0px; width: 98%;}    
.main {clear: left; margin: 3px; width: 98%;}
.mainmen {display: none;}
.upmen {display: none;}
.mobilmen {display: block;}
.col1 {width: 98%; margin: 0;}
.col2 {width: 98%; margin: 0;}
.leftcol {display: none;}
.pb1 {display: none;}
.pb2 {display: none;}
.pb3 {display: none;}
.pb4 {display: none;}
.pb5 {display: none;}
.pb6 {display: block;}
.pb7 {display: none;}
.pb8 {display: block;}
.pb9 {display: none;}
.pb10 {display: block;}
.pb11 {display: none;}
.pb12 {display: none;}
.pb13 {display: none;}
.pb14 {display: block;}
.downmen {display: none;}
.leftmapmenu {display: none;}
.noteimg {width: 410px; overflow: hidden;}
}

@media screen and (max-width: 619px) { 
.col {clear: left; margin: 3px 0px; width: 100%;}   
.main {clear: left; margin: 0px; width: 100%;}
.noteimg{width: 290px; overflow: hidden;}
}

input[type=range] {
    -webkit-appearance: none;
    width: 50px;
    height: 2px;
    margin: 10px 1px;
    background-color: #a4a8aa;
} 

input.rangek[type=range]::-moz-range-thumb {
    width: 18px; height: 18px;
    background-color: #ffffff;
    box-shadow: 0px 0px 3px 0px #798a93;
    background-image: url('/i/filterk.gif');
} 

input.rangey[type=range]::-moz-range-thumb {
    width: 18px; height: 18px;
    background-color: #ffffff;
    box-shadow: 0px 0px 3px 0px #798a93;
    background-image: url('/i/filtery.gif');
} 

input.rangec[type=range]::-moz-range-thumb {
    width: 18px; height: 18px;
    background-color: #ffffff;
    box-shadow: 0px 0px 3px 0px #798a93;
    background-image: url('/i/filterc.gif');
} 

input.rangek[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px; height: 20px;
    border: 1px solid #ffffff;
    border-radius: 9px;
    background-color: #ffffff;
    background-image: url('/i/filterk.gif');
    -webkit-box-shadow: 0px 0px 3px 0px #798a93;
} 

input.rangey[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px; height: 20px;
    border: 1px solid #ffffff;
    border-radius: 9px;
    background-color: #ffffff;
    background-image: url('/i/filtery.gif');
    -webkit-box-shadow: 0px 0px 3px 0px #798a93;
} 

input.rangec[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px; height: 20px;
    border: 1px solid #ffffff;
    border-radius: 9px;
    background-color: #ffffff;
    background-image: url('/i/filterc.gif');
    -webkit-box-shadow: 0px 0px 3px 0px #798a93;
} 

.tmbaloon {box-shadow: rgb(121, 138, 147) 0px 0px 10px 0px; display: none; position: absolute; width: 130px; height: 200px; z-index: 1001; background: white; padding: 2px 5px; border: 0px solid; border-radius: 5px; overflow: hidden;}

.tmtxt {height: 10px; position: absolute; margin: 5px 10px; padding: 0px 5px 2px 5px; overflow: hidden; font-size: 10px; color: #466176; background-color: #eef3f7; border: 0px solid; border-radius: 3px; pointer-events: none;}

input.tml[type=range] {
    -webkit-appearance: none;
    width: 100%;
    height: 2px;
    background-color: #eef3f7;
} 

input.tml[type=range]::-moz-range-thumb {
    width: 18px; height: 18px;
    background-color: #ffffff;
    box-shadow: 0px 0px 3px 0px #798a93;
    background-image: url('/i/tm-lr.gif');
} 

input.tml[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px; height: 20px;
    border: 1px solid #ffffff;
    border-radius: 9px;
    background-color: #ffffff;
    background-image: url('/i/tm-lr.gif');
    -webkit-box-shadow: 0px 0px 3px 0px #798a93;
} 

.end{color: black}