/* El Molí dels Teigells */

/* Fulla d'estils general */



	/* Elements generals */

		body {
			margin: 0;
			padding: 0;
			font-size: 62.5%;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			background-color: #171411;
			min-width: 78em;
		}

		ul,
		li {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		.hidden {
			display: none;
		}

		h1, h2, h3, h4, h5, h6 {
			margin: 0;
			padding: 0;
		}
		
		a img {
			border: 0;
		}
		
		
		
		
	/* Header */
	
		#header {
			width: 76em;
			padding: 1em;
			margin: 0 auto;
		}
		
			#header .languages {
				float: right;
			}
				
				#header .languages li {
					color: #fff;
					float: left;
					padding-right: .7em;
					margin-right: .5em;
					background: url("../images/separator_idiomes.gif") no-repeat right center;
				}
				
					#header .languages li.last {
						background: none;
					}
				
					#header .languages li a {
						color: #fff;
						text-decoration: none;
					}
					
						#header .languages li a:hover {
							text-decoration: underline;
						}
			
			#header .logo {
				
			}

			#header #language-menu {
				float: right;
				width: 20em;
				padding: 0;
				margin: 0;
				text-align: right;
			}
			
				#header #language-menu li {
					display: inline;
				}
				
					#header #language-menu li a {
						color: #fff;
						margin: 0 .3em 0 0;
						padding: 0 .6em 0 0;
						border-right: 1px solid #fff;
					}
					
					#header #language-menu li a:hover {
						text-decoration: none;
					}
					
					#header #language-menu li.selected a {
						text-decoration: none;
						font-weight: bold;
					}
					
					#header #language-menu li.last a {
						margin-right: 0;
						padding-right: 0;
						border: none;
					}


	/* Main menu */

		#main-menu {
			background-color: #333;
		}
		
			#main-menu h2 {
				display: none;
			}

			#main-menu ul {
				width: 78em;
				overflow: hidden;
				margin: 0 auto;
			}

				#main-menu ul li {
					float: left;
					font-size: 1.2em;
				}

					#main-menu ul li a {
						padding: .8em 2em;
						display: block;
						color: #fff;
						text-decoration: none;
					}

						#main-menu ul li a:hover {
							text-decoration: underline;
						}
						
						.section-1 #main-menu ul li.selected a { background-color: #bbbb3e; }
						.section-2 #main-menu ul li.selected a { background-color: #418D48; }
						.section-3 #main-menu ul li.selected a { background-color: #f0f; }
						.section-4 #main-menu ul li.selected a { background-color: #ccc; }
						.section-5 #main-menu ul li.selected a { background-color: #ccc; }




	/* Local menu */

		.local-menu {
			height: 10em;
		}
		
			/* Local menu background colors by section */
			
				.section-1 .local-menu { background-color: #bbbb3e; }
				.section-2 .local-menu { background-color: #418D48; }
				.section-3 .local-menu { background-color: #f0f; }
				.section-4 .local-menu { background-color: #ccc; }
				.section-5 .local-menu { background-color: #ccc; }
				
				.section-1 #text h3 { color: #959531; }
							
				
			/* Local menu background images by section */
		
				.section-1 .local-menu { background-repeat: no-repeat; background-position: center top; }				
				.section-1 .n7 { background-image: url("../images/background_local_1.jpg");}
				.section-1 .n8 { background-image: url("../images/background_local_2.jpg");}
				.section-1 .n9 { background-image: url("../images/background_local_3.jpg");}
				.section-1 .n23 { background-image: url("../images/background_local_1.jpg");}
				.section-1 .n10 { background-image: url("../images/background_local_1.jpg");}
				
				.section-2 .local-menu { background-repeat: no-repeat; background-position: center top; }
				.section-2 .n3 { background-image: url("../images/background_local_5.jpg"); }
				
				.section-3 .local-menu { background-repeat: no-repeat; background-position: center top; }
				.section-3 .n4 { background-image: url("../images/background_local_6.jpg"); }

				.section-5 .local-menu { background-repeat: no-repeat; background-position: center top; }
				.section-5 .local-menu { background-image: url("../images/background_local_4.jpg"); }
		
		
			.local-menu h2 {
				display: none;
			}

			.local-menu ul {
				width: 78em;
				overflow: hidden;
				padding-top: 7.5em;
				margin: 0 auto;
			}
			
				.local-menu ul li {
					float: left;
					padding-left: .8em;
					margin-left: .8em;
					border-left: 1px solid #fff;
					font-size: 1.2em;
				}
				
					.local-menu ul li.last {
						padding-right: 0;
						margin-right: 0;
						border-right: none;
					}
					
					.local-menu ul li.first {						
						border-left: none;
					}					
				
				.local-menu ul li a {
					color: #fff;
					text-decoration: none;
					display: block;
				}
				
					.local-menu ul li a:hover {
						text-decoration: underline;
					}
				
				.local-menu ul li strong {
					color: #000;
					font-weight: normal;
				}




	/* Content */

		#content {
			background: #fff url("../images/background_content.gif") repeat-x left top;
		}
		
		#content-index {
			text-align: center;
			background: #fff url("../images/background_content_index.gif") repeat-x left top;
		}
		
		#content-index-image {
			height: 416px;	
			background: transparent url("../images/background_content_index_image.jpg") no-repeat center top;
		}

		#text {
			width: 74em;
			overflow: hidden;
			padding: 2em 2em 5em 2em;
			margin: 0 auto;
		}
		
			#text h3,
			#text h4 {
				color: #666;
			}

			#text h3 {
				font-size: 1.8em;
			}

			#text h4 {
				font-size: 1.2em;
				margin-top: 1.5em;
			}

			#text p {
				color: #666;
				font-size: 1.2em;
				line-height: 1.5em;
				margin-bottom: 1.5em;
			}

			#text ul {
			}

				#text ul li {
					color: #666;
					font-size: 1.2em;
					margin: .7em .5em .7em .5em;
					padding: 0 .7em;
				}
				
				/* List styles by main section */
				
					.section-1 #text ul li { background: url("../images/li_text_1.gif")	no-repeat left .4em; }
					.section-4 #text ul li { background: url("../images/li_text_4.gif")	no-repeat left .4em; }
				
				
			#text .image-left {
				float: left;
				clear: left;
				margin: 1em 6em 2em 0;
			}
			
			#text .image-right {
				float: right;
				clear: right;
				margin: 0 0 2em 2em;
			}




	/* Footer */

		#footer {
			width: 74em;
			padding: 2em;
			margin: 0 auto;
		}

			#footer address {
				color: #fff;
				font-size: 1em;
				font-style: normal;
			}

				#footer address a {
					color: #fff;
				}