@charset "utf-8";

/* @override 
	http://laescandella-local/assets/css/laEscandella.css
	http://laescandella.desarrollo/assets/css/laEscandella.css
	http://www.laescandella.net/assets/css/laEscandella.css
*/

/**
 * La Escandella
 * -----------------------------------------------------------------
 *
 * author:               Alcaraz & Estevez Consultores
 * projectId:            
 * version:              0.6
 * creation date:        09-12-2008
 * description:          
 * notes:
 *
 * -----------------------------------------------------------------
 *
 *	estructura general pàgines:
 *	----------------------------
 *
 *		div#wrapper
 *		|
 *		|__div#branding
 *		|	|
 *		|	|__h1
 *		|	|
 *		|	|__a#skipToContents
 *		|	|
 *		|	|__ul#siteNav
 *		|	|
 *		|	|__ul#secondaryNav
 *		|	|
 *		|	|__ul#langSelection
 *		|	|
 *		|	|__form#siteSearch
 *		|	|
 *		|	|__#bannersTop / #tagline
 *		|
 *		|__div#contents
 *		|
 *		|__div#sectionNav
 *		|
 *		|__div#footer
 *			|
 *			|__address
 *			|
 *			|__ul#meta
 *
 *
 *
 * -----------------------------------------------------------------
 *
 *	index:
 *	----------------------------
 *
 *	- imports
 *	- generics
 *	- utilityClasses
 *	
 *	- pageStructure (estructura general pàgines)
 *		- wrapper
 *		- branding
 *		- contents
 *		- sectionNav
 *		- footer
 *		- altres
 *	
 *	- pages (personalització pàgines)
 *		- home
 *		- errorPages
 *
 *
 */




/* @group imports
-------------------------------------------------------------------------------------------*/
@import url("/assets/css/reset.css");
@import url("/assets/css/bannersTop.css");

/* @end */




/* @group generics
-------------------------------------------------------------------------------------------*/

html, body{ height: 100%; }

body
{
	color: #000;
	background: #fff;
	font:62.5% arial, helvetica, sans-serif; /* sets font to 10px */
}

a
{
	color: #000;
	background-color: inherit;
	text-decoration: underline;
}

