body {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-size: 100%;
}
a img {border: none;}
a.external {
	background: url("img/external.png") center right no-repeat;
	padding-right: 13px;
}

/* **** CAP **** */
/* -------------------------------------------------------------------------- */
#contenidor {
	width: 900px;
	margin: 0 auto 0 auto;
}

/* **** CAP **** */
/* -------------------------------------------------------------------------- */
#cap {
	
}
#cap #connexio {
	float: right;
	margin: 3em .5em ;
}

/* **** MENÚ **** */
/* -------------------------------------------------------------------------- */
#menu {
	margin-top: 2px; 
	border-bottom: #FFC68A 1px solid; 
	position: relative; 
	height: 0;
}
#menu ul {
	padding: 0;
	margin: 0px 0px 0px 300px; 
	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: #FFC68A 1px solid;
 border-bottom: #FFC68A 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: #FFC68A 1px solid;
 display: block; background: #FFC68A; 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: #FFC68A; 
	border-top-color: #FFC68A; 
	border-right-color: #FFC68A;
}

/* **** COS **** */
/* -------------------------------------------------------------------------- */
#cos {
	clear: both;
}

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


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

/* **** inici.php **** */
/* -------------------------------------------------------------------------- */
#inici #jugar {
	float: right;
	margin: 0 0 1em 1em;
}

/* **** info.php **** */
/* -------------------------------------------------------------------------- */
#info #jugar {
	float: right;
	margin: 0 0 1em 1em;
}
#info h4 {
	font-family: Arial, Verdana, sans-serif;
}
#info #cos ul li {
	margin-top: 4px;
}


/* **** login.php **** */
/* -------------------------------------------------------------------------- */
#login #jugar {
	text-align: center;
	margin: 2em auto;
}

#login #cos ul li {
	margin-top: 4px;
}
#login #reg {
	margin-top: 3em;
}
#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 input.colla {
	width: 20em;
	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;
}


/* **** top_camps.php **** */
/* -------------------------------------------------------------------------- */
#top_camps h4  {
}

#top_camps table  {
	border: none;
}

	#top_camps th {
		margin: 0;
		padding: 2px 4px;
		color: #FFFFFF;
		background-color: #439425;
		font-family: Arial, Verdana, sans-serif;
		font-weight: normal;
	}
		#top_camps th.transp {
			background: none;
		}
		#top_camps th.ca {
			background-color: #87513C;
		}
		#top_camps th.ju {
			background-color: #BE472F;
		}
	
	#top_camps td {
		margin: 0;
		padding: 2px 4px;
		border-bottom: 1px solid #E3ECC9;
		font-family: Arial, Verdana, sans-serif;
	}
		#top_camps td.nomcamp {
			color: #439425;
			font-weight: bold;
		}
		#top_camps td.nomcamp a {
			color: #439425;
			text-decoration: none;
		}
		#top_camps td.ca {
			color: #87513C;
			font-size: .9em;
			padding: 0 8px;
		}
		#top_camps td.ju {
			color: #BE472F;
			font-size: .9em;
			padding: 0 8px;
		}
		#top_camps td.centrat {
			text-align: center;
		}
		#top_camps td.pad2 {
			padding: 0 0 0 4px;
		}
		#top_camps td.pad3 {
			padding: 0 16px 0 4px;
		}
		#top_camps td.co {
			color: #999;
			font-size: .9em;
		}
		#top_camps td.unmateix {
			font-weight: bold;
			color: #439425;
		}

#top_camps p.comentari  {
	margin: 2em 0 1em .5em;
}

/* **** top_hcps.php **** */
/* -------------------------------------------------------------------------- */
#top_hcps h4  {
}

#top_hcps .hcps {
	float: left;
	margin: 0 1em 1em 0;
}
#top_hcps table  {
	border: none;
}

	#top_hcps th {
		margin: 0;
		padding: 2px 4px;
		color: #FFFFFF;
		background-color: #439425;
		font-family: Arial, Verdana, sans-serif;
		font-weight: normal;
	}	
	#top_hcps td {
		margin: 0;
		padding: 2px 4px;
		border-bottom: 1px solid #E3ECC9;
		font-family: Arial, Verdana, sans-serif;
	}
		#top_hcps td.po {
			text-align: center;
		}
		#top_hcps td.hc {
			text-align: center;
		}
		#top_hcps td.ju {
		}
		#top_hcps td.co {
			color: #999;
			font-size: .9em;
		}

#top_hcps p.comentari  {
	margin: 2em 0 1em .5em;
}


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