/* DOM */
body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: verdana, helvetica, sans-serif;
	font-size: .7em;
	background: #fdf3c8 url("../comu/bg.png") repeat-x left top;
}
a {
	outline: 0;
	color: #cc0000;
	text-decoration: none;
}
 a:hover {
	text-decoration: underline;
 }
.clearfix {
	display: block;
	clear: both;
}
h1, h2, h3, h4, fieldset, form, img, input, label, legend, table, tr, td, th {
	border: 0;
	margin: 0;
	padding: 0;
}
p {
	margin: 0 0 10px 0;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	ul li {
		margin: 0;
		padding: 0;
	}
span.red {
	color: #cc0000;
}

/* Menú d'accessibilitat */
#menuAcc {
	position: absolute;
	top: -9999px;
}

/* La pàgina */
#page {
	width: 934px;
	margin: 0 auto;
}
	/* Selectors comuns del contingut central */
	#page div.book {
		border-top: 2px solid #fff;
		padding: 15px 0 0 125px;
		background-image: url("../comu/llibre_01.png");
		background-repeat: no-repeat;
		background-position: left 12px;
	}
	#page div.ohnoes {
		padding: 20px 0 20px 70px;
		background-image: url("../comu/noes.png");
		background-repeat: no-repeat;
		background-position: left center;
	}
	#page div.ohyes {
		padding: 20px 0 20px 65px;
		background-image: url("../comu/yes.png");
		background-repeat: no-repeat;
		background-position: left center;
	}
		#page div.ohnoes ul li, #page div.ohyes ul li {
			display: block;
			padding: 4px 0 4px 30px;
			font-weight: bold;
			background-image: url("../comu/oharrow.png");
			background-repeat: no-repeat;
			background-position: left center;
		}
	#page div.send {
		margin: 8px 0 6px 0;
		padding: 12px 0 0 0;
		background: transparent url("../comu/bg_top_content_download.png") no-repeat left top;
	}
		#page div.send p {
			margin: 0;
			padding: 0 0 12px 0;
			background:	transparent url("../comu/bg_bottom_content_download.png") no-repeat left bottom;
		}
			#page div.send p span {
				display: block;
				background: transparent url("../comu/bg_content_download.png") repeat-y left center;
			}
				#page div.send p span input {
					margin: 0 0 0 14px;
					padding: 0 12px 0 24px;
					color: #cc0000;
					font-weight: bold;
					cursor: pointer;
					background: transparent url("../comu/download_arrow.png") no-repeat left center;
				}
	#page fieldset {
		margin: 0 0 12px 0;
		border-bottom: 1px dashed #666;
		padding: 10px 0;
	}
		#page fieldset div.double label {
			display: inline; /* IE hack */
			float: left;
			width: 47%;
			margin: 0 3% 0 0;
		}
		#page fieldset div.triple label {
			display: inline; /* IE hack */
			float: left;
			width: 29%;
			margin: 0 3% 0 0;
		}
		#page fieldset label {
			display: block;
			vertical-align: middle;
		}
			#page fieldset label input {
				vertical-align: middle;
				display: block;
				width: 92%;
				margin: 0 0 10px 0;
				border: 1px solid #999;
				padding: 4px 2% 4px 2%;
				color: #777;
				font-size: 1em;
				background: #fff;
			}
		#page fieldset legend {
			margin: 0 0 6px 0;
			font-weight: bold;
		}
		#page fieldset span {
			display: block;
			margin: 0 0 4px 0;
			padding: 0 10px 0 0;
		}
		#page fieldset textarea {
			width: 94%;
			height: 200px;
			margin: 0 0 10px 0;
			border: 1px solid #999;
			padding: 4px 2% 4px 2%;
			color: #777;
			line-height: 1.8em;
			font-size: 1em;
			background: #fff;
		}
		#page label.chckbx {
			display: block;
			margin: 0 0 12px 0;
			border-bottom: 2px solid #b4a874;
			padding: 8px 0 12px 0;
		}
	#page #header {
		display: block;
		margin: 19px 10px 15px 10px;
	}
		#page #header #puntcat {
			float: left;
			width: 88px;
			height: 45px;
			background: transparent url("../comu/bg_header.png") no-repeat left top;
		}
			#page #header #puntcat a {
				display: block;
				width: 88px;
				height: 45px;
			}
				#page #header #puntcat a span {
					position: absolute;
					top: -9999px;
				}
		#page #header h1 {
			padding: 10px 100px 10px 100px;
			font-family: georgia, arial, serif;
			font-size: 2.4em;
			font-weight: normal;
			text-align: center;
		}
			#page #header a {
				color: #333;
			}
	#page #menu {
		background:  transparent url("../comu/bg_menu.png") repeat-y center top;
	}
		#page #menu-shadow-bottom {
			display: block;
			height: 3em; /* I LOVE IE */
			padding: 0 0 5px 0;
			background: #ff0000 url("../comu/bg_bottom_menu.png") no-repeat center bottom;
		}
		#page #menu-shadow-top {
			display: block;
			margin: 0 0 20px 0;
			padding: 5px 0 0 0;
			background: transparent url("../comu/bg_top_menu.png") no-repeat center top;
		}
		#page #menu ul {
			height: 3em;
			display: block;
			margin: 0 5px 0 5px;
			background: #fdf4cc url("../comu/bg_ul_li_a_menu.png") repeat-x left top;
		}
			#page #menu ul li {
				display: inline;
				float: left;
				padding: 0 3px 0 0;
				line-height: 3em;
				background: #fdf4cc url("../comu/bg_ul_li_menu.png") no-repeat right bottom;
			}
				#page #menu ul li a {
					float: left;
					padding: 0 23px 0 20px;
					color: #333;
					font-size: 1.1em;
					background: #fdf3c8 url("../comu/bg_ul_li_a_menu.png") repeat-x left top;
				}
					#page #menu ul li a:hover {
						color: #fafafa;
						font-size: 1.1em;
						text-decoration: none;
						background: #fe9765 url("../comu/bg_ul_li_a_active_menu.png") repeat-x left top;
					}
					#page #menu ul li a.active {
						color: #fafafa;
						font-size: 1.1em;
						text-decoration: none;
						background: #fe9765 url("../comu/bg_ul_li_a_active_menu.png") repeat-x left top;
					}
	/* Barra lateral dreta */
	#page #sidebar-right {
		display: inline; /* IE hack */
		clear: right;
		float: right;
		width: 218px;
		margin: 0 9px 20px 0;
	}
	#page #sidebar-left {
		display: inline; /* IE hack */
		clear: left;
		float: left;
		width: 218px;
		margin: 0 35px 0 9px;
	}
			#page #sidebar-right div.normal, #page #sidebar-left div.normal {
				margin: 0 0 15px 0;
			}
			#page #sidebar-right div.bordered, #page #sidebar-left div.bordered {
				margin: 0 0 15px 0;
			}
			#page #sidebar-right div.download, #page #sidebar-left div.download {
				margin: 0 0 6px 0;
				padding: 12px 0 0 0;
				background: #fff url("../comu/bg_top_download.png") no-repeat left top;
			}
				#page #sidebar-right div.download p, #page #sidebar-left div.download p {
					margin: 0;
					padding: 0 0 12px 0;
					background: #fff url("../comu/bg_bottom_download.png") no-repeat left bottom;
				}
					#page #sidebar-right div.download p span, #page #sidebar-left div.download p span {
						display: block;
						background: #fff url("../comu/bg_download.png") repeat-y left center;
					}
						#page #sidebar-right div.download p span a, #page #sidebar-left div.download p span a {
							display: block;
							margin: 0 0 0 14px;
							padding: 0 12px 0 26px;
							background: transparent url("../comu/download_arrow.png") no-repeat left center;
						}
			#page #sidebar-right div.brown {
				position: relavite; /* IE hack */
				display: block;
				width: 100%;
				margin: 10px -15px 0 -15px;
				padding: 10px 15px 10px 15px;
				color: #333;
				background: #ccb245;
			}
				#page #sidebar-right div.brown span {
					margin: 0 0 5px 0;
				}
					#page #sidebar-right div.brown span.name {
						margin: 0;
						color: #fafafa;
						font-weight: bold;
					}
			#page #sidebar-right div a, #page #sidebar-left div a {
				font-weight: bold;
			}
				#page #sidebar-right div a:hover, #page #sidebar-left div a:hover {
					text-decoration: none;
				}
				#page #sidebar-right div a em, #page #sidebar-left div a em {
					color: #666;
					font-style: normal;
					font-weight: normal;
				}
			#page #sidebar-right div fieldset, #page #sidebar-left div fieldset {
				margin: 0 0 4px 0;
				border: 0;
				padding: 0;
			}
			#page #sidebar-right div h2, #page #sidebar-left div h2 {
				margin: 0 0 2x 0;
				border-bottom: 2px solid #b1b1b1;
				padding: 0 0 8px 0;
				color: #cc0000;
				font-family: georgia, arial, serif;
				font-size: 1.3em;
				font-weight: normal;
				/* Nifty corners variation */
				position: relative;
				top: -10px;
			}
				#page #sidebar-left div h2.celebrity {
					display: block;
					padding: 12px 0 20px 60px;
					background: transparent url("../comu/celebrity.png") no-repeat left center;
				}
				#page #sidebar-left div h2.send {
					display: block;
					padding: 12px 0 20px 60px;
					background: transparent url("../comu/send.png") no-repeat left center;
				}
				#page #sidebar-right div h2.download {
					display: block;
					padding: 10px 0 15px 60px;
					background: transparent url("../comu/download.png") no-repeat left center;
				}
				#page #sidebar-right div h2.lucky {
					display: block;
					padding: 10px 0 15px 50px;
					background: transparent url("../comu/lucky.png") no-repeat left center;
				}
			#page #sidebar-right div p.bases {
				padding: 200px 0 0 0;
				background-image: url("../comu/llibre_02.png");
				background-repeat: no-repeat;
				background-position: center top;
			}
			#page #sidebar-right div span {
				display: block;
			}
				#page #sidebar-right div span a.arrow {
					display: block;
					padding: 4px 0 4px 30px;
					background: transparent url("../comu/arrow.png") no-repeat left center;
				}
	/* Contingut central */
	#page #content {
		display: inline; /* IE hack */
		clear: left;
		float: left;
		width: 672px;
		font-size: 1.1em;
		margin: 0 0 20px 10px;
	}
		#page #content div.bordered {
			margin: 0 0 12px 0;
			font-family: georgia, arial, serif;
			font-size: 1.2em;
			font-style: italic;
		}
			#page #content div.bordered p {
				margin: 0;
				padding: 228px 15px 10px 15px;
				text-align: center;
				background: transparent url("../comu/bg_estalvi.png") no-repeat center top;
			}
		#page #content div#disclaimer {
			width: 70%;
			overflow: auto;
			height: 110px;
			margin: 10px 0 10px 0;
			border: 1px solid #888;
			padding: 10px;
			color: #666;
			line-height: 1.5em;
			background: #fff;
		}
		#page #content div.silouette {
			padding: 0 0 0 125px;
			background-image: url("../comu/silueta.png");
			background-repeat: no-repeat;
			background-position: left bottom;
		}
		#page #content h2 {
			clear: both;
			margin: 0 0 10px 0;
			color: #000;
			font-family: georgia, arial, serif;
			font-size: 1.8em;
		}
			#page #content h2 span {
				margin: 0 0 0 6px;
				font-family: verdana, helvetica, sans-serif;
				font-size: 0.7em;
				font-weight: normal;
			}
		#page #content h3 {
			clear: both;
			border-top: 2px solid #fff;
			padding: 12px 0 10px 0;
			font-size: 1.1em;
			color: #cc0000;
		}
		#page #content h4 {
			clear: both;
			margin: 0 0 10px 0;
			border-top: 2px solid #fff;
			border-bottom: 2px solid #fff;
			padding: 20px 0 6px 0;
			font-size: 1.3em;
			font-family: georgia, arial, serif;
		}
		#page #content h5 {
			clear: both;
			margin: 0 0 15px 0;
			border-top: 2px solid #fff;
			border-bottom: 2px solid #b4a874;
			padding: 8px 0 8px 0;
			color: #555;
			font-size: 1.3em;
			font-weight: bold;
		}
			#page #content h5 span {
				float: right;
				margin: 4px 0 0 0;
				padding: 0 0 0 24px;
				font-size: .7em;
				background: transparent url("../comu/download_arrow.png") no-repeat center left;
			}
		#page #content ul {
			margin: 0 0 10px 0;
			display: block;
		}
			#page #content ul li.klander {
				margin: 0 0 10px 10px;
				padding: 0 0 0 12px;
				background: transparent url("../comu/bg_triple_li.gif") no-repeat left 4px;
			}
			#page #content ul.double li {
				display: inline;
				float: left;
				width: 46%;
				margin: 0 2% 0 0;
			}
				#page #content ul.double li span {
					display: block;
					padding: 0 0 0 12px;
					margin: 0 0 10px 0;
					color: #666;
				}
					#page #content ul.double li span.klander {
						margin: 0 0 2px 0;
						padding: 0 0 0 12px;
						color: #333;
						font-weight: bold;
						background: transparent url("../comu/bg_triple_li.gif") no-repeat left center;
					}
			#page #content ul.triple li {
				float: left;
				width: 30%;
				margin: 0 2% 0 0;
				border-top: 1px solid #b5ad8b;
				padding: 10px 0 0 0;
			}
				#page #content ul.triple li span {
					display: block;
					padding: 0 0 0 12px;
					margin: 0 0 10px 0;
					color: #666;
				}
					#page #content ul.triple li span.klander {
						margin: 0 0 2px 0;
						padding: 0 0 0 12px;
						color: #333;
						font-weight: bold;
						background: transparent url("../comu/bg_triple_li.gif") no-repeat left center;
					}
					#page #content ul.triple li span a {
						color: #666;
					}
	/* Portada */
	#page #frontpage {
		float: left;
		width: 403px;
		height: 607px;
		margin: 0 35px 0 7px;
		background-image: url("../comu/pict_milcares.png");
		background-repeat: no-repeat;
		background-position: left top;
	}
		#page #frontpage h2 {
			float: right;
			width: 150px;
			height: 215px;
		}
			#page #frontpage h2 a {
				position: relative; /* FRACK! */
				display: block;
				float: left;
				width: 150px;
				height: 215px;
			}
				#page #frontpage h2 a span {
					position: absolute;
					top: -9999px;
				}
	/* Contingut central sense barra lateral */
	#page #main {
		display: block;
		margin: 0 0 20px 0;
	}
		#page #main h2 {
			clear: both;
			margin: 0 0 10px 0;
			color: #000;
			font-family: georgia, arial, serif;
			font-size: 2.4em;
		}
	/* Peu de pàgina */
	#page #footer {
		clear: both;
		padding: 15px;
		color: #fafafa;
		background: #333;
	}
		#page #footer a {
			color: #fceeb0;
		}
		#page #footer ul {
			display: block;
		}
			#page #footer ul li {
				display: inline;
				text-align: right;
			}
				#page #footer ul li a {
					padding: 0 6px 0 9px;
					background: #333 url("../comu/bg_ul_li_footer.png") no-repeat left center;
				}
				#page #footer ul.double li {
					float: left;
					width: 49%;
				}
		#page #footer #footer-left {
			clear: left;
			float: left;
			width: 58%;
			text-align: left;
		}
		#page #footer #footer-right {
			clear: right;
			float: right;
			width: 40%;
			text-align: right;
		}