html, body {
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: sans-serif;
    font-size: smaller;
    color: rgb(47,56,91);
}

th, td {
    vertical-align: top;
    text-align: left;
}

#map {
    width: 100%;
    height: 100%;

}

.ol-popup {
    display: none;
    position: absolute;
    background-color: rgba(217,212,212,.7);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;   
    height: auto;
    width: auto;
    min-width: 100px;
    max-height:400px;  
    overflow: auto;      
}

.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
    color:rgb(47,56,91);
}

.ol-popup-closer:after {
    content: "X";
}

.ol-attribution a {
    text-decoration: none;
    color: #666;
    font-family: sans-serif;
    font-size: 100%;
}

#popup-content>ul>li:nth-child(even) {
    background-color: #eee;
}

#popup-content ul {
    list-style-type: none;
    padding-left: 0;
}

#popup-content li {
    margin-bottom:0.25em;
}

.botao {
padding: 8px 8px;

border: 1px solid #045082;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 4px;

background-color: #045082 !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f7aa1), color-stop(100%,#045082)) !important;
background: -webkit-linear-gradient(top, #4682B4, #045082) !important;
background: -moz-linear-gradient(top, #3f7aa1, #045082) !important;
background: -ms-linear-gradient(top, #3f7aa1, #045082) !important;
background: -o-linear-gradient(top, #3f7aa1, #045082) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f7aa1', endColorstr='#045082',GradientType=0 );

font-family:"sans-serif";
font-weight: bold;
color: #fff;
text-shadow: 0 1px 0 #666;

box-shadow: inset 0 1px 1px #fff, 0 2px 3px #666;
cursor:pointer;
position: relative;
left:200px;
bottom:40px

}

.botao:hover {
box-shadow: inset 0 2px 5px #fff, 0 2px 3px #666;
background: -webkit-gradient(linear, left top, left bottom, from(#BCD2EE), to(#BCD2EE)) !important;
}
.botao:active {
box-shadow: inset 0 2px 5px #fff, 0 1px 3px #666 !important;
}
.botao a, .botao a:active, .botao a:hover, .botao a:visited { text-decoration:none; color: #fff; text-shadow: 0 1px 0 #666; font-family: sans-serif; font-weight: bold; }

.imagem {
padding: 4px 11px;
position: all;

}
.spoiler {
padding: 4px 11px;
position: all;

border: 1px solid #045082;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 0px;

background-color: #045082 !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f7aa1), color-stop(100%,#045082)) !important;
background: -webkit-linear-gradient(top, #4682B4, #045082) !important;
background: -moz-linear-gradient(top, #3f7aa1, #045082) !important;
background: -ms-linear-gradient(top, #3f7aa1, #045082) !important;
background: -o-linear-gradient(top, #3f7aa1, #045082) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f7aa1', endColorstr='#045082',GradientType=0 );

font:"sans-serif";
font-weight: bold;
color: #fff;
text-shadow: 0 1px 0 #666;

box-shadow: inset 0 1px 1px #fff, 0 2px 3px #666;
cursor:pointer;
position: relative;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("./images/lg.progress-bar-preloader.gif") 50% 50% no-repeat white;
    background-color: rgb(235,230,230);
}