html {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #FFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	background-color: #E0E0E0;
}

	body {
		margin: 0 0 0 0;
		padding: 0 0 5px 0;
		/*overflow: hidden;*/
		/*text-align: center;*/
		/*height: 99%;*/
	}
	
/** Element ROOT **/

  * html {
    	overflow-y: hidden;
    }
	
	  * html body {
			height: 100%;
			overflow: hidden;
			padding: 117px 0 0 0;
		}

/** Header **/
		
		div#header {
			height: 117px;
			width: 100%;
			background-color: #FFF;
			position: fixed;
			top: 0;
			left: 0;
			text-align: center;
			/*text-align: left;*/
			_position: absolute;

		}
		
			div#headerCnt {
				width: 749px;
				height: 117px;
				background-image: url(../img/imaHeader.jpg);
				background-position: 30px 0; 
				_background-position: 31px 0; 				
				background-repeat: no-repeat;					
				margin: 0 auto;
			}
			
			div#headerCnt2 {
				width: 749px;
				height: 117px;
				background-image: url(../img/imaHeaderEmpresa.jpg);
				background-position: 30px 0; 
				_background-position: 31px 0; 				
				background-repeat: no-repeat;					
				margin: 0 auto;
			}
			
			div#headerCntP0 {		
				width: 749px;
				height: 117px;
				background-image: url(../img/imaHeaderProdGen.jpg);
				background-position: 30px 0; 
				_background-position: 31px 0; 				
				background-repeat: no-repeat;					
				margin: 0 auto;								
			}
			
			div#headerCntP1 {		
				width: 749px;
				height: 117px;
				background-image: url(../img/imaHeaderProdInt.jpg);
				background-position: 30px 0; 
				_background-position: 31px 0; 				
				background-repeat: no-repeat;					
				margin: 0 auto;								
			}	
			
			div#headerCntP2 {		
				width: 749px;
				height: 117px;
				background-image: url(../img/imaHeaderProdExt.jpg);
				background-position: 30px 0; 
				_background-position: 31px 0; 				
				background-repeat: no-repeat;					
				margin: 0 auto;								
			}	
			
			div#headerCntP3 {		
				width: 749px;
				height: 117px;
				background-image: url(../img/imaHeaderProdParket.jpg);
				background-position: 30px 0; 
				_background-position: 31px 0; 				
				background-repeat: no-repeat;					
				margin: 0 auto;								
			}									
			
			div#headerCnt4 {
				width: 749px;
				height: 117px;
				background-image: url(../img/imaHeaderContacte.jpg);
				background-position: 30px 0; 
				_background-position: 31px 0; 				
				background-repeat: no-repeat;					
				margin: 0 auto;				
			}
			
				a#logo {
					display: block;
					overflow: hidden;
					width: 479px;
					height: 37px;
					text-decoration: none;				
					margin: 34px 16px 0 0;
					_margin: 34px 8px 0 0;
					float: right;
					background-image: url(../img/logo.jpg);
					text-indent: -10000px;
				}
				
			/*	a#logo img {
					border: 0px;
				}*/
				
/** Menu principal i Menu idiomes **/

			div#menu {
				margin: 7px 10px 0 252px;
				padding: 3px 0 0 0;
				/*border: 1px solid;*/
			}
			
				ul#mnuPrincipal {
					list-style: none;
					margin: 0 0 0 0;
					padding: 0px 0 0 0;
				}
				
					li.opcioMnu {
						float: left;
						font-size: 12px;
						background-image: url(../img/separador.jpg);
						background-position: right bottom;
						background-repeat: no-repeat;
						padding: 0 12px 0 10px;
					}
					
					li.lastMnu {
						float: left;
						font-size: 12px;
						padding: 0 0 0 10px;					
					}
					
					ul#mnuPrincipal li a {
						color: #656565;
						font-weight: bold;
						text-decoration: none;
					}
					
					ul#mnuPrincipal li a:hover {
						color: #000;
						font-weight: bold;
					}
					
					a.mnuSelected {
						color: #FE0000 !important;
					}					
				
				ul#mnuIdiomes {
					list-style: none;					
				}
				
					li.opcioIdioma {
						float: right;	
						background-image: url(../img/separadorIdiomes.jpg);
						background-position: right center;
						background-repeat: no-repeat;	
						padding: 0 12px 0 0;																
					}	
					
					li.lastIdioma {
						float: right;	
						padding: 0 5px 0 10px;					
					}
					
						ul#mnuIdiomes li a {
							color: #656565;
							font-weight: bold;
							text-decoration: none;
						}
						
						ul#mnuIdiomes li a:hover {
							color: #000;
						}
						
						a.idiomaSelected {
							color: #FE0000 !important;	
						}																

