﻿/* ESTRUTURA BASE
   ================================================== */
#directions { font-size: 12px; margin-top:25px;}
#directionsboxMA { overflow: hidden; margin-top: 25px; margin-bottom:10px}
#directions-sel-MA { float: left; width:100%; position:relative}

/* CAMPOS PARA DAS DIRECÇÕES
   ================================================== */
#origem-mapa-MA { background:#fff; border-radius:2px; overflow:hidden;width:97% ; display: block; float: left; padding: 0 10px; border:1px solid #CBD6DB; height: 36px; line-height: 36px\9; }
#origem-mapa-MA .input-map-MA { color: #00518C; width:90%; height:100%; margin: 0; border: 0;background:transparent; outline:none; line-height: 36px\9;height:36px; font-size:12px;}

#destino-mapa-MA { width:255px; float: left; height: 31px; margin-left:5px; border: 0px solid #000; overflow:hidden}
#destino-mapa-MA select { background:#fff; border-radius:2px; border:1px solid #E1E8E1; color: #8E8E8E; height: 100%; outline: none; padding: 5px 8px 5px 10px; width: 100%;}
#destino-mapa-MA option { padding-left:10px; padding-top:5px; height:22px; line-height: 29px;color: #8E8E8E; margin:0}

#botao-mapa-MA { background: url(/images/mapa/mapa_procurar.png) no-repeat transparent center center;width: 60px; position:absolute; top:0px;right:0;text-indent:-1000px; display: block; color: #000; line-height: 36px; font-size: 11px; border: 0px solid #000; height: 37px; }
#botao-mapa-MA:hover { color: #000 }

/* BOTOES FECHAR E IMPRIMIR
   ================================================== */
#options-mapa-MA { overflow: hidden; width: 80px; float: right; padding-top:4px; }
#options-mapa-close-MA { display:none; cursor: pointer;
    float: right;
    height: 16px;
    line-height: 27px;
    margin-top: 10px;
    text-align: center;
    width: 50px; }
#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: #5DCFDC; color:#fff;/* height:40px;*/ font-family: 'osregular',Arial; font-size:1.2em; line-height:40px; padding-left:10px;}
#directions-meio-mapaMA{overflow:hidden;}
.d_linha.header{border-bottom:1px solid #ccc;background-color:#ddd}
.d_linha.header .d_desc{width:30%;float:left}
.d_linha.header .d_dist{width:60%;text-align:right;}

.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:500px;font-size:12px;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}


/* SOMBRA DO MAPA
   ================================================== */

#ds_h div{width:100%;left:1px;top:0px}
#ds .hh1{height:1px}
#ds .hh2{height:2px}
#ds .hh3{height:3px}
#ds .hh4{height:0px}
#ds .hh5{height:0px}
#ds .hh6{height:0px}
#ds_v div{height:9999px; left:0px;top:1px}
#ds_v{height:0;}
#ds .v1{width:1px}
#ds .v2{width:2px}
#ds .v3{width:3px}
#ds .v4{width:0px}
#ds .v5{width:05px}
#ds .v6{width:0px}

.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)}