/* Escola Massana */

/* Fulla d'estils general */



	/* Redefinicio de tags generals */

		body {
			margin: 0;
			padding: 0;
			color: #333;			
			font-size: 62.5%;
			font-family: Tahoma, Arial, Verdana, sans-serif;
		}

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

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

		.hidden {
			display: none;
		}

		a img {
			border: none;
		}



	/* Layout general */
	
		#wrapper {
			width: 96.8em;
			padding: 0 1.6em;
			margin: 0 auto;
			background: url("../images/etiqueta_escola_massana.gif") no-repeat right 25em;			
		}

		#marc-web {			
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			width: auto;
			overflow: hidden;			
		}




	/* Header */
	
		#header {
			position: relative;
			height: 14.2em;			
			border-top: 1px solid #fff;			
		}
		
			#header h1 {
				position: absolute;
				top: 48px;
				right: 225px;
			}
			
			#header p.uab {
				position: absolute;
				top: 106px;
				right: 292px;
			}
		
		/* Imatges de fons de cada seccio */
		
			#seccio-1 #header {
				background: #D82E39 url("../images/header/header_home.jpg") no-repeat right 2.7em;
			}
		
			#seccio-21 #header,
			#seccio-default #header {
				background: #9A2128 url("../images/header/header_escola.jpg") no-repeat right 2.7em;
			}
			#seccio-27 #header {
				background: #6B3600 url("../images/header/header_oferta.jpg") no-repeat right 2.7em;
			}
			#seccio-32 #header {
				background: #1D5262 url("../images/header/header_gestio.jpg") no-repeat right 2.7em;
			}
			#seccio-35 #header {
				background: #293D00 url("../images/header/header_accio.jpg") no-repeat right 2.7em;
			}
			#seccio-36 #header {
				background: #183C60 url("../images/header/header_relacions.jpg") no-repeat right 2.7em;
			}
			#seccio-72 #header {
				background: #597600 url("../images/header/header_noticies.jpg") no-repeat right 2.7em;
			}								
			
		/* */
		
			#seccio-principal {
				padding: 7em 3em 0 3em;
			}
			
				#seccio-principal h2,
				#seccio-principal p.breadcrumb,
				#seccio-principal p.breadcrumb a {
					color: #fff;
				}
				
				#seccio-principal h2 {
					font-size: 2.8em;
					font-weight: normal;
				}
			
				#seccio-principal p.breadcrumb {
					margin-top: .5em;
				}
				
					#seccio-principal p.breadcrumb a {
						text-decoration: underline;
					}

	/* Menu idiomes */
	#barra-corporativa ul#idiomes li a {
		font-weight: normal;
	}
	
		#barra-corporativa ul#idiomes li.selected a {
			font-weight: bold;
		}


	/* Menu principal */
		
		#menu-principal {
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
		
		#header .seccio-21,
		#header .seccio-default { background-color: #d82e39; }
		#header .seccio-27 { background-color: #e07000; }
		#header .seccio-32 { background-color: #2F849F; }
		#header .seccio-35 { background-color: #527900; }
		#header .seccio-36 { background-color: #1e4b78; }
		#header .seccio-72 { background-color: #8cbb00;	}

			#menu-principal ul {
				margin: 0 3em;
				height: 2.7em;
			}

			#menu-principal li {
				color: #fff;
				font-size: 1.2em;
				font-family: Arial, Tahoma, Verdana, sans-serif;
				float: left;
				margin: .5em 1em 0 0;
				padding-right: 1em;
				border-right: 1px solid #fff;
			}

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

				#menu-principal li a {
					color: #fff;
					text-decoration: none;
				}

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




	/* Seccio secundaria */
	
		#seccio-secundaria {
			position: relative;
			z-index: 1;
			background-color: #F7F7F7;
			border-bottom: 1px solid #ccc;
		}

			#seccio-secundaria h3 {
				color: #000;
				font-size: 2em;
				font-weight: normal;
				padding: .5em 1.5em;
			}

			#seccio-secundaria ul {
				bottom: -1px;
				overflow: hidden;
				padding-left: 2em;
				position: relative;
				height: 2.7em;
				z-index: 2;
			}
			
				#seccio-secundaria ul li {
					position: relative;
					z-index: 1;
					float: left;
					font-size: 1.2em;
					font-weight: bold;					
				}
				
					#seccio-secundaria ul li.selected {
						border: 1px solid #ccc;
						border-bottom: none;
						background-color: #fff;
					}
				
					#seccio-secundaria ul li a {
						color: #333;
						display: block;
						padding: .5em 1.5em;
					}




	/* Contingut */
	
		#content {
			clear: both;
			width: 100%;
			overflow: hidden;
			min-height: 20em;
			padding-bottom: 4em;
			position: relative;
		}




	/* Footer */
	
		#footer {
			width: 100%;
			overflow: hidden;
			clear: both;
		}
		
			#footer address {
				color: #333;
				float: left;
				margin: 1em;
				font-style: normal;
				font-size: 1.1em;
			}
			
				#footer address span {
					color: #D82E39;
				}
				
			#footer ul {
				float: right;
				margin: 1em;
			}

				#footer ul li {
					float: left;
					font-size: 1.1em;
					padding-right: 1em;
					margin-right: 1em;
					border-right: 1px solid #ccc;
				}
					
					#footer ul li.last {
						padding-right: 0;
						margin-right: 0;
						border-right: none;
					}
					
					#footer ul li.contactar {						
						padding-left: 25px;
						background: url("../images/icona_correu.gif") no-repeat left center;						
					}
					
						#footer ul li.contactar a {
							color: #D82E39;
						}
				
					#footer ul li a {
						color: #333;
						text-decoration: underline;
					}