html, body ,#map{
    height: 100%;
    width: 100%;
}
body{
    padding: 0;
    margin: 0;
}
.info{ 
    padding: 6px 8px;
    font: 12px/14px Arial, Helvetica, sans-serif; 
    background: white; 
    background: rgba(255,255,255,0.8); 
    box-shadow: 0 0 15px rgba(0,0,0,0.2); 
    border-radius: 5px; 
} 
.info h4{ 
    margin: 0 0 5px; 
    color: #777; 
}
.mtinfo{ 
    padding: 6px 8px;
    font: 12px/14px Arial, Helvetica, sans-serif; 
    background: white; 
    background: rgba(255,255,255,0.8); 
    box-shadow: 0 0 15px rgba(0,0,0,0.2); 
    border-radius: 5px; 
    width: 400px;
    text-align: justify;
} 
.legend{ 
    text-align: left; 
    line-height: 18px; 
    color: #555; 
    clear:none;
} 
.legend i{ 
    width: 18px; 
    height: 18px; 
    float: left; 
    margin-right: 8px; 
    opacity: 0.7; 
}
td {
    width: 50px;    
}