.map_canvas{
width: 100%;
height: 750px;

}
.boxMaps{
position: relative;
}

.boxMapsSearch{
position: absolute;
top:15%;
bottom: 15%;
left: 5%;
width: 450px;
background-color: #FFFFFF;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction:column;
}

.boxMapsSearch>div{

}


.boxMapsSearch .boxSearch{
background-color: #cca35d;
width: 100%;
box-sizing:border-box;
padding: 31px 42px;
}

.boxMapsSearch .boxSearch .titleBoxSearch{
color: #FFFFFF;
font-size: 14px;
padding-bottom: 6px;
}
.boxMapsSearch .boxSearch .titleBoxSearch .divInputSearch{

}

.boxMapsSearch .boxSearch .divInputSearch input{
width: 100%;
box-sizing:border-box;
padding: 18px;
color: #94969b;
font-size: 12px;
border: 0px;
}

.boxMapsSearch .boxSearch .divInputSearch span{

}

.boxMapsSearch .legendSearch{
background-color: #f5f5f5;
width: 100%;
display: table;
table-layout: fixed;
}

.boxMapsSearch .legendSearch>div{
display: table-cell;
vertical-align: middle;
text-align: center;
}

.boxMapsSearch .legendSearch>div span{
display: inline-block;
padding: 8px 3px 16px 28px;
position: relative;
color: #3c3c3d;
font-size: 12px;
font-weight: 500;
}
.boxMapsSearch .legendSearch>div span:after{
position: absolute;
width: 25px;
height: 31px;
left: 0px;
top:-4px;
content: "";
}

