*{
	box-sizing:border-box;
    font-family: 'Ubuntu', sans-serif;	
}
body{
	background:#CCC;
	margin:0;
}

.central{
	width:100%;
	max-width:1180px;
	margin:0 auto;
}


#logoLogin{
	width:312px;
	height:auto;
	margin-top:10px;
}


#aguarde{
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.9);
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	display:none;
}
#aguarde img{
	position:fixed;
	width:256px;
	height:256px;
	left:50%;
	top:50%;
	margin-left:-128px;
	margin-top:-128px;
}

#corpoApp{
	max-width:600px;
	width:100%;
	padding:10px;
	margin-bottom:40px;
}

#barRodape{
	height:40px;
	max-width:420px;
	width:100%;
	position:fixed;
	bottom:0;
	background:rgba(0,55,128,1);	
}

#barRodape .btnR{
	position:absolute;
	right:0;
	width:40px;
	height:40px;
	background:#090;
	line-height:40px;
	text-align:center;
	color:#FFF;
	font-size:32px;
	cursor:pointer;
}

#barRodape .btnL{
	position:absolute;
	left:0;
	width:380px;
	height:40px;
	color:#FFF;
	cursor:pointer;
	line-height:40px;
	text-align:center;
	padding-right:40px;
}


#logoTop{
	width:150px;
	position:absolute;
	left:50%;
	margin-left:-75px;

}

.btnTop{
    font-family: 'Ubuntu', sans-serif;
	text-transform:uppercase;
	font-size:12px;
	text-align:center;
	border:solid 1px rgba(0,0,0,0.6);
	height:30px;
	line-height:30px;
	background:rgba(0,55,128,1);
	color:#FFF;
	margin:2px 0 2px 0;
}

.btnTop a{
	color:#FFF;
	text-decoration:none;
	display:block;
}


#lnA{
	height:120px;
	border-bottom:solid 1px rgba(0,0,0,0.5);
}


.container { 
  display: flex; 
  flex-direction: column;
  width:100%;
  background:rgba(0,255,0,0.2);
}

.divs { 
  width: 100%;
  background: rgba(0,0,0,0.5);
  margin-top:10px;
  margin-bottom:10px;
  padding:20px;
}

#cpCepEnd{
	/*border:solid 1px rgba(0,0,0,0.5);*/
	overflow:hidden;
	width:330px;
	margin:0 auto;
	margin-top:20px;
}

#cpCepEnd #PROCURAR{
	width:100%;
	height:50px;
	line-height:50px;
	border-radius:5px;
	border:solid 1px #090;
	padding:0 10px 0 10px;
	margin-top:10px;
	color:#FFF;
	background:#090;
	cursor:pointer;
}

#cpCepEnd #inputInicial{
	width:100%;
	height:50px;
	line-height:50px;
	border-radius:5px;
	border:solid 1px #090;
	padding:0 10px 0 10px;
}

#cpCepEnd .info{
	font-size:12px;
	text-align:center;
}

#cpCepEnd .info span{
	font-size:24px;
}

#barNavAnuncio{
	overflow:hidden;
	display: flex;
	justify-content: center;	
}

#barNavAnuncio .itemNav{
	height:40px;
	width:40px;
	line-height:40px;
	text-align:center;
	border:solid 1px rgba(0,0,0,0.5);
	border-radius:5px;
	margin:0 2px 0 2px;
	cursor:pointer;
}

#barNavAnuncio .itemNav[active]{
	background:#F00;
	color:#FFF;
}



#corpoApp h1{
	margin:0;
	padding:0;
    font-family: 'Ubuntu', sans-serif;
	border-bottom:double 3px rgba(0,0,0,0.5)	;
}


#tbListaUsu{
	position:relative;
	margin-top:20px;
	border-collapse:collapse;
    font-family: 'Ubuntu', sans-serif;
	width:100%;
}

#tbListaUsu tr{
	border-bottom:solid 1px rgba(0,0,0,0.5);
	line-height:28px;
}

#tbListaUsu tr td{
	line-height:28px;
	padding-top:5px;
}

.EDITUSU{
	cursor:pointer;
}

.EDITUSU:hover{
	background:rgba(0,0,153,0.5);
}

.EDITUSU .iconJogador{
	width:32px;
	height:32px;
	cursor:pointer;
}

.iconWhatsApp{
	width:28px;
	cursor:pointer;
}

#LOG_MANTERCONECTADO{
	width:26px;
	height:26px;
	border:solid 1px rgba(0,0,0,0.7);
	border-radius:3px;
}

@media only screen and (min-width: 960px) {
	#pagLista{
		overflow:hidden;
	}
	#pagLista .blAnuncio{
		float:left;
		width:33.333%;
		padding:5px;
	}
	
	#pagLista .blAnuncio>div{
		border: solid 2px rgba(0,0,0,0.5);
		border-radius:5px;
		width:100%;
		padding:10px;
	}
	#pagLista .blAnuncio>div>img{
		width:128px;
		height:auto;
		border-radius:5px;		
	}	
}
@media only screen and (min-width: 600px) and (max-width: 960px) {
	#pagLista{
		overflow:hidden;
	}
	#pagLista .blAnuncio{
		float:left;
		width:50%;
		padding:5px;
	}
	
	#pagLista .blAnuncio>div{
		border: solid 2px rgba(0,0,0,0.5);
		border-radius:5px;
		width:100%;
		padding:10px;
	}
	#pagLista .blAnuncio>div>img{
		width:128px;
		height:auto;
		border-radius:5px;		
	}		
}

@media only screen and (max-width: 600px) {
	#pagLista{
		overflow:hidden;
	}
	#pagLista .blAnuncio{
		float:left;
		width:100%;
		padding:5px;
	}
	
	#pagLista .blAnuncio>div{
		border: solid 2px rgba(0,0,0,0.5);
		border-radius:5px;
		width:100%;
		padding:10px;
	}
	#pagLista .blAnuncio>div>img{
		width:128px;
		height:auto;
		border-radius:5px;		
	}		
}


#mesbase, #novadata{
	font-size:24px;
	margin:2px;
	width:calc(100% - 46px);
	height:40px;
	line-height:40px;
}

#mesbaseMais, #bthOknewData{
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	position:absolute;
	margin-top:2px;
}

.btnPagar{
	width:90%;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:12px;
	color:#FFF;
	background:#900;
}

.EDITUSU.pago{
	background:rgba(0,153,0,0.3);
}

.inputVal{
	width:80px;
	text-align:right;
	height:40px;
	line-height:40px;
	font-size:24px;
}

#lancamentoAvulso{
	position:absolute;
	width:calc(100% - 50px);
	margin:5px;
	height:30px;
	font-size:20px;
}

.recPor{
	position:absolute;
	right:10px;
	display:block;
	font-size:10px;
	line-height:11px;
	margin-left:50px;
	color:#F00;
	text-transform:uppercase;
}

#REC_OBS{
    z-index: 100;
    max-width: 300px;
    width: 100%;
    position: fixed;
    top: 10px;
    left: calc(50% - 150px);
    height: 200px;
    display: none;
}