/* Declaracio */

/* Fulla d'estils */



	/* Elements generals */

		body {
			margin: 0;
			padding: 0;

		  font-family: Arial, Verdana, sans-serif;
		  font-size: 62.5%;
		  color: #333333;
			background: #E0DED8 url("../images/background.gif") repeat-y center top;
		}

		ul, ol, li {
			margin: 0;
			padding: 0;
		}

		h1, h2, h3, h4, h5 , h6 {
			margin: 0;
			padding: 0;
		}

		.hidden {
		  height: 0;
		  width: 0;
		  overflow: hidden;
		  position: absolute;
		}



	/* Layout general */

		#super {
			width: 77.8em;
			margin: 0 auto;
			border-left: 1px solid #fff;
			border-right: 1px solid #fff;
			background-color: #fff;
		}



	/* Capcalera */

		#header {
			position: relative;
			
			background-color: #DBD8D2;
			padding: 1.8em 4.1em;
		}
		
			#header .logo {
				position: absolute;
				top: 1em;
				right: 1em;
			}



	/* Menu principal */

		#menu-principal {
			display: block;
			width: 100%;
			background-color: #DBD8D2;
		}

			#menu-principal ul {
				padding: 2em 4.1em 1em 4.1em;
				width: 60em;
				overflow: hidden;
			}

				#menu-principal ul li {
					font-size: 1.5em;
					display: block;
					float: left;

					margin-left: 1em;
					padding-left: 1em;
					border-left: 1px solid #504A41;
				}

					#menu-principal ul li.first {
						border-left: none;
						margin-left: 0;
						padding-left: 0;
					}

					#menu-principal ul li strong {
						color: #C60000;
					}

					#menu-principal ul li a {
						color: #504A41;
						text-decoration: none;
					}

						#menu-principal ul li a:hover {
							text-decoration: underline;
						}



	/* Menu principal */

		#menu-local {
			display: block;
			width: 100%;
			border-top: 1px solid #B9B4A8;
			background: #EEEDEA url("../images/background_menu_local.gif") repeat-x left top;
		}

			#menu-local ul {
				padding: .6em 4.1em;
				width: 60em;
				overflow: hidden;
			}

				#menu-local ul li {
					font-size: 1.2em;
					display: block;
					float: left;

					margin-right: 1em;
					padding-right: 1em;
					border-right: 1px solid #504A41;
				}

					#menu-local ul li.last {
						border-right: none;
						margin-right: 0;
						padding-right: 0;
					}

					#menu-local ul li strong {
						color: #C60000;
					}

					#menu-local ul li a {
						color: #504A41;
						text-decoration: none;
					}

						#menu-local ul li a:hover {
							text-decoration: underline;
						}



	/* Contingut */

		#contingut {
			padding: 4em 4.1em 8em 4.1em;
		}

		#contingut h2 {
			margin-bottom: .5em;
			font-size: 2.8em;
			font-weight: normal;
			color: #C60000;
		}

		#contingut h3 {
			margin-bottom: .5em;
			font-size: 2em;
			font-weight: normal;
			color: #C60000;
		}

		#contingut h4 {
			margin-bottom: .5em;
			font-size: 1.4em;
			color: #C60000;
		}

		#contingut p,
		#contingut li {
			color: #666;
		}

		#contingut p {
			margin-bottom: 1em;
			font-size: 1.4em;
		}

		#contingut a {
			color: #666;
			text-decoration: underline;
		}

		#contingut ul,
		#contingut ol {
			font-size: 1.4em;
			margin-bottom: 1em;
			margin-left: 2.5em;
		}

			#contingut ul li,
			#contingut ol li {
				padding: .5em 0;
			}

			#contingut ol.upper-roman li {
				list-style-type: upper-roman;
			}

			#contingut ol.lower-alpha li {
				list-style-type: lower-alpha;
			}


		#contingut address {
			padding: 1em 1.5em;
			font-size: 1.3em;
			line-height: 1.4em;
			background-color: #eee;
			font-style: normal;
			color: #333;
		}
		
			#contingut address a {
				color: #333;
			}

		#contingut .tornar-amunt {
			padding: 1em .5em;
			margin-bottom: 3em;
			font-size: 1.2em;
			text-align: right;
			border-bottom: 1px dotted #B9B4A8;
		}

		#contingut .tornar-amunt a {
			color: #666;
			padding-right: 2em;
			background: url("../images/fletxa-tornar-amunt.gif") no-repeat right center;
		}

		#contingut ul li ul {
			margin-top: .5em;
			margin-left: 1em;
		}

		#contingut ul li ul li {
			font-size: .6em;
			padding: .3em 0;
		}

		#contingut ul.ciutats a {
			cursor: pointer;
		}