.boxsombra
	 {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
	 
	 
.dividerxx:before, .dividerxx:after {
  content: '';
  display: block;
  height: 0.09em;
  width: 100%;
}

.dividerxx:before {
  background: linear-gradient(to right, rgba(240, 240, 240, 0), #000000);
  margin-right: 4vh;
}

.dividerxx:after {
  background: linear-gradient(to left, rgba(240, 240, 240, 0), #000000);
  margin-left: 4vh;
}

.dividerdec:before {
  content: '';
  display: block;
  height: 0.09em;
  width: 100%;
}

.dividerdec:before {
  background: linear-gradient(to right, rgba(240, 240, 240, 0), #cccccc);
  margin-right: 4vh;
}

.obrasnao
{

  background-image: url('../img/obrasnao.png'); /* Caminho da imagem */
  background-size: 15px 15px; /* Tamanho da imagem */
  background-position: right bottom; /* Posição da imagem */
  background-repeat: no-repeat;
}


/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #9DCF9D;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

*::-webkit-scrollbar-track {
  background: #F2F2F2;
}

*::-webkit-scrollbar-thumb {
  background-color: #6E6E6E;
  border-radius: 2px;
  
}

div{
	
	/* Works on Firefox */
	* {
	  scrollbar-width: thin;
	  scrollbar-color: #9DCF9D;
	}

	/* Works on Chrome, Edge, and Safari */
	*::-webkit-scrollbar {
	  width: 3px;
	  height: 8px;
	}

	*::-webkit-scrollbar-track {
	  background: #F2F2F2;
	}

	*::-webkit-scrollbar-thumb {
	  background-color: #6E6E6E;
	  border-radius: 2px;
	  
	}
}





	 @media (min-width: 501px) {
.header-page {
  
 
  margin-bottom: 25px;
  background-position: center; }
  .header-page h2 {
    font-size: 53px;
    padding: 8% 25%;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    font-weight: 600;
    font-family: 'Maitree', serif;
    margin-top: 5px; }
	
	.cputopbotao
	{
		padding-top:25px;
	}
	.margin20
	{
		margin-left:20%;
	}
	.cpu110
	{
		width:110px;
		padding:3px;
	}
	
	.paddingcpu-30
	{
		padding-top:30px;
	}
	.ocultocpu{
		display:none;
		
	}
	.ocultarcpu{
		display:none;
		
	}
	.cabecalhoocultocpu
	{
		display:none;
		
	}
	.cpumenu{
		min-width:150px;
	}
	.boxcpu
	{
		left:100px;
		//left:100px;
	}
	.areacpu
	{
		width:200px;
	}
	.menucpu
	{
		visible:visible;
		
		
	}
	.telacpu
	{
		min-width:900px;
		max-width:1100px;
	}
	.relatoriocpu
	{
		
		min-width:900px;
		max-width:1100px;
		
	}
	.demandascpu
	{
		
		width:100%;
		
		
	}
	.cpu-10
	{
		 -ms-flex: 0 0 10%;
		flex: 0 0 10%;
		width: 10%;
	}
	.cpu-15
	{
		 -ms-flex: 0 0 15%;
		flex: 0 0 15%;
		width: 15%;
	}
	.cpu-85
	{
		 -ms-flex: 0 0 85%;
		flex: 0 0 85%;
		width: 85%;
	}
	
	.cpu-20
	{
		 -ms-flex: 0 0 20%;
		flex: 0 0 20%;
		width: 20%;
	}
	.cpu-30
	{
		 -ms-flex: 0 0 30%;
		flex: 0 0 30%;
		width: 30%;
	}
	.cpu-33
	{
		 -ms-flex: 0 0 33%;
		flex: 0 0 33%;
		width: 33%;
	}
	.cpu-40
	{
		 -ms-flex: 0 0 40%;
		flex: 0 0 40%;
		width: 40%;
	}
	.cpu-45
	{
		 -ms-flex: 0 0 45%;
		flex: 0 0 45%;
		width: 45%;
	}
	.cpu-60
	{
		 -ms-flex: 0 0 60%;
		flex: 0 0 60%;
		width: 60%;
	}
	.cpu-70
	{
		 -ms-flex: 0 0 70%;
		flex: 0 0 70%;
		width: 70%;
	}
	.cpu-80
	{
		 -ms-flex: 0 0 80%;
		flex: 0 0 80%;
		width: 80%;
	}
	.cpu-50
	{
		 -ms-flex: 0 0 50%;
		flex: 0 0 50%;
		width: 50%;
	}
	.cpu-90
	{
		 -ms-flex: 0 0 90%;
		flex: 0 0 90%;
		width: 90%;
	}
	.cpu-96
	{
		 -ms-flex: 0 0 99%;
		flex: 0 0 99%;
		width: 99%;
	}
	.cpu-100
	{
		 -ms-flex: 0 0 100%;
		flex: 0 0 100%;
		width: 100%;
	}
	
	
		
		
	.botaocontascpu
	{
		font-size: 16px;
		font-weight: 900;
		padding: 16px;
	}
	.cpumenu-140
	{
		
		width: 0px;
	}
	.margemcpu-150
	{
		margin-left:170px;
		
	}
	.cpup
	{
		padding-top:7px;
		
	}
	.cputop
	{
		
		padding-top:7px;
	}
	.cputop2
	{
		
		margin-top:20px
	}
	.cputop3
	{
		
		margin-top:25px
	}
}	
	
@media (max-width: 500px) {	
	
	.bordacel
	{
		border-bottom:2px solid #CCCCCC;
	}
	
	.header-page2 {
  margin-bottom: 25px;
  background-position: center; }
  .header-page2 h2 {
    font-size: 30px;
    padding: 0% 0%;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    font-weight: 20;
    font-family: 'Maitree', serif;
    margin-top: 5px; }
	.celtop
	{
		
		padding-top:7px;
	}
	.celtop2
	{
		
		margin-top:20px
	}
	.demandascel
	{
		
		min-width:900px;
		max-width:3000px;
		
	}
	.ocultarcelular{
		display:none;
		
	}
	.logincel
	{
		
		width:90%;
	}
	.ocultocelular{
		display:none;
		
	}
	.cabecalhoocultocelular
	{
		display:none;
		
	}
	.alturacel
	{
		
		min-height:600px;
		
	}
	.telacelular
	{
		
		width:98%;
		
	}
	.relatoriocelular
	{
		
		min-width:$tela;
		max-width:$tela;
		
	}
	.celp
	{
		padding-top:7px;
		
	}
	.menucel
	{
		display:none;
		top:0;
	}
	.areacel
	{
		width:0px;
	}
	.cel-20
	{
		 -ms-flex: 0 0 20%;
		flex: 0 0 20%;
		width: 20%;
	}
	.cel-30
	{
		 -ms-flex: 0 0 30%;
		flex: 0 0 30%;
		width: 30%;
	}
	.cel-60
	{
		 -ms-flex: 0 0 60%;
		flex: 0 0 60%;
		width: 60%;
	}
	.cel-45
	{
		 -ms-flex: 0 0 45%;
		flex: 0 0 45%;
		width: 45%;
	}
	.cel-50
	{
		 -ms-flex: 0 0 50%;
		flex: 0 0 50%;
		width: 50%;
	}
	.cel-80
	{
		 -ms-flex: 0 0 80%;
		flex: 0 0 80%;
		width: 80%;
	}
	.cel-70
	{
		 -ms-flex: 0 0 70%;
		flex: 0 0 70%;
		width: 70%;
	}
	.cel-90
	{
		 -ms-flex: 0 0 90%;
		flex: 0 0 90%;
		width: 90%;
	}
	.cel-100
	{
		 -ms-flex: 0 0 100%;
		flex: 0 0 100%;
		width: 100%;
	}
	
	
	
	
	.classb4celular{
		border-right:0px solid #6495ED;
		border-left:0px solid #6495ED;
		border-bottom:0px solid #6495ED;
	}
	.botaocontascel
{
	font-size: 12px;
   font-weight: 400;
   padding: 14px;
	
}

}