/** Contingut general **/
		
		div#pagina {
			width: 100%;
			min-height: 370px;
			_height: 100%;
			text-align: center;
			margin: 117px 0 0 0;
			_margin: 117px 0 0 0;
			overflow: hidden;
			background-color: #E0E0E0;
		}
		
			div#contingut {
				width: 749px;
				/*background-position: 22px 0;*/
				/*min-height: 374px;
				_height: 374px;*/
				_height: 100%;
				margin: 0 auto;
				_overflow: hidden; 
				position: relative;
			}		
			
			div#lateral {
				background-image: url(../img/imaContent.jpg);
				background-repeat: no-repeat;
				width: 239px;
				/*height: 354px;*/
				height: 454px;
				margin: 0 0 0 21px;
				_margin: 0 0 0 22px;
				position: fixed;
				_position: absolute;
			}
			
			div#lateral2 {
				background-image: url(../img/imaContentEmpresa.jpg);
				background-repeat: no-repeat;
				width: 239px;
				/*height: 354px;*/
				height: 454px;
				margin: 0 0 0 21px;
				_margin: 0 0 0 22px;
				position: fixed;
				_position: absolute;
			}
			
			div#lateralP0 {
				background-image: url(../img/imaContentProdGen.jpg);
				background-repeat: no-repeat;
				width: 239px;
				/*height: 354px;*/
				height: 454px;
				margin: 0 0 0 21px;
				_margin: 0 0 0 22px;
				position: fixed;
				_position: absolute;
			}
			
			div#lateralP1 {
				background-image: url(../img/imaContentProdInt.jpg);
				background-repeat: no-repeat;
				width: 239px;
				/*height: 354px;*/
				height: 454px;
				margin: 0 0 0 21px;
				_margin: 0 0 0 22px;
				position: fixed;
				_position: absolute;
			}	

			div#lateralP2 {
				background-image: url(../img/imaContentProdExt.jpg);
				background-repeat: no-repeat;
				width: 239px;
				/*height: 354px;*/
				height: 454px;
				margin: 0 0 0 21px;
				_margin: 0 0 0 22px;
				position: fixed;
				_position: absolute;
			}	
			
			div#lateralP3 {
				background-image: url(../img/imaContentProdParket.jpg);
				background-repeat: no-repeat;
				width: 239px;
				/*height: 354px;*/
				height: 454px;
				margin: 0 0 0 21px;
				_margin: 0 0 0 22px;
				position: fixed;
				_position: absolute;
			}											
			
			div#lateral4 {
				background-image: url(../img/imaContentContacte.jpg);
				background-repeat: no-repeat;
				width: 239px;
				/*height: 354px;*/
				height: 454px;
				margin: 0 0 0 21px;
				_margin: 0 0 0 22px;
				position: fixed;
				_position: absolute;
			}									
			
			div#fons {
				_height: 100%;
				background-image: url(../img/bgCentre.jpg);
				background-repeat: no-repeat;
				background-position: 263px 0;	
				min-height: 350px;
			}
			
			div#scrollContent {
				_overflow: auto;
				_height: 100%;
				padding: 1px 0 0 0;
				_padding: 0 0 0 0;
			}
			
			div#capsa {
				min-height: 444px;
				_height: 444px;
			}
			
			div#capsaTemp {
				min-height: 244px;
				_height: 244px;
			}
			
