/* Art del Treball */

/* Estils generals */

	
	
	/* Elements generals */
	
		body {
			font-family: Arial, Verdana, sans-serif;
			margin: 0;
			padding: 0;
			color: #333;
			font-size: 62.5%;
			background-color: #FBFBFB;
		}

		div {
			margin: 0;
			padding: 0;
		}

		dl, dt, dd {
			margin: 0;
			padding: 0;
		}

		ul, li {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		p,
		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			padding: 0;
			margin: 0;
			font-size: 1em;
		}
		
		img {
			border: 0;
		}

		.hidden {
		  height: 0;
		  width: 0;
			overflow: hidden;
		  position: absolute;
		}
		
		a,
		p {
			color: #333;
		}



	/* Layout general */
	
		#super {
			width: 100em;			
			margin: 0 auto;
		}
		
		

	/* Zona de contingut */
	
		#contingut {
			float: left;
			width: 75em;
			padding-bottom: 5em;
		}
		
			#contingut p.breadcrumb {
				color: #666;
				font-size: 1.1em;
				padding: .5em 7.9em 0 7.9em;
			}
			
				#contingut p.breadcrumb a {
					color: #666;
				}
		
	
	
	/* Marc web */
		
		#marc-pagina {
			width: 98em;
			overflow: hidden;
			padding: 0 1em 1em 1em;
			border-left: 1px solid #E4E4E4;
			border-right: 1px solid #E4E4E4;
			border-bottom: 1px solid #E4E4E4;
			background-color: #fff;			
		}
		
		#contenidor-elements {
			width: 100%;
			overflow: hidden;
			background: #fff url("../images/background-lateral.gif") repeat-y 76em top;
		}
		
		
		
	/* Barra corporativa */
		
		#barra-corporativa {
			margin-bottom: 1em;
		}
		
		
		
	/* Capcalera */
	
		#capcalera {
			float: left;
		}
		
			#capcalera h1 img {
				width: 75em;
			}
	
	
	
	/* Zona lateral */	
	
		#lateral {
			float: right;
			width: 18em;
			padding: 1.5em 2em;
			background-color: #EFEFEF;
		}


		
			/* Menu principal */
			
				#lateral ul.menu-principal {					
					margin-bottom: 5em;
				}
				
					#lateral ul.menu-principal a {
						color: #000;
						text-decoration: none;
					}
					
						#lateral ul.menu-principal a:hover {
							text-decoration: underline;
						}
				
					#lateral ul.menu-principal li {
						padding: .5em 0;
						font-size: 1.4em;
						border-bottom: 1px solid #fff;
					}
					
						#lateral ul.menu-principal li.last {
							border-bottom: none;
						}
					
						#lateral ul.menu-principal li ul {
							padding: .5em 0;
							border-top: none;
						}
						
							#lateral ul.menu-principal li ul li {
								padding: .2em 0 .2em 1.4em;
								font-size: .8em;							
								border-bottom: none;
								background: url("../images/li-menu-principal.gif") no-repeat .5em .5em;
							}
							
								#lateral ul.menu-principal li ul li a {
									color: #666;
								}
								
								#lateral ul.menu-principal li .selected,
								#lateral ul.menu-principal li .selected a {
									color: #c00;
								}
								
								
								
			/* Continguts relacionats */
			
				#lateral ul.relacionats {
				}
				
					#lateral ul.relacionats li {
						font-size: 1.1em;
						margin-bottom: 2em;
						*margin-bottom: -0.7em;
					}
					
						#lateral ul.relacionats li strong {
							font-size: 1.1em;
						}
					
						#lateral ul.relacionats li a {
							color: #333;
						}
						
						#lateral ul.relacionats li img {
							display: block;
							padding-bottom: .3em;
						}
		


			/* Enllacos relacionats */			

				#lateral h2.enllacos-relacionats {
					padding: .3em .5em;
					margin-top: 3em;
					color: #fff;
					font-size: 1.2em;
					font-weight: normal;
					background-color: #c00;
				}
				
				#lateral ul.enllacos-relacionats {
					padding-top: .5em;
				}
				
					#lateral ul.enllacos-relacionats li {
						color: #333;
						font-size: 1.1em;
						margin: .5em;
						padding-left: 1em;
						background: url("/site/images/li-enllacos-relacionats.gif") no-repeat .3em .5em;
					}
					
						#lateral ul.enllacos-relacionats li a {
							color: #333;
							text-decoration: none;
						}
						
							#lateral ul.enllacos-relacionats li a:hover {
								text-decoration: underline;
							}
							
		
		
	/* Footer */
	
		#footer {
			width: 98em;
			overflow: hidden;
			padding: 1em;
		}
		
			#footer address {
				float: left;
				color: #666;
				font-size: 1.2em;
				font-style: normal;
			}
			
				#footer address a {
					color: #D82E39;
					text-decoration: underline;
				}
			
			#footer ul {
				float: right;
			}
			
				#footer ul li {
					display: inline;
					font-size: 1.2em;
					padding-left: .5em;
					margin-left: .5em;
					border-left: 1px solid #666;
				}
				
					#footer ul li.first {
						padding-left: 0;
						margin-left: 0;
						border-left: none;
					}
				
					#footer ul li a {	
						color: #666;
						text-decoration: underline;
					}