body, html {
   height: 100%;
   padding: 0;
   margin: 0;
}

#softgeo{
cursor: crosshair;
margin-top: 0px;
height: 0px;
font-family: verdana, Sans-serif;
font-size: 8.5px;
z-index:999;
}

#imgpos {
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#sgsvg {
background-color: #fafafa;
border: none;
margin-left: 0px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.19);
}

#sgdirecao {
float: top;
position: relative;
background-color: #fff;
opacity: .7;
z-index:1000;
border: 1px solid #ccc;
border-radius: 10px;
padding:4px;
margin-left:5px;
visibility:hidden;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15), 0 4px 6px 0 rgba(0, 0, 0, 0.15);
}

/* Imagens dos movimentos */
#sgzoomfree,
#sgprinter,
#sgesconde,
#sgnada,
#sglink,
#sgtranslado,
#sghelp,
#sgminus,
#sgplus,
#sgup,
#sgleft,
#sgreload,
#sgright,
#sgdown {
cursor: pointer; height:36px; width:36px; opacity:1;
}

#sgdirecao td {
padding: 0px;
}

#sgassina {
color: #004080;
font-family: verdana, Sans-serif;
font-size: 10.0px;
}

#logoview,
#logo {
background-color:#e1e1d0;
font-family: verdana, Sans-serif;
font-size: 8.5px;
text-align:center;
}


#sgTable {
border: 1px solid #808080;
z-index: 1000;
}

#predioview {
float: top;
border-radius: 10px;
position: absolute;
left:1px;
width:340px; 
height:20px;
background-color: #e1e1d0;
opacity:1;
visibility:hidden;
font-family: verdana, Sans-serif;
font-size:11px;
z-index: 9999;
}

#table-doc {
float: top;
background-color:#e1e1d0;
font-family: verdana, Sans-serif;
font-size: 8.5px;
}

#tableview {
float: top;
border-radius: 10px;
position: absolute;
left:1px;
width:340px; 
background-color: #e1e1d0;
opacity:1;
visibility:hidden;
font-family: verdana, Sans-serif;
font-size:11px;
z-index: 9999;
}

#table-fechar,
#predio-fechar {
width:340px;
background-color:#efefef;
}

#table-div,
#predio-div {
width:340px;
background-color:#e1e1d0;
}

.sgformpredio1 {
background:#3384fe;
border: 0px solid #808080;
margin-left:2px;
width: 140px;
color: #fff;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.19), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin-left:5px; width: 140px; font-family: verdana, Sans-serif; font-size:12px; position:relative;
margin-top: 0px;
}

.sg {
fill:#f00;
}

.sgformpredio1:hover {
color: white;
background:#67a3fe;
text-shadow: black 0.1em 0.1em 0.2em
}

.sgformpredio2 {
background:#33cc33;
border: 0px solid #808080;
margin-left:2px;
width: 100px;
color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.19), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin-left:5px; width: 100px; font-family: verdana, Sans-serif; font-size:12px; position:relative;
margin-top: 0px;
text-shadow: black 0.1em 0.1em 0.2em
}

.sgformpredio2:hover {
color: white;
background:#5cd65c;
color: #fff;
text-shadow: black 0.1em 0.1em 0.2em
}

.sgformpredio3 {
background:#3384fe;
border: 0px solid #808080;
margin-left:2px;
width: 102px;
color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.19), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin-left:5px; width: 102px; font-family: verdana, Sans-serif; font-size:12px; position:relative;
margin-top: 0px;
text-shadow: black 0.1em 0.1em 0.2em

}

.sgformpredio3:hover {
color: white;
background:#67a3fe;
text-shadow: black 0.1em 0.1em 0.2em
}

.sgformpredio4 {
visibility:hidden;
background:#2eb82e;
border: 0px solid #808080;
margin-left:2px;
width: 102px;
color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.19), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin-left:5px; width: 102px; font-family: verdana, Sans-serif; font-size:12px; position:relative;
margin-top: 0px;
text-shadow: black 0.1em 0.1em 0.2em
}

.sgformpredio4:hover {
color: white;
background:#5cd65c;
text-shadow: black 0.1em 0.1em 0.2em
}


