@charset "utf-8";

/* MOSTRA TOP LOGO E TÍTULO PÁGINA => DEPOIS O CONTEÚDO RESTANTE */

#topHeader {
  position: fixed;
  top: 0px;
  width: 100%;
  min-width: -webkit-fill-available;
  height:14vh;
  display: block;
  transition: top 3s;
  z-index:90;
}

#main {
  position: relative;
  width: 100%;
  min-width: -webkit-fill-available;
  margin:0;
  transition: margin-left .5s;
  padding: 1px;
}

/* UMA BARRA PARA COLOCAR ENTRE 2 FOOTERS */
.barra {
  width: 100%;
  height: 100px;
  background-color: #5b7bab; /* Cor da barra */
}

/* FOOTER */

div.footer{
  position: relative;
  width: 100%;
  min-width: -webkit-fill-available;
  margin:0;
  opacity: 1;
  background-color:#5b7bab;
  font-size:x-large;
  color:white;
  /* text-align:center; */
}

div.footer-x{
  position: relative;
  width: 100%;
  min-width: -webkit-fill-available;
  margin:0;
  opacity: 1;
  font-size:x-large;
  color:white;
  /* text-align:center; */
}

.bgimg-footer {
  background-image: url("Images/bg-blue-circles-cobra-white.png");
  opacity: 0.5;
  min-height: 400px;
}



#block-ocre-diamond-white {
  position: relative;
  width: 100%;
  height:200px;
  background-image: url("Images/bg-OCRE-diamond-WHITE-transp.png");
}

#block-white-diamond-gray {
  position: relative;
  width: 100%;
  height:200px;
  background-image: url("Images/bg-WHITE-diamond-GRAY-transp.png");
}

/* ========= DIVs COMENTÁRIOS ============= */

div.commented {
	color:white;
	text-align:center;
	background: gray; 
	opacity:0.7;
	border-bottom: 1px solid gray;
	border-bottom-left-radius: 10px;
	border-top: 1px solid gray;
	border-top-right-radius: 10px;
	height:25vh;
}

/* =========== TABELAS ================ */

.tabela-estreita {
  border-collapse: collapse;
  width: 85%;
  margin: 0 auto;
}

.tabela-larga {
  width: 90%;
  margin: 0 auto;
}