/* dom */
html { font-size: 100%; } /* WinIE text resize correction */
body {
	margin: 0;
	padding: 20px 0;
	font-family: verdana, helvetica, sans-serif;
	font-size: 0.75em; /* 12px */
	color: #333;
	/* background: #fff; */
	background:#F3C437 none repeat scroll 0 0;
}
* {
	margin: 0;
	border: none;
	padding: 0;
}
a {
/* 	outline: 0; */
	color: #397cb4;
	text-decoration :none;
}
	a:hover {
		color: #b9005d;
		text-decoration: underline;
	}
	a.underline {
		text-decoration: underline;
	}
		a.underline:hover {
			text-decoration: none;
		}
input, select { vertical-align: middle; cursor: pointer; }
p {
	margin-bottom: 1em;
}
	p.linia {
		margin-bottom: 1.6em;
		border-bottom: 1px dashed #999;
		padding-bottom: 1.3em;
	}
strong {
	color: #87ba40;
}
ul {
	list-style: none;
}
/* esquerra, dreta i centrar */
div.left {
	display: inline; /* ie float hack */
	clear: left;
	float: left;
	width: 49%;
}
div.right {
	display: inline; /* ie float hack */
	clear: right;
	float: right;
	width: 49%;
}
.center {
	text-align: center;
}
/* clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */

/* menú accessibilitat (ocult) */
#acc {
	position: absolute;
	top: -999em;
}

