/* Grassoler */

/* Estils generals */



	/* Elements generals */

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

		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;
		}
		
		p, a {
			color: #454445;
		}



	/* Capcalera */

		#capcalera {
			height: 14em;
			overflow: hidden;
			background-color: #fff;
		}

			#capcalera .contingut {
				width: 90.7em;
				overflow: hidden;
				padding: 1.2em;
				margin: 0 auto;
			}
			
			
			/* Posicionament del logo */
			
				#capcalera .contingut h1 {
					float: left;
					margin-top: 2em;
				}
					
			/* Selector d'idiomes */
				
				#menu-idiomes ul {
					float: right;
				}
				
					#menu-idiomes ul li {
						color: #999;
						font-size: 1.1em;
						display: inline;
						padding-left: .7em;
						margin-left: .7em;
						border-left: 1px solid #999;
					}

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

						#menu-idiomes ul li a {
							color: #999;
							text-decoration: none;
							
						}

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



			/* Menu principal */

				#menu-principal ul {
					float: right;
					clear: right;
					margin-top: 5em;
					margin-bottom: 2.2em;
					*margin-bottom: 2.4em;
				}

					#menu-principal ul li {
						float: left;
					}
									
						#menu-principal ul li a {
							color: #333;
							font-size: 1.3em;
							display: block;
							padding: .1em .8em;
							border-left: 1px solid #333;
						}
						
							#menu-principal ul li.first a {
								padding-left: 0;
								margin-left: 0;
								border-left: none;
							}
							
							#menu-principal ul li.productes a {
								text-align: center;
								background-color: #D8D9D4;
								padding: .1em 0;
								margin-left: 2px;
								border-left: none;
								width: 83px;
							}
							
							#menu-principal ul li a.selected {
								font-weight: bold;
							}
							
							#menu-principal ul li.productes a.selected {
								color: #fff;
								font-weight: normal;
								background-color: #454445;
							}
						
							#menu-principal ul li a {
								color: #333;
								text-decoration: none;
							}
							
								#menu-principal ul li a:hover {
									text-decoration: underline;	
								}




	/* Contenidor principal */

		#pagina {
			width: 90.7em;
			padding: 0 1.2em 1.2em 1.2em;
			margin: 0 auto;
			background-color: #fff;
			overflow:hidden;			
		}
		
		#pagina .noProducts {
			margin: 150px 0 150px 0;
			text-align: center;
			font-size: 2em;
		}
		
		
		
	/* Llistat Index */
	
		#llistat-index {
			background-color: #ffffff;
		}
			
			#llistat-index h3{
				margin-left: 0 !important;
			}
		
			#llistat-index ul {
				margin: .5em 0 2.5em 0;
				color: #666;				
				font-size: 1.2em;
			}			
						
				#llistat-index ul li a {
					text-align: center;
					background: url("../images/icona_fletxa.gif") no-repeat left .5em;
					padding: .1em 1em;
					margin-left: 0;
					border-left: none;
					color: #666;
					text-decoration: none;
					line-height: 1.7em;
				}
			
					#llistat-index  ul li a:hover {
						text-decoration: underline;	
					}	
		
		
		
	/* Footer */

		#footer {
			width: 90.7em;
			overflow: hidden;
			padding: 1.2em;
			margin: 0 auto;
		}
		
			#footer address {
				font-style: normal;
				float: left;
			}
			
			#footer ul {
				float: right;
			}
		
			#footer address,
			#footer ul {
				font-size: 1.2em;
			}
		
			#footer address,
			#footer ul li,
			#footer a {
				color: #fff;
			}
						
			#footer ul li {
				display: inline;
				padding-left: .8em;
				margin-left: .8em;
				border-left: 1px solid #fff;
			}
			
				#footer ul li.first {
					padding-left: 0;
					margin-left: 0;
					border-left: none;
				}