#divuser {
visibility: hidden;
z-index: 1000;
}

/* Cor da base dos botões */
#cross {
background-color:#000;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.19), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Cor da base dos botões */
#bksgform0 {
width: 200px;
background-color:#b3cccc;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#bksgform1 {
width: 200px;
background-color:#99c2ff;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#bksgform2 {
width: 200px;
background-color:#9fdf9f;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#bksgform3 {
width: 200px;
background-color:#ffdf80;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#bksgform4 {
width: 200px;
background-color:#ecc6d9;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#bksgform5 {
width: 200px;
background-color:#ffbb99;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#bksgform6 {
width: 200px;
background-color:#9494b8;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#bksgform7 {
width: 200px;
background-color:#999966;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#bksgform8 {
width: 200px;
background-color:#e6e600;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#bksgform9 {
width: 200px;
background-color:#99cc00;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#bksgform10 {
width: 200px;
background-color:#3498db;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Cor dos diálogos */
#sgform0 {
background:#85adad;
border: 0px solid #808080;
height:34px;
margin-left:0px; width: 130px;; font-family: verdana, Sans-serif; font-size:11px; position:absolute;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#sgform1 {
background:#4d94ff;
border: 0px solid #808080;
height:34px;
margin-left:0px; width: 130px; font-family: verdana, Sans-serif; font-size:11px; position:absolute;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#sgform2 {
background:#66cc66;
border: 0px solid #808080;
height:34px;
margin-left:0px; width: 130px; font-family: verdana, Sans-serif; font-size:11px; position:absolute;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#sgform3 {
background:#ffd966;
border: 0px solid #808080;
height:34px;
margin-left:0px; width: 130px; font-family: verdana, Sans-serif; font-size:11px; position:absolute;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#sgform4 {
background:#d98cb3;
border: 0px solid #808080;
height:34px;
margin-left:0px; width: 130px; font-family: verdana, Sans-serif; font-size:11px; position:absolute;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#sgform5 {
background:#ffaa80;
border: 0px solid #808080;
height:34px;
margin-left:0px; width: 130px; font-family: verdana, Sans-serif; font-size:11px; position:absolute;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#sgform6 {
background:#9494b8;
border: 0px solid #808080;
height:34px;
margin-left:0px; width: 130px; font-family: verdana, Sans-serif; font-size:11px; position:absolute;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#sgform7 {
background:#999966;
border: 0px solid #808080;
height:34px;
margin-left:0px; width: 130px; font-family: verdana, Sans-serif; font-size:11px; position:absolute;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#sgform8 {
background:#e6e600;
border: 0px solid #808080;
height:34px;
margin-left:0px; width: 130px; font-family: verdana, Sans-serif; font-size:11px; position:absolute;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#sgform9 {
background:#99cc00;
border: 0px solid #808080;
height:34px;
margin-left:0px; width: 140px; font-family: verdana, Sans-serif; font-size:11px; position:absolute;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#sgform10 {
background:#3498db;
border: 0px solid #808080;
height:34px;
margin-left:0px; width: 130px; font-family: verdana, Sans-serif; font-size:11px; position:absolute;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


#sgformsobre {
margin-left:0px; width: 256px; font-family: verdana, Sans-serif; font-size:11px; position:absolute;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sgtext-left {
align: left;
margin-left:3px;
}

