@charset "utf-8";
html, body, div, span, iframe, h1, h2, h3, img, table, tr, td {margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:normal;font-style:inherit;font-family:inherit;vertical-align:baseline}
html{overflow-y: scroll}
body{margin:0px;padding:0px;font-family:Verdana, Geneva, sans-serif;font-size:14px;line-height:24px;color:#333;}
a:link{color:#003897;text-decoration:none}
a:hover{color:#003897;text-decoration:underline}
a:visited{color:#003897}
a:active{color:#003897}
#site{margin:auto;max-width:1024px;min-width:320px;}
#top{position:fixed;width:100%;max-width:1024px;max-height:24px;background-color:#FFF;border-bottom:1px solid #000;z-index:1001;overflow:hidden;}
#top a:link{padding:5px 0px 5px 10px;line-height:24px;}
h1{font-size:18px;font-weight:bold;line-height:28px;padding:35px 10px 5px 10px;color:#800;}
h2{clear:both;font-size:16px;font-weight:bold;line-height:26px;padding:10px 10px 5px 0px;color:#800;}
form{margin:10px 0 10px 0;padding: 5px 10px 5px 10px;background-color:#EEE;background:-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid #EEE;}
strong{font-size:16px;}
#container{text-align:left;padding:10px;line-height:30px;}
.adv{clear:both;margin:auto;}
#content{text-align:left;line-height:30px;padding:5px 10px 5px 10px;background-color:#EEE;background:-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid #EEE;}
#list{text-align:left;}
#map-container{padding:10px;max-width:800px;text-align:center;}
#map{width: 100%; aspect-ratio: 3 / 2; border: 0;}
#bottom{text-align:center;padding:10px;}
.grey{margin:10px 0 10px 0;padding: 5px 10px 5px 10px;background-color:#EEE;background:-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid #EEE;}
table{width:100%;}
th{border-top:1px solid #AAA;border-bottom:1px solid #CCC;}
td{padding:5px;border-bottom:1px solid #CCC;}
span{line-height:30px;margin:0px 5px 0px 5px;}
select{width:125px;height:24px;color:#333;padding:2px 5px 2px 5px;margin-top:5px;background:-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid #AAA;}
input[type="submit"]{width:90px;height:26px;color:#333;margin-top:5px;background:-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid #AAA;background:-moz-linear-gradient(top,  #FFFFFF 0%, #DDDDDD 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#DDDDDD));background:-webkit-linear-gradient(top,  #FFFFFF 0%,#DDDDDD 100%);background:-o-linear-gradient(top,  #FFFFFF 0%,#DDDDDD 100%);background:-ms-linear-gradient(top,  #FFFFFF 0%,#DDDDDD 100%);background:linear-gradient(to bottom,  #FFFFFF 0%,#DDDDDD 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#DDDDDD',GradientType=0);}
input[type="submit"]:hover{background:-moz-linear-gradient(top,  #FFFFFF 0%, #CCCCCC 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#CCCCCC));background:-webkit-linear-gradient(top,  #FFFFFF 0%,#CCCCCC 100%);background:-o-linear-gradient(top,  #FFFFFF 0%,#CCCCCC 100%);background:-ms-linear-gradient(top,  #FFFFFF 0%,#CCCCCC 100%);background:linear-gradient(to bottom,  #FFFFFF 0%,#CCCCCC 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#CCCCCC',GradientType=0);}
.block_container{float:left;display:inline-block;width:24%;margin-right:1%;height:30px;cursor:pointer;}
.block{margin:auto;width:95%;height:20px;padding:2px;margin:0px 2px 0px 2px;color:#333;overflow:hidden;}
@media only screen and (max-width:700px){.block_container{width:32.33%;margin-right:1%;}}
@media only screen and (max-width:650px){.block_container{width:49%;margin-right:1%;}}
@media only screen and (max-width:400px){.block_container{width:100%;margin-right:0%;}}
#place-container{display:flex;flex-wrap:wrap;gap:5px;}
.place{flex: 1 1 200px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:6px;padding:0 5px;margin:0px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Arial, sans-serif;font-size:14px;transition:background-color 0.2s, transform 0.2s;}
.place:hover{background-color:#e2e6ea;transform:translateX(3px);}
.place.selected{background-color:#ffe0e0;border-color:#ff4d4d;font-weight:bold;}
.input-container{position:relative;width:100%;max-width:424px;margin-bottom:10px;padding:10px;background-color:#EEE;background:-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid #EEE;z-index:1001;display:none;}
#search{width:100%;padding:10px;max-width:400px;font-size:16px;}
.autocomplete-suggestions{border:1px solid #ddd;max-height:300px;overflow-y:auto;position:absolute;background-color:white;z-index:10;display:none;width:300px;}
#suggestions.first{left:10px;top:45px;}
#suggestions.second{right:10px;top:45px;}
.suggestion-item{padding:5px; cursor:pointer;}
.suggestion-item:hover{background-color:#f0f0f0;}
@media(max-width:500px){#suggestions{width:90%;left:5% !important;right:auto !important;}}