main{
	padding-top:60px;
	margin:auto 10%;
	min-height:100vh;
}
hr{
	border:3px solid var(--colorSite);
	border-radius:50px;
}
.secMenu{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:8px 10px;
	position:sticky;
	top:61px;
	left:0;
	margin-bottom:20px;
	border-radius:0 0 4px 4px;
}
.secMenu>div{
	padding:6px 12px;
	border:2px solid var(--colorSite);
	border-radius:4px;
	background-color:var(--bgBody);
	box-shadow:0px 0px 10px 5px #545454;
}
/*
.secMenu>hr{
	grid-column:1/-1;
}
*/
.divRow>h1{
	margin:4px 0;
	padding:4px;
	font-size:1.25rem;
	font-weight:700;
	color:var(--fontColor2);
	background-color:var(--colorSite);
	border:var(--border2);
	border-radius:4px;
	text-align:center;
}


.secFech{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:10px;
}
.tableFech{
	display:grid;
	grid-template-columns:25% auto;
	gap:1px;
	padding-bottom:2px;
}
.colunaPreco{
	display:grid;
	grid-template-columns:57% 10% 33%;
	font-size:0.875rem;
	font-weight:700;
}
.preco{
	text-align:left;
}
.varP{
	color:green;
	text-align:right;
}
.varN{
	color:red;
	text-align:right;
}


.secList{
	display:grid;
	grid-template-columns:1fr;
	gap:10px;
	padding-bottom:10px;
}
.tableList{
	display:grid;
	grid-template-columns:15% auto;
	gap:1px;
	padding-bottom:2px;
}
.colunaCotista{
	display:grid;
	grid-template-columns:auto auto;
	justify-content:space-between;
	font-size:0.875rem;
	font-weight:700;
}
.tipo{
	display:block;
}


.colInt1,.colInt2{
	display:grid;
	grid-template-rows:auto auto;
	align-content:space-between;
	padding:5px;
	border-radius:4px;
}
.colInt1{
	color:var(--fontColor2);
	background-color:var(--colorSite);
	border:var(--border2);
}
.colInt2{
	border:2px solid var(--colorSite);
}


.ativo{
	font-size:1.75rem;
	font-weight:700;
	text-align:center;
}
.pregao{
	font-size:0.5625rem;
	font-style:italic;
	text-align:center;
}
.nome{
	width:100%;
	font-weight:700;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}


.lastClose{
	padding:0 10px 10px 0;
	font-size:0.75rem;
	text-align:right;
}
/*------------------------------------------------------------------------ ====== ------------------------------------------------------------------------*/
@media (max-width: 768px){
main{
	margin:auto 2%;
}
.secMenu{
	grid-template-columns:1fr;
	gap:6px 0;
	margin-bottom:15px;
	background-color:var(--bgBody);
}
.secMenu>div{
	box-shadow:0px 1px 10px 1px #cacaca;
}


.secFech{
	grid-template-columns:1fr;
	gap:4px;
}
.tableFech{
	display:grid;
	grid-template-columns:30% 70%;
}
.tableFech a{
	display:block;
	height:100%;
}
.colInt1{
	height:100%;
}


.tableList{
	grid-template-columns:30% auto;
}
.colunaCotista{
	grid-template-columns:1fr;
	font-size:0.625rem;
}


.ativo{
	font-size:1.5rem;
}
.nome{
	font-size:0.875rem;
}
}
/*------------------------------------------------------------------------ ====== ------------------------------------------------------------------------*/
@media screen and (max-width:361px){
.ativo{
	font-size:1.125rem;
}
}