/* dom */
html { font-size: 100%; } /* WinIE text resize correction */
body {
	display: block;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.75em; /* 12px */
	color: #333;
	background: #fff url('img/bg_header.png') repeat-x;
}
* { margin: 0; border: none; padding: 0; }
a { outline: 0; color: #006633; text-decoration :none; }
	a:hover { color: #00b159; text-decoration: underline; }
	a:visited { font-size:inherit; }
p { margin-bottom: 1em; line-height: 1.4em; }
ol, ul { list-style: none; }
		ul li.clear { clear: left; }
/* esquerra, dreta i centrar */
div.left { clear: left; float: left; width: 49%; }
div.right { 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; }
	/* amagar d'IE mac \*/
	.clearfix { display:block; }

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

/* wrapper */
#wrapper {
	max-width: 1300px;
	width: auto !important;
	width: 1300px;
	margin: 0 auto;
}
/* wrapper */
#page {
	margin: 0;
}
	/* capçalera */
	#page #header {
		position: relative;
		width: 945px;
		height: 142px;
		margin: 0 auto;
	}
		/* imatge decorativa tatxa */
		#page #header #butt {
			position: absolute;
			width: 700px;
			height: 548px;
			margin: 0 auto;
			background: url('img/bg_tatxa.jpg') no-repeat;
		}
			#page #header a span {
				position: absolute;
				top: -999em;
				left: -999em;
			}
			/* wrapper */
			#page #header div.wrapper {
				position: relative;
				margin: 0 auto;
				width: 701px;
				padding-left: 243px;
				height: 142px; /* necessari per posicionalment #languages */
			}
		#page #header h1 {
			display: inline; /* ie6fh */
			clear: left;
			float: left;
			width: 332px;
			height: 68px;
			margin: 30px 15px 0 0;
			background: url('img/logo_sabadell_deixar_fumar.jpg') no-repeat;
		}
			#page #header h1 a {
				display: block;
				width: 332px;
				height: 68px;
			}
			#page #header p#ajuntament_sabadell {
				display: inline; /* ie6fh */
				clear: right;
				float: right;
				width: 150px;
				height: 34px;
				margin: 22px 0 0 15px;
				background: url('img/logo_ajuntament_sabadell.jpg') no-repeat;
			}
				#page #header p#ajuntament_sabadell a {
					display: block;
					width: 150px;
					height: 34px;
				}
	/* menú principal */
	#page #menu {
		position: relative;
		width: 701px;
		margin: -20px auto 10px auto;
		padding-left: 243px;
	}
		#page #menu ul {
			margin: 0 0 15px 0;
		}
			#page #menu ul li {
				display: inline; /* ie6fh */
				float: left;
				width: 140px;
				height: 37px;
				margin: 0;
				padding: 0;
			}
				#page #menu ul li#home { width: 73px; }
					#page #menu ul li#home a { background: url('img/menu.jpg') no-repeat; }
						#page #menu ul li#home a:hover, #page #menu ul li#home.current a { background-position: 0 -37px; }
				#page #menu ul li#motivation_test { width: 164px; }
					#page #menu ul li#motivation_test a { background: url('img/menu.jpg') no-repeat -73px 0; }
						#page #menu ul li#motivation_test a:hover, #page #menu ul li#motivation_test.current a { background-position: -73px -37px; }
				#page #menu ul li#dependence_test { width: 182px; }
					#page #menu ul li#dependence_test a { background: url('img/menu.jpg') no-repeat -237px 0; }
						#page #menu ul li#dependence_test a:hover, #page #menu ul li#dependence_test.current a { background-position: -237px -37px; }
				#page #menu ul li#contact { width: 179px; }
					#page #menu ul li#contact a { background: url('img/menu.jpg') no-repeat -419px 0; }
						#page #menu ul li#contact a:hover, #page #menu ul li#contact.current a { background-position: -419px -37px; }
				#page #menu ul li#resources { width: 103px; }
					#page #menu ul li#resources a { background: url('img/menu.jpg') no-repeat -598px 0; }
						#page #menu ul li#resources a:hover, #page #menu ul li#resources.current a { background-position: -598px -37px; }
				#page #menu ul li a {
					display: block;
					height: 37px;
				}
					#page #menu ul li a span {
						position: absolute;
						top: -9999em;
					}
	/* contenedor principal */
	#page #content {
		position: relative;
		width: 701px;
		min-height: 320px;
		height: auto !important;
		height: 320px;
		margin: 0 auto;
		padding: 15px 0 15px 243px;
	}
		/* contingut central */
		#page #content #content_main {
			display: inline; /* ie6fh */
			clear: right;
			float: right;
			width: 740px;
		}
		/* barra lateral esquerra (submenú) */
		#page #content #content_sub {
			display: inline; /* ie6fh */
			clear: left;
			float: left;
			width: 170px;
		}
		/* DOM */
		/* contenedores */
			/* vora inferior */
			#page #content div.border {
				margin: 0 0 1em 0;
				border-bottom: 1px solid #ccc;
				margin: 0 0 1em 0;
			}
			/* vora inferior puntejada */
			#page #content div.broken {
				margin: 0 0 1em 0;
				border-bottom: 1px dotted #ccc;
				margin: 0 0 1em 0;
			}
			/* imatge decorativa trencament cigarrets */
			#page #content div.deco_break {
				padding-right: 275px;
				font-size: 1.083em;
				background: url('img/bg_deco_break') no-repeat 100% 0;
			}
			/* caixa destacats portada */
			#page #content div.highlight {
				margin: 0 0 1.5em 0;
				border: 1px solid #d8e9a6;
				padding: 20px 25px 15px 25px;
				background: #fefefc url('img/bg_highlight.png') repeat-x;
			}
				#page #content div.highlight h2 {
					margin: 0 0 .154em 0;
				}
				#page #content div.highlight h5 {
					font-size: 1.167em;
					font-weight: normal;
				}
				#page #content div.highlight h6 {
					clear: both;
					height: 1%;
					border-top: 1px solid #457e00;
					padding-top: .75em;
				}
				#page #content div.highlight p {
					margin: 0 0 .238em 0;
					color: #006633;
					font-family: georgia, helvetica, serif;
					font-size: 1.583em;
					font-style: italic;
					text-align: center;
				}
					#page #content div.highlight p strong {
						color: #333;
					}
			/* paginador */
			#page #content div.pager {
				margin: 1em 0;
			}
				#page #content div.pager ul {
					margin: 0;
					padding: .3em 0;
					font-size: .92em;
					text-align: center;
				}
					#page #content div.pager ul li {
						display: inline;
						vertical-align: middle;
						margin-right: 2px;
						padding: .25em 0;
						background: none;
					}
							#page #content div.pager ul li.current a {
								border: 1px solid #666;
								color: #333;
								font-weight: bold;
								background: #e7f2fa;
							}
						#page #content div.pager ul li.next {
							margin: 0 10px 0 50px;
							padding: .25em 18px .25em 0;
							font-weight: bold;
							background: url('img/bg_next.gif') no-repeat 100% 50%;
						}
							#page #content div.pager ul li.next a, #page #content div.pager ul li.previous a {
								border: none;
							}
						#page #content div.pager ul li.previous {
							margin: 0 50px 0 10px;
							padding: 0 0 0 18px;
							font-weight: bold;
							background: url('img/bg_prev.gif') no-repeat 0 50%;
						}
							#page #content div.pager ul li.transparent a {
								border: none;
								padding: 0;
								color: #333;
							}
						#page #content div.pager ul li a {
							border: 1px solid #999;
							padding: .167em .417em;
						}
							#page #content div.pager ul li a:hover {
								color: #000;
								text-decoration: none;
								background: #e7f2fa;
							}
			/* imatges dreta/esquerra */
				#page #content div.txtImgDr img, #page #content div.txtImgEsq img {
					display: inline; /* ie6fh */
					float: right;
					margin: 2px 0 8px 20px;
					max-width: 220px;
					width: auto !important;
					width: 220px;
				}
				#page #content div.txtImgDr p {
					margin: 0 240px 1em 0;
				}
			/* imatge esquerra */
				#page #content div.txtImgEsq img {
					float: left;
					margin: 2px 20px 8px 0;
				}
				#page #content div.txtImgEsq p {
					margin: 0 0 1em 240px;
				}
		/* formularis */
			#page #content form fieldset {
				margin: 0 0 15px 0;
				padding: 15px 20px 5px 20px;
				background: #edf5d6;
			}
					#page #content form fieldset div.radios {
						display: inline;
						clear: right;
						float: right;
						width: 235px;
					}
						#page #content form fieldset div.radios label {
							cursor: pointer;
						}
						#page #content form fieldset div.radios input {
							float: none;
							vertical-align: middle;
							width: auto;
							margin: 0 4px 0 0;
							border: none;
							padding: 0;
							background: none;
						}
						#page #content form fieldset div.radios span {
							vertical-align: middle;
						}
					#page #content form fieldset label.radios {
						display: inline;
						clear: left;
						float: left;
						width: 390px;
						font-weight: bold;
					}
				#page #content form input.buttonSubmit {
					cursor: pointer;
					overflow: visible; /* iebp */
					margin: 0 0 1em 0;
					padding: 10px 15px;
					color: #fff;
					font-size: 1.167em;
					line-height: 1.2em;
					background: #5aa100 url('img/bg_input_submit.png') repeat-x;
				}
					#page #content form input.buttonSubmit:hover {
						background: #437600;
					}
			#page #content form label {
				display: block;
				margin: 0 0 1em 0;
			}
					#page #content form label.auto input {
						vertical-align: middle;
						display: inline;
						width: auto;
						margin: 0 .333em 0 0;
						border: none;
						padding: 0;
						background: none;
					}
					body #page #content form label.auto span {
						display: inline;
						vertical-align: middle;
						margin: 0;
					}
				#page #content form label.error {
					width: 88%;
					margin: 0;
					border: 1px solid #718548;
					padding: .333em 5px;
					color: #fff;
					font-weight: bold;
					background: #718548;
				}
				#page #content form label input, #page #content form label select, #page #content form textarea {
					width: 88%;
					border: 1px solid #cdcdcd;
					padding: 5px 6px;
					color: #666;
					font-size: inherit;
					background: #fff url('img/bg_input.gif') repeat-x;
				}
					#page #content form label input:focus, #page #content form label select:focus, #page #content form textarea:focus {
						border: 1px solid #666;
					}
					#page #content form label input.error, #page #content form label select.error, #page #content form textarea.error {
						border: 1px solid #cc0000;
						background: #ffe7e7;
					}
					#page #content form label select {
						cursor: pointer;
						width: auto;
					}
				#page #content form textarea {
					height: 140px;
					font-family: verdana, helvetica, sans-serif;
					font-size: 1em;
				}
		/* capçaleres */
		#page #content h2 {
			margin: 0 0 .5em 0;
			color: #000;
			font-size: 2.167em;
			font-weight: normal;
			line-height: 1.2em;
		}
			#page #content h2.border {
				border-bottom: 1px dashed #999;
				padding: 0 0 .294em 0;
				font-size: 1.667em;
				font-weight: bold;
			}
			#page #content h2.red {
				color: #cc0000;
			}
			#page #content h2 strong {
				margin: 0 4px;
				color: #006633;
				font-weight: normal;
			}
		#page #content h3 {
			margin: 0 0 .5em 10px;
			color: #006633;
			font-size: 1.5em;
			font-weight: bold;
			line-height: 1.2em;
		}
		#page #content h4 {
			margin: 0 0 .571em 0; /* 12px */
			color: #006633;
			font-family: georgia, helvetica, serif;
			font-size: 1.5em;
			font-style: italic;
			font-weight: normal;
		}
		#page #content h5 {
			margin: 0 0 .75em 0;
			font-size: 1.083em;
			font-weight: bold;
		}
		#page #content h6 {
			margin: 0 0 1em 0;
			font-size: .92em;
			font-weight: normal;
		}
		/* imatges */
			#page #content img.left {
				display: inline; /* ie6fh */
				float: left;
				margin: 2px 20px 12px 0;
			}
			#page #content img.right {
				display: inline; /* ie6fh */
				float: right;
				margin: 2px 0 12px 20px;
			}
		/* paràgrafs */
			/* botó gran fons verd (igual que input.buttonSubmit) */
			#page #content p.bigbutton {
				padding: 5px 0;
				font-size: 1.167em;
			}
				#page #content p.bigbutton a {
					cursor: pointer;
					float: left;
					padding: 10px 15px;
					color: #fff;
					font-size: 1.167em;
					line-height: 1.2em;
					background: #5aa100 url('img/bg_input_submit.png') repeat-x;
				}
					#page #content p.bigbutton a:hover {
						text-decoration: none;
						background: #437600;
					}
			/* botó fons verd */
			#page #content p.button {
				padding: 0 0 .5em 0;
				color: #ccc;
			}
				#page #content p.button a {
					padding: .5em 14px;
					color: #ccc;
					background: #006633;
				}
					#page #content p.button a:hover {
						background: #002814;
					}
					#page #content p.button a strong {
						color: #fff;
						font-weight: bold;
					}
			/* imatge */
			#page #content p.image {
				line-height: 0;
			}
			/* amb vora inferior */
			#page #content p.linia {
				border-bottom: 1px solid #ccc;
				padding-bottom: .5em;
			}
			/* punt inicial */
			#page #content p.primer {
				text-indent: 10px;
				background: url('img/kland_primer.png') no-repeat 0 .4em;
			}
			#page #content p.more {
				border-top: 1px solid #ccc;
				padding: .75em 0 0 0;
			}
				#page #content p.more a {
					padding: 2px 0 2px 20px;
					background: url('img/bg_more.gif') no-repeat 0 50%;
				}
			/* info resultats */
			#page #content p.results {
				padding: 0 25px;
				color: #006633;
				font-size: 1.167em;
			}
			/* aliniat dreta */
			#page #content p.right {
				display: inline; /* ie6fh */
				float: right;
				margin: 0 0 .25em 0;
				padding: 1em 0;
				text-align: right;
			}
			/* pujar */
			#page #content p.top {
				margin: 1.5em 0 1em 0;
				border-top: 1px dashed #999;
				padding: 1em 0 0 0;
			}
				#page #content p.top a {
					padding: 2px 0 2px 16px;
					background: url('img/bg_top.gif') no-repeat 0 50%;
				}
			/* sense marge (¡no moure!) */
			#page #content p.nomargin {
				margin: 0;
			}
		/* taules */
		#page #content table {
			width: 651px;
			margin: 0 0 1em 50px;
			border-spacing: 5px;
		}
			#page #content table td {
				vertical-align: top;
				padding: .83em 15px;
				text-align: left;
				background: #edf5d6;
			}
				#page #content table td.center {
					text-align: center;
				}
				#page #content table td img {
					vertical-align: middle;
					margin: 0 5px 0 0;
				}
			#page #content table th {
				vertical-align: top;
				padding: .83em 15px;
				color: #fff;
				text-align: left;
				background: #006633;
			}
		/* llistes */
		#page #content ul {
			margin: 1.25em 0 1.25em 50px;
		}
			#page #content ul li {
				height: 1%;
				margin: 0 0 1em 0;
				padding: 0 0 0 18px;
				background: url('img/bg_ul_li.gif') no-repeat 0 .167em;
			}
				#page #content ul.borders li {
					border-bottom: 1px solid #bbb;
				}
						#page #content ul.borders li ul li {
							border: none;
						}
				#page #content ul li ul {
					margin: .75em 0 1em 0;
				}
					#page #content ul li ul li {
						padding: 0 0 0 10px;
						background: url('img/bg_ul_li_ul_li.gif') no-repeat 0 .333em;
					}
							#page #content ul li ul li ul li {
								background: url('img/bg_ul_li_ul_li_ul_li.gif') no-repeat 0 .333em;
							}
#footer {
	position: relative;
	z-index: 999;
	padding:  30px 20px;
	background: #fff url('img/bg_footer.png') repeat-x;
}
		#footer div.wrapper {
			width: 701px;
			margin: 0 auto;
			padding: 0 0 0 245px;
		}
	#footer ul {
		margin: 0 20px 1em 100px;
	}
		#footer ul li {
			display: inline; /* ie6fh */
			float: left;
			margin-right: 12px;
			border-right: 1px solid #333;
			padding-right: 12px;
		}
			#footer ul li.last {
				padding: 0;
				border: none;
				margin: 0;
			}