/*********************************/
/*map*/
/*********************************/
.component.map img { max-width: none; }
.component.map .button {cursor:pointer;background-color: #00103F;color: #ffffff;border: 0;display: inline-block;text-align: center;border-radius: 2px;font-size: 1.1em;font-weight: bold;height: 30px;line-height: 30px;padding: 0 20px;text-decoration: none}
.component.map .button:hover{background-color:#757575}
.component.map .map-content div.way input[type="text"]{border-radius: 3px;border: 1px solid #376379;font: 15px arial;padding: 16px 19px;}

.component.map .mappy_map_route_form {
    background-color: #e2e2e2;
}

.component.map .mappy_map_route_form .mappy-route-results{
    background-color: #f5f5f5;
}

/************************
        MAP ROUTE
************************/
.component.map .map-content div.way .way_start{width:72%}
.component.map .map-content div.way .way_end{width:72%}
.component.map .map-content div.way input[type="text"]{width:65%}


@media  screen and (max-width:768px){
    .component.map .map-content div.way .way_start{width:100%}
    .component.map .map-content div.way .way_end{width:100%}
    .component.map .map-content div.way input[type="text"]{width:100%}
    .component.map .map-content div.way .way-buttons{position:static;padding-top:10px}
    .component.map .map-content div.line .button{float:none;width:100%;margin-top:10px}
}

@media  screen and (max-width:480px){
	.component.map .map_mode{float:none;text-align:center;margin-bottom:10px}
}