/* Cores de fundo dos botões */
.botao0 {background:#85adad; color: #333;}
.botao1 {background:#4d94ff; color: #333;}
.botao2 {background:#66cc66; color: #333;}
.botao3 {background:#ffd966; color: #333;}
.botao4 {background:#d98cb3; color: #333;}
.botao5 {background:#ffaa80; color: #333;}
.botao6 {background:#9494b8; color: #333;}
.botao7 {background:#999966; color: #333;}
.botao8 {background:#e6e600; color: #333;}
.botao9 {background:#99cc00; color: #333;}
.botao10 {background:#3498db; color: #333;}
.botao11 {background:#3498db; color: #333;}
.botao12 {background:#3498db; color: #333;}
.botao13 {background:#3498db; color: #333;}
.botao14 {background:#3498db; color: #333;}
.botao15 {background:#3498db; color: #333;}
.botaosobre {color: #333;}

#sobre {
}

#bksobre {
}

#HT0,
#HT1,
#HT2,
#HT3,
#HT4,
#HT5 {stroke-width:0.6; stroke-opacity:1 }


/* Posição das imagens dos temas */
#image1,
#image2,
#image3,
#image4,
#image5,
#image6,
#image7,
#image8,
#image9,
#image10,
#image11,
#image12,
#image13,
#image14,
#image15 {cursor: pointer; margin-bottom: 3px; }
#predio {cursor:pointer}

#sgtitulo {
border: 1px solid #ccc;
margin-top: 0px;
font-family: verdana, Sans-serif;
font-size: 10.0px;
}

#mouse {
margin-left: 0px;
margin-top: 0px;
width: 0px;
height: 0px;
font-family: verdana, Sans-serif;
font-size: 8.5px;
z-index: 999;
}

#sglegenda {
margin-left: 0px;
font-family: verdana, sans-serif;
font-size: 10.0px;
fill-opacity: 0.6;
stroke-opacity: 0.9;
z-index: 888;
}

#registro {
text-align: center;
}

#process{
align: center;
}

#sgbotaosearch,
#sggoogle {cursor: pointer;}


.dropdown-check-list ul.items {
  padding: 2px;
  display: none;
  margin: 0;
  border: 0px solid #ccc;
  border-top: none;
}

.dropdown-check-list.visible .items {
  display: block;
}

/* Definição dos botões */

button {
cursor:pointer;
margin-top: -1px;
width: 130px;
height: 34px;
color:white;
/* padding:5px 10px; */
border:0;
overflow:hidden;
font-family: verdana, Sans-serif;
font-size: 12px;
border-radius:5px;
position:relative;
text-shadow: white 0.1em 0.1em 0.1em
}
 
button:hover {
border: 2px solid #fff;
color: #fff;
text-shadow: black 0.1em 0.1em 0.2em
}

button:after {
content:''; 
position:absolute; 
height:100%; 
width:100%; 
left:0;
top:0; 
background:rgba(0,0,0,0.); /* .25); */ 

-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
transition:all .3s ease-out
}

button[data-direction="down"]:hover:after {
-webkit-transform:translate(0,100%);
-moz-transform:translate(0,100%);
-o-transform:translate(0,100%);
-ms-transform:translate(0,100%);
transform:translate(0,100%);
background:rgba(0,0,0,0.)
}

button[data-direction="up"]:hover:after {
-webkit-transform:translate(0,-100%);
-moz-transform:translate(0,-100%);
-o-transform:translate(0,-100%);
-ms-transform:translate(0,-100%);
transform:translate(0,-100%);
background:rgba(0,0,0,0.)
}

button[data-direction="right"]:hover:after {
-webkit-transform:translate(100%,0);
-moz-transform:translate(100%,0);
-o-transform:translate(100%,0);
-ms-transform:translate(100%,0);
transform:translate(100%,0);
background:rgba(0,0,0,0.)
}

button[data-direction="left"]:hover:after {
-webkit-transform:translate(-100%,0);
-moz-transform:translate(-100%,0);
-o-transform:translate(-100%,0);
-ms-transform:translate(-100%,0);
transform:translate(-100%,0);
background:rgba(0,0,0,0.)
}

select {
    padding:3px;
    margin: 0;
    background: white;
    color:#204060;
    border:none;
    outline:none;
    display: inline-block;
    appearance:none;
    cursor:pointer;
}

select > option:hover {
    box-shadow: 0 0 10px 100px #adc2eb inset;
    transition: all .2s ease-in-out;
}

select > option-list > option-item[selected] {
    background: rgba(112, 147, 216, 0.5);
}

#indexview {
    position: relative;
}

#indexview img {
    position: absolute;
    top: 5px;
    right: 20px;
opacity: 0.6
}

#imageview
{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sgsvg-path{
}

#sgfoto {
border: 0px solid #808080;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.fontefoto {
font-family: verdana, Sans-serif;
font-size: 11px;
color:#004d99;
}