.boxMapsSearch .legendSearch>div.legend1 span:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAfCAYAAAASsGZ+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA45JREFUeNqcVktMU0EUvbyWtrSlBSyghWJjlOKPqCCo4CfGGJGFxoWJG8RfAlHixoWJJkaN4kLXRqOGuCAsjDERIglG5ReMhIgikPpBAUE+5Vd4DZSfd15eH/Om7aPlJCdpZ+a+M/fOvXcmgud5UIAReRCZi9yLdCBjkf1IJ7Ie2YB8p9fr54N9JEJB5BqyGJkEy6MDWY5Cd0IVyUfeRGZA+GglG0Oxj/Qgxyy6i6xcoQDBNmSTx+MpCubJOeQT1mqWd8F4dyPwQ07wTg3CvJcHdVQMaI2JoI9Pg9h1+0ClMQQSPIgevadF1iO/IqPoVaM/3sJw52tYmJsJunVOrQVLWj6sSj3MTpHESEchL0d5IQkszs9Cd+19GGx7oShAQOaHvr2EvuZn7JRDTB7hTMxiFkkY+FIBnpGfYR2Gu/cTuDqr2OFCPB+zGn8cEYUEzLj78Aya5CnIqYWQmFOyIVIfB3PTbpjs/yx4QHvqcr4B89rdwhoRKeT7nFhoEiZ6mzFeCzIBW04JiuRJxmqdCQ98P9gPXAUucukYFxfmYOx3HetNLidWsgR+oF22IsaeA4Z4R8AQaU1rwOLIAyV78n1OPCAJM1MDshXRSTsUzyLaul323+txsUvsRERHj5DMoqHS6FmjAvqPWmv0yzZ2H0REJq3SRst3NjnIGj2XzfPDzKb8CnOUiLTRIzqTVbZirKtOMVxjXbWgZE++z4ntWoIhYaNshcf1HYbaX8kyThL49QHG/zSCkj35vlq8DySYbFnYSiqFdPRhxFkN/GAH1sku0MUkYy39A/ffFmEDyyUC+T4RqUH2iIUj1ILJthMmmIKcHu8RqAS9JRU00Yn00DD2rhpf7yqjZyyOo0IRhgtSsAye0vdJOUkU34zGGC+08HBgXL010HnU0iKkLd+jZ+M3HYNIgyUkAdLuE9NPssNlGKpq9mZ8SGJIGyZlnQ8pbAlbTgjeBwoVK0L6yXV6VVSsHRI2H1cUMCVnCs2SwQ30oiHYHf+Yrei4DYeEtA4Esglrxmm/lEWBW0oPCQJi1UIPWDMKhPRkO7Btz0WIUEWy9iV+ZxYkCsXspZWcfUGKO3lIpORc9utziEvoRWs4j7siMRmWXi6eUejHu9yaWRgo8x6gwJVwX5AEt9lkCIJHKFC0kmeqD+QZckZhvgIFTinWUQi7PIssDTJXupxAqJ7Qb2Tf675eTNWqUAz/CzAAKvoQ4cP7TaMAAAAASUVORK5CYII=');
}
.boxMapsSearch .legendSearch>div.legend2 span:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAfCAYAAAASsGZ+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA49JREFUeNqcVmlIVFEUPg5mNi7jaJk2ZaU2lYW5oOKWYQsylRiFtkArUlYmtooJkpVWVNgPEW0zI1OjEsmSoo2RzDbCyEwSLHEhzTSbwTSrcx9vpvuub54zfvDBe+fec7+7nHPutdLpdCABe2Q0MgIZiZyNVCLbkR+RWmQN8pFcLh82NYiVhMhhZBJSBaOjAVmCQsfNFVmOPIIMBMvxlkwMxZ7TRhnTKRt5Z4wCBH7IWr1ev8PUSrYhL7BeX7r64frTRqhpaIfmjl7o1f0CN6UdeLsrINxHBZsW+4CT3XgxwWhc0WNaxBtZj5xA9yqorofTt16DbmDI5NTtbMdBalwA7NQsYJtIYPii0KBBJAeZZmgdGPwNa0/dhRdNnWbv06pQb8hLimbNWSiSSc5EwUfR/7C6+swiAYLbtZ/gbMUb1rwZz0dhjR8xvBCHD609UK79KOg5zloGe+MCYU34LFC52MPXPj3ce9UCx8rqBFt5rvINJESquT48PMj4Mj7RBDMa/vNXIHBtvwZSYv2Nzq4KOXfgVZlx4Ci3MfYd+v0HrjxsYFcTIeMz2YjH9a2CHuuj5kCEzxTRLVKrlLAHxaX8yfgyvlQY0dzZJ8zMIE/Js9AEzhT8t3b3s11mEBFb2kIii4bSfkQObKR/nB0E7mLh7kBEummLC+NEEpBBMf3T8vWHoFEkMXuIyDvaMneas6CHyEFKtrP+ZHwZX66NWDh/qqBHbWMHZJe/EEScAZcfvOdKjpQ/GZ9k/FL8uG+wtH37CWEHSrlwpOE7YyLmiRrmTXeBprbvUFnXzE1gxIgn48HL3Yk2LTOUlc984nBIPf8EyrRNFpfg0DnucDN9JW3qwrLiaij1RXRLSmwAl4SWIoXJGcRF+j4pQQ4aA3uyI5fRlmCJn4fYeTylRUixOkG3HlodBB6THMwSIOU+a0MYay7Crapmb8Z8soe0Y/6uxWZtW0ZCCLd6sa1iRUhtz6B7+Xu6Qnp8sKRAbIiX2NZm4ipqTN3xhWxGb4/x5S4kMZBJ5CZGseYaFMiSekgQbEK+pg25iYu48GQrcPG+GLC1sWb9k1mDqQ1PYi+twuSlxn0nD4nSg5oRdQ6xG1fx1lyRl6wQGfBG2goIVrtBRUYsJ8TgDArkWfqCJDjKBoMJFKDAjrE8Uw24hNwi0V6KAuukBjCndmzln0xiyBlNwNyV0G9kw+tey4dqlTmO/wQYAM9tEL7yGdTRAAAAAElFTkSuQmCC');
}
.boxMapsSearch .legendSearch>div.legend3 span:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAfCAYAAAASsGZ+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAzpJREFUeNqcVl9Ik1EUP04YIWsxUAh7GZg0GIiSvYhDmRRC7EEQZTCSioXRo6APjYnE2lMgSLDY+rMepBffmg8JxVhQWIIYxFIUhxAYI3txgiC3cy77xvnu7r5tHvjB9917zvnde7jnd2+LEAJKpRLUMAfCjxhE+BDXEC7Eb8QvRA7xGfGxra3trFaSFguSx4iHiCtQ334ilpEo1ijJbcQC4jo0b5u0MCT7ygdtitNTxPtzEpD1Ir7goqdr7eQ+IqVG7e/vQzqdhmw2C9vb23B0dASdnZ3Q3d0Nw8PDEA6HweVy6Qj9uKNP8otIjo+PryJKCMERj8eFw+EQ5FYLNB+LxYQai8gj7JTfIIlzh2KxKAYGBiyTq5iYmNARLUgS/LiE+Mcnp6ammiIwEIlEVJIC5SeSST6xvr4uWltbTcF2u13Mz8+LfD4vffb29sTi4mJVKcnP8GGYJJIlPjgzM1MVuLq6qiuF2NjYEE6n0+RP8Yrfkq3cyRVbW1szHREsHQwNDWnPq8fjgbm5ObCKp/y2slRUbGdnx+QxNjZm2RiBQKDqyCvmJpILfOTk5MTkoemBO/yno6PDNInlUf0vEkmRj7S3t5s8qAEVe8t/dnd36y3qL5H84CNer9fkkUqlLMuVTCbBKp7y28pyXbGRkRGTRy6Xg2g0Cmdn1UqeSCSk5FjFU4oWrOFN/PhgjBwcHEBPTw+cnp6aPPv6+iAYDMo57AVYWVmRC6iS4c1NqWvMbhmyUuBnOxQKnavjfT6f2iN/KL8h9W849ezsLGATNq3zFKfYS36fLCMq9enq6pIS3oyNjo6C3+9Xh7Nc6gkLfKuHh4fC7XY3VCbSsK2tLbVUryk3l3rCZaohd8SLSmpXPRISS422DepICA90F5cVwfj4uI4gahDoSAhpNYguJB1Bf3+/vOAU/xwnqEVC+M4D8V6Xx5MToAKLQqGg20VvoyQ31GBKiKdOEuBDQqBa6wgeqQS8T1T7Vn7YmYQzk8kA3v3yzqAXi2LP8HXyvNkXJNkTRKSBNnmBBNPneaYa9gpx12L+HRIErRLYGljlPUS8xhyNB+slaGQn/I1svO6N13yGJnAnloH/BRgA3tm23GSkDkIAAAAASUVORK5CYII=');
}

