body {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-size: 100%;
}
a img {border: none;}


/* **** MENÚ **** */
/* -------------------------------------------------------------------------- */
#menu {
	width: 100%; 
	margin-top: 2px; 
	border-bottom: #bdcbde 1px solid; 
	position: relative; 
	height: 164px;
	background: url('img/capsalera.jpg') repeat-x top left;
}
#menu ul {
	padding: 0;
	margin: 0px 0px 0px 30px; 
	bottom: -1px; 
	position: absolute;
}
#menu ul li {
	display: inline; 
	list-style-type: none;
}
#menu ul a.on {
 margin: 1px 3px 0px 0px;
 padding: 4px 20px 5px 20px; 
 border: #bdcbde 1px solid;
 border-bottom: #bdcbde 1px none;
 display: block;  background: #ffffff; float: left;  
 font-weight: bold; font-size: 1.1em; font-family: arial, tahoma, verdana, sans-serif; 
 text-align: center; text-decoration: none;
 cursor: default;
}
#menu ul a.off {
 margin: 1px 3px 0px 0px; 
 padding: 4px 20px 4px 20px; 
 border: #bdcbde 1px solid;
 display: block; background: #DFFFA7; float: left; 
 font-weight: bold; font-size: 1.1em; font-family: arial, tahoma, verdana, sans-serif; 
 text-align: center; text-decoration: none;
}
#menu ul a.off:hover {
	background: #FFF3A7; 
	border-bottom: #cecb84 0px solid; 
	border-left-color: #bdcbde; 
	border-top-color: #bdcbde; 
	border-right-color: #bdcbde;
}


/* **** CAP **** */
/* -------------------------------------------------------------------------- */
#cap {
	display: none;
}

/* **** PEU **** */
/* -------------------------------------------------------------------------- */
#peu {
	background: #fff;
	clear: both;
	border-top: 1px solid #7a7a7a;
	padding-top: .5em;
	margin-top: 1.5em;
	text-align: center;
	font-size: .8em;
}
#peu a {
	text-decoration: none;
}
#peu a:hover {text-decoration: underline;}


/* **** COS **** */
/* -------------------------------------------------------------------------- */
#cos {
	padding: 4px;
	vertical-align: top;
}



/* **** FORMULARIS **** */
/* -------------------------------------------------------------------------- */
form select,
form textarea,
form input {
	background: #E3ECC9;
	color: #004A29;
	border: 1px solid #739418;
	font-size: small;
	padding: 1px 2px;
}
form input.check,
form input.radio {
	background: none;
	border: none;
	font-size: small;
	margin-right: 4px;
}
form ul.grup {
	list-style: none;
	margin: 4px 0 8px 0;
	padding: 4px;
	font-size: .9em;
	background: #E3ECC9;
	color: #004A29;
	border: 1px solid #739418;
}
form input.boto {
	background: #5D8101;
	color: #fff;
	border: 1px solid #333;
	text-decoration: none;
	padding: 0 .5em;
	width: auto;
	font-size: small;
	cursor: pointer;
}

a.boto {
	background: #5D8101;
	color: #fff;
	border: 1px solid #333;
	text-decoration: none;
	padding: 0 .5em;
	width: auto;
	font-size: small;
	cursor: pointer;
}
a.boto:hover {text-decoration: underline;}


/* **** CLASSES COMUNS **** */
/* -------------------------------------------------------------------------- */

.comentari {
	font-size: x-small;
	color: #999;
}
.avis {
	font-size: small;
	color: #999;
}

.missat_err {
	color: #AD0029;
	background: #F1C6D0;
	border: 1px solid #AD0029;
	padding: 4px;
	margin-top: 8px;
	margin-bottom: 8px;
	font-weight:bold;
}
.missat_ok {
	color: #004A29;
	background: #E3ECC9;
	border: 1px solid #004A29;
	padding: 4px;
	margin-top: 8px;
	margin-bottom: 8px;
	font-weight:bold;
}

.mostres {
	text-align: center;
}
.mostres img {
	margin: 4px 2em 4px 0;
}

/* **** info.php **** */
/* -------------------------------------------------------------------------- */
#info #cos ul li {
	margin-top: 4px;
}

/* **** instruccions.php **** */
/* -------------------------------------------------------------------------- */
#instruccions #cos ul li {
	margin-top: 8px;
}

/* **** login.php **** */
/* -------------------------------------------------------------------------- */
#login #cos ul li {
	margin-top: 4px;
}
#login #reg form,
#login #log form {
	margin-left: 18px;
}
#login #reg form input.usuari,
#login #log form input.usuari {
	width: 8em;
}
#login #reg form input.clau,
#login #log form input.clau {
	width: 8em;
	margin-left: 16px;
	margin-top: 4px;
}
#login #reg form input.nom {
	width: 20em;
	margin-left: 15px;
	margin-top: 4px;
}
#login #reg form input.correu {
	width: 20em;
	margin-left: 7px;
	margin-top: 4px;
}
#login #reg form select.colla {
	width: 21em;
	margin-left: 11px;
	margin-top: 4px;
}
#login a.nosubrat {text-decoration: none;}
#login a.nosubrat:hover {text-decoration: underline;}
#login p.centrat {text-align: center;}

#login #dreta {
	float:right;
	width: 280px;
	margin: 8px 0 4px 8px;
	padding: 4px;
	border: 1px solid #7a7a7a;
}
#login #joc01 {
	margin-left: 20px;
	background: url('img/f_1.jpg') no-repeat top left;
}
#login #joc01 p {
	margin-left: 160px;
}

/* **** inici.php **** */
/* -------------------------------------------------------------------------- */
#inici #iniciar {
	margin-top: 3em;
	margin-bottom: 3em;
	text-align: center;
}
#inici a.boto {
	padding: 8px;
	font-weight: bold;
}

/* **** records.php **** */
/* -------------------------------------------------------------------------- */
#records #partis {
	float: left;
	margin: 1em 1em;
	width: 45%;
}
#records #hcps {
	float: left;
	margin: 1em 1em;
	width: 45%;
}
#records #forats {
	margin: .5em 0;
	font-size: small;
}
#records #forats table td {
	text-align: center;
}
#records th {
	margin: 0;
	padding: 2px 4px;
	border-bottom: 1px solid #E3ECC9;
	color: #FFFFFF;
	background-color: #87513C;
}
#records #hcps th {
	background-color: #BE472F;
}
#records td {
	margin: 0;
	padding: 2px 4px;
	border-bottom: 1px solid #E3ECC9;
}
#records td.centrat {
	text-align: center;
}

/* **** forum.php **** */
/* -------------------------------------------------------------------------- */
#forum #cos {
	font-size: small;
}
#forum #cos #esq {
	margin: .5em 1em .5em .5em;
}
#forum #cos #dre {
	float: right;
	margin: 1em 0;
	width: 400px;
}
#forum #cos form {
	margin: 0; padding: 0;
}
#forum #titol_form {
	margin: 0 0 4px 0; 
	padding: 0 0 4px 0; 
	border-bottom: 1px solid #FFAA00; 
	background-color: #F4F4F4; 
	font-weight: bold;
}
#forum #cos a {
	text-decoration: none;
}
#forum #cos a:hover {
	text-decoration: underline;
}


/* **** jugar.php **** */
/* -------------------------------------------------------------------------- */
#jugar #cap {
	display: none;
}