/* CSS Document */

h2 {
	_margin-top: 10px;
	font-size: 18px;
}

.fLeft {
	float: left;
	display: inline;
}

.fRight {
	float: right;
	display: inline;
}

.fNone {
	float: none;
}

.mTop1 {
	margin-top: 10px;
}

.mRight1 {
	margin-right: 15px;
}

.mLeft1 {
	margin-left: 15px;
}

.mLeft2 {
	margin-right: 25px;
}

.border {
	border: 1px solid #023200;
}

.w100 {
	width: 100% !important;
}

.w90 {
	width: 90% !important;
}

.cWhite {
	color: #fff;
}

.aCenter {
	text-align: center !important;
}

.aRight {
	text-align: right !important;
}

form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

	fieldset {
		margin-left: 20px;
		width: 90%;
		border: 1px solid #023200;
		padding: 20px 10px 10px 10px;
		_padding: 10px 10px 10px 10px;
	}
	fieldset.buscador {
		width: 93%;
		margin-left: 0px;
		padding: 10px 5px 10px 5px !important;
		_padding: 5px 5px 10px 5px !important;
	}
	
		legend {
			font-weight: bold;
			_margin-bottom: 20px;
		}
		
		fieldset.buscador legend {
			_margin-bottom: 10px;
		}

	label {
		width: 25%;
		float: left;
		padding-top: 2px;
		padding-bottom: 5px;
		padding-left: 20px;
	}
	
	input.text, textarea.text, button.text, select.text {
		border: 0px;
		width: 65%;
		background-color: #95C895;
	}
	
	td input.text, td select.text {
		width: 100%;
	}
	
	select.text {
		border: 1px solid #023200;
	}
	
	input.button, button {
		float: right;
		background-color: #95C895;
		border: 1px solid #023200;
	}
	
	

body {
	margin: 0 0 0 0;
	text-align: center;
	font-family: Tahoma;
	background-color: #006633;
	font-size: 12px;
}

body.intro {
	background-color: #cccccc;
	background-image: url(../img/bgPresent.jpg);
	background-repeat: repeat-x;
}

