html, body, #header {
    margin: 0px !important;
    padding: 0px !important;
	 overflow-x:hidden;
}

.Fonte11{font-family:'Figtree',Arial; font-size:11px; font-weight:600;}
.Fonte14{font-family:'Figtree',Arial; font-size:14px; font-weight:600;}
.Fonte15{font-family:'Figtree',Arial; font-size:15px; font-weight:600;}
.Fonte16{font-family:'Figtree',Arial; font-size:16px; font-weight:600;}
.Fonte17{font-family:'Figtree',Arial; font-size:17px; font-weight:600;}
.Fonte23{font-family:'Figtree',Arial; font-size:23px; font-weight:600;}

.Fonte15L{font-family:'Figtree',Arial; font-size:15px; font-weight:300;}
.Fonte16L{font-family:'Figtree',Arial; font-size:16px; font-weight:300;}

.CorFonteCz{color: #696969;}
.CorFonteCzEsc{color: #3b3b3b;}
.CorBranca {color: #FFFFFF}
.CorFonteAz {color: #009ee3;}
.CorVermelha {color: #680000}
.CorFonteVermelha {color:#f23d4f}
.CorCupomValor {color:#6c2121}
.Negrito {font-weight: bold}

.checkB{
	width:15px; 
	height:15px; 
	background-color:#ffffff; 
	border: 1px solid #acacac; 
	border-radius:3px;
	cursor:pointer;
}
.checkB:hover{
	border: 1px solid #727272; 
}
.checkBm{
	width:15px; 
	height:15px; 
	background-color:#384095; 
	border: 1px solid #acacac; 
	border-radius:3px;
	font-family:Arial;
	font-size:14px;
	color:#FFFFFF;
	cursor:pointer;
}

.classBotaoPF{
	background-image: url("../admin/Imagens/iconPFcz.png");
  	background-size: 35px;
	background-color:#ffffff;
	background-repeat: no-repeat;
	background-position-x: 13px;
	background-position-y: 6px;
	cursor:hand; 
	cursor:pointer;
	border: 1px solid #acacac;
	border-radius:5px;
	display:inline-block;
}
.classBotaoPF:hover{
	background-image: url("../admin/Imagens/iconPFbco.png");
	background-color:#384095;
	color:#ffffff;
}

.classBotaoPF_click{
	background-image: url("../admin/Imagens/iconPFbco.png");
  	background-size: 35px;
	background-color:#384095;
	background-repeat: no-repeat;
	background-position-x: 13px;
	background-position-y: 6px;
	border: 1px solid #acacac;
	border-radius:5px;
	display:inline-block;
	color:#ffffff;
	cursor:hand; 
	cursor:pointer;
}


.classBotaoPJ{
	background-image: url("../admin/Imagens/iconPJcz.png");
  	background-size: 30px;
	background-color:#ffffff;
	background-repeat: no-repeat;
	background-position-x: 17px;
	background-position-y: 10px;
	cursor:hand; 
	cursor:pointer;
	border: 1px solid #acacac;
	border-radius:5px;
	display:inline-block;
}
.classBotaoPJ:hover{
	background-image: url("../admin/Imagens/iconPJbco.png");
	background-color:#384095;
	color:#ffffff;
}
.classBotaoPJ_click{
	background-image: url("../admin/Imagens/iconPJbco.png");
  	background-size: 30px;
	background-color:#384095;
	background-repeat: no-repeat;
	background-position-x: 17px;
	background-position-y: 10px;
	border: 1px solid #acacac;
	border-radius:5px;
	display:inline-block;
	color:#ffffff;
	cursor:hand; 
	cursor:pointer;
}

.classBotaoAz{
	background-color:#009ee3;
	cursor:hand; 
	cursor:pointer;
	border-radius:5px;
	display:inline-block;
}
.classBotaoAz:hover{
	background-color:#008bc8;
}

.classBotaoInativo{
	background-color:#d3d3d3;
	border-radius:5px;
	display:inline-block;
}


.classBotaoAzC{
	background-color:#d6e2ea;
	cursor:hand; 
	cursor:pointer;
	border-radius:5px;
	display:inline-block;
}
.classBotaoAzC:hover{
	background-color:#ccdde8;
}


.txtCadastro{
	padding: 5px;
	height:40px;
   background-color: #FFFFFF;
   color: #000000;
	border: 1px solid #acacac;
   border-radius: 5px;
}
.txtCadastro:focus {
   outline:none;
	border: 3px solid #009ee3;
}

.txtCadastrooff{
	padding: 5px;
	height:40px;
   background-color: #f5f5f5;
   color: #000000;
	border: 1px solid #acacac;
   border-radius: 5px;
}


.txtCadastroV{
	padding: 5px;
	height:40px;
   background-color: #FFFFFF;
   color: #000000;
	border: 1px solid #f23d4f;
   border-radius: 5px;
}



































.CorAzul {color: #0000FF}
.CorAzul2 {color: #0567b2}
.CorAzul3 {color: #005899}
.CorAzulClaro {color:#a7ddff}

.CorCinza {color: #666666}
.CorCinzaEsc {color: #434343}
.CorCinzaClaro {color: #c6c6c6}
.CorLaranja {color: #ffd15f}
.CorLaranjaEsc {color: #d27c00}
.CorVerde {color: #00a738}
.CorDourada {color: #a77e00}
.ExtraPW {display:none}









.CaixaTextoFalse{border-style:solid; border-width:1; border-color:#CCCCCC; background-color:#f2f2f2; padding-left:5px; height:23px;}







.classAvisoX{font-family:Roboto,Arial; font-size:60px; font-weight:bold; color:#ffffff; cursor:hand; cursor:pointer;}
.classAvisoX:hover{color:#e81123;}


.classBotaoVd{background-color:#23cf5c; cursor:hand; cursor:pointer; border-radius:5px;}
.classBotaoVd:hover{background-color:#25b455;}
.classBotaoVd2{background-color:#23cf5c; cursor:hand; cursor:pointer;}
.classBotaoVd2:hover{background-color:#25b455;}
.classBotaoVdO{background-color:#23cf5c; cursor:hand; cursor:pointer; border-radius:23px;}
.classBotaoVdO:hover{background-color:#25b455;}

.classBotaoLj{background-color:#ea8a19; cursor:hand; cursor:pointer;}
.classBotaoLj:hover{background-color:#bd6600;}
.classBotaoLj2{background-color:#ea8a19; cursor:hand; cursor:pointer; border-radius:5px;}
.classBotaoLj2:hover{background-color:#bd6600;}

.classBotaoCz{background-color:#bebebe; border-radius:5px;}
.classBotaoCzQ{background-color:#bebebe;}

.classBotaoAzRec{background-color:#263d54; cursor:hand; cursor:pointer;}
.classBotaoAzRec:hover{background-color:#000000;}

.classBotaoVm{background-color:#d50000; cursor:hand; cursor:pointer; border-radius:5px;}
.classBotaoVm:hover{background-color:#b80000;}
.classBotaoVm2{background-color:#ff2a3c; cursor:hand; cursor:pointer;}
.classBotaoVm2:hover{background-color:#e81123;}

.classBotaoX{background-color:#005899; cursor:hand; cursor:pointer;}
.classBotaoX:hover{background-color:#e81123;}

.classBotaoAviso{background-color:#005899; cursor:hand; cursor:pointer;}
.classBotaoAviso:hover{background-color:#004e87;}

.estiloHome1{background:#0072c6; cursor:hand; cursor:pointer; width:45px; height:41px;}
.estiloHome2{background:#005899; cursor:hand; cursor:pointer; width:45px; height:41px;}

.estilo1{font-family:Roboto,Arial; font-size:16px; font-weight:bold; background:#0072c6; color:white; cursor:hand; cursor:pointer; width:155px; height:41px;}
.estilo2{font-family:Roboto,Arial; font-size:16px; font-weight:bold; background:#005899; color:white; cursor:hand; cursor:pointer; width:155px; height:41px;}

.estilo3{font-family:Roboto,Arial; font-size:13px; font-weight:bold; background:#6191b4; color:white; cursor:hand; cursor:pointer; width:155px; height:35px;}
.estilo4{font-family:Roboto,Arial; font-size:13px; font-weight:bold; background:#005899; color:white; cursor:hand; cursor:pointer; width:155px; height:35px;}

.estilo_btn1a{background:#263d54; cursor:hand; cursor:pointer; width:27px; height:25px;}
.estilo_btn1b{background:#124c77; cursor:hand; cursor:pointer; width:27px; height:25px;}

A.linkCz:link {text-decoration:none; color:#797979; font-family: Roboto, Arial; font-size: 10pt; font-weight: normal}
A.linkCz:visited {text-decoration:none; color:#797979;font-family: Roboto, Arial; font-size: 10pt; font-weight: normal}
A.linkCz:hover {text-decoration:underline; color:#000000;font-family: Roboto, Arial; font-size: 10pt; font-weight: normal}
A.linkCz:active {text-decoration:none; color:#797979; font-family: Roboto, Arial; font-size: 10pt; font-weight: normal}

A.linkCli:link {text-decoration:none; color:#0006ff; font-family: Roboto, Arial; font-size: 14px; font-weight: normal}
A.linkCli:visited {text-decoration:none; color:#0006ff;font-family: Roboto, Arial; font-size: 14px; font-weight: normal}
A.linkCli:hover {text-decoration:underline; color:#263d54;font-family: Roboto, Arial; font-size: 14px; font-weight: normal}
A.linkCli:active {text-decoration:none; color:#0006ff; font-family: Roboto, Arial; font-size: 14px; font-weight: normal}

A.linkDesc:link {text-decoration:none; color:#6c2121; font-family: Roboto, Arial; font-size: 15px; font-weight: normal}
A.linkDesc:visited {text-decoration:none; color:#6c2121;font-family: Roboto, Arial; font-size: 15px; font-weight: normal}
A.linkDesc:hover {text-decoration:underline; color:#6c2121;font-family: Roboto, Arial; font-size: 15px; font-weight: normal}
A.linkDesc:active {text-decoration:none; color:#6c2121; font-family: Roboto, Arial; font-size: 15px; font-weight: normal}


.classContainer{
	position: relative;
	top:0px;
	left:0px;/**/
	width: 100vw;
	height: 100vh;
/*	border:1px solid #FF0000; */
}

.clLogin{position:absolute; top:0px; width:270px; left:10px; height:35px; text-align:center; background-color:#ffffff; border: 1px solid #cccccc; z-index:9;}
.clLoginTXT{width:270px; height:35px; cursor:text; border:0px; padding-left:5px; padding-right:5px; background-color:#ffffff; z-index:11;}


/* modal */
.fdoModal{
	width:100%;
	height:100%;
	background: url(imagens/imgFundoModal.png);
	position:fixed;
	top:0;
	left:0;
	z-index:990; 	
}

.janela1{
	position: relative;
	top: 153px;
	width: 936px;
	height: 270px;
	left: 50%; 
	margin-left: -468px;
	animation-name: animaModalBox1;
  	animation-duration: .3s;
  	animation-timing-function: ease-out;
	background-color:#ffffff;
	border: 1px solid #b7b7b7;
	z-index:991;	
}
/* Animation */
@-webkit-keyframes animaModalBox1 {
  0% {
    top: -350px; 
    opacity: 0;
  }
  100% {
    top: 153px; 
    opacity: 1;
  }
}

@keyframes animaModalBox1 {
  0% {
    top: -350px; 
    opacity: 0;
  }
  100% {
    top: 153px; 
    opacity: 1;
  }
}

.janela2{
	position: relative;
	top: 210px;
	width: 680px;
	height: 270px;
	left: 50%; 
	margin-left: -220px;
	animation-name: animaModalBox2;
  	animation-duration: .3s;
  	animation-timing-function: ease-out;
	background-color:#ffffff;
	border: 1px solid #b7b7b7;
	z-index:991;	
}
/* Animation */
@-webkit-keyframes animaModalBox2 {
  0% {
    top: -350px; 
    opacity: 0;
  }
  100% {
    top: 190px; 
    opacity: 1;
  }
}

@keyframes animaModalBox2 {
  0% {
    top: -350px; 
    opacity: 0;
  }
  100% {
    top: 190px; 
    opacity: 1;
  }
}
