﻿/* ESTRUTURA BASE
   ================================================== */
#directions { font-size: 12px;}
#directionsboxMA { overflow: hidden; margin-top: 25px; margin-bottom:10px}
#directions-sel-MA { width:96%; max-width:380px; position:relative; margin:40px auto 0;height:50px; background:#fff;}
#directionsCont {width: 100%;}
/* CAMPOS PARA DAS DIRECÇÕES
   ================================================== */
#origem-mapa-MA { overflow:hidden;width:80%; display: block; float: left; height:50px; line-height:48px;}
#origem-mapa-MA .input-map-MA { color: #444444; width:90%; padding:0 5%; height:50px; margin: 0; border: 0; background:transparent; outline:none; line-height:48px;font-size:14px;font-family: 'museo_sans300', Arial, sans-serif; }

#destino-mapa-MA { width:315px; float: left; height: 45px; margin-left:5px; border: 0px solid #cedae9; overflow:hidden}
#destino-mapa-MA select { background:#fff; border-radius:2px; border:1px solid #cedae9; color: #333333; 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; height:50px;width:50px; float: right; overflow: hidden;}
#botao-mapa-MA:hover {opacity: 0.8; }
.vazio {position: absolute; right: 10px; font-size: 32px; color: #444;  top: 5px;}
/* 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: #EEE; color:#333;font-family: 'museo_sans300', Arial, sans-serif; font-size:14px; line-height:38px; padding-left:10px;}
#directions-fundo-mapaMA { font-size: 12px;height: 40px;line-height:38px;}
#directions-meio-mapaMA{overflow:hidden; width:100%; display:block;}
#contactos #directions-meio-mapaMA{max-height:600px;}
.d_linha.header{border-bottom:1px solid #ccc;background-color:#F9F9F9; height: 20px!important; position:relative;}
.d_linha.header .d_id{width:10%;}
.d_linha.header .d_desc{width:10%;}
.d_linha.header .d_dist{width:80%;}

.d_linha{width:100%;overflow:hidden; clear:both; float:left; border-bottom:1px solid #eee; line-height:20px; padding: 5px 0;font-size:14px;font-family: 'museo_sans300', Arial, sans-serif;}
.d_id{width:6%; float:left; text-align:center; }
.d_desc{width:84%; float:left; text-align:left; }
.d_dist{width:10%; float:left; text-align:center; }


/* INFO WINDOW
   ================================================== */

#popup-mapa-MA{ width:280px;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; cursor: pointer;}
.clicapop {cursor: pointer;}

/* 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)}