#mainPage {
	display: block;
	margin: 0 auto;
	margin-bottom: 30px;
	width: 780px;
	position: relative;
	text-align: left;
	line-height: 14px;
}

	p.skipIntro {
		text-align: right;
	}
		
		p.skipIntro a, p.skipIntro a:active, p.skipIntro a:visited, p.skipIntro a:link {
			text-decoration: none;
			color: #666666;
		}
		
		p.skipIntro a:hover {
			color: #000;
		}
	
	#mainPage p a, #mainPage p a:active, #mainPage p a:visited, #mainPage p a:link  {
		text-decoration: none;
		color: #fff;
	}
	
	#mainPage p a:hover {
		color: #000;
	}
	
	#header {
		background-image: url(../img/capcalera.jpg);
		background-repeat: no-repeat;
		height: 134px;
		width: 780px;
		position: relative;
	}
	
		#header #logo {
			position: relative;
			top: 44px;
			left: 18px;
		}
	
	#content {
		background-color: #006633;
		background-image: url(../img/bgContent.jpg);
		background-repeat: repeat-x;
		min-height: 340px;
		_height: 340px;
	}
	
		#menu {
			width: 180px;
			float: left;
			position: absolute;
		}
		
			#menu ul {
				margin: 0 0 0 0;
				padding: 12px 0 0 0;
				list-style-type: none;
				position: absolute;
			}
			
				#menu ul li {
					width: 174px;
					height: 39px;
					position: relative;
					padding: 0 0 0 0;
					margin: 0 0 0 0;
					overflow: hidden;
					display: inline;
				}
				
				div.imgPNG {
					position: relative;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					height: 39px;
				}
				
					span.png {
						display: inline-block;
					}
					
						span.png img {
							_height: 0px;
						}
				
				div.icoPNG {
					position: absolute;
					left: 102px;
					top: 0px;
				}
				
				div.menuItem {
					display: block;
					position: absolute;
					top: 0px;
					left: 0px;
					padding: 3px 0px 0px 9px;
					width: 84px;
					line-height: 13px;
				}
				
					div.menuItem a, div.menuItem a:visited, div.menuItem a:active, div.menuItem a:link {
						text-decoration: none;
						color: #000;
						font-weight: bold;
					}
					
					div.menuItem a:hover {
						color: #fff;
					}
					
					div.menuItem a.selected {
						color: #fff !important;
					}
		
		#contentMain {
			display: inline;
			float: right;
			width: 570px;
			margin-top: 10px;
			margin-right: 10px;
		}
		
		#contentMain.popup {
			width: 760px;
		}
		
			
			#contentMain * p {
				margin: 0 20px 0 0;
				text-align: justify;
			}
			
			#contentMain a, #contentMain a:visited, #contentMain a:active, #contentMain a:link {
				color: #fff;
				text-decoration: none;
			}
			
			#contentMain a:hover {
				color: #000;
			}
			
			#presentacio {
			
			}
				
				#homeImg {
					float: right;
					margin-left: 10px;
				}
				
			
			#moduls {
				margin: 20px 0 20px 0;
			}
			
				div.modul {
					width: 283px;
					float: left;
				}
				
				div.modulDoble {
					width: 570px;
					float: left;
				}
				
				p.modImg {
					text-align: center !important;
					width: 263px;
					_margin: 0 0 5px 0 !important;
				}
				
				div.modulDoble p.modImg {
					width: 550px;
				}
					
				p.modDesc {
					margin: 5px 10px 5px 10px !important;
				}
				
				
				div.modLeft {
					margin-right: 4px;
				}
				
					div.modTitle {
						background-image: url(../img/home/modTitle.gif);
						background-repeat: no-repeat;
						height: 24px;
					}
					
					div.modulDoble div.modTitle {
						background-image: url(../img/home/modTitleDoble.gif) !important;
					}
										
						div.modTitle p {
							padding: 3px 0 0 6px;
							font-weight: bold;
							color: #fff;
						}
					
					div.heightFixed {
						height: 215px;
					}
					
					div.modContent {
						width: 282px;
						/*height: 215px;*/
						background-color: #248E52;
					}
					
					div.modulDoble div.modContent {
						width: 569px;
					}
					
						div.modContentInside {
							padding: 10px 10px 10px 10px;
						}
						
							div.modContentInside * img {
								border: 0;
							}
					
					div.modBottom {
						background-image: url(../img/home/modBottom.gif);
						background-repeat: no-repeat;
						width: 282px;
						height: 5px;
					}
					
					div.modulDoble div.modBottom {
						background-image: url(../img/home/modBottomDoble.gif) !important;
						width: 570px;
					}
		
		/* PRODUCTES */
		
		.row {
			width: 540px;
			border-bottom: 1px solid #fff;
		}
		
		.rowTitle {
			font-weight: bold;
			background-color: #002100;
			color: #fff;
		}
		
		.row1 *, .row2 *, .row1, .row2 {
			cursor: pointer;
		}
		
		.row1 {
			background-color: #95C895;
		}
		
		.row2 {
			background-color: #B5DFB5;
		}
		
		.rowDestacada {
			font-weight: bold;
			border-bottom: 1px dashed #fff !important;
		}
		
			.col {
				float: left;
				padding: 1px 3px 2px 3px;
			}
			
			.colFab {
				width: 155px;
			}
			
			.colNom {
				width: 140px;
			}
			
			.colFra {
				width: 215px;
			}
			
			.colEst {
				width: 60px;
				text-align: center;
			}
		
		.fichaProducto {
			background-color: #003300;
			width: 570px;
		}
		
		.fichaProductoTop {
			display: block;
			overflow: hidden;
			background-image: url(../img/fichaTop.gif);
			width: 570px;
			height: 6px;
		}
		
		.fichaProductoBottom {
			display: block;
			overflow: hidden;
			background-image: url(../img/fichaBottom.gif);
			width: 570px;
			height: 6px;
		}
		
		.fichaProductoInside {
			padding: 4px 10px 4px 10px;
		}
		
		.imgProduct {
			float: right;
			border: 1px solid #fff;
			/*margin-right: 29px;
			_margin-right: 15px;*/
			_margin-bottom: 4px;
			padding: 2px 2px 2px 2px;
			text-align: right;
		}
		
		.dato {
			float: left;
			color: #fff;
		}
		
		.label {
			width: 100px;
			font-weight: bold;
			color: #95C895;
		}
		
			.datFab {
				
			}
			
			.datNom {
				font-weight: bold;
			}
			
			.datFra {
				padding-bottom: 10px;
				/*text-decoration: underline;*/
			}
			
			.datDesc {
				padding-bottom: 10px;
				width: 350px;
			}
			
			.datEst {
				padding-bottom: 5px;
			}
			
			.datMed {
				border: 1px solid #fff;
				padding: 2px 5px 5px 5px;
			}
		
		a .row, a:visited .row, a:active .row, a:link .row {
			color: #000 !important;
			background-color: none;
		}
		
		a:hover .row {
			color: #fff !important;
			background-color: #003300;
		}
		
		/* -- paginacio -- */
		
		.paginacio {
			padding: 10px 0px 10px 0px;
		}
		
		.pagListado {
			padding-right: 27px !important;
		}
		
		.pagVolver {
			float: left;
		}
		
		.pagSect {
			float: right;
			padding-left: 10px;
		}
		/* FI PRODUCTES */
		
		/* LINKS */
		
		ul.links {
			margin: 0 0 0 0;
			padding: 20px 0 30px 30px;
			list-style-position: inside;
			border: 1px solid #003300;
			width: 520px;
		}
		
		li.categoria {
			margin-top: 10px;
			list-style-type: none;
			font-weight: bold;
			color: #003300;
		}
		
		li.link {
			padding-top: 3px;
			font-weight: normal;
			list-style-type:none;
			background-image: url(../img/bullet.gif);
			background-repeat: no-repeat;
			background-position: 0px 6px;
			padding-left: 15px;
			_padding-left: 0px;
		}
		
		/* FI LINKS */
		
	#footer {
		background-color: #659865;
		text-align: center;
		font-size: 11px;
		margin-bottom: 20px;
		padding: 3px 0px 3px 0px;
		_padding: 3px 0px 5px 0px;
	}
	
		#footer a, #footer a:visited, #footer a:active, #footer a:link {
			text-decoration: none;
			color: #134613;
		}
		
		#footer a:hover {
			color: #fff;
		}
	



/* BACK OFFICE */

ul.backoffice {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
}

	ul.backoffice li {
		float: left;
		padding-right: 20px;
	}
	
	ul.backoffice * a, ul.backoffice * a:active, ul.backoffice * a:visited {
		text-decoration: none;
		color: #fff;
	}
	
	ul.backoffice * a:hover {
		color: #000;
	}
	
	ul.backoffice * a.selected {
		text-decoration: underline;
		font-weight: bold;
	}
	
tr.header {
	background-color: #003300;
	color: #fff;
	height: 25px;
}

	tr.header td {
		padding-left: 5px;
		font-weight: bold;
	}

tr.subheader {
	background-color:#174A17;
	color: #fff;
	height: 20px;
}

	tr.subheader td {
		padding-left: 5px;
		font-weight: bold;
	}
	
table.data * td {
	height: 18px;
	border-bottom: 1px solid #023200;
}

table.data * a {
	text-decoration: none;
	color: #fff;
}
table.data * a:hover {
	text-decoration: none;
	font-weight: bold;
}