body, html {
	overflow-x: hidden !important;
	}

/*h1 64px, h1 18px , 30px
/*;margin:0;padding: 0;box-sizing: border-box;*/
* {
	color:white;
	box-sizing: border-box;}

body {
	height: 100%;width: 100%;
	background-color:white;  
	/*background-color:black;
	/*background-image:linear-gradient(to left bottom,#000000 0%,39%,#123512 );
	background-image:linear-gradient(to left bottom,#0b0f0f 0%,39%,#585555 );*/
	background-size:cover;
	background-repeat:no-repeat;
	font-size:18px;
	position:relative;
	z-index:1;
	overflow-x:hidden;
	margin:0px;

}

h1{
	font-size: 24px;
	position:relative;
	left:20px;letter-spacing: 12px;
}
h2{
	margin:18px;
	width:70%;
	}
h3{
		margin:9px;
		width:70%;
	}
#bottom_menu{
		width: 100px;
		color: white;
		}
#bloco_bottom_menu{
	left:16px;
	top:18px;
	position:absolute;
	border-radius: 20px;
	display:none;
	cursor: pointer;
	z-index: 3;
}
#bloco_bottom_menu_img{
	width: 52px;
}
#barravertical{
	height: 100%;
	width: 400px;
	background-color: rgb(63, 63, 60);
	display: block;
	position: absolute;
	z-index: 2;
	display:none;
	

}
#bloco_bottom_menu:hover{
	
}


p{
	margin:6;
}


.titulo{
	background:rgb(63, 63, 60);
	width: 100%;
	margin:0;
	padding: 18px;
	display: inline-block;
			align-items: center;
			justify-content: center;
			background:rgb(63, 63, 60)
}
.topo{
	display:flex;
	flex-flow:nowrap;
	position:relative;
	justify-content: center;
	align-items: center;
	z-index:1;
	height:100px;
	width:100%;
	margin-bottom: 80px;

	}
.logo{
	flex:30%;
	text-align: left;
	margin-left:124px;
	margin-right: 124px;
	width: 70%;

}
.menu {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: sticky;
	top: 0;
	background-color: transparent;
	padding: 10px;
  }
  
  .menu a {
	color: white;
	text-decoration: none;
	font-size: 18px;
	margin: 0 10px;
	padding: 10px 15px;
	transition: background-color 0.2s, border-bottom 0.2s;
	position: relative;
  }
  
  .menu a:hover {
	background-color: #123512;
	color: white;
	border-bottom: 2px solid white;
  }
  
#barravertical a {
	color: white;
	text-decoration: none;
	position: relative;
	font-size: 18px;
	padding-left: 25px; /* espaço pra setinha */
	transition: background-color 0.2s, border 0.2s;
	display: block;
	width: 100%;
	text-align: left;
  }
  
  #barravertical a::before {
	content: '➤';
	position: absolute;
	left: 0;
	color: #00bfff;
  }
  
  #barravertical a:hover {
	background-color: #123512;
	color: white;
	border-bottom: 2px solid white;
	/* removido o padding pra não fazer o "botão andar" */
  }
  
  
.menu_a_clicado{
	border-bottom:2px solid white;
	border-radius: 2px;
	padding:8px;
}

tr:first-child th {
	padding-top: 20px; /* Aumenta o espaço acima das células da primeira linha */
	padding-bottom: 20px; /* Aumenta o espaço abaixo das células da primeira linha */
}





.catálogogeral {
	position:relative;
	border-radius:6px;
	background: grey;
	background-image:linear-gradient(to left bottom,grey 0%,39%,#123512 );
	margin-left: 10%;
	margin-right: 10%;
	text-decoration: none;padding-bottom: 20px;

}
.escopo{
	text-align: center;
	position: relative;
	margin:0px 64px 32px 64px;
	display:block;
	border-radius:10px 50px 10px 10px;
	border-bottom:2px solid whitesmoke;
	text-align: left;
	text-decoration: none;
	}
.escopo h2{
	display: inline-block;
	border-radius:10px 50px 10px 10px;
	border-bottom:2px solid whitesmoke;
}
.escopo :hover{opacity:0.5;}
.escopo img{
	width:124px;
	display: inline-block;
	position: absolute;
	right:64px;bottom: 32px;top:16px;
}

.catálogogeral a{
	border-radius:10px 50px 50px 10px;
	text-decoration: none;
}
.catálogogeral p{
	height: 40px;
	overflow:hidden;
	}
/*
.catálogo ul{
	display:flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	list-style-type: none;
}
.catálogo li {
	background-color: #123512;
	margin:8px;
	text-decoration: none;
	height: 400px;
	position: relative;
	padding: 2px;
	padding-bottom:130px;
	position:center;
}*/
footer{
	height: 128px;
	background-color:black;
	padding:4px;
	text-align: center;
	}

/* css-propriedades -->
<!-- .dropdow ul{}    -->
<!-- .dropdow li{display:inline-block} -->

<!-- flex-box -->
.flexteste{
}


*/

.blocotexto{
	background-color: grey;
	margin: 26px;}