body {
	background-image: url("../resimg/bg.jpg");
	background-repeat: repeat-x;
	background-attachment:fixed;
	background-color: #001101;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.clsTable{
	border:1px solid #000000;
	margin: 0 auto;
	margin-top:10%;
	text-align:center;
}
.parrafo {
	margin-left:220px;
	padding-top:60px;
	width:340px;
	height:117px;
	cursor:pointer;
	text-align:justify;
}
.parrafomob {
	margin-left:220px;
	padding-top:60px;
	width:80px;
	height:90px;
	cursor:pointer;
	text-align:justify;
}
.gamebtn{
	width:578px;
	height:177px;
	cursor:pointer;
	background-repeat: no-repeat;
}
.gamebtncenter{		
	width:578px;
	height:177px;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: center;
}
.gamebtn_mob{
	width:300px;
	height:164px;
	cursor:pointer;
	background-repeat: no-repeat;
}
.gamebtncenter_mob{		
	width:300px;
	height:164px;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: center;
}
.codecenter{
	width:578px;
	height:25px;
	color:white;
	font-size: 120%;
	background-position: center;
}
.btn{
	width:193px;
	height:39px;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: center;
}
.btnOk{
	width:75px;
	height:45px;
	background-image: url(../resimg/ok.png);
	background-repeat: center;
}
.btnCode{
	width:125px;
	height:39px;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: center;
}
.btnExit{
	width:70px;
	height:39px;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: center;
}
.parrafobtn {
	margin-left:10px;
	padding-top:px;
	font-size: 16px;
	text-align:left;
	cursor:pointer;
}


div.game_status div.gameaction{
	cursor: pointer;
	color: #ffffff;
	text-decoration: none !important;

}
div.nogameaction{	
	color: #ffffff;
	text-decoration: none !important;

}
div.game_online{
	background-image: url(../resimg/bar_red.png);
	background-repeat: no-repeat;
	width: 66px;
	height: 30px;
	text-align: center;
	font-size: 15px;
	padding-top: 9px;
}
div.game_offline{
	background-image: url(../resimg/bar_green.png);
	background-repeat: no-repeat;
	width: 66px;
	height: 30px;
	text-align: center;
	font-size: 15px;
	padding-top: 9px;
}
div.siren_online{
	background-image: url(../resimg/sirenRedWeb.png);
	background-repeat: no-repeat;
	width: 66px;
	height: 30px;
	text-align: center;
	font-size: 15px;
	padding-top: 9px;
}
div.siren_offline{
	background-image: url(../resimg/sirenGreenWeb.png);
	background-repeat: no-repeat;
	width: 66px;
	height: 30px;
	text-align: center;
	font-size: 15px;
	padding-top: 9px;
}
div.group_futura{
	font-family: "Arial";
	font-weight: bold;
	font-size: 18px;
}
div.group_free{
	position: absolute;
	top: 0px;
	left: 0px;
}
	
.imgcrd {
   	position: relative;
	width:270px; 
    height:46px; 
   	background-image: url(../resimg/crd.png);
	background-repeat: no-repeat;
	background-position: right;
}
.imguser {
   	position: relative;
	width:270px; 
    height:46px; 
   	background-image: url(../resimg/logouser.png);
	background-repeat: no-repeat;
}
.logoRolo {
   	position: relative;
	width:270px; 
    height:53px; 
   	background-image: url(../resimg/logoRolo.png);
	background-repeat: no-repeat;
	background-position: center;
}
h1{
	font-size: 25px;
	color: #FFFFFF;
	top:5px;
	padding-left: 45px;	 
	text-align: left;
	position: relative;
	vertical-align: middle;
}
h2{
	font-size: 30px;
	color: #000000;	 
	top:5px;
	padding-right: 50px;	 
	text-align: center;
	position: relative;
	vertical-align: middle;
}
h3{
	margin-left:30px;
	font-size: 16px;	
}
.textSld{
	font-size: 30px;
	color: #000000;	 
	top:5px;
	padding-right: 8px;	 
	text-align: right;
	position: relative;
	vertical-align: middle;
}
.td_table_head_datausr{
	/*width:220px;*/
	text-align:center;
	font-size: 26px;
	color: #fff000;
	font-family: "Arial";
	white-space: nowrap;
}
.table_datausr{	
	border:0px;	
	width:800px;	
	box-shadow: 5px 3px 3px 2px #001c00;
}
.td_table_datausr{
	/*width:220px;*/
	text-align:center;
	font-size: 20px;
	font-family: "Arial";
}
.color_one{
	color:#BDBDBD !important;
}
.color_two{
	color:#FFFFFF !important;
}
.classcolsright{
	/*width:100px;*/
	text-align: right;
	padding-right: 60px;
}
.classcolsleft{
	/*width:220px;*/
	text-align: left;
	padding-left: 60px;
}
.classcolscenter{
	/*width:100px;*/
	text-align: center;	
}
.tablebodyLogin{
	border: 2px solid #e79b10;
    border-collapse: separate;
	border-spacing: 8px;
	border-radius: 16px;
    display: block;	
}
/* Pix*/
.pix_ccode{
	background-image: url("../resimg/bg.jpg");
	background-repeat: repeat-x;
	background-attachment:fixed;
	background-color: #001101;
}
.pix_dialog{
	background-color: #FFFFFF;
	border-radius: 8px;
	border-color: #e79b10;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
dialog::backdrop {
  backdrop-filter: blur(3px);
}
.sendBtn {
	background-color: #01DEEE;
	color: #FFFFFF;
	border: 0;
	font-weight: bold;
	padding: 4px;
}
.pix_waiting {
	background-color: transparent;
	border:0;
	overflow: hidden;
}
.pix_cadastro {
	background-color: transparent;
	border:0;
	overflow: auto;
}
.loader {
  border: 16px solid #0182FF;
  border-radius: 50%;
  border-top: 16px solid #01DEEE;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.blinksjpot {
	text-align: center;
	font-size: 24px;
	color: white;
	text-shadow: 0 0 2px #000000, 0 0 3px #000000, 0 0 4px #000000, 0 0 5px #000000, 0 0 6px #000000, 0 0 7px #000000, 0 0 8px #000000;
	animation: blinksjpot 2s linear 6;
  }
  @keyframes blinksjpot {
	0% {opacity: 0;}
	30% {opacity: .8;}
	70% {opacity: 1;}
	100% {opacity: 1;}
  }