a:hover{ color: #000; background-color: inherit; }

address{ font-style: normal; }

abbr
{
	border-bottom: 1px dotted #ccc;
	cursor: help;
}

strong{ font-weight:700; }

em { font-style:italic; }

p{ margin-bottom: 1em; }

input[type=text],
textarea
{
	border-top: solid 1px #7c7c7c;
	border-left: solid 1px #7c7c7c;
	border-bottom: solid 1px #c3c3c3;
	border-right: solid 1px #c3c3c3;
	color: #666;
	background: #fff;
}
	
input[type=text]:focus,
textarea:focus
{
	border-top: solid 1px #620d0d;
	border-left: solid 1px #620d0d;
	border-bottom: solid 1px #b45e5e;
	border-right: solid 1px #b45e5e;
	color: #000;
	background: #fff;
}

input[type=submit]{ cursor: pointer; }

textarea{ overflow: auto; }

label[for$="ubmit"]{ height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important; }

sup, sub
{
	font-size: 80%;
	position: relative;
	display: inline-block;
	padding: 0 .12em;
}

sup{ top: -.5em; }

sub{ bottom: -.5em; }


.vcard, .vcard a
{
	color: #a26d16;
	background-color: inherit;
}

.vcard .fn, .vcard .org{ text-transform: uppercase; }

.vcard dt
{
	float: left;
	margin-right: .5em;
}

/* @end */




/* @group utilityClasses
-------------------------------------------------------------------------------------------*/
.block{ display:block; }
.inline{ display:inline; }

.clearL{ clear:left; }
.clearR{ clear:right; }
.clear{ clear:both; }

.floatL	{float:left;}
.floatR	{float:right;}
.floatN	{float:none;}

.l{ text-align: left; }
.r{ text-align: right; }
.c{ text-align: center; }

.mt{ margin-top: 1em; }
.mb{ margin-bottom: 1em; }

p.error{ color: red; background-color: inherit; }

input.error,
textarea.error,
select.error{ border: solid 1px red !important; }

.h
{
	/*display: none !important;*/
		
	/*
 	* els principals screen readers (JAWS, Window Eyes i IBM Home Page Reader)
 	* no llegeixen els elements amb un display:none o visibility:hidden, encara
 	* que el css estigui destinat a medis visuals (@media: screen), ignorant la
 	* especificació oficial...
 	*/
	height: 0 !important;
	width: 0 !important;
	overflow: hidden !important;
	position: absolute !important;
}

#tooltip
{
	position: absolute;
	z-index: 3000;
	padding: .2em .8em;
	opacity: 0.85;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: capitalize;
	border: solid 1px #412C0D;
	color: #412C0D;
	background-color: #fff;
	
}

#tooltip h3, #tooltip div { margin: 0; }

/* @end */




/* @group pageStructure
-------------------------------------------------------------------------------------------*/

	/* @group wrapper
	---------------------------------------------------------------------------------------*/
	#wrapper
	{
		width: 102em;
		margin: auto;
		position: relative;
		
		color: inherit;
		background: #fff;
	}
	
	/* @end */
	
	
	
	
	/* @group branding
	---------------------------------------------------------------------------------------*/
	#branding
	{
		min-height: 30.5em;
		position: relative;
		color: #302a1e;
		background: #fff url(/assets/images/ui/bgBranding.png) repeat-x top;
	}
	
	#branding h1
	{
		width: 24em;
		height: 28.4em;
		margin-left: 6.6em;
		border: solid 1px #fff;
		border-top: none;
		float: left;
		color: inherit;
		background: #000 url(/assets/images/ui/bgLogo.png) repeat left top;
	}
	
		#branding h1 a
		{
			display: block;
			text-indent: -100em;
			width: 210px;
			height: 50px;
			margin: 14em auto 0;
			color: inherit;
			background: url(/assets/images/ui/logo.png) no-repeat;
		}
	
	#skipToContents{ height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important; }
		
		
		/* @group siteNav
		----------------------------------------*/
		#siteNav
		{
			width: 71em;
			margin-top: 6.7em;
			border-bottom: solid 1px #fff;
			float: right;
			color: inherit;
			background: #9b968e;
		}
		
		#siteNav li
		{
			float: left;
			color: #fff;
			font-size: 1.13em;
			line-height: 1.8em;
			background: #000 url(/assets/images/ui/menuDelimiter1.png) no-repeat left top;
		}
		
		#siteNav li.info
		{
			color: inherit;
			background: #9b968e;
			border-left: solid 1px #fff;
		}
		
		#siteNav li.first,
		#siteNav li:first-child{ background-image: none; }
		
		#siteNav li.last,
		#siteNav li.info:last-child
		{
			border-left: none;
			background: #9b968e url(/assets/images/ui/menuDelimiter2.png) no-repeat left top;
		}
		
		#siteNav a
		{
			display: block;
			padding: 0 1.8em;
			color: #fff;
			background: inherit;
			text-decoration: none;
		}
		
		#siteNav li.info a{ color: #302a1e; background: inherit; }
		
				
		/* @end */
		
		
		/* @group secondaryNav
		----------------------------------------*/
		#secondaryNav
		{
			clear: both;
			padding-left: 21.7em; /* canviar-ho per 6.6em quan s'activi el menú instalacion */
			height: 8.1em;
			color: inherit;
			background: #fff url(/assets/images/ui/bgBranding.png) repeat-x bottom;
			overflow: hidden;
			z-index: 3 !important;
		}
		
		#secondaryNav > li
		{
			float: left;
			width: 13em;
			height: 8.1em;
			padding-left: 9.1em;
			background-repeat: no-repeat;
			background-position: left top;
			position: relative;
		}
		
		#secondaryNav div.btnPic
		{
			position: absolute;
			top: 0;
			left: 0;
			width: 91px;
			height: 81px;
		}
		
		
		#secondaryNav strong
		{
			display: block;
			width: 4em;
			
			line-height: 20px;
			font-size: 1.2em;
			text-transform: uppercase;
		}
		
		#secondaryNav strong a
		{
			display: inline-block;
			padding-right: 1.5em;
			color:  #3e372f;
			background-color: inherit;
			text-decoration: none;
			text-indent: .8em;
			background-image: url(/assets/images/ui/bgSecondaryNavTitle.png);
			background-repeat: no-repeat;
			background-position: right;
		}
		
		#secondaryNav strong a:hover{ background-image: url(/assets/images/ui/bgSecondaryNavTitle_over.png); }
		
		#snProductos{ background-image: url(/assets/images/ui/snProductos.jpg); }
		#snProfesionales{ background-image: url(/assets/images/ui/snProfesionales.jpg); width: 18em !important; }
		#snInsTalacion{ background-image: url(/assets/images/ui/snInsTalacion.jpg); }
		#snGaleria{ background-image: url(/assets/images/ui/snGaleria.jpg); }
		
		#secondaryNav ul{ padding: .6em; }
		
		#secondaryNav ul li{ height: 1.6em; }
		
		#secondaryNav li.rCol
		{
			position: relative;
			left: 10em;
		}
		
		#secondaryNav li.reset{ margin-top: -4.5em; }
		
		#secondaryNav ul a
		{
			color: #fff;
			background-color: inherit;
			text-decoration: none;
			font-size: 1.1em;
			line-height: 1.4em;
		}
		
		#secondaryNav ul a:hover
		{
			border-bottom: dotted 1px #fff;
			margin-bottom: -1px;
		}
		
		/* @end */
		
		
		/* @group langSelection
		----------------------------------------*/
		#langSelection
		{
			position: absolute;
			top: 1em;
			right: 25em;
		}
		
		#langSelection li
		{
			float: left;
			margin-right: 10px;
		}
		
		#langSelection a
		{
			display: block;
			width: 23px;
			height: 23px;
			overflow: hidden;
			text-indent: -100em;
		}
		
		#langSelection-fr a{ color: inherit; background: #fff url(/assets/images/ui/lang/fr.png) no-repeat; }
		#langSelection-es a{ color: inherit; background: #fff url(/assets/images/ui/lang/es.png) no-repeat; }
		#langSelection-en a{ color: inherit; background: #fff url(/assets/images/ui/lang/en.png) no-repeat; }
		
		body.fr #langSelection-es a,
		body.fr #langSelection-en a,
		body.es #langSelection-fr a,
		body.es #langSelection-en a,
		body.en #langSelection-es a,
		body.en #langSelection-fr a{ opacity: .5; }
		
		#langSelection-fr a:hover,
		#langSelection-es a:hover,
		#langSelection-en a:hover
		{ opacity: 1 !important; }
		
		/* @end */
		
		
		/* @group siteSearch
		----------------------------------------*/
		#siteSearch
		{
			position: absolute;
			top: 1em;
			right: 3em;
			width: 20em;
			padding: 0;
		}
		
		html.fr #siteSearch,
		html[lang=fr] #siteSearch
		{
			right: 2em;
			width: 21em;
		}
		
		#siteSearch legend,
		#siteSearch p.legend,
		#siteSearch ul,
		#siteSearch li
		{ float: left; }
		
		#siteSearch legend,
		#siteSearch p.legend
		{
			padding-right: .6em;
			font-size: 1.2em;
			line-height: 2em;
			color: #897b6a;
			background-color: inherit;
		}
		
		#siteSearch label
		{ height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important; }
		
		#siteSearch #query
		{
			width: 92px;
			height: 14px;
			padding: 4px 10px;
			color: #897b6a;
			background: #fff url(/assets/images/ui/bgSiteSearch.jpg) no-repeat;
			
			border: none;
		}
		
		#qWrapper
		{
			padding: 2px;
			color: inherit;
			background: #fff;
		}
		
		#siteSearch #siteSearchSubmit
		{
			width: 21px;
			height: 18px;
			overflow: hidden;
			padding: 0 0 3px;
			margin: .2em 0 0 .4em;
			border: none;
			text-transform: uppercase;
			color: #897b6a;
			background: #fff url(/assets/images/ui/bgSiteSearchSubmit.jpg) no-repeat left top;
		}
		
		/* @end */
		
		
		/* @group bannersTop / tagline
		----------------------------------------*/
		#bannersTop,
		#bannersTop li,
		#tagline
		{
			display: block;
			width: 712px;
			height: 196px;
			overflow: hidden;
			position: absolute;
		}
		
		#bannersTop,
		#tagline{ top: 8.8em; right: 0; }
		
		#bannersTop li{ top: 0; left: 0; }
		
		#bannersTop li,
		#tagline{ background-repeat: no-repeat; text-indent: -100em; }
		
		/* @end */
	
	/* @end */
	
	
	
	
	/* @group contents
	---------------------------------------------------------------------------------------*/
	#contents
	{
		min-height: 30em;
		width: 48.4em;
		padding: 5.4em 5.6em 2.9em 5.2em;
		float: right;
		position: relative;
		color: #412c0d;
		background: #fff url(/assets/images/ui/contentsBgTop.png) repeat-x left 5.2em;
		
		text-align: justify;
		font-size: 1.2em;
		line-height: 1.7em;
	}
	
	#contents p{ margin-bottom: 0; }
	
	#contents p.author
	{
		margin-top: 1em;
		text-align: right;
		font-size: 1.2em;
	}
	
	#contents h2
	{
		padding: 1em 0;
		font-size: 1.6em;
		line-height: 1.2em;
		color: #48423b;
		background-color: inherit;
	}
	
	#contents h2 em
	{
		display: block;
		font-style: normal;
		font-size: .8em;
		color: #b06732;
		background-color: inherit;
	}
	
	#contents #pics
	{
		position: absolute;
		top: 10.5em;
		right: 0;
	}
	
	#contents #pics li{ padding-bottom: 1.8em; }
	
	#contents #pics li p
	{
		width: 170px;
		margin: auto;
		font-size: .9em;
	}
	
		
	/* @end */
	
	
	
	
	/* @group sectionNav
	---------------------------------------------------------------------------------------*/
	
		/* @group standard
		----------------------------------------*/
		
		/***********************************************
			estils menú bàsic (per ex. quienes somos)
			els menús especials (per ex. productes)
			modifiquen aquests estils
		***********************************************/
		
		#sectionNav
		{
			float: left;
			min-height: 40em;
			width: 24.2em;
			padding: 0 0 3.5em 6.7em;
			overflow: visible;
			color: inherit;
			background: #fff;
			z-index: 1;
			position: relative;
		}
	
		#sectionNav h2
		{
			padding: 3em .8em .3em;
			color: #564b3a;
			background-color: #eeedec;
			font-size: 1.4em;
			font-weight: bold;
			text-transform: uppercase;
			border-bottom: solid 2px #cac5be;
		}
		
		#sectionNav ul.nav
		{
			overflow: visible;
			padding-bottom: 24px;
			color: #564b3a;
			background: #eeedec url(/assets/images/ui/sectionNavBottomBg.png) repeat-x bottom;
		}
		
			#sectionNav ul.nav li
			{
				padding: 1.2em 0;
				width: 24.2em;
				overflow: visible;
				border-bottom: solid 1px #fff;
				text-align: right;
			}
			
				#sectionNav ul.nav li li
				{
					padding: .2em 0;
					border-bottom: none;
				}
				
				#sectionNav ul.nav a
				{
					display: block;
					width: 19em;
					padding: .32em 0;
					font-size: 1.17em;
					text-transform: uppercase;
					text-decoration: none;
					color: #564b3a;
					background-color: inherit;
				}
				
				#sectionNav ul.nav a:hover,
				#sectionNav ul.nav li.current a,
				#sectionNav ul.nav li.active a
				{
					padding-right: 3.4em;
					color: inherit;
					background: #e0d9d4 url(/assets/images/ui/sectionNav_mark.png) no-repeat right top;
				}
				
				#sectionNav ul.nav li li a
				{
					padding: .3em 0;
					text-transform: none;
					color: #968975;
					background-color: inherit;
				}
				
		/* @end */
		
		
		
		
		/* @group productos
		----------------------------------------*/
		
		/***********************************************
			menú productes normal
		***********************************************/
		
		#sectionNav.productos
		{
		}
	
		#sectionNav.productos h2
		{
			color: #877764;
			background-color: #eeedec;
			text-transform: capitalize;
			font-weight: normal;
			font-size: 1.4em;
		}
		
			#sectionNav.productos h2 strong
			{
				color: #564b3a;
				background-color: #eeedec;
				text-transform: uppercase;
				font-weight: bold;
			}
		
			#sectionNav.productos ul.nav > li
			{
				position: relative;
				min-height: 73px;
				border-bottom: solid 2px #fff;
			}
			
			#sectionNav.productos ul.nav strong a
			{
				color: #412c0d;
				background-color: inherit;
			}
			
			#sectionNav.productos ul.nav img
			{
				/*
				width: 130px;
				height: 73px;
				*/
				float: left;
				position: relative;
				z-index: 2;
				top: -20px;
				left: 10px;
				margin-right: -130px;
				margin-bottom: 2em;
			}
			
			html.en #sectionNav.productos ul.nav img,
			html[lang=en] #sectionNav.productos ul.nav img	/* en anglès els títols són mes llargs */
			{ top: -5px; }
			
			
			html.fr #sectionNav.productos ul.nav img,
			html[lang=fr] #sectionNav.productos ul.nav img	/* en francès els títols són mes llargs */
			{ top: -5px; }
			
			
			
			#sectionNav.productos ul.nav ul{ height: 0; width: 0; overflow: hidden; position: absolute; }
			
			#sectionNav.productos ul.nav ul li
			{
				min-height: .8em;
				border-bottom: none;
			}
			
			#sectionNav.productos ul.nav ul li a:hover,
			#sectionNav.productos ul.nav ul li a.current
			{
				color: #412c0d;
				background-color: inherit;
			}
			
			/* rollover/destacat */
			/*#sectionNav.productos ul.nav > li:hover,*/
			#sectionNav.productos ul.nav li.active,
			#sectionNav.productos ul.nav li.current
			{
				color: inherit;
				background-color: #ccc6bd;
				min-height: 120px;
				padding-top: 0em;
			}
			
			/*#sectionNav.productos ul.nav > li:hover strong a,*/
			#sectionNav.productos ul.nav li.active strong a,
			#sectionNav.productos ul.nav li.current strong a
			{
				border-bottom: solid 2px #fff;
			}
			
			/*#sectionNav.productos ul.nav > li:hover img,*/
			#sectionNav.productos ul.nav li.active img,
			#sectionNav.productos ul.nav li.current img
			{
				/*
				width: 145px;
				height: 82px;
				*/
				top: 10px;
				left: 10px;
				margin-right: -145px;
			}
			
			/*#sectionNav.productos ul.nav > li:hover ul,*/
			#sectionNav.productos ul.nav li.active ul,
			#sectionNav.productos ul.nav li.current ul
			{
				height: auto;
				width: auto;
				position: static;
				padding-top: 4em;
			}
			
			/*#sectionNav.productos ul.jsfied > li:hover,*/
			#sectionNav.productos ul.jsfied li.active
			{
				color: inherit;
				background-color: #eeedec;
			}
			
			#sectionNav.productos ul.jsfied li.current
			{
				color: inherit;
				background-color: #ccc6bd;
			}
			
			
			#sectionNav.productos ul.jsfied li li a
			{
				background-color: transparent !important;
			}
				
		/* @end */
		
		
		
		
		/* @group productosHome
		----------------------------------------*/
		
		/***********************************************
			menú productes home, es una versió
			simplificada de l'anterior
		***********************************************/
			
		body.home #sectionNav.productos h2
		{
			position: relative;
			top: 2em;
			right: 1.8em;
			z-index: 2;
			border: none;
			color: #b7aea1;
			background-color: transparent;
			text-transform: lowercase;
			text-align: right;
			font-weight: bold;
			font-size: 1.3em;
		}
		
			body.home #sectionNav.productos h2 strong{ height: 0; width: 0; overflow: hidden; position: absolute; }
			
		body.home #sectionNav.productos ul.nav
		{
			width: 208px;
			padding: 6px !important;
			
			overflow: hidden;
			background: #fff !important;
			border: solid 1px #e0e0e0;
		}
		
			body.home #sectionNav.productos ul.nav li.child,
			body.home #sectionNav.productos ul.nav > li
			{
				min-height: 70px;
				width: 208px;
				padding: 0 !important;
				border: none !important;
				color: inherit;
				background: #fff url(/assets/images/ui/bgMenuHome.jpg) repeat-x bottom;
			}
			
			body.home #sectionNav.productos ul.nav strong
			{
				display: block;
				padding: 46px 0 0 112px;
				text-align: left;
			}
			
			html.en body.home #sectionNav.productos ul.nav strong,
			html[lang=en] body.home #sectionNav.productos ul.nav strong	/* en anglès els títols són mes llargs */
			{
				font-size: 92%;
				padding-left: 94px;
				white-space: nowrap;
			}
			
			body.home #sectionNav.productos ul.nav strong a
			{
				display: inline;
				color: #2f2f2f;
				background-color: inherit;
				font-weight: 500;
			}
			
			body.home #sectionNav.productos ul.nav img,
			body.home #sectionNav.productos ul.nav > li:hover img,
			body.home #sectionNav.productos ul.nav li.active img
			{
				/*
				width: 102px;
				height: 58px;
				*/
				position: absolute;
				top: 10px;
				left: 5px;
			}
			
			body.home #sectionNav.productos ul.nav ul{ height: 0; width: 0; overflow: hidden; position: absolute; }
			
			/* rollover/destacat */
			body.home #sectionNav ul.nav a:hover,
			body.home #sectionNav ul.nav li.active a
			{
				padding-right: 0;
				color: inherit;
				background: #fff;
			}
			
			body.home #sectionNav.productos ul.nav > li:hover,
			body.home #sectionNav.productos ul.nav li.active
			{
				color: inherit;
				background-color: #fff;
				min-height: 70px;
				width: 210px;
				padding: 0 !important;
				
				color: inherit;
				background: #fff url(/assets/images/ui/bgMenuHome_over.jpg) repeat-x bottom;
			}
			
			body.home #sectionNav.productos ul.nav > li:hover strong a,
			body.home #sectionNav.productos ul.nav li.active strong a{ border-bottom: none; }
			
			body.home #sectionNav.productos ul.nav > li:hover ul,
			body.home #sectionNav.productos ul.nav li.active ul
			{
				height: 0; width: 0; overflow: hidden; position: absolute;
			}
			
		/* @end */
		
	/* @end */
	
	
	
	
	/* @group footer
	---------------------------------------------------------------------------------------*/
	#footer
	{
		min-height: 6em;
		padding: .8em 6.7em;
		clear: both;
		color: #fff;
		background: #b7aea1;
	}
	
		#footer a
		{
			color: #fff;
			background-color: inherit;
			text-decoration: none;
		}
		
		#footer a:hover{ text-decoration: underline; }
	
		#footer address{ float: right; }
		
		#meta{ height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important; }
	
	/* @end */
	
	
	
	
	/* @group altres
	---------------------------------------------------------------------------------------*/
	
	.dropShadow{ z-index: 2 !important; }	/* ombra de sota la capçalera, generada per javascript */
	
	/* @end */

/* @end */




/* @group pages
-------------------------------------------------------------------------------------------*/

	/* @group home
	----------------------------------------*/
	body.home #contents
	{
		width: 59.2em;
		padding-left: 0;
		padding-right: 0;
		background-image: none;
		
		
	}
	
		/* @group banners
		----------------------------------------*/
		body.home #novedades,
		body.home #noticias
		{
			/*width: 24.4em;*/
			height: auto;
			overflow: auto;
			padding: 0 1.6em 2em;
			float: left;
			color: inherit;
			background: #fff url(/assets/images/ui/homeSectionsBorder.png) repeat-y left;
			line-height: 1.4em;
		}
		
		body.home #noticias li
		{
			float: left;
			margin-right: 20px;
		}
		
		body.home #novedades h2,
		body.home #noticias h2{ height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important; }
		
		body.home #novedades li,
		body.home #noticias li
		{
			height: 166px;
			padding: 5px;
			margin-bottom: 1em;
			overflow: hidden;
			border: solid 1px #e0e0e0;
			color: inherit;
			background-color: #fff;
			background-repeat: no-repeat;
		}
		
		body.home #novedades li{ background-image: url(/assets/images/ui/bgNovedadesHome.jpg); }
		body.home #noticias li{ background-image: url(/assets/images/ui/bgNoticiasHome.jpg); }
		
		
		body.home #novedades li,
		body.home #novedades h3{ width: 281px; }
		
		body.home #noticias li,
		body.home #noticias h3{ width: 294px; }
		
		body.home #novedades h3,
		body.home #noticias h3
		{ height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important; }
		
		body.home #novedades .banner,
		body.home #noticias .banner
		{
			display:  block;
			height: 80px;
			margin-bottom: .4em;
		}
		
		body.home #novedades p,
		body.home #noticias p{ padding: 0 8px; }
		
		/* @end */
	
	/* @end */
	
	
	
	
	/* @group quienes-somos
	----------------------------------------*/
	body.quienes-somos #contents{}
	
	
		/* @group carta-director
		----------------------------------------*/
		body.carta-director #contents
		{
			width: 31.6em;
			padding-right: 22em;
		}
		
		body.carta-director #contents h2
		{
			padding-left: 108px;
			color: inherit;
			background: #fff url(/assets/images/pics/Noe-Roman.jpg) no-repeat left top;
		}
		
		body.carta-director #contents #pics{ top: 13em; }
		
		/* @end */
		
		
		
		
		/* @group equipo-humano
		----------------------------------------*/
		body.equipo-humano #contents p{ margin-bottom: 2em; }
		
		/* @end */
		
		
		
		
		/* @group trayectoria
		----------------------------------------*/
		body.trayectoria #contents{}
				
		body.trayectoria #contents div{ margin-bottom: 2em; }
		
		body.trayectoria #contents h3
		{
			color: #a26d16;
			background-color: inherit;
			font-size: 1.3em;
		}
		
		#trayectoria_crecimientoPermanente
		{
			padding-left: 250px;
			min-height: 140px;
			color: inherit;
			background: #fff url(/assets/images/ui/bgCrecimientoPermanente.jpg) no-repeat left top;
		}
		
		#calidad-innovacion
		{
			padding-right: 290px;
			min-height: 180px;
			color: inherit;
			background: #fff url(/assets/images/ui/bgCalidadInnovacion.jpg) no-repeat right 1em;
		}
		
		/* @end */
		
		
		
		
		/* @group historia
		----------------------------------------*/
		body.historia #contents{}
		
		body.historia #contents div
		{
			background-image: url(/assets/images/ui/bgFilosofia.jpg);
			background-repeat: no-repeat;
			background-position: right bottom;
			padding-right: 5.6em;
			margin-right: -5.6em;
			padding-bottom: 2em;
		}
		
		body.historia #contents *.mr{ margin-right: 250px; }
		
		body.historia #contents *.mb{ margin-bottom: 2em; }
		
		/* @end */
		
		
		
		
		/* @group cifras
		----------------------------------------*/
		body.cifras #contents{}
		
		body.cifras #contents h3
		{
			color: #a26d16;
			background-color: inherit;
			font-size: 1.1em;
		}
		
		body.cifras #contents li{ margin-bottom: 1.5em; }
		
		
		/* @end */
		
		
		
		
		/* @group mundo
		----------------------------------------*/
		body.mundo #contents{}
		
		#presencia-en-el-mundo
		{
			min-height: 210px;
			padding: 20px 250px 20px 15px;
			margin-right: -68px;
			margin-bottom: 1.8em;
			overflow: auto;
			font-size: .9em;
			color: inherit;
			background: #f6f4f3 url(/assets/images/ui/bgPresencia-en-el-mundo.png) no-repeat left 20px;
		}
		
			#presencia-en-el-mundo dt
			{
				float: left;
				clear: both;
				white-space: pre;
				color: #a26d16;
				background-color: transparent;
				font-weight: bold;
			}
			
			#presencia-en-el-mundo dt:after{ content: ": "; }
			
			#presencia-en-el-mundo dl{}
			
			#presencia-en-el-mundo ul{ display: inline; }
			
			#presencia-en-el-mundo li{ float: left; white-space: pre; }
			
			#presencia-en-el-mundo li:after{ content: ", "; }
			
			#presencia-en-el-mundo li:last-child{ margin-bottom: .4em; }
			
			#presencia-en-el-mundo li:last-child:after{ content: "."; }
		
		/* #presencia-en-el-mundo + *{ clear: both; } */
		
		body.mundo #contents #pics
		{
			top: 16em;
			height: 215px;
			overflow: hidden;
			color: #a26d16;
			background-color: transparent;
			font-size: .9em;
			line-height: 1.5em;
		}
		
			body.mundo #contents #pics li
			{
				position: relative;
				width: 215px;
				height: 40px;
				padding-top: 175px;
			}
			
			body.mundo #contents #pics img
			{
				position: absolute;
				top: 0;
				left: 0;
			}
			
			body.mundo #contents #pics li p{ margin: 0; }
			
			
			body.mundo #contents div
			{
				position: relative;
				margin-top: 1.8em;
				padding-left: 250px;
				height: 170px;
			}
			
			body.mundo #contents div p
			{
				margin-bottom: 1.2em;
			}
			
			body.mundo #contents div img
			{
				position: absolute;
				top: .4em;
				left: 0;
			}
		
		/* @end */
		
		
		
		
		/* @group descargas
		----------------------------------------*/
		body.descargas #contents{}
		
		#fDownloads{}
			
			#fDownloads legend,
			#fDownloads p.legend{ height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important; }
			
			#fDownloads{ width: 23em; }
			
			#fDownloads li
			{
				overflow: auto;
				padding-bottom: .8em;
			}
			
			
			#fDownloads label
			{
				width: 9.4em;
				text-align: right;
				float: left;
				color: #9b8e7b;
				background-color: inherit;
				font-size: 1.1em;
			}
			
			#fDownloads input.text,
			#fDownloads input.password,
			#fDownloads input[type=text],
			#fDownloads input[type=password]
			{
				width: 10.6em;
				min-height: 20px;
				float: right;
				border: solid 1px #c5c5c5;
				color: #666;
				background: #fff url(/assets/images/ui/bgInput.png) repeat-x top;
			}
			
			#fDownloadsSubmit
			{
				float: right;
				padding: 0 1em;
				border: none;
				color: #412c0d;
				background-color: #fff;
				text-transform: uppercase;
			}
			
			#fDownloads div.inputWrapper
			{
				width: 10.6em;
				min-height: 22px;
				padding-left: 9px;
				float: right;
				color: inherit;
				background: #fff url(/assets/images/ui/fDownloadsBg.png) no-repeat left top;
			}
			
			#fDownloads div.inputWrapper input{ width: 85%; }
			
			#fDownloads div.inputWrapper .rightBorder
			{
				width: 9px;
				height: 22px;
				float: right;
				color: inherit;
				background: #fff url(/assets/images/ui/fDownloadsRightBorder.png) no-repeat top;
			}
			
			#fDownloads input.roundedCorners
			{
				margin-top: 2px;
				border: none !important;
				background-color: transparent;
				background-image: none;
				float: left;
			}
			
			#downloads-list{ border-top: solid 1px #ddd; }
			
			#downloads-list li
			{
				position: relative;
				clear: both;
				padding: .5em 10px .5em 28px;
				overflow: auto;
				border-bottom: solid 1px #ddd;
			}
			
			#downloads-list a
			{
				text-decoration: none;
				color: #412C0D;
				background-color: inherit;
			}
			
			#downloads-list span.icon
			{
				position: absolute;
				top: .5em;
				left: 8px;
				display: block;
				width: 16px;
				height: 16px;
				background-image: url(/assets/images/ui/jquery-ui/ui-icons_785d3a_256x240.png);
				background-position: -32px -96px;
			}
			
			#downloads-list li:hover
			{
				color: #fff;
				background: url(/assets/images/ui/jquery-ui/ui-bg_diagonals-small_35_796e5d_40x40.png) repeat;
			}
			
			#downloads-list li:hover a, #downloads-list li:hover .date
			{
				color: #fff;
				background-color: inherit;
			}
			
			#downloads-list li:hover span.icon
			{
				background-position: -128px -192px;
				background-image: url(/assets/images/ui/jquery-ui/ui-icons_ffffff_256x240.png);
			}
			
			#downloads-list .fileName
			{
				display: block;
				float: left;
			}
			
			#downloads-list .date
			{
				float: right;
				color: #b3af9e;
				background-color: inherit;
				
			}
		
		/* @end */
		
		
		
		
		/* @group links
		----------------------------------------*/
		body.links #contents dt
		{
			clear: left;
			float: left;
			margin-bottom: 1.5em;
		}
		
		body.links #contents dt:after{ content: ":"; }
		
		body.links #contents dd
		{
			float: left;
			clear: right;
			padding-left: .8em;
		}
		
		body.links #contents dl a
		{
			text-decoration: none;
			color: #412c0d;
			background-color: inherit;
		}
		
		body.links #contents dl a:hover{ text-decoration: underline; }
		
		/* @end */
		
		
		
		
		/* @group noticias
		----------------------------------------*/
		body.noticias #contents{ width: 54em; padding-right: 0; }
		
		#news{ border-top: solid 2px #d9d4cd; }
		
		#news li
		{
			position: relative;
			/*padding-right: 285px;*/
			border-bottom: solid 2px #d9d4cd;
			float: left;
			clear: both;
		}
		
		#news li.collapsed
		{
			min-height: 28px;
			padding: .5em 220px .5em 6em;
			overflow: hidden;
			border-bottom: solid 2px #d9d4cd;
			float: none;
		}
		
		
		#news h3
		{
			line-height: 1.8em;
			color: #968975;
			background-color: inherit;
			font-size: 1.7em;
		}
		
		#news li.collapsed h3
		{
			float: left;
			font-size: 1.2em;
		}
		
		
		#news p.date
		{
			color: #a26d16;
			background-color: inherit;
		}
		
		#news li.collapsed p.date
		{
			position: absolute;
			left: 0;
			top: .7em;
		}
		
		#news li.collapsed img.large{ display: none; }
		
		#news img.large
		{
			position: relative;
			right: -60px;
			float: right;
			clear:  right;
		}
		
		#news img.thumb{ display: none; }
		
		#news li.collapsed img.thumb
		{
			display: block;
			width: 45px;
			height: 35px;
			overflow: hidden;
			position: absolute;
			top: .2em;
			right: 165px;
		}
		
		
		#news a.more-info
		{
			display: none;
			padding-right: 20px;
			min-height: 14px;
			float: right;
			text-decoration: none;
			line-height: 2.4em;
			font-size: .9em;
			color: #412c0d;
			background: #fff url(/assets/images/ui/moreInfoDecorator.png) no-repeat right;
		}
		
		#news li.collapsed a.more-info{ display: block; }
		
		
		#news a.more-info abbr{ border-bottom: none; cursor: pointer; }
		
		div.news-body
		{
			padding-bottom: 2em;
			min-height: 6em;
			width:  360px;
			float: left;
		}
		
		#news li.collapsed div.news-body{ height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important; }
		
		/* @end */
		
		
		
		
		/* @group video
		----------------------------------------*/
		body.iframed #wrapper{ width: 100% !important; }
		
		body.iframed #branding,
		body.iframed #footer{ display: none !important; }
		
		body.iframed #contents{ width: 100% !important; min-height: 0 !important; padding: 0 !important; }
		
		/* @end */
	
	/* @end */
	
	
	
	
	/* @group certificaciones
	----------------------------------------*/
	body.certificaciones #contents{}
	
		body.certificaciones #contents h3
		{
			margin: 1.6em 0 .5em;
			color: #a87726;
			background-color: inherit;
			font-size: 1.1em;
		}
		
		body.certificaciones #contents *.mr
		{
			margin-right: 180px;
			margin-top: 1em;
		}
		
		body.certificaciones #contents img.floatR
		{
			margin-right: -68px;
			margin-top: 1.4em;
		}
		
		body.certificaciones h3{ clear: both; }
		
		#certs
		{
			position: relative;
			left: -50px;
			height: 170px;
			overflow: hidden;
			margin-right: -130px;
			margin-bottom: 3em;
		}
		
		#certs li
		{
			width: 40px;
			position: absolute;
			display: block;
			padding: 0 5px;
			bottom: 0;
		}
		
		#certs p
		{
			display: none;
			position: absolute;
			bottom: 130px;
			left: 0px;
			z-index: 5;
			width: 200px;
			color: inherit;
			background: #fff;
			font-size: .9em;
			line-height: 1.3em;
		}
		
		#certs p strong
		{
			padding-right: .5em;
			color: #a26d16;
			background-color: inherit;
		}
		
		#certs img{ width: 100%; margin: 0 auto; }
		
		#cert3 p,
		#cert4 p{ width: 260px; }
		
		#cert7 p{ width: 250px; }
		
		#cert12 p,
		#cert13 p{ left: -50px; }
		
		#cert14 p,
		#cert15 p{ left: -60px; }
		
		#cert10 p,
		#cert11 p,
		#cert12 p,
		#cert13 p{ width: 170px; }
		
		#cert14 p,
		#cert15 p
		{ width: 170px; text-align: left; }
	
	/* @end */
	
	
	
	
	/* @group medio-ambiente
	----------------------------------------*/
	body.medio-ambiente #contents{ padding-bottom: 0; }
	
	body.medio-ambiente #contents div
	{
		color: #412c0d;
		background: #fff url(/assets/images/ui/bgMedioAmbiente.jpg) no-repeat right bottom;
		padding-bottom: 160px;
		padding-right: 5.6em;
		margin-right: -5.6em;
	}
	
	body.medio-ambiente #contents p.mb{ margin-bottom: 2em; }
	
	body.medio-ambiente #contents p.mr{ margin-right: 8em; }
	
	/* @end */
	
	
	
	
	/* @group localizacion
	----------------------------------------*/
	body.localizacion #contents{}
	
	body.localizacion .vcard{ margin-top: 2em; }
	
	body.localizacion .vcard,
	body.localizacion .vcard dl
	{
		width: 25em;
		text-align: right;
	}
	
	body.localizacion .vcard dl{ margin: .8em 0; }
	
	body.localizacion .vcard dt
	{
		width: 16em;
		text-align: right;
	}
	
	body.localizacion .vcard dt:after{ content: ":"; }
	
	body.localizacion .vcard a{ text-decoration: none; }
	body.localizacion .vcard a:hover{ text-decoration: underline; }
	
	body.localizacion .vcard .country-name{ text-transform: uppercase; }
	
	body.localizacion .vcard .org,
	body.localizacion .vcard .region,
	body.localizacion .vcard .tel .type
	{ height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important; }
	
	
	/* @end */
	
	
	
	
	/* @group contacto
	----------------------------------------*/
	body.contacto #contents{}
	
	#fContacto,
	#fSolicitudTrabajo{}
	
	#fContacto legend,
	#fContacto p.legend,
	#fSolicitudTrabajo legend,
	#fSolicitudTrabajo p.legend
	{ margin-bottom: 2.5em; }
	
	#fContacto li,
	#fSolicitudTrabajo li
	{
		float: left;
		width: 96.5%;
		margin-bottom: .8em;
	}
	
	#fContacto li.twoCols,
	#fSolicitudTrabajo li.twoCols
	{
		width: 46.5%;
		margin-right: 3%;
	}
	
	#fContacto li.threeCols,
	#fSolicitudTrabajo li.threeCols
	{
		width: 30%;
		margin-right: 3%;
	}
	
	#fContacto label,
	#fSolicitudTrabajo label
	{
		display: block;
		font-size: 1.15em;
		color: #a26d16;
		background-color: inherit;
	}
	
	#fContacto input,
	#fSolicitudTrabajo input{ width: 100%; }
	
	#fContacto textarea,
	#fSolicitudTrabajo textarea{ width: 100%; }
	
	#fContacto #fSubmit,
	#fSolicitudTrabajo #fSubmit{ width: auto; }
	
	
	
	
	#fContacto div.inputWrapper,
	#fSolicitudTrabajo div.inputWrapper
	{
		width: 100%;
		min-height: 22px;
		padding-left: 9px;
		color: inherit;
		background: #fff url(/assets/images/ui/fDownloadsBg.png) no-repeat left top;
	}
	
	#fContacto div.inputWrapper .rightBorder,
	#fSolicitudTrabajo div.inputWrapper .rightBorder
	{
		width: 9px;
		height: 22px;
		float: right;
		color: inherit;
		background: #fff url(/assets/images/ui/fDownloadsRightBorder.png) no-repeat top;
	}
	
	#fContacto input.roundedCorners,
	#fSolicitudTrabajo input.roundedCorners
	{
		width: 90%;
		margin-top: 2px;
		float: left;
		border: none !important;
		background-color: transparent;
		background-image: none;
	}
	
	
	#fContacto div.textareaWrapper,
	#fSolicitudTrabajo div.textareaWrapper
	{
		width: 100%;
		min-height: 51px;
		padding-left: 9px;
		color: inherit;
		background: #fff url(/assets/images/ui/fTextareaBg.png) no-repeat left top;
	}
	
	#fContacto div.textareaWrapper .rightBorder,
	#fSolicitudTrabajo div.textareaWrapper .rightBorder
	{
		width: 9px;
		height: 51px;
		float: right;
		color: inherit;
		background: #fff url(/assets/images/ui/fTextareaRightBorder.png) no-repeat top;
	}
	
	#fContacto textarea.roundedCorners,
	#fSolicitudTrabajo textarea.roundedCorners
	{
		width: 98%;
		margin-top: 2px;
		overflow: hidden;
		float: left;
		border: none !important;
		background-color: transparent;
		background-image: none;
	}
	
	#fContacto #fSubmit,
	#fSolicitudTrabajo #fSubmit
	{
		padding: 2px 1em;
		border: none;
		float: right;
		clear: both;
		text-transform: capitalize;
		color: #fff;
		background-color: #a26d16;
	}
	
	#fContacto .submitWrapper,
	#fSolicitudTrabajo .submitWrapper
	{
		width: auto;
		padding: 2px 1em;
		float: right;
		clear: both;
		color: #fff;
		background-color: #a26d16;
	}
	
	#fContacto .submitWrapper #fSubmit,
	#fSolicitudTrabajo .submitWrapper #fSubmit{ padding: 0; }
	
	/* @end */
	
	
	
	
	/* @group productos
	----------------------------------------*/
	body.productos #contents
	{
		width: 48.5em;
		padding-left: 5.1em;
	}
	
		
		/* @group productTitle
		----------------------------------------*/
		body.productos #contents h2{}
			
			#productName,
			#productSize
			{
				text-transform: capitalize;
				color: #31210a;
				background-color: #fff;
			}
			
			#productType
			{
				text-transform: uppercase;
				color: #7e6f5d;
				background-color: #fff;
			}
			
			body.productos #contents h2 em{ height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important; }
	
		/* @end */
		
		
		/* @group productNav
		----------------------------------------*/
		
		/***********************************************
			menú superior de la seccio productes
			(caracteristicas/gama colores/piezas
			especiales, ...)
		***********************************************/
		
		#productNav
		{
			height: 1.8em;
			max-height: 22px;
			overflow: visible;
			padding: 0 3.5em;
			
			position: absolute;
			top: 3.2em;
			left: 0;
			
			color: #51493b;
			background: #e0d9d4 url(/assets/images/ui/productNavRightDecorator.png) no-repeat right top;
		}
		
			#productNav li
			{
				float: left;
				padding: .1em 0.6em;
			}
			
			#productNav a
			{
				display: block;
				padding: 0 1em;
				
				color: #51493b;
				background-color: inherit;
				text-decoration: none;
			}
			
			#productNav a:hover,
			body.caracteristicas #pn1,
			body.gama-colores #pn2,
			body.piezas-especiales #pn3,
			body.colocacion #pn4,
			body.galeria #pn5
			{
				color: #fff;
				background-color: #8e8273;
				text-decoration: none;
			}
	
		/* @end */
		
		
		/* @group productTypes
		----------------------------------------*/
		
		/***********************************************
			menú superior de tipus de teules
			(roja/paja/esmaltada/...)
		***********************************************/
		
		#productTypes
		{
			position: absolute;
			right: 5.6em;
			top: 5.5em;
		}
		
		#productTypes h3{ height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important; }
		
		#productTypes li
		{
			float: left;
			margin: 0 4px;
		}
		
		#productTypes a
		{
			display: block;
			width: 65px;
			height: 37px;
			padding: 6px 7px 10px;
			position: relative;
			text-decoration: none;
			text-transform: uppercase;
			font-size: .75em;
			line-height: .8em;
			
			color: #7f6e5a;
			background: #fff url(/assets/images/ui/bgProductTypes.jpg) repeat-x bottom;
		}
		
		#productTypes a:hover
		{
			color: #3d290c;
			background-color: inherit;	
		}
		
		#productTypes strong
		{
			position: absolute;
			right: 4px;
			bottom: 4px;
			z-index: 1;
			text-align: right;
			
		}
		
		#productTypes img
		{
			width: 65px;
			height: 37px;
			position: absolute;
			top: 3px;
			left: 7px;
			z-index: 0;
		}
		
		#productTypes a.current img,
		#productTypes a:hover img
		{
			width: 70px;
			height: 40px;
		}
		
		#productTypes.jsFixed a:hover img
		{
			width: 65px;
			height: 37px;
		}
	
		/* @end */
		
		
		
		
		/***********************************************
			pagines apartat productes
		***********************************************/
		
		
		
		
		/* @group caracteristicas
		----------------------------------------*/
		#productDescription
		{
			width: 22.5em;
			float: left;
			position: relative;
			text-align: left;
		}
		
		#productDescription p
		{
			position: relative;
			z-index: 1;
		}
		
		#productDiagram
		{
			width: 390px;
			height: 250px;
			
			position: relative;
			top: -.8em;
			z-index: 0;
			
		}
		
		
			/* @group productSpecs
			----------------------------------------*/
		
			/***********************************************
				ficha tecnica
			***********************************************/
		
			#productSpecs
			{
				float: right;
				width: 17em;
				position: relative;
				top: -1.5em;
				color: #3d290c;
				background: #d7d2ca;
				letter-spacing: -.05em;
			}
			
			#productSpecs caption
			{
				text-align: right;
				text-transform: uppercase;
				color: inherit;
				background-color: #fff;
			}
			
			#productSpecs th,
			#productSpecs td
			{
				padding: .7em .5em;
				border-bottom: solid 1px #3d290c;
			}
			
			#productSpecs tr:last-child th,
			#productSpecs tr:last-child td{ border-bottom: none; }
			
			#productSpecs tr.last th,
			#productSpecs tr.last td{ border-bottom: none; }
			
			#productSpecs th{ text-align: right; }
			
			#productSpecs td
			{
				color: #7f6e5a;
				background: inherit;
				text-align: left;
			}
			#productSpecs dt
			{
				float: left;
				clear: left;
				padding-right: .4em;
			}
			
			
			
			/* @end */
			
			
			/* @group productTypes
			----------------------------------------*/
		
			/***********************************************
				menú superior de tipus de teules
				(roja/paja/esmaltada/...)
				redefineix el mateix manú genèric
			***********************************************/
		
			body.caracteristicas #productTypes
			{
				clear: both;
				position: static;
				padding: 8px;
				margin: 1em -10px;
				border: solid 1px #e0e0e0;
				overflow: auto;
			}
			
			body.caracteristicas #productTypes a
			{
				width: 130px;
				height: 76px;
				padding: 16px 28px 20px;
				font-size: .9em;
				line-height: 1.1em;
				background-image: url(/assets/images/ui/bgProductTypesBig.jpg);
			}
			
			body.caracteristicas #productTypes strong
			{
				right: 10px;
				bottom: 10px;
			}
			
			body.caracteristicas #productTypes img
			{
				width: 130px;
				height: 76px;
				top: 12px;
				left: 28px;
			}
			
			body.caracteristicas #productTypes a.current img,
			body.caracteristicas #productTypes a:hover img
			{
				width: 180px;
				height: 105px;
			}
			
			body.caracteristicas #productTypes.jsFixed a:hover img
			{
				width: 130px;
				height: 76px;
			}
			
			
			#productTypes.roundedCorners
			{
				margin: 0 !important;
				border: none;
				position: static !important;
				margin: 0 !important;
				color: inherit;
				background-color: #fff;
			}
			
			#productTypesWrapper
			{
				display: inline-block;
				margin: 1em -10px;
				padding: 1px;
				color: inherit;
				background-color: #e0e0e0;
				clear: both;
			}
				
			/* @end */
	
		/* @end */
		
		
		
		
		/* @group gama-colores
		----------------------------------------*/
		body.gama-colores #contents{}
		
			#productColors
			{
				margin: 1em -12px 2em;
				padding: 8px 3px;
				border: solid 1px #e0e0e0;
				overflow: auto;
				color: inherit;
				background-color: #fff;
			}
			
				#productColors li
				{
					float: left;
					width: 79px;
					margin: 3px;
					padding-bottom: 1.5em;
					position: relative;
				}
				
				#productColors a
				{
					display: block;
					width: 64px;
					height: 64px;
					padding: 8px 7px 7px 8px;
					text-decoration: none;
					color: #31210a;
					background: #fff url(/assets/images/ui/productColorBg.png) no-repeat left top;
				}
				
				#productColors a:hover
				{
					color: #31210a;
					background: #fff url(/assets/images/ui/productColorBg_over.png) no-repeat left top;
				}
				
				#productColors img
				{
					display: block;
					width: 64px;
					height: 64px;
				}
				
				#productColors strong
				{
					display: block;
					width: 100%;
					/*overflow: hidden;*/
					position: absolute;
					left: 0;
					top: 81px;
					text-align: center;
					font-size: .9em;
					font-weight: normal;
					line-height: 1.2em;
				}
				
				#productColors a.shadow strong{ bottom: -1.7em; }
			
			
			#productColorName{ font-size: 1.6em; }
			
			#productColorsPics
			{
				margin: 1em -16px 2em;
				padding: 4px;
				border: solid 1px #e0e0e0;
				overflow: auto;
				/*float: left;*/
				color: inherit;
				background-color: #fff;
			}
			
				#productColorsPics li
				{
					float: left;
					padding: 0 3px;
					overflow: hidden;
					text-align: center;
				}
				
				#productColorsPics li img
				{
					display: block;
					padding: 5px;
					margin: auto;
					background: #f3f3f3 url(/assets/images/ui/bgProductColorsPics.png) repeat-x;
				}
				
		
		
		#productColors.roundedCorners,
		#productColorsPics.roundedCorners
		{
			margin: 0;
			border: none;
		}
		
		#productColorsWrapper,
		#productColorsPicsWrapper
		{
			margin: 1em -16px 2em;
			padding: 1px;
			color: inherit;
			background-color: #e0e0e0;
		}
		
		#productColorsPicsWrapper{ min-width: 100%; float: left; }
	
		/* @end */
		
		
		
		
		/* @group piezas-especiales
		----------------------------------------*/
		body.piezas-especiales #contents{}
		
		#piezas-especiales
		{
			width: 580px;
			padding: 5px;
			margin: 1em -12px;
			overflow: auto;
			border: solid 1px #e0e0e0;
			color: inherit;
			background-color: #fff;
		}
		
		#piezas-especiales.roundedCorners
		{
			width: 588px;
			padding: 1px;
			border: none;
			color: inherit;
			background-color: #e0e0e0;
		}
		
		#piezas-especiales .innerWrapper
		{
			padding: 4px;
			overflow: auto;
			color: inherit;
			background-color: #fff;
		}
		
		#piezas-especiales li
		{
			float: left;
			margin: 2px 2px;
			height: 95px;
		}
		
		html.fr #piezas-especiales li,
		html[lang=fr] #piezas-especiales li
		{
			height: 112px;
		}
		
		#piezas-especiales li a
		{
			text-decoration: none;
			text-align: left;
			color: #7c6e5d;
			background-color: inherit;
			font-size: .8em;
			line-height: 1.1em;
			letter-spacing: 0;
		}
		
		#piezas-especiales li a:hover
		{
			color: #564a3c;
			background-color: inherit;
		}
		
		#piezas-especiales li strong
		{
			display: block;
			width: 90px;
			margin-top: 4px;
			font-weight: normal;
			text-align: left;
		}
		
		#piezas-especiales li img{ display: block; }
		
		#flash-piezas-especiales{ margin: 0 -12px 1em; z-index: 1 !important; }
		
		body.piezas-especiales #contents .warn
		{
			margin: 4em 0;
			font-size: 1.2em;
			text-align: center;
		}
		
		/* @end */
		
		
		
		
		/* @group piezas-especiales-ficha
		----------------------------------------*/
		body.piezas-especiales-ficha,
		body.piezas-especiales-ficha #wrapper
		{
			color: #fff;
			background-color: #7c6e5d;
		}
		
		body.piezas-especiales-ficha #wrapper,
		body.piezas-especiales-ficha #contents
		{
			width: auto;
			height: auto;
			min-height: 300px;
			padding: 0 !important;
			margin: 0 !important;
		}
		
		body.piezas-especiales-ficha #wrapper
		{
			border: solid 12px #7c6e5d;
			border-top: none;
		}
		
		body.piezas-especiales-ficha #contents
		{
			float: none;
			color: #51493b;
			overflow: auto;
			background-color: #eeedec;
			background-image: none;
		}
		
		body.piezas-especiales-ficha h1
		{
			padding: 0em 2em;
			border-top: solid 1em #eeedec;
			line-height: 2em;
			color: #31210a;
			background-color: #a5a19b;
		}
		
		body.piezas-especiales-ficha h1 em
		{ height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important; }
		
		body.piezas-especiales-ficha #contents img
		{
			float: left;
			display: block;
			margin: 0;
			padding: 0;
		}
		
		#pieceDescription
		{
			padding: 1em;
			float: right;
			width: 180px;
		}
		
		#pieceDescription *{ max-width: 160px; }
		
		#pieceDescription h2
		{
			font-size: 1em;
			font-weight: bold;
			margin: .8em 0 .2em;
			padding: 0;
		}
		
		#piecePictures
		{
			margin-top: 8px;
			overflow: auto;
		}
		
		#piecePictures img{ border: solid 8px #eeedec; }
		
		
		
		/* @end */
		
		
		
		
		/* @group colocacion
		----------------------------------------*/
		body.colocacion #contents{}
		
		#guias{ margin: 2em 0; }
		
		#guias li
		{
			float: left;
			width: 216px;
			height: 180px;
			padding: 10px 0;
			border: solid 1px #e0e0e0;
			color: inherit;
			background-color: #fff;
		}
		
		#guias abbr{ font-weight: bold; }
		
		#guias a
		{
			display: block;
			margin: auto;
			text-decoration: none;
			font-size: 1em;
			line-height: 1.4em;
			color: #31210a;
			background-color: inherit;
		}
		
		#guias img{ display: block; }
		
		#guias span
		{
			display: block;
			margin: 1em auto;
			padding-top: .3em;
			width: 120px;
		}
		
		#guias #guia-pdf{ margin-right: 12px; }
		#guias #guia-fullinteractive{ width: 350px }
		
		#guias #guia-pdf a{ width: 190px; }
		#guias #guia-fullinteractive a{ width: 244px; }
		
		#guias #guia-pdf span
		{
			padding-left: 46px;
			color: inherit;
			background: #fff url(/assets/images/ui/icon-pdf.jpg) no-repeat left center;
		}
		
		#guias #guia-fullinteractive span
		{
			padding-left: 84px;
			color: inherit;
			background: #fff url(/assets/images/ui/icon-full.jpg) no-repeat left center;
		}
	
		/* @end */
		
		
		
		
		/* @group galeria
		----------------------------------------*/
		body.galeria #contents{}
		
		#galleryPic
		{
			position: relative;
			padding: 24px;
			min-height: 296px;
			margin-top: .5em;
			border: solid 1px #e0e0e0;
			color: inherit;
			background-color: #fff;
		}
		
		body.productos #contents h2
		{
			height: auto !important;
			width: auto !important;
			overflow: hidden;
			position: static !important;
		}
		
		body.galeria #contents h3
		{
			padding: 1em 0;
			font-size: 1.6em;
			line-height: 1.2em;
			color: #48423b;
			background-color: inherit;
		}
		
		/*
		body.productos #galleryPic
		{
			padding: 0 24px 24px;
			min-height: 320px;
		}
		
			#galleryPic h3
			{
				padding: .5em 0;
				font-size: 1.2em;
				text-transform: capitalize;
			}
		*/
		
		#galleryPic img{ margin: auto; }
		
		#galleryPicsList
		{
			margin-top: 1em;
			padding: 2em 0 0;
			width: 100%;
			height: 100px;
			overflow: hidden;
		}
		
		#galleryPicsListWrapper
		{
			position: relative;
			width: 100%;
			overflow: hidden;
		}
		
		#galleryPicsListWrapper #galleryPicsList
		{
		}
		
			#galleryPicsList li
			{
				float: left;
				margin: 0 6px 4em;
				position: relative;
				overflow: visible;
			}
			
			#galleryPicsList a
			{
				display: block;
				position: relative;
				z-index: 1;
			}
			
			#galleryPicsList img,
			#galleryPicsList.jsFixed a:hover img
			{
				width: 74px;
				height: 50px;
			}
			
			#galleryPicsList a:hover img
			{
				width: 95px;
				height: 63px;
			}
		
		#picsList_prev,
		#picsList_next,
		#galleryPic_prev,
		#galleryPic_next
		{
			position: absolute;
			cursor: pointer;
		}
		
		#picsList_prev,
		#picsList_next{ bottom: 8em; }
		
		#galleryPic_prev,
		#galleryPic_next{ top: 50%; }
		
		#picsList_prev{ left: 30px; }
		#picsList_next{ right: 40px; }
		
		#galleryPic_prev{ left: 2px; }
		#galleryPic_next{ right: 2px; }
		
		
		#galleryPic.roundedCorners
		{
			border: none;
			margin-top: 0;
		}
		
		#galleryPicWrapper
		{
			margin-top: .5em;
			padding: 1px;
			color: inherit;
			background-color: #e0e0e0;
		}
		
		#galleryPicsList div.shadow
		{
			width: 119px;
			height: 92px;
			position: absolute;
			top: -18px;
			left: -12px;
			z-index: 0;
			color: inherit;
			background: #fff url(/assets/images/ui/galleryPicsListShadow.jpg) no-repeat;
			display: none;
		}
		
		#loadingAnimation
		{
			width: 208px;
			height: 13px;
			color: inherit;
			background: #fff url(/assets/images/ui/loadingAnimation.gif) no-repeat;
			position: absolute;
			z-index: 10;
			top: 50%;
			left: 50%;
			margin-left: -104px;
			margin-top: -6px;
		}
	
		/* @end */
		
		
		
		
		/* @group bardos
		----------------------------------------*/
		body.bardos h2 span
		{
			text-transform: uppercase;
			color: #837766;
			background-color: inherit;
		}
		
		body.bardos #productDescription
		{
			width: 394px;
			height: 386px;
			margin-left: -30px;
		}
		
		body.bardo #productDescription
		{
			color: inherit;
			background: #fff url(/assets/images/products/bardos/bardo.jpg) no-repeat left top;
		}
		
		body.bardo-liso #productDescription
		{
			color: inherit;
			background: #fff url(/assets/images/products/bardos/bardo-liso.jpg) no-repeat left top;
		}
		
		body.bardos #productDescription li
		{
			padding: 34px 0 45px;
			line-height: 1.3em;
			text-align: right;
			color: #7f6e5a;
			background-color: inherit;
		}
		
		body.bardos #productDescription h3 em
		{
			position: relative;
			top: -.1em;
			font-style: normal;
			font-size: 1.2em;
		}
		
		
		
			/* @group productSpecs
			----------------------------------------*/
		
			/***********************************************
				ficha tecnica:
				redefineix la de la p. de característiques
			***********************************************/
			body.bardos #productSpecs
			{
				clear: both;
				width: 75%;
				top: 0;
			}
			
			body.bardos #productSpecs th
			{
				color: #fff;
				background: #3d290c;
			}
			
			body.bardos #productSpecs th,
			body.bardos #productSpecs td
			{
				display: table-cell;
				width: auto;
				padding: .2em 1em;
				text-align: left;
				border-bottom: solid 1px #3d290c;
			}
			
			body.bardos #productSpecs tr:last-child th,
			body.bardos #productSpecs tr:last-child td{ border-bottom: none; }
			
			body.bardos #productSpecs tr.last th,
			body.bardos #productSpecs tr.last td{ border-bottom: none; }
			
			/* @end */
			
		/* @end */
		
		
		
		
		/* @group promos
		----------------------------------------*/
		body.promos #contents{ background-image: none;}
		
		body.promos #contents div.promo{}
		
			/* @group promoVisum3
			----------------------------------------*/
			#promoVisum3
			{
				position: relative;
				width: 570px;
				height: 371px;
				padding-left: 23px;
				color: inherit;
				background: #fff url(/assets/images/products/promos/visum3-bg.jpg) no-repeat;
			}
				
				#promoVisum3 h2
				{
					margin-top: .4em;
					margin-bottom: .8em;
					font-size: 1.3em;
					font-weight: bold;
					color: #5c0e0c;
					background-color: transparent;
				}
				
				#promoVisum3 h2 strong
				{
					display: block;
					width: 262px;
					height: 53px;
					text-indent: -99em;
					color: inherit;
					background: #fff url(/assets/images/products/promos/visum3-header.png) no-repeat;
				}
				
				#promoVisum3 .productCharacteristics
				{
					width: 230px;
					padding-left: 20px;
					margin-bottom: 1.4em;
					color: #4c4336;
					background-color: inherit;
				}
				
				#promoVisum3 .productAdvantages
				{
					width: 250px;
					color: #181818;
					background-color: inherit;
					font-weight: bold;
				}
				
				#promoVisum3 a.moreInfo
				{
					position: absolute;
					bottom: 1em;
					left: 23px;
					text-decoration: none;
					color: #fff;
					background-color: transparent;
					font-weight: bold;
					text-transform: uppercase;
				}
				
			/* @end */
			
		/* @end */
		
	/* @end */
	
	
	
	
	/* @group profesionales
	----------------------------------------*/
	body.profesionales #contents{}
	
	
		/* @group fabricacion
		----------------------------------------*/
		body.fabricacion #contents
		{
			color: #412c0d;
			background: #fff url(/assets/images/ui/bgFabricacion.jpg) no-repeat right 12em;
		}
		
		body.fabricacion #contents p{ margin-bottom: 1em; }
		
		body.fabricacion #contents div.mr
		{
			padding-right: 225px;
			margin-bottom: 1em;
		}
		
		body.fabricacion #contents div.mr p{ margin-bottom: 0; }
		
		body.fabricacion #contents div.ml
		{
			min-height: 180px;
			padding-left: 280px;
			margin-top: 2em;
			color: inherit;
			background: #fff url(/assets/images/ui/bgFabricacion2.jpg) no-repeat left .5em;
		}
		
		/* @end */
		
		
		
		
		/* @group galeria-autocad
		----------------------------------------*/
		#autocad
		{
			margin-top: 2em;
			position: relative;
			height: 190px;
			padding: 10px 2em 10px 0;
			overflow: auto;
			color: inherit;
			background-color: #fff;
			border: solid 1px #e0e0e0;
		}
		
		#autocad li
		{
			text-align: right;
			font-size: 1.1em;
		}
		
		#autocad img
		{
			position: absolute;
			left: 10px;
			top: 10px;
			z-index: 0;
			display: none;
		}
		
		#autocad li:hover img,
		#autocad li.current img{ display: block; }
		
		#autocad a
		{
			position: relative;
			z-index: 1;
			color: #a26d16;
			background-color: inherit;
			text-decoration: none;
		}
		
		#autocad li.current a,
		#autocad a:hover{ font-weight: bold; }
		
		#autocad a.download,
		#autocad-dl
		{
			position: absolute;
			left: 90px;
			bottom: 10px;
			color: #412c0d;
			background-color: inherit;
			text-transform: uppercase;
			text-decoration: none;
			cursor: pointer;
		}
		
		#autocad-wrapper{ position: relative;  }
		
		#autocad-info
		{
			position: absolute;
			top: 10px;
			left: 10px;
			height: 95%;
		}
		
		
		/* @end */
		
		
		
		
		/* @group guias-instalacion
		----------------------------------------*/
		body.guias-instalacion #contents{}
		
		#guias-instalacion li
		{
			border: solid 1px #e0e0e0;
			float: left;
			position: relative;
			margin-bottom: 15px;
		}
		
		#guias-instalacion li,
		#guias-instalacion li div.innerWrapper
		{
			padding: 12px 12px 4em;
			color: inherit;
			background-color: #fff;
		}
				
		#guias-instalacion p
		{
			position: absolute;
			bottom: 12px;
			left: 0;
			width: 120px;
			text-align: left;
			line-height: 1.3em;
		}
		
		#guias-instalacion a{ text-decoration: none; }
		
		/* guia en full */
		li#guias-instalacion-full,
		li#guias-instalacion-full div.innerWrapper
		{
			padding-left: 50px;
			padding-right: 50px;
		}
		
		li#guias-instalacion-full p
		{
			left: 65px;
			padding-left: 90px;
			color: inherit;
			background: #fff url(/assets/images/ui/ico-full.png) no-repeat left center;
		}
		
		/* guia en pdf */
		li#guias-instalacion-pdf{ margin-right: 15px; }
		
		li#guias-instalacion-pdf p
		{
			left: 20px;
			padding-left: 50px;
			color: inherit;
			background: #fff url(/assets/images/ui/ico-pdf.png) no-repeat left center;
		}
		
		
		/* llistat guies en pdf */
		ul.guias-instalacion-pdf{ margin-right: -50px; }
		
		ul.guias-instalacion-pdf li{ margin-right: 15px; }
		
		ul.guias-instalacion-pdf p
		{
			left: 20px !important;
			padding-left: 50px;
			color: inherit;
			background: #fff url(/assets/images/ui/ico-pdf.png) no-repeat left center;
		}
		
		/* @end */
		
		
		
		
		/* @group faq
		----------------------------------------*/
		body.faq #contents{ width: 54em; padding-right: 0; }
		
		#faq
		{
			border-bottom: solid 2px #d9d4cd;
			counter-reset: item;
		}
		
		#faq dt
		{
			padding: .4em 0;
			border-top: solid 2px #d9d4cd;
			font-size: 1.1em;
			color: #a26d16;
			background-color: inherit;
		}
		
		#faq dt span.num, /* selector per a explorer i ff > 3.1 */
		#faq dt:before
		{
			content: counter(item) "- ";
			counter-increment: item;
		}
		
		#faq dd
		{
			padding: .2em 4em 1em;
			font-size: .95em;
			color: #412c0d;
			background-color: inherit;
		}
		
		
		/* @end */
	
	/* @end */
	
	
	
	
	/* @group galeria
	----------------------------------------*/
	/* inherits productos>galeria */
	body.galeria #contents{}
	
	body.galeria #contents h2{ height: 0; width: 0; overflow: hidden; position: absolute; }
	
	/* @end */
	
	
	
	
	/* @group legal
	----------------------------------------*/
	body.legal #contents p{ margin-bottom: .6em; }
	
	
		/* @group politica-privacidad
		----------------------------------------*/
		body.politica-privacidad #contents{}
		
		body.politica-privacidad #contents h3
		{
			font-size: 1.4em;
			line-height: 1.6em;
			color: #b06732;
			background-color: inherit;
		}
		
		body.politica-privacidad #contents p + h3{ margin-top: 1em; }
		
		/* @end */
	
	/* @end */
	
	
	
	
	/* @group buscador
	----------------------------------------*/
	body.buscador #contents
	{
		width: 72.9em;
		padding: 1em 6em 2.9em;
		background-image: none;
	}
	
	#search-report{ margin-bottom: 1em; }
	
	#search-results li
	{
		position: relative;
		padding-left: 6.5em;
		padding-bottom: 1em;
		margin-bottom: 1em;
		
		border-bottom: solid 1px #eeedec;
	}
	
	#search-results h3{ font-weight: bold; }
	
	#search-results h3 span
	{
		position: absolute;
		top: .4em;
		left: 0;
		width: 1.5em;
		text-align: right;
		font-size: 3.5em;
		font-weight: normal;
		color: #b7aea1;
		background-color: inherit;
	}
	
	#search-results h3 a
	{
		font-size: 1.1em;
		text-decoration: none;
		color: #675f54;
		background-color: inherit;
	}
	
	#search-results .description
	{
		font-size: .9em;
		line-height: 1.2em;
	}
	
	#search-results .url
	{
		text-decoration: none;
		font-size: .9em;
		color: #9e978c;
		background-color: inherit;
	}
	
	#search-pagination a
	{
		text-decoration: none;
		padding: 0 .1em;
	}
	
	
	/* @end */
	
	
/* @end */