body{
    
    overflow: hidden;
    
}

#relogio{

    width: 20%;
    position: fixed;
    right: 60px;
    top: 0;
    background: white;
    height: 175px;
    overflow: hidden;
    z-index: 1;
    border-bottom: 1px solid #ddd;
    
}

.obra{

    background: red;
    border-radius: 5px;
    color:white;
    padding: 2px;
    font-weight: bold;
    width: 50px;
    text-align: center;
    text-decoration: none;

}

#map-canvas{
    
    height: 100%; 
    top: 0px;
    width: 100%;
    position: absolute;
    left: 0;
    
}

#forecast{
    
    width: 20%;
    position: fixed;
    right: 60px;
    top: 170px;
    background: white;
    height: 100%;
    overflow: hidden;
    
}

.fore-item div{
    
    height: 160px;
    
}

.fore-item img{
 
    width: 80px;
    
}

.img-label{
    
    width: 80px;
    float:left;
    padding-bottom: 20px;
    background: #EAEAEA;
    padding: 1px;
    margin: 0px;
    padding-top: 1px;
    margin-right: 5px;
    
}

.fore-item{
    
    padding: 10px;
    border-bottom: 1px dashed gray;
    
}

.fore-item h2{
    
    font-size: 20px;
    margin-top: 0;
    
}

.map-tela{
    
    width: 80% !important;
    
}

.tipo-7{

    background: green !important;

}

.tipo-3{

    background: gray !important;

}

.tipo-4{

    background: yellow !important;

}

.tipo-1{

    background: purple !important;

}

.sep{

    padding: 3px 0;
	
}

.sep-obras{

    padding: 3px 0;
    float:left;
    width: 180px;
    height: 18px;
	
}

.legendas{
    padding-top: 10px;
    float:left;
    width: 120px;
    height: 50px;

}

.legendas-tv{

    -webkit-transform: rotate(-90deg);
    text-align: center;
    margin: 55px 0;

}

.infowindow-container{

    max-height: 20px;
    overflow: hidden;
    /*width: 130px;*/

}

.gm-style-iw {
    width: 230px !important; 
}

#filtro{

    position: fixed; 
    padding: 10px;
    bottom: 0px; 
    left: 0px; 
    font-size: 14px;
    background: white;
    opacity: 0.9;
    width: 253px;
    padding-bottom: 20px;

}

#filtro2{

    position: fixed; 
    bottom: 0px; 
    right: 0;
    height: 100%;
    font-size: 14px;
    background: gainsboro;
    width: 58px;
    padding-left: 2px;
    text-align: center;

}