/* wrapper */
#page {
	width: 942px;
	margin: 0 auto;
	background:#FFFFFF none repeat scroll 0 0;
	padding:10px;
}
	/* contenidor amb vora inferior */
	#page div.bordered {
		margin-bottom: 1em;
		border-bottom: 1px dotted #999;
		padding-bottom: .5em;
	}
	/* capçalera */
	#page #header {
		/* margin-bottom: 8px; */
		background: #f5f5f5 url("../comu/logo_pipfantasy_02.gif") no-repeat;
	}
		/* capçalera */
		#page #header h1 {
			display: inline; /* ie6 float hack */
			clear: left;
			float: left;
			width: 600px;
			height: 50px;
			margin: 10px 15px;
		}
			#page #header h1 a {
				display: block;
				width: 600px;
				height: 50px;
				margin-bottom: 10px;
			}
				#page #header h1 a span {
					position: absolute;
					top: -999em;
				}
		/* informació addicional */
		#page #header #info {
			display: inline; /* ie6 float hack */
			clear: right;
			float: right;
			width: 310px;
			font-size: .92em;
		}
				#page #header #info span.help {
					display: block;
					margin: 5px 8px 0 8px;
					/* padding: 10px 42px 4px 5px; */
					padding: 40px 0 4px 5px;
					text-align: right;
					background: url("../comu/ico_Ajuda.gif") no-repeat right top;
				}

	/* molla de pà */
	#page #breadcrumbs {
		margin: 8px auto 0 auto;
		font-size: .92em;
	}
		#page #breadcrumbs span {
			display: block;
			padding: 0 5px;
		}
	/* contingut extens (no s'aparella, ocupa tota la plana) */
	#page #login {
		padding-bottom: 8px;
		background: url("../comu/caixa_baix.gif") no-repeat center bottom;
	}
			#page #login div.middle {
				padding: 10px 14px;
				background: url("../comu/caixa_centre.gif") repeat-y center top;
			}
			#page #login div.top {
				padding-top: 8px;
				background: url("../comu/caixa_dalt.gif") no-repeat center top;
			}
			#page #login div.quad {
				display: inline; /* ie float hack */
				float: left;
				width: 220px;
				margin-right: 14px;
				border-right: 1px dashed #999;
				padding: 0 14px 12px 0;
			}
			/* primera i última caixa */
			#page #login div.first {
				width: 240px;
			}
			#page #login div.last {
				width: 135px;
				margin: 0;
				border: 0;
				padding: 0;
			}
			#page #login form {
				margin: 0;
			}
				#page #login form label {
					display: block;
				}
					#page #login form label input {
						width: 94%;
						border: 1px solid #999;
						padding: 4px;
					}
					#page #login form label span {
						display: block;
						margin-bottom: .5em;
						padding: .1em 0 .1em 22px;
					}
						#page #login form label span.password {
							background: url("../comu/icon_clau.gif") no-repeat left center;
						}
						#page #login form label span.user {
							background: url("../comu/icon_user.gif") no-repeat left center;
						}
				#page #login form input.send {
					margin: 1.8em 0 0 0;
					border: 1px solid #003c74;
					padding: .3em 1.1em;
					font-weight: bold;
					background: #fff;
				}
					#page #login form input.send:hover {
						background: #f0f0f0;
					}
			#page #login h2 {
				margin-bottom: .6em;
				color: #efb400;
				font-family: helvetica, arial, sans-serif;
				font-size: 1.33em;
				letter-spacing: -0.03em;
			}
			#page #login h3 {
				color: #666;
				font-size: 1.08em;
				font-weight: normal;
			}
	/* contingut (s'aparella amb la barra lateral esquerra "#sidebar-left") */
	#page #content {
		display: inline; /* ie6 float hack */
		clear: right;
		float: right;
		width: 74%;
		margin-bottom: 1em;
		padding-top: 10px;
	}
	/* contenidor barra lateral dreta (s'aparella amb el contenidor central "#content") */
	#page #sidebar-left {
		display: inline; /* ie6 float hack */
		clear: left;
		float: left;
		width: 24%;
		/* margin-bottom: 1em; */
		margin-top: 1em;
		padding: 14px 0;
		background: url("../comu/degradat_menu2.jpg") repeat-y right top;
	}
			#page #sidebar-left div.bordered {
				margin-left: 10px;
				margin-right: 10px;
			}
		#page #sidebar-left dl {
			margin-bottom: .4em;
		}
			#page #sidebar-left dl dd {
				font-weight: bold;
			}
		#page #sidebar-left span {
			display: block;
			margin-bottom: .3em;
		}
			#page #sidebar-left span.fletxa, 
			#page #sidebar-left span.logout {
				padding: .2em 0 .1em 14px;
				background: url("../comu/ico_logout.gif") no-repeat 0 .3em;
			}
			#page #sidebar-left span.fletxa {
				padding: .2em 0 .1em 14px;
				background: url("../comu/ico_clau.gif") no-repeat 0 .3em;
			}
				#page #sidebar-left span.fletxa a, 
				#page #sidebar-left span.logout a {
					color: #FFF;
				}
		#page #sidebar-left ul {
			margin: 0 10px 1.4em 10px;
		}
		#page #sidebar-left ul.bordered {
			border-bottom: 1px dotted #999;
			padding-bottom: 1.4em;
		}

			#page #sidebar-left ul li {
				height: 1%; /* ie6 list element hack */
				margin: 0 2px 8px 2px;
				padding: 0;
			}
				#page #sidebar-left ul li a {
					display: block;
					padding: .4em .6em .8em 40px;
					font-weight: bold;
					background: url("../comu/ico_home.gif") no-repeat 2px  50%;
					color: #FFF;
				}
					#page #sidebar-left ul li a.lliga0 {
						background: url("../comu/ico_flag_groga.gif") no-repeat 2px  50%;
					}
					#page #sidebar-left ul li a.lliga1 {
						background: url("../comu/ico_flag_verda.gif") no-repeat 2px  50%;
					}
					#page #sidebar-left ul li a.lliga2 {
						background: url("../comu/ico_flag_groga.gif") no-repeat 2px  50%;
					}
					#page #sidebar-left ul li a.lliga9 {
						background: url("../comu/ico_flag_vermella.gif") no-repeat 2px  50%;
					}
					#page #sidebar-left ul li a.facebook {
						padding: .6em .6em .6em 40px;
						background: url("../comu/icon_facebook.gif") no-repeat 10px  50%;
					}
					#page #sidebar-left ul li a.twitter {
						padding: .6em .6em .6em 40px;
						background: url("../comu/icon_twitter2.gif") no-repeat 10px  50%;
					}
		/* dom */
		/* formularis */
			#page #content form fieldset {
				padding-bottom: .5em;
				border-bottom: 1px dotted #999;
				margin-bottom: .7em;
			}
				#page #content form fieldset legend {
					padding: 0;
					margin: 0;
					color: #333;
					font-size: 1em;
					font-weight: normal;
					margin-bottom: .6em;
				}
					#page #content form label {
						display: block;
						padding-bottom: .5em;
					}
						#page #content form label input {
							width: 95%;
							border: 1px solid #cbcbcb;
							padding: 2px;
							background: #fff;
						}
							#page #content form label input.checkbox {
								width: auto;
								margin: 0 5px 0 0;
								border: 0;
								background: transparent;
							}
							#page #content form label input.small {
								width: 50%;
								border: 1px solid #cfcfcf;
								font-size: .83em;
								background: #f2f2f2;
							}
							#page #content form label input.tiny {
								width: 12%;
							}
							#page #content form label input.tiny2 {
								width: 24%;
							}
							#page #content form label input:focus {
								border: 1px solid #666;
							}
						#page #content form label select {
							width: 95%;
							border: 1px solid #cbcbcb;
							padding: 2px;
							background: #fff;
						}
							#page #content form label select:focus {
								border: 1px solid #444;
							}
				#page #content form div.textarea {
					padding: 5px 0;
				}
					#page #content form div.textarea textarea {
						width: 98%;
						height: 120px;
						border: 1px solid #cbcbcb;
						padding: 4px;
					}
						#page #content form div.textarea textarea:focus {
							border: 1px solid #444;
						}
				#page #content form input.send {
					margin: 1em 1em 1em 0;
					border: 1px solid #003c74;
					padding: .3em 1.3em;
					font-weight: bold;
					background: #fff;
				}
					#page #content form input.send:hover {
						background: #f0f0f0;
					}
		/* capçaleres */
		#page #content h2 {
			margin-bottom: .2em;
			border-bottom: 1px dotted #87ba40;
			padding-bottom: .2em;
			color: #87ba40;
			font-family: georgia, arial, serif;
			font-size: 2.4em;
			font-weight: normal;
			line-height: 1.1em;
			letter-spacing: -1px;
		}
			#page #content h2.noborder {
				border: none;
				padding: 0;
			}
		#page #content h3 {
			margin-bottom: .4em;
			border-bottom: 1px dotted #efb400;
			padding-bottom: .4em;
			color: #efb400;
			font-size: 1.42em;
			font-weight: normal;
			line-height: 1.1em;
			letter-spacing: -1px;
		}
		#page #content h4 {
			margin-bottom: .4em;
			border-bottom: 1px dotted #efb400;
			padding-bottom: .4em;
			color: #efb400;
			font-size: 1.33em;
			font-weight: bold;
			line-height: 1.2em;
			letter-spacing: -.05em;
		}
		#page #content h5 {
			margin-bottom: .4em;
			border-bottom: 1px dotted #efb400;
			padding-bottom: .5em;
			color: #efb400;
			font-size: 1.25em;
			font-weight: normal;
			line-height: 1.1em;
		}
		#page #content h6 {
			margin-bottom: .4em;
			border-bottom: 1px dotted #efb400;
			padding-bottom: .5em;
			color: #efb400;
			font-size: 1.17em;
			font-weight: normal;
			line-height: 1.1em;
		}
			#page #content h6.purple {
				margin-bottom: .6em;
				border: none;
				color: #b9005d;
				font-weight: bold;
			}
		/* imatges */
			#page #content img.left {
				float: left;
				width: auto;
				margin: 2px 1.4em .7em 0;
			}
			#page #content img.right {
				float: right;
				width: auto;
				margin: 2px 0 .7em 1.4em;
			}
		/* spans */
			#page #content span.date {
				display: block;
				margin-bottom: .4em;
			}
			#page #content p.small {
				font-size: .83em;
			}
			#page #content span.more {
				display: inline; /* ie hack */
				float: left;
				width: 10em;
				padding: .4em .75em;
				color: #fff;
				text-align: center;
				background: #00407a url("../comu/boto_fons.png") repeat-x;
			}
				#page #content span.more a {
					color: #fff;
				}
			#page #content span.top {
				display: inline; /* ie6 float hack */
				float: right;
				margin: .3em 0 .3em 1.5em;
			}
				#page #content span.top a {
					padding: .3em 22px .3em 0;
					background: url("../comu/bot_pujar.jpg") no-repeat 100% .4em;
				}
		/* taules */
		#page #content table {
			width: 100%;
			margin-bottom: 1em;
		}
		/* llistes */
		#page #content ol {
			margin: 0 10px 1.2em 30px;
			color: #87ba40;
			font-weight: bold;
		}
			#page #content ol li {
				margin-bottom: .4em;
			}
		#page #content ul {
			margin-bottom: 1.2em;
		}
			#page #content ul.r {
				margin-left: 20px;
			}
				#page #content ul.r li {
					background: url("../comu/kland_vermell.png") no-repeat 0 .5em;
				}
			#page #content ul li {
				margin-bottom: .4em;
				padding-left: 10px;
				background: url("../comu/kland_negre.png") no-repeat 0 .5em;
			}
/* peu de pàgina */
#footer {
 	width: 942px;
	margin: 0 auto;
	text-align: center;
	font-size: .92em;
	background:#FFFFFF none repeat scroll 0 0;
	padding:10px;
	border-top: 1px solid #F3C437;
}
	#footer span {
		display: block;
	}

/* publicitat */
#publicitat {
 	width: 942px;
	margin: 0 auto;
	text-align: center;
	font-size: .92em;
	background:#FFFFFF none repeat scroll 0 0;
	padding:10px;
	border-top: 1px solid #F3C437;
}