body {
    margin:0;
    padding:0;
    font-family: 'Roboto Condensed', sans-serif;
}
#map {
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
}
#comandMenu {

}

.info {
    //height: 90%;
    //width: 10%;
    float:  right;
    margin: auto;
}

.button-image {
    opacity: 1.0;
}

.button-text {
    text-align: center;
    margin: auto;
    font-size:  3vh;
}

#help-button, #position-button {
    float: left;
    bottom: 0;
    position:   absolute;
    //height: 5%;
    //width: 5%;
}

.leaflet-control-attribution{
    width:80%
}

p.help-text-red{
    color:#e74c3c;
}

p.help-text-orange{
    color: #e67e22;
}

p.help-text-green{
    color: #27ae60;
}

p.help-text-blue{
    color: #2980b9;
}