.flex { display: flex; }
.flexBetCenter { display: flex; align-items: center; justify-content: space-between; }
.flexEndCender { display: flex; align-items: center; justify-content: flex-end; }
.flexEnd { display: flex; align-items: flex-end; }
.flexCenter { display: flex; align-items: center; }
.flexCenterCenter { display: flex; align-items: center; justify-content: center; }

.flexitens li:not(li:last-child) { padding-right: 8px; }

.imgMax { max-width: 100%; width: 100%; }
.relative { position: relative; }

header { padding-top: 24px; width: 100% }
header.header-absoluto { position: absolute; z-index: 999999 }
header.header-fixo { position: fixed; z-index: 999999 }
header .logo-hotpixel { width: 120px; }
header .content-header { height: 68px; padding: 12px; box-sizing:  border-box; }
header .bar-menu { flex-grow: 1; padding: 0 12px; box-sizing: border-box; }

/* AJUSTES Display .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  .  . */


@media ( max-width: 768px ) {
.noDisplay768 { display: none; }
.FlexCol768 { flex-direction: column; }
.grade4col li { width: 33%; }
header { padding-top: 12px; }
header .bar-bts-header { padding-right: 28px; }
}

@media ( max-width: 600px ) {

.noDisplay600 { display: none; }
.grade4col li { width: 50%; padding: 0 10px 20px 0; }
.grade4col li:nth-child( 1n + 1 ) { padding: 0 0 20px 10px; }
.grade3col { max-width: 85%; margin: 0 auto }
.grade3col li { width: 100%; padding:  0 0 15px 0 }
.contentMeioDisplayFullMobile { max-width: 100% }


}