body {
	width: 100%;
	font-family: 'Roboto', sans-serif;
	size: 9px;
	background-image: url('none');
	background-attachment:fixed;
	background-position:bottom center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#load{
    width:100%;
    height:100%;
	margin:0px;
    position:fixed;
    z-index:9999;
	background: rgba(0,0,0,0.25);
}
#loadbox { width: 100px; height:100px; margin:25% auto; border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; overflow:hidden; background:url("https://base.club.plus.golf/images/loading_apps.gif") no-repeat center center rgba(0,0,0,0.75); }

A:link{text-decoration:none; color: #666666;}
A:visited{text-decoration:none; color: #666666;}
A:hover{text-decoration:bold; color:#780001;}

a.whitelink:link{text-decoration:none; color: #FFFFFF;}
a.whitelink:visited{text-decoration:none; color: #FFFFFF;}
a.whitelink:hover{text-decoration:none; color:#FAFAFA;}

a.redlink:link{text-decoration:none; color: #ff0000;}
a.redlink:visited{text-decoration:none; color: #ff0000;}
a.redlink:hover{text-decoration:underline; color:#000000;}

a.bluelink:link{text-decoration:none; color: #3333CC;}
a.bluelink:visited{text-decoration:none; color: #3333CC;}
a.bluelink:hover{text-decoration:underline; color:#000000;}

a.blueb:link{text-decoration:bold; color: #3333CC;}
a.blueb:visited{text-decoration:bold; color: #3333CC;}
a.blueb:hover{text-decoration: bold; color:#000000;}

a.zero:link{text-decoration: none; color: #000000;}
a.zero:visited{text-decoration: none; color: #000000;}
a.zero:hover{text-decoration: none; color:#000000;}

/* CONTAINER GENERAL DE DATOS */
.contone  { width: 98%; margin:5px auto; background-color:#FFF; overflow:hidden; border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border:#f0f0f0 solid 1px; }

.loadcardclass {
	width:100%;
	height:100%;
	top: 0px;
	left: 0px;
	margin:0px;
	position:fixed;
	z-index:9999;
	display:none;
	background: rgba(0,0,0,0.50);
}
.modalcard { position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 1024px; width:99%; height:90%; background-color:#ffffff; z-index:9999; border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; overflow:hidden; }
.cardframe { width:100%; height:100%; border: 0px solid; -webkit-overflow-scrolling: touch; overflow-y: scroll; }

/*ENCABEZADO GENERAL DEL SITIO*/

#divlogin { float:left; width: 100%; height: 100vh; background-image:url(/images/bg_login_landsc.jpg); background-position:bottom; background-repeat:no-repeat; background-size: cover; }
#logoin { width: 64px; height: 64px; }
#bodyframe { position:absolute; width: 790px; height:96vh; left:0px; right: 0px; margin-left: auto; margin-right: auto; background-color:#f0f0f0;  } 
#pfooter { min-height:100px; text-align:center; padding: 3px; }

.linkslogin { width: 790px; margin:5px auto; overflow:hidden; border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border:#999999 solid 1px; opacity: 0.7; }
.linksitems { float:left; width:33%; padding: 15px 0px; min-height:75px; cursor:pointer; text-align:center; }
.linksitemsr { float:left; width:33%; padding: 15px 0px; min-height:75px; cursor:pointer; text-align:center; }
.linksimg { height: 96px; }

.helptabs { width: 790px; min-height:60px; margin:20px auto; overflow:hidden; border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border:#999999 solid 1px; opacity: 0.7; background-color:#780001; }

#footerp { margin:0px; text-align:center; font-family: 'Roboto', sans-serif; font-size:17px; padding: 1px; }

#logoppal { width: 100px; }
p.GENERAL { font-family: 'Roboto', sans-serif; font-size:15px; margin: 0px; }
p.LISTA { font-family: 'Roboto', sans-serif; font-size:16px; margin: 0px; }
p.RESTIT { font-family: 'Roboto', sans-serif; font-size:20px; margin: 0px; }

p.pagetitle {  display:block; }
p.menutitle {  display:none; }


.loginline { flat: left; margin: 10px auto; width: 400px; min-height: 40px; font-family:Roboto, serif; font-size:18px; text-align:center; }
.loginfield { float: left; text-align:right; margin: 5px 2px 5px 0px; width: 200px; min-height: 30px; padding-top:5px; font-family:Roboto, serif; font-size:24px; color:#DFDFDF; }
.logininput {  float: left; margin: 10px 0px; width: 100%; min-height: 30px; padding-top: 5px; text-align:center; }
.loginsocial {  float: left; margin: 5px 2px 5px 30px; width: 320px; min-height: 30px; padding-top: 5px; }
#tithead { width: 65%; float:left; padding-top:12px; font-family: 'Roboto', sans-serif; font-size:28px; color: #cccccc; padding-left: 15px; }

.accountdiv { width: 98%; position:relative; margin:10px auto; background-color:#FFF; overflow:hidden; border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border:#999999 solid 1px;  }

.accountinnerdiv { width: 92%; position:relative; margin:10px auto; background-color:#f0f0f0; overflow:hidden; border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border:#999999 solid 1px;  }

.accountedit { width:20%;float:right; position:absolute; right: 5px; top: 5px; background-color:#00F; color:#FFF; overflow:hidden; border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; cursor:pointer; text-align:center; }

.accounteditclean { width:20%;float:right; position:absolute; right: 5px; top: 5px; overflow:hidden; border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; cursor:pointer; text-align:center; }

/* ESTILO DE MY ACCOUNT */
#myphotoid { position:relative; width:200px; height:200px; margin: 10px auto; } 


.resumen { width: 100%; height:34%; border-top:#999999 solid 4px; background-color: #d3d3d3; z-index:10; }

.acconf { width: 100%; height:20%; }
.avisoconf { width: 225px; min-height:330px; border:#999999 solid 1px; background-color: #f6f6f6; right:30px; top:260px; float:right; z-index:10; }
.listatee { width: 100%; min-height:100%; border:#999999 solid 1px; background-color: #E6E6E6; right:30px; top:170px; float:right; z-index:10; }

.rndcrns  {
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}

.barraup  {
	border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}


/*INBOX*/
a.vercardbot:link{text-decoration:none; color: #FFFFFF; background:#090; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding:5px; min-width:200px; }
a.vercardbot:visited{text-decoration:none; color: #FFFFFF; background:#090; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding:5px; min-width:200px; }
a.vercardbot:hover{text-decoration:none; color:#FAFAFA; background:#999; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding:5px; min-width:200px; }


a.redcardbot:link{text-decoration:none; color: #FFFFFF; background:#F00; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding:5px; min-width:200px; }
a.redcardbot:visited{text-decoration:none; color: #FFFFFF; background:#F00; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding:5px; min-width:200px; }
a.redcardbot:hover{text-decoration:none; color:#FAFAFA; background:#000; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding:5px; min-width:200px; }






@media only screen and ( max-width: 960px ) {

	#bodyframe { position:absolute; width: 790px; height:96vh; margin: 2px auto; background-color:#f0f0f0;  } 
	#footerp { margin:0px; text-align:center; font-family: 'Roboto', sans-serif; font-size:16px; padding: 1px; }

	#logoppal { width: 80px; }
	p.TEES { font-family: 'Roboto', sans-serif; font-size:18px; margin: 0px; }
	p.pagetitle {  display:block; }
	p.menutitle {  display:none; }

}


@media only screen and ( max-width: 767px ) {

	#bodyframe { position:absolute; width: 98%; height:98vh; margin: 2px auto; background-color:#f0f0f0;  } 
	#pfooter { width: 100%; height:35px; left:0px; right: 0px; margin-left: auto; margin-right: auto; background-color:#780001; color:#ffffff; text-align:center; padding: 3px; }

	#divlogin { width: 100%; background-image:url(/images/bg_login.jpg); background-position:bottom; background-repeat:no-repeat; background-size: cover; }
	#logoppal { width: 60px; }
	
	.helptabs { width: 95%; min-height:50px; margin:10px auto; }
	.linkslogin { width: 40%; }
	.linksitems { width:100%; padding: 15px 0px; min-height:45px; border-right:#FFF 0px solid; }
	.linksitemsr { width:100%; padding: 15px 0px; min-height:45px; border-right:#FFF 0px solid; }
	.linksimg { height: 48px; }
	
	p.TEES { font-family: 'Roboto', sans-serif; font-size:16px; margin: 0px; }
	p.pagetitle {  display:none; }
	p.menutitle {  display:block; }
	
	#logoin { width: 48px; height: 48px; }
	
	
	.loginline { margin: 5px auto; width: 80%; min-height: 30px; padding-top:5px; }
	.loginfield { float:left; text-align:right; margin: 3px 2px 3px 0px; width: 40%; min-height: 30px; padding-top:5px; font-family:'Raleway', serif; font-size:20px; color:#DFDFDF; }
	.logininput { float: left; margin: 6px 0px; width: 100%; min-height: 30px; padding-top:0px; }
	.loginsocial {  float: left; margin: 3px 2px 3px 10px; width: 50%; min-height: 30px; padding-top: 5px; }
	#tithead { width: 65%; float:left; padding-top:15px; font-family: 'Roboto', sans-serif; font-size:22px; color: #cccccc; padding-left: 10px; }

	#myphotoid { float:none; width:150px; height:150px; margin: 5px auto; } 
	
}

@media only screen and ( max-width: 478px ) {

	#bodyframe { position:absolute; width: 98%; height:98vh; margin: 2px auto; background-color:#f0f0f0;  } 

	#divlogin { width: 100%; background-image:url(/images/bg_login.jpg); background-position:bottom; background-repeat:no-repeat; background-size: cover; }
	#logoppal { width: 80px; }
	p.TEES { font-family: 'Roboto', sans-serif; font-size:13px; margin: 0px; }
	p.pagetitle {  display:none; }
	p.menutitle {  display:block; }
	
	#logoin { width: 48px; height: 48px; }
	#footerp { margin:0px; text-align:center; font-family: 'Roboto', sans-serif; font-size:13px; padding: 3px; }
	
	
	
	.loginline { margin: 5px auto; width: 90%; min-height: 30px; padding-top:5px; }
	.loginfield {  float: left; text-align:right; margin: 1px 2px 1px 0px; width: 40%; min-height: 30px; padding-top:5px; font-family:'Raleway', serif; font-size:18px; color:#DFDFDF; }
	.logininput {  float: left; margin: 4px 0px; width: 100%; min-height: 30px; padding-top: 0px; }
	.loginsocial {  float: left; margin: 1px 2px 1px 10px; width: 50%; min-height: 30px; padding-top: 0px; }
	#tithead { width: 65%; float:left; padding-top:15px; font-family: 'Roboto', sans-serif; font-size:22px; color: #cccccc; padding-left: 10px; }

	#myphotoid { float:none; width:150px; height:150px; margin: 5px auto; } 
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace.pace-inactive .pace-progress {
  display: none;
}

.pace .pace-progress {
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  height: 5rem;
  width: 5rem;

  -webkit-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

.pace .pace-progress:after {
  display: block;
  position: absolute;
  top: 0;
  right: .5rem;
  content: attr(data-progress-text);
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 100;
  font-size: 5rem;
  line-height: 1;
  text-align: right;
  color: rgba(128, 64, 64, 0.19999999999999996);
}