/* ESTRUTURA BASE
   ================================================== */
#directions { font-size: 12px;font-family: 'Lato', sans-serif;font-weight:400;}
#directionsboxMA { overflow: hidden; margin-top: 25px; margin-bottom:10px}
#directions-sel-MA { bottom: 0;height: auto;left: 0;margin: auto;padding-top: 0;position: absolute;right: 0;top: 0;width:100%; max-width:640px; border: 1px solid #ccc;}
#directionsCont {position: relative;width: 100%;z-index: 13;}
#direcoes_m { position: relative; width: 100%; height: 100%;}

/* CAMPOS PARA DAS DIRECÇÕES
   ================================================== */
#origem-mapa-MA { background-color: transparent;display: block;float: left;height: 35px;overflow: hidden;width: 90%; line-height: 42px\9;}
#origem-mapa-MA .input-map-MA { color: #333; width:88%; height:100%; margin: 0; border: 0;background:transparent; outline:none; line-height: 15px\9;font-size:15px;text-indent: 15px; font-weight:600;text-transform: uppercase; float:left; }

#destino-mapa-MA { width:315px; float: left; height: 45px; margin-left:5px; border: 0 solid #cedae9; overflow:hidden}
#destino-mapa-MA select { background:#fff; border-radius:2px; border:1px solid #cedae9; color: #333333; height: 100%; outline: none; padding: 12px 8px 5px 10px; width: 300px; font-size: 12px; height: 45px;}
#destino-mapa-MA option { padding-left:10px; padding-top:5px; height:22px; line-height: 29px;color: #8E8E8E; margin:0}

#botao-mapa-MA {display: block;float: right;height: 27px;overflow: hidden;right: 10px;text-indent: -10000px;top: 5px;width: 15px;}
#botao-mapa-MA:hover {opacity: 0.8; }
#botao-close-directions { display: block; width:10%; height: 35px; max-width: 35px; float: right; overflow: hidden;top: 25px;}
.mini #botao-close-directions { clear:both;float:none; margin:0 auto; width:100%;}
.mini #origem-mapa-MA { float:none; margin:0 auto; text-align:center; }
.mini #origem-mapa-MA .input-map-MA { width:80%; font-size:20px;}
.vazio {position: absolute; right: 75px; font-size: 32px; color: #FF0000;  top: 5px;}


#origem-mapa-MA .validator {height: 20px;position: absolute;right: 10px;text-align: center;top: 3px;width: 20px;}
#origemMAPA::-webkit-input-placeholder { color:#333;}
#origemMAPA:-moz-placeholder { color: #333; opacity:1;}
#origemMAPA::-moz-placeholder { color: #333;opacity:1;}
#origemMAPA:-ms-input-placeholder { color: #333;}

/* BOTOES FECHAR E IMPRIMIR
   ================================================== */
#options-mapa-MA { overflow: hidden; width: 80px; float: right; padding-top:6px; }
#options-mapa-close-MA { display:none; cursor: pointer; float: left; height: 27px; text-align: center; line-height: 27px; width: 30px; }
#options-mapa-print-MA { display:none; float: left; width: 30px; cursor: pointer; text-align: center; height: 27px; line-height: 27px; }


/* RESULTADOS DAS DIRECÇÕES
   ================================================== */
#directions-topo-mapaMA,#directions-fundo-mapaMA{ background-color: #fff; color:#000;/* height:40px;*/  font-size:1.2em; line-height:40px; padding-left:10px; border-bottom: 1px solid #333; border-top: 1px solid #333;}
#directions-fundo-mapaMA { font-size: 12px;height: 40px;line-height: 38px;}
#directions-meio-mapaMA{overflow:hidden; width:100%; display:block;}

.d_linha.header{border-bottom:1px solid #ccc;background-color:#ddd; height: 20px;}
.d_linha.header .d_desc{width:30%;float:left}
.d_linha.header .d_dist{width:60%;text-align:right; padding-right: 20px;}

.d_linha{width:100%;overflow:hidden; clear:both; float:left; border-bottom:1px solid #eee; line-height:20px; padding: 5px 0;}
.d_id{width:5%; float:left; padding-left:10px}
.d_desc{width:80%;float:left}
.d_dist{width:10%; float:right}


/* INFO WINDOW
   ================================================== */

#popup-mapa-MA{ width:280px;line-height:1.5em;overflow:hidden;font-size:11px;}
.popup-tit{font-size:14px;display:block;padding-bottom:10px}
#clicapop{display:block; font-size:12px; margin-top:15px; cursor: pointer;}
.clicapop {cursor: pointer;}

/* SOMBRA DO MAPA
   ================================================== */

#ds_h div{width:100%;left:1px;top:0}
#ds .hh1{height:1px}
#ds .hh2{height:2px}
#ds .hh3{height:3px}
#ds .hh4{height:0}
#ds .hh5{height:0}
#ds .hh6{height:0}
#ds_v div{height:9999px; left:0;top:1px}
#ds_v{height:0;}
#ds .v1{width:1px}
#ds .v2{width:2px}
#ds .v3{width:3px}
#ds .v4{width:0}
#ds .v5{width:5px}
#ds .v6{width:0}

.ds{background:#000;position:absolute;z-index:999;overflow:hidden}

#ds .o1{ opacity:.1;filter:alpha(opacity=10)}
#ds .o2{ opacity:.08;filter:alpha(opacity=8)}
#ds .o3{ opacity:.06;filter:alpha(opacity=6)}
#ds .o4{ opacity:.04;filter:alpha(opacity=4)}
#ds .o5{ opacity:.02;filter:alpha(opacity=2)}