/** Contingut Inici **/			
			
			div#capsaTemp div#textInici {
				font-size: 14px;
				text-align: center;
				margin-top: 50px;
				
			}
			
			div#textInici {
				text-align: justify;
				margin: 10px 10px 0 275px;
				color: #555555;
			}
			
				div#infoProductes {
					margin: 20px 0 0 275px;
					_margin: 20px 0 0 275px;
				}
				
					h1.titolSeccio {
						margin: 0 0 10px 0;	
						padding: 0 0 0 0;
						font-size: 11px;
						text-align: left;										
					}
					
						h1.titolSeccio a {
							text-decoration: none;
							color: #545454;
							background-image: url(../img/fletxa.gif);
							background-position: left center;
							background-repeat: no-repeat;
							padding: 0 0 0 15px;
						}
						
						div#seccio1 {
							width: 133px;
							float: left;
							margin: 0 12px 0 18px;
							_margin: 0 12px 0 9px;
							text-align: center;
							/*border: 1px solid;*/
						}
						
						div#seccio2 {
							width: 133px;
							float: left;
							text-align: center;
							margin: 0 12px 0 0;
							/*border: 1px solid;*/
						}
						
						div#seccio3 {
							width: 133px;
							float: left;
							text-align: center;
							/*border: 1px solid;*/
						}
						
						a.fotoTerra {
							overflow: auto;
							display: block;
							width: 55px;
							height: 55px;
							float: left;
						}
						
						a.marge {
							margin: 0 11px 0 6px;
							_margin: 0 11px 0 2px;
						}
						
						label.subtitol {
							display: block;
							padding: 0 0 8px 0;	
							font-weight: bold;
						}
						
						label.subtitol a {
							text-decoration: none;
						}
						
						a.aTitolGrup {
							color: #9D201E;					
						}
						
						a.aTitolGrup:hover {
							color: #000;					
						}	
						
/** Contingut Empresa **/

			div#textEmpresa {
				margin: 0 10px 0 275px;
				/*_margin: 0 0 0 0px;*/
				padding: 1px 0 1px 0;
				_padding: 1px 0 0 0;
				text-align: justify;
				color: #555555;
			}
			
				img.fotoEmpresa {
					margin: 15px 12px 20px 20px;
					_margin: 23px 12px 20px 20px;
				}	
				
/** Contingut Contactar **/

			div#textContactar {
				margin: 0 0 0 275px;
				_margin: 10px 0 0 250px;
				/*_margin: 0 0 0 0px;*/
				padding: 1px 0 1px 0;
				_padding: 1px 0 0 0;
				text-align: justify;
				color: #555555;
				width: 450px;
			}
			
				div#textContactar a {
					text-decoration: none;
					color: #000;
				}
				
				div#textContactar a:hover {
					color: #FE0000;
				}
				
			form#frmContactar {
				padding: 0 0 0 0;
				margin: 10px 0 0 275px;
				/*_margin: 10px 0 0 250px;*/
				/*width: 450px;  */
			}
			
				form#frmContactar label {
					display: block; 
					width: 150px;
					float: left;
					text-align: right;					
					/*border: 1px solid;*/
					padding:  2px 0 1px 0;
					margin: 0 10px 0 0;
					_margin: 2px 10px 0 0;
					font-size: 11px;
				}
				
				input.capsaText {
					width: 200px;
					font-size: 11px;
					margin: 0 0 2px 0;
					_margin: 2px 0 0 0;
					float: left;					
				}
				
				form#frmContactar textarea {
					margin: 0 0 0 0;
					_margin: 2px 0 0 0;
					padding: 0 0 0 0;
					float: left;
					width: 200px;
					height: 100px;
					font-size: 11px;
					font-family:Arial, Helvetica, sans-serif;
				}
				
					input#btnConsultar {
						border: none;
						width: 80px;
						float: right;
						margin: 10px  113px 0 0;
						color: #FFF;
						background-color: #555555;
						/*font-weight: bold;*/
						font-size: 11px;
					}
					
					p.obligatoris {
						font-weight: bold;
						/*border: 1px solid;*/
						float: left;						
						width: 148px;
						margin: 0 0 0 11px;
						_margin: 0 0 0 6px;
						padding: 8px 0 0 0;											
					}
					
					form#frmContactar img {
						margin: 0 3px 0 0;
					}
					
					p.msg {
						text-align: left;
						font-weight: bold;
						margin: 0 0 10px 0;
						padding: 0 0 0 0;
						color: #FE0000;
					}
					
					span.remarcar {
						font-weight: bold;
					}
					
