﻿/* ESTRUTURA BASE
   ================================================== */
#directions { font-size: 12px; margin-top:25px;}
#directionsboxMA { overflow: hidden; margin-top: 25px; margin-bottom:10px}
#directions-sel-MA { 
    float: left;
    position: relative;
    width: 340px;
}

/* CAMPOS PARA DAS DIRECÇÕES
   ================================================== */
#origem-mapa-MA { border-radius:2px; overflow:hidden;width:100% ; display: block; float: left; height: 35px; line-height: 35px\9; }
#origem-mapa-MA .input-map-MA { background: none repeat scroll 0 0 #ffffff; border: 1px solid #8e8e8e; color:#000; font-size: 12px; height: 32px; margin: 0; outline: medium none; padding: 0 10px; width: 205px; line-height: 32px\9; }

#destino-mapa-MA { width:255px; float: left; height: 30px; 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: #E96417;
    border: 0 solid #000000;
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 96px;
}

/* BOTOES FECHAR E IMPRIMIR
   ================================================== */
#options-mapa-MA { overflow: hidden; width: 20%; float: right; padding-top:4px;padding-right:10px; }
#options-mapa-close-MA { display:none; cursor: pointer; float: right; height: 27px; text-align: center; line-height: 27px; width: 30px; }
#options-mapa-print-MA { display:none; float: right; width: 30px; cursor: pointer; text-align: center; height: 27px; line-height: 27px;color:#000000; }


/* RESULTADOS DAS DIRECÇÕES
   ================================================== */
#directions-topo-mapaMA,#directions-fundo-mapaMA{background-color:#808080; color:#fff;/* height:40px;*/ font-size:1.2em; line-height:40px; padding-left:10px;}
#directions-fundo-mapaMA{line-height:1.5em;padding:10px;}
#directions-meio-mapaMA{overflow:hidden;width:100%;}
.d_linha.header{border-bottom:1px solid #333333;background:#909090; color:#fff}
.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; color:#222222;}

.d_id{width:5%; float:left; padding-left:10px}
.d_desc{width:78%;float:left}
.d_dist{width:12%; float:right}


/* INFO WINDOW
   ================================================== */

#popup-mapa-MA{ width:250px;font-size:12px;line-height:1.5em;}
.popup-tit{font-size:14px;display:block;padding-bottom:10px;color:#000;}
#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)}