body {
	width: 100%;
	font-family: 'Roboto', sans-serif;
	size: 9px;
	color: #000000;
	margin:0px;
	padding: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: #780001;}
a.whitelink:visited{text-decoration:none; color: #780001;}
a.whitelink:hover{text-decoration:none; color:#999999;}

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; }

/*ENCABEZADO GENERAL DEL SITIO*/

#divlogin { float:left; width: 100%; height: 100vh; background-color:#FFF; }
#logoin { width: 64px; height: 64px; }
#bodyframe { width: 790px; min-height: 90vh; margin: 1px auto 0px auto; background-color:#f0f0f0;  } 
#pfooter { color:#ffffff; text-align:center; font-family: 'Roboto', sans-serif; font-size:17px; margin: 0px; padding: 3px; }

#logoppal { height: 150px; }
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; }

.helptabs { width: 95%; 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; }

.loginline { float: left; margin: 5px auto; width: 95%; min-height: 30px; padding-top:5px; 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:#FFFFFF; }
.logininput { margin: 10px auto; width: 320px; min-height: 30px; padding-top: 5px; text-align:center; }
.loginsocial {  float: left; margin: 5px 2px 5px 30px; width: 85%; 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; }

.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; }

.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;  }

.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; }

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

/* ESTILOS DEL TABLE VIEW DE OPCIONES MENU PRINCIPAL*/


.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 ) {


	#logoppal { height: 130px; }
	p.GENERAL { font-family: 'Roboto', sans-serif; font-size:15px; margin: 0px; }
	p.pagetitle {  display:block; }
	p.menutitle {  display:none; }

}


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

	#logoppal { height: 120px; }
	p.GENERAL { font-family: 'Roboto', sans-serif; font-size:15px; }
	p.pagetitle {  display:none; }
	p.menutitle {  display:block; }
	
	#logoin { width: 48px; height: 48px; }
	#bodyframe { width: 98%; } 
	
	.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-size:20px; }
	.logininput { margin: 10px auto; width: 94%; 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 { width:150px; height:150px; margin: 5px auto; } 
	
}

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

	#logoppal { height: 90px; }
	p.GENERAL { font-family: 'Roboto', sans-serif; font-size:15px; }
	p.pagetitle {  display:none; }
	p.menutitle {  display:block; }

	#logoin { width: 48px; height: 48px; }
	#pfooter { text-align:center; font-family: 'Roboto', sans-serif; font-size:13px; margin: 0px; padding: 1px; }
	
	.helptabs { width: 95%; min-height:50px; margin:10px auto; }
	
	.loginline { margin: 5px auto; width: 95%; 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-size:18px; }
	.logininput { margin: 10px auto; width: 94%; 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 { position:relative; width:150px; height:150px; margin: 5px auto; } 
	
}