/** Contingut Productes **/

			div#pathProductes {
				margin: 15px 20px 20px 275px;
				padding: 5px 0 5px 0;
				text-align: left;
				font-size: 11px;
				border-bottom: 1px dotted;
				border-top: 1px dotted;
			}
			
				div#pathProductes a {
					text-decoration: none;
					color: #FF0000;
					/*font-weight: bold;*/
					margin: 0 5px 0 5px;
				}
				
				div#pathProductes a:hover {
					color: #000;
				}
				
				a.aPrimer {
					margin: 0 5px 0 0 !important;
					padding: 0 0 0 0;
				}	
				
				div#fitxaProducte {
					min-height: 250px;
					_height: 230px;
				}			
									
 				div#fitxaProducte img {
					margin: 4px 20px 5px 15px;
				}
				
				div#titolProducte {
					margin: 5px 20px 0 275px;
					text-align: justify;
					color: #0002FF;
					font-weight: bold;
				}
				
				div#textProducte {
					margin: 5px 20px 0 275px;
					text-align: justify;
				}
				
				div#llistaFamilies {
					margin: 5px 20px 0 275px; 
				}
				
					a.aFamilia {												
						display: block;
						font-weight: bold;
						color: #656565;
						text-decoration: none;	
						text-align: left;	
						border-bottom: 1px solid;	
						padding: 5px 10px 5px 0;							
					}
					
					a.aFamilia:hover {
						color: #000;
					}
					
					div#textSubfamilia {
						text-align: justify;
						color: #656565
					}
				
				div#llistaSubfamilies {
					margin: 5px 20px 0 275px; 
				}
				
				div#llistaProductes {
					margin: 5px 20px 0 275px;
					height: 288px;
					border: 2px solid #FFF;
					overflow: auto;
				}
				
					div#producte {						
						text-align: left;
						padding: 5px 5px 5px 5px;
						margin: 5px 5px 5px 5px;
						min-height: 50px;
						_height: 60px;
					}
					
					.color0 {
						background-color: #EFEFEF;
					}
					
					.color1 {
						background-color: #FBFBFB;
					}
					
						div#infoMiniatura {
							margin: 0 0 0 60px;
						}
						
						h1#nomMiniatura {
							margin: 0 0 0 0;
							padding: 0 0 0 0;
							font-size: 11px;
							font-weight: bold;
						}
						
							h1#nomMiniatura a {
								text-decoration: none;
								color: #000;
							}
							h1#nomMiniatura a:hover {
								color: #656565;
							}
							
						
						div#textMiniatura {
							text-align: justify;
							padding: 0 5px 0 0;
							margin: 0 0 0 0;
						}
						
						   div#textMiniatura p {
                  _margin-top: 5px;
                  _margin-bottom: 5px;
               } 
				
				p.msgError {
					color: #FE0000;
					font-weight: bold;
				}
/** Footer **/			
			
			div#footer {
				height: 40px;
				text-align: center !important;	
				width: 460px;
				/*margin: 37px 0 0 260px;
				_margin: 57px 0 0 260px;*/
				margin: 0 0 0 260px;
				_margin: 0 0 0 260px;				
				/*border: 1px solid;*/
			}
			
				div#footerCnt {
					color: #707070;
					font-size: 10px;
					width: 460px;
					padding: 5px 0 0 0;
				}
				
					div#footerCnt a {
						text-decoration: none;
						color: #4D4D4D;
					}
					
					div#footerCnt a:hover {
						color: #FE0000 !important;
						text-decoration: underline;
					}