.boxMapsSearch  .contentSearch{
width: 100%;
background-color: #FFFFFF;
height: 100%;
overflow: auto;
}
.boxMapsSearch  .contentSearch ul{
list-style: none;
}
.boxMapsSearch  .contentSearch ul li{
display: block;
padding: 0px 20px;
box-sizing:border-box;
transition: all 0.5s ease-out 0s;
position: relative;
}
.boxMapsSearch  .contentSearch ul li a{
display: block;
padding: 30px 0px 30px 55px;
color: #3c3c3d;
font-size: 13px;
font-weight: 400;
border-bottom: 1px solid #f5f5f5;
transition: all 0.5s ease-out 0s;
position: relative;
}

.boxMapsSearch  .contentSearch ul li a:after{
content: "";
position: absolute;
width: 14px;
height: 100%;
left: 19px;
top:0px;
background-position: 50% 50%;
background-repeat: no-repeat;
}

.boxMapsSearch  .contentSearch ul li.cat_6 a:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATdJREFUeNpiPLM4lgEJ6AJxERCbAbEWVOwCEB8E4ulAfBOmkAlKcwJxFxCfB+IEJE0gYADE+UB8A4jbgZgZJMgClVwBxH4MhEEFEPMAcS4TVAOypi9AXAPEekCsAcRZQPwOST4HiG1ANqYhCf4FYjcgPo4kBvLXDiC+BLUNBDKZoAEBA8vQNMHAfSDuRuI7gTSKIglcxuO/m0hsUZDG10gCing0Isu9Bmk8hSQAilQVLJpEoYECA/tAGtcjCYA8fwYal9JQDSFQMWkkdQcZgSmHDci4hyaBD4C8Jg+y8RcQVzIQD0Ch+x2W5BYD8UoiNIFCdiJyWmWAppBHeDSBXBYHpVE0vkOWwAIKkGOACU3yIFTzXzTxemi2YsClkQHq1ywkfhMUowAWHM6aBcRC0Hxaj00BQIABALbEOmg1BMLzAAAAAElFTkSuQmCC');
}

