body, html {
    max-height: 100%;
    max-width: 100%; 
}

.principal{
  display: grid;  
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 200px;

}


/* 
body, html, .container {
     position:relative;
     height: 100%;
     width:100%;
     left:0%;
     right:0%;
     top:0%;
     bottom:0%;     
  }

*/
.panel{
  position: absolute;
  z-index:9999;
  visibility:hidden;
  background-color: rgba(255,255,255,1.0);
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  height: 50%;
  width: 100%;
}

.dimensao{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: rgba(255,255,255,0.9);
  margin-right:1%;  
  margin-left:1%;  
  margin-top:1%;  
  margin-bottom:1%;  
  border-radius:1%;
  border-radius:1%;
  background-position:center center;
  }

.paineis{
  position:relative;
  background-color: rgba(51,149,80,1.0);
  text-align: center;
  color:white;
  opacity: .0;
  transition: .5s ease;
  border-radius:1%;
  width:100%;
  height: 100%;
}

.paineis:hover {
  opacity: 1.0;

}

p {
  text-align: justify;
  text-justify: inter-word;
}

li {
    text-align: left;
    font-size: 11px;
}

a{
  color:white;
}
label{
  color:white;
}


a:hover{
  color:#FFD700;
  cursor:pointer;
};

h6{
  font-weight:bold;
}

#mainpanel{
  background-color: rgba(255,255,255,1.0);
}