*:not(table):not(tr):not(td) {margin: 0;padding: 0;box-sizing: border-box;text-decoration: none;list-style: none;}

body {
	background-color:#fff;
	margin:0px 0Px;
	width:100%;
	height: 100vh;
	overflow-y: scroll;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	font-weight:normal;
	overflow: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.texto     {font-family: Comfortaa;font-style: normal;text-decoration: none;font-weight:normal;color: #000;}
.texto8    {font-size: 8px}
.texto9    {font-size: 9px}
.texto10   {font-size: 10px}
.texto11   {font-size: 11px}
.texto12   {font-size: 12px}
.texto14   {font-size: 14px}
.texto18   {font-size: 18px}

.textoWhite {color: #fff;}
.textoGray {color: #444444;}
.textoBlack {color: #000;}
.textoRed {color:#CC0000;}
.textoBlue {color:#0000FF;}
.textoViolet {color:#660000;}

.textoBold {font-weight:bold;}

.textoUpper {text-transform: uppercase;}

.textoCenter    {text-align:center;}
.textoLeft      {text-align:left;}
.textoRight     {text-align:right;}
.textoJustify   {text-align:justify;}

.button {
  background-color:#CCCCCC;
  border-radius: 8px;
  border: none;
  color: black;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition-duration: 0.4s;
  cursor: pointer;
}

.buttonSmall  {padding: 3px 10px;font-size: 12px;}
.buttonSmallP {padding: 1px 6px;font-size: 10px;}
.buttonNormal {padding: 4px 10px;font-size: 10px;}
.buttonLarge  {padding: 8px 25px;font-size: 14px;}

.buttonBlue {background-color:#F8F8F8; color: black; border: 2px solid #008CBA;}
.buttonBlue:hover {background-color: #008CBA;color: white;}

.buttonRed {background-color:#F8F8F8; color: black; border: 2px solid #CC3300;}
.buttonRed:hover {background-color: #CC3300;color: white;}

.buttonBlack {background-color:#000; color: black; border: 2px solid #000;}
.buttonBlack:hover {background-color: #000;color: white;}

.buttonWhite {background-color:#fff; color: black; border: 2px solid #000;}
.buttonWhite:hover {background-color: #000;color: white;}

.inputTexto{padding: 2px 2px; background-color:#F9F9F9; box-sizing: border-box; font-family: Comfortaa;font-size: 12px;border: 1px solid #999999;outline:none;}
.inputTexto:focus {background-color: #FFFFCC;}

.inputTextoForm {padding: 5px 5px; height:26px; border-radius: 3px; box-sizing: border-box; border: 1px solid #999999; outline: none; background-color: #FFF; font-family: Comfortaa;font-size: 14px;}
.inputTextoForm:focus {border: 1px solid #000; background-color: #FFFFCC;}
.inputTextoFormValor {text-align:right;}

.inputTextoFormDisabled {padding: 5px 5px; height:26px; border-radius: 3px; box-sizing: border-box; border: 1px solid #999999; outline: none; background-color:#F0F0F0; font-family: Comfortaa;font-size: 12px;}

.inputTextoFormL {padding: 5px 5px; height:20px; border-radius: 3px; box-sizing: border-box; border: 1px solid #999999; outline: none; background-color: #FFF; font-family: Comfortaa;}
.inputTextoFormL:focus {border: 1px solid #000; background-color: #FFFFCC;}

.frameRoundOpc {float:left; border: 1px solid #CCCCCC;border-radius: 3px; padding:3px; background-color: #fff; color:#000000;}
.frameRoundOpc:hover {border: 1px solid #fff; cursor:pointer; background-color: #000; color:#FFFFFF;}

.frameSideFix {border: 0px;float:left;margin: 3px 3px; z-index:1000;}

.frameBoxShadow {border: 2px solid #FFF;border-radius: 5px; box-shadow: 5px 5px 5px #999;}


.scrolltabdiv {background-color: #E9E9E9;overflow-y: scroll;border: 1px solid #999;}

.divvisible {display: block;}
.divinvisible {display: none;}

.DisplayWaitBlack{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:5555;-moz-opacity: 0.3;opacity:.30;filter: alpha(opacity=60);} 
.DisplayWaitBlackFrame{display: none;position: fixed;top: calc(100vh/2 - 50px);left: calc(100vw/2 - 100px);z-index:5556;width: 200px;height: 100px;overflow:hidden;} 

.DisplayProdutos{display: none;position: fixed;top: calc(100vh/2 - 150px);left: calc(100vw/2 - 200px);z-index:5557;overflow:hidden;} 

.BoxShadow{box-shadow: 5px 5px 5px #999;}

.GridBGWhite{background-color:#FFFFFF;}
.GridBGWhite:hover{background-color:#FFFFCC;}

.GridBGGray{background-color:#F5F5F5;}
.GridBGGray:hover{background-color:#FFFFCC;}

.GridBGRed{background-color:#FFD2D2}
.GridBGRed:hover{background-color:#FFFFCC;}

.GridBGBlueCyan{background-color:#C4E1FF}
.GridBGBlueCyan:hover{background-color:#FFFFCC;}

.GridBGPointer{cursor:pointer;}
.GridBGPointer:hover{background-color:#FFFF66;}

.header { position: fixed;top: 0; width: 100%;z-index: 100;}
.footer { background-color:white; position: fixed;height: 12px; bottom: 0;width: 100%;border-top:solid 1px #999999;z-index: 100;}

/*RESPONSIVO =================================================*/

.hide-mob {display: none;}

.flex-wrap {flex-wrap: wrap;}
.flex-wrapr {flex-wrap: wrap-reverse;}
.flex-nowrap {flex-wrap: nowrap;}

.flex-row            {display: flex; flex-direction: row;}
.flex-column         {display: flex; flex-direction: column;}
.flex-row-mobile     {display: flex; flex-direction: row;}
.flex-row-desktop    {display: flex; flex-direction: column;}
.flex-column-mobile  {display: flex; flex-direction: column;}
.flex-column-desktop {display: flex; flex-direction: row;}

.flex-stretch {align-items: stretch;}
.flex-center  {align-items: center;}
.flex-end     {align-items: flex-end;}
.flex-start   {align-items: flex-start;}
.flex-base    {align-items: baseline;}

.flex-between   {justify-content: space-between;}
.flex-between-c {justify-content: space-between; align-items: center;}
.flex-between-s {justify-content: space-between; align-items: flex-start;}
.flex-between-e {justify-content: space-between; align-items: flex-end;}
.flex-evenly-b  {justify-content: space-between; align-items: baseline;}

.flex-evenly   {justify-content: space-evenly;}
.flex-evenly-c {justify-content: space-evenly; align-items: center;}
.flex-evenly-s {justify-content: space-evenly; align-items: flex-start;}
.flex-evenly-e {justify-content: space-evenly; align-items: flex-end;}
.flex-evenly-b {justify-content: space-evenly; align-items: baseline;}

.flex-around-c {justify-content: space-around; align-items: center;}
.flex-around-e {justify-content: space-around; align-items: flex-end;}
.flex-around-s {justify-content: space-around; align-items: flex-start;}

.flex-end-c {justify-content: end; align-items: center;}
.flex-end-s {justify-content: end; align-items: flex-start;}
.flex-end-e {justify-content: end; align-items: flex-end;}
.flex-end-b {justify-content: end; align-items: baseline;}

.flex-center-c {justify-content: center; align-items: center;}
.flex-center-s {justify-content: center; align-items: flex-start;}
.flex-center-e {justify-content: center; align-items: flex-end;}
.flex-center-b {justify-content: center; align-items: baseline;}

.flex-start-c {justify-content: flex-start; align-items: center;}
.flex-start-s {justify-content: flex-start; align-items: flex-start;}
.flex-start-e {justify-content: flex-start; align-items: flex-end;}
.flex-start-b {justify-content: flex-start; align-items: baseline;}

.flex-gap1  {gap: 1px; }
.flex-gap2  {gap: 2px;}
.flex-gap3  {gap: 3px;}
.flex-gap4  {gap: 4px;}
.flex-gap5  {gap: 5px;}
.flex-gap6  {gap: 6px;}
.flex-gap7  {gap: 7px;}
.flex-gap8  {gap: 8px;}
.flex-gap9  {gap: 9px;}
.flex-gap10 {gap: 10px;}
.flex-gap15 {gap: 15px;}
.flex-gap20 {gap: 20px;}
.flex-gap25 {gap: 25px;}
.flex-gap30 {gap: 30px;}
.flex-gap40 {gap: 40px;}
.flex-gap45 {gap: 45px;}
.flex-gap50 {gap: 50px;}
.flex-gap60 {gap: 60px}
.flex-gap70 {gap: 70px}
.flex-gap80 {gap: 80px}
.flex-gap90 {gap: 90px}
.flex-gap100 {gap: 100px}

.texto-33-45-60 {font-size: 33px;}
.texto-27-37-50 {font-size: 27px;}
.texto-22-30-40 {font-size: 22px;}
.texto-20-25-30 {font-size: 20px;}
.texto-16-18-20 {font-size: 16px;}
.texto-14-16-18 {font-size: 14px;}
.texto-10-12-14 {font-size: 10px;}
.texto-8-11-14  {font-size: 8px;}
.texto-9-10-12  {font-size: 9px;}
.texto-7-9-12   {font-size: 7px;}
.texto-6-8-10   {font-size: 6px;}
.texto-6-7-8	{font-size: 6px;}

.w-100-100-50 {width: 100%;}
.w-100-80-60 {width: 100%;}
.w-100-80-40 {width: 100%;}

.h-40px-60px-80px{height: 40px;}
.h-25px-30px-35px{height: 25px;}
.h-22px-27px-32px{height: 22px;}
.h-20px-22px-24px{height: 20px;}

.wh-20px-35px-50px{height: 20px;width:20px;}

.flex-c-c-s {align-items: center;}
.flex-e-e-c {align-items: flex-end;}

.flex-gap-15-15-0 {gap: 15px;}

#bloco-logo img {height: 40px; object-fit: cover;}

@media screen and (min-width: 768px) and (max-width: 1080px) {
	.hide-mob {display: block;}

	.flex-row-mobile     {display: flex; flex-direction: column;}
	.flex-row-desktop    {display: flex; flex-direction: column;}
	.flex-column-moh-25px-29px-32pxbile  {display: flex; flex-direction: row;}
	.flex-column-desktop {display: flex; flex-direction: row;}

	.texto-33-45-60 {font-size: 45px;}
	.texto-27-37-50 {font-size: 37px;}
	.texto-22-30-40 {font-size: 30px;}
	.texto-20-25-30 {font-size: 25px;}
	.texto-16-18-20 {font-size: 18px;}
	.texto-14-16-18 {font-size: 16px;}
	.texto-10-12-14 {font-size: 12px;}
	.texto-8-11-14  {font-size: 11px;}
	.texto-9-10-12  {font-size: 10px;}
	.texto-7-9-12   {font-size: 9px;}
	.texto-6-8-10   {font-size: 8px;}
	.texto-6-7-8	{font-size: 7px;}


	.w-100-100-50 {width: 100%;}
	.w-100-80-60 {width: 80%;}
	.w-100-80-40 {width: 80%;}

	.h-40px-60px-80px{height: 60px;}
	.h-25px-30px-35px{height: 30px;}
	.h-22px-27px-32px{height: 27px;}
	.h-20px-22px-24px{height: 22px;}

	.wh-20px-35px-50px{height: 35px;width:35px;}

	.flex-c-c-s {align-items: center;}
	.flex-e-e-c {align-items: flex-end;}

	.flex-gap-15-15-0 {gap: 15px;}

	#bloco-logo img {height: 50px;}
}
	
@media screen and (min-width: 1080px) {
	.hide-mob {display: block;}

	.flex-row-mobile     {display: flex; flex-direction: column;}
	.flex-row-desktop    {display: flex; flex-direction: row;}
	.flex-column-mobile  {display: flex; flex-direction: row;}
	.flex-column-desktop {display: flex; flex-direction: column;}

	.texto-33-45-60 {font-size: 60px;}
	.texto-27-37-50 {font-size: 50px;}
	.texto-22-30-40 {font-size: 40px;}
	.texto-20-25-30 {font-size: 30px;}
	.texto-16-18-20 {font-size: 20px;}
	.texto-14-16-18 {font-size: 18px;}
	.texto-10-12-14 {font-size: 14px;}
	.texto-8-11-14  {font-size: 14px;}
	.texto-9-10-12  {font-size: 12px;}
	.texto-7-9-12   {font-size: 12px;}
	.texto-6-8-10   {font-size: 10px;}
	.texto-6-7-8	{font-size: 8px;}

	.w-100-100-50 {width: 50%;}
	.w-100-80-60 {width: 60%;}
	.w-100-80-40 {width: 40%;}

	.h-40px-60px-80px{height: 80px;}
	.h-25px-30px-35px{height: 35px;}
	.h-22px-27px-32px{height: 32px;}
	.h-20px-22px-24px{height: 24px;}

	.wh-20px-35px-50px{height: 50px;width:50px;}

	.flex-gap-15-15-0 {gap: 0;}

	.flex-c-c-s {align-items: flex-start;}
	.flex-e-e-c {align-items: center;}

	#bloco-logo img {height: 60px;}
}