.boxMapsSearch  .contentSearch ul li.cat_7 a:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATZJREFUeNpi5A/uZ0ACukBcBMRmQKwFFbsAxAeBeDoQ34QpZILSnEDcBcTngTgBSRMIGABxPhDfAOJ2IGYGCbJAJVcAsR8DYVABxDxAnMsE1YCs6QsQ1wCxHhBrAHEWEL9Dks8BYhuQjWlIgn+B2A2IjyOJgfy1A4gvQW0DgUwmaEDAwDI0TTBwH4i7kfhOII2iSAKX8fjvJhJbFKTxNZKAIh6NyHKvQRpPIQnEArEKFk2i0ECBgX0gjeuRBECePwONS2mohhComDSSuoOMwJTDBmTcQ5PAB0BekwfZ+AuIKxmIB6DQ/Q5LcouBeCURmkAhOxE5rTJAU8gjPJpALouD0iga3yFLYAEFyDHAhCZ5EKr5L5p4PTRbMeDSyAD1axYSvwmKUQALDmfNAmIhaD6tx6YAIMAAxDk4slmzbEkAAAAASUVORK5CYII=');
}
.boxMapsSearch  .contentSearch ul li.cat_8 a:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAThJREFUeNqMkj1LA0EQhvfuohBEEUFELBQLm/gBEbtrBBErIY3/wB/hD7DzX8Q+xCopRCvtFBH86AwqIlhEjQQxiM/AnIzrXbgXHpaZ3dnd2X0D91dTsA7TMKm5e7iFJrwlCwMdB2AT1iB06fqEOhxKEGlyG2KzUZoKUNJDbiRYgLK38wFcwzfMQQWKOr8BF3LiFkxosgd7cA7v0IGWxrG54aD0M2tOO9WFvp7hyMQzUjhkEk99erRzw6FeKdF4n0I715XCO5OITb9WY7Bq4lakz7ukCYmX4RXa+gWL+l0jprAR6OQujLp8EvfshPoFdZdfYr1eYq8TOMtRJL49dp4v97WvLMnNqjr+OkH0BQ+wkmF02fjSmVe0elHKXr7mOedfoegRPmDeFDX8RVFGP4kprtKKRD8CDAC5TDw4mbYBaAAAAABJRU5ErkJggg==');
}

.boxMapsSearch  .contentSearch ul li a span.sp2{
margin-left: 5px;
font-weight: 500;
}

.boxMapsSearch  .contentSearch ul li.sel,.boxMapsSearch  .contentSearch ul li:hover{
background-color: #fcfcfc;
}

.boxMapsSearch  .contentSearch ul li:after{
content: "";
width: 3px;
height: 100%;
position: absolute;
top:0px;
left: 1px;
background-color: #FFFFFF;
transition: all 0.5s ease-out 0s;
}
.boxMapsSearch  .contentSearch ul li:hover:after,.boxMapsSearch  .contentSearch ul li.sel:after{
background-color: #cca35d;
}

#markerLayer img {
transition: all 0.5s ease-out 0s;
}
.zoomMarker{
transform:scale(2);
}

.map_canvas .infoMaps{

}
.map_canvas .infoMaps>span{
display: block;
color:#0f538f;
}

.map_canvas .infoDistance{
border-top: 1px solid #CCCCCC;
margin-top: 5px;
padding-top: 5px;
}
.map_canvas .infoDistance span{
color: #FF0000;
font-weight: 500;
margin-left: 10px;
}
@media screen and (max-width:1150px){
.boxMapsSearch {width: 100%;position: relative;left:0px}
.boxMapsSearch .contentSearch {height: 158px;}
.boxMapsSearch .contentSearch ul {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-wrap:wrap;-moz-box-wrap:wrap;-ms-flexbox-wrap:wrap;-webkit-flex-wrap: wrap;flex-wrap:wrap}
.boxMapsSearch .contentSearch ul li {width: 33.333%;}
.boxMapsSearch .contentSearch ul li a{height: 100%;box-sizing: border-box;}
.map_canvas {height: 685px;}
}
@media screen and (max-width:650px){
.map_canvas {height: 615px;}
.boxMapsSearch .contentSearch ul li {width: 50%;}
}
@media screen and (max-width:480px){
.boxMapsSearch .contentSearch ul li {width: 100%;}
.map_canvas {height: 555px;}
}