@charset "utf-8";

/* @override http://expodec-local/assets/css/expodec.css */

/**
 * Expodec
 * -----------------------------------------------------------------
 *
 * author:               Alcaraz & Estevez Consultores
 *                       Josep (josepramon@alcaraz.com)
 * projectId:            
 * version:              0.2
 * creation date:        25-03-2008
 * description:          
 * notes:                colors: #fff, #000, #fc762b
 *
 * -----------------------------------------------------------------
 *
 *	estructura general pàgines:
 *	----------------------------
 *
 *		div#wrapper
 *		|
 *		|__div#branding
 *		|	|
 *		|	|__h1
 *		|	|
 *		|	|__a#skipToContents
 *		|	|
 *		|	|__ul#utilsMenu
 *		|
 *		|__div#contents
 *		|
 *		|__ul#nav
 *		|
 *		|__div#footer
 *			|
 *			|__ul#legalInfo
 *			|
 *			|__ul#meta
 *			|
 *			|__ul#author
 *
 *
 *
 * -----------------------------------------------------------------
 *
 *	index:
 *	----------------------------
 *
 *	- imports
 *	- generics
 *	- utilityClasses
 *	
 *	- pageStructure (estructura general pàgines)
 *		- wrapper
 *		- branding
 *		- contents
 *		- nav
 *		- footer
 *		- altres
 *	
 *	- pages (personalització pàgines)
 *		- home
 *		- errorPages
 *
 *
 */




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

/* @end */




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

html, body{ height: auto; }

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: #fc762b; background-color: inherit; }

address{ font-style: normal; }

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

strong{ font-weight: 700; }

em { font-style: normal; }

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 #fc762b;
	border-left: solid 1px #fc762b;
	border-bottom: solid 1px #c35415;
	border-right: solid 1px #c35415;
	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; }

.highlightBlock{ color: inherit; background-color: #e5e2e2; }

.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;
}

/* @end */




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

	/* @group wrapper
	---------------------------------------------------------------------------------------*/
	#wrapper
	{
		position: relative;
		border: solid 10px #fc762b;
		border-bottom: none;
		margin: 3em auto;
		width: 942px;
		min-height: 750px;
	}
	
	/* @end */
	
	
	
	
	/* @group branding
	---------------------------------------------------------------------------------------*/
	#branding
	{
		position: relative;
		width: 100%;
		height: 116px;
		color: #000;
		background: #fff url(/assets/images/ui/bgHeader.jpg) no-repeat left top;
		
	}
	
	#branding h1
	{
		position: absolute;
		top: 15px;
		left: 140px;
	}
	
		#branding h1 a
		{
			display: block;
			width: 150px;
			height: 90px;
			text-indent: -100em;
		}
	
	
	#skipToContents{ height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important; }
	
	
	
	/* @group utilsMenu
	----------------------------------------*/
	#utilsMenu
	{
		position: absolute;
		bottom: 1em;
		right: 1em;
	}
	
	#utilsMenu li
	{
		float: left;
		padding-left: 12px;
		margin-right: 1em;
		background-image: url(/assets/images/ui/utilsMenuMark.png);
		background-repeat: no-repeat;
		background-position: left;
	}
	
	#utilsMenu a
	{
		font-size: 1.3em;
		font-family: "trade gothic", arial, helvetica, sans-serif;
		color: #fff;
		background-color: transparent;
		text-decoration: none;
	}
	
	#utilsMenu a:hover{ border-bottom: dotted 1px #fc762b; }
	
	/* @end */
		

	
	/* @end */
	
	
	
	
	/* @group contents
	---------------------------------------------------------------------------------------*/
	#contents
	{
		position: relative;
		margin-top: 5em;
		padding: 1em 68px 1em 160px;
		min-height: 44em;
		font-size: 1.2em;
	}
	
	#contents h1
	{
		margin-bottom: .5em;
		color: #fc762b;
		background: transparent;
		font-family: "arial narrow", arial, helvetica, sans-serif;
		font-size: 2.5em;
		line-height: 1.1em;
	}
	
	#contents h2
	{
		margin-bottom: 1.2em;
		color: #000;
		background: transparent;
		font-weight: bold;
		font-size: 1.3em;
	}
	
	#contents h2.folliwingP,
	#contents p + h2{ margin-top: 2em; }
	
	#contents h2 strong{ font-size: 1.2em; }
	
	#contents p
	{
		margin-bottom: 1.2em;
		text-align: justify;
		line-height: 1.5em;
	}
	
	#contents p.highlight
	{
		font-size: 1.3em;
		text-align: left;
		line-height: 1.3em;
	}
	
	
	#contents_contacto
	{
		position: relative;
		margin-top: 5em;
		padding: 1em 25px 1em 39px;
		min-height: 44em;
		font-size: 1.2em;
		height:521px;
	}
	#contents_contacto h1
	{
		margin-bottom: .5em;
		color: #fc762b;
		background: transparent;
		font-family: "arial narrow", arial, helvetica, sans-serif;
		line-height: 1.1em;
		font-size:30px;
		font-weight:bold;
		width:auto;
	}
	
	#contents_contacto h2
	{
		margin-bottom: 1.2em;
		color: #000;
		background: transparent;
		font-weight: bold;
		font-size: 1.3em;
	}
	.form_label{
		font-family:arial;
		font-size:11px;
		font-weight:bold;
		height:16px;
		padding-top:2px;
		float:left;
		display:inline;
		margin-bottom:6px;
		text-align:right;
		width:100px;
		padding-right:10px;
	}
	.form_cajas{
		float:left;
		display:inline;
		margin-bottom:6px;
		height:18px;
		padding:0 5px 0 5px;
		width:538px;
	}
	.caja_formulario{
		font-family:arial;
		font-size:12px;
		border:0px;
		padding-top:1px;
	}
	/* @end */
	
	
	
	
	/* @group siteNav
	---------------------------------------------------------------------------------------*/
	#siteNav
	{
		position: absolute;
		top: 116px;
		left: 0;
		width: 100%;
		color: #fff;
		background: #000;
	}
			
		/* @group menu
		----------------------------------------*/
		#siteNav ul
		{
			float: right;
			padding: 1px 0;
			color: #fff;
			background: #000;
			counter-reset: nav;
		}
		
		#siteNav li
		{
			float: left;
			display: block;
			padding: 2px 46px 2px 15px;
			margin: 0 3px;
			overflow: visible;
			color: #fff;
			background: #000 url(/assets/images/ui/menuMark.png) no-repeat right;
		}
		
		#siteNav img.separator
		{
			float: left;
			display: block;
			margin: 0;
			padding: 0;
			height: 3.2em;
		}
		
		#siteNav a
		{
			color: #fff;
			background: #000;
			text-decoration: none;
		}
		
		#siteNav li strong{ display: block; }
		
		#siteNav li strong a
		{
			position: relative;
			top: -1px;
			font-family: "arial narrow", arial, helvetica, sans-serif;
			font-size: 2.1em;
			text-transform: uppercase;
		}
		
		#siteNav li strong span.before,
		#siteNav li strong:before
		{
			position: relative;
			margin-right: 4px;
			content: "0" counter(nav);
			counter-increment: nav;
			color: #808080;
			background-color: transparent;
			font-size: 2.8em;
		}
		
		
		/* portfolio */
		#siteNav li#sn5
		{
			border: solid 2px #f0ecd7;
			padding: 0px 44px 0px 13px;
			margin-right: 0;
			color: inherit;
			background: #b1ac95 url(/assets/images/ui/menuMarkLast.png) no-repeat right;
		}
		
		#siteNav li#sn5 a
		{ color: inherit; background: #b1ac95; }
		
		#siteNav li#sn5 strong a span.before,
		#siteNav li#sn5 strong a:before
		{ color: #d1cec2 !important; background-color: transparent; }
		
		
		/* rollover */
		#siteNav li.current,
		#siteNav li:hover,
		body.compania  #siteNav li#sn1,
		body.servicios #siteNav li#sn2,
		body.clientes  #siteNav li#sn3,
		body.ex3       #siteNav li#sn4,
		body.portfolio #siteNav li#sn5
		{
			padding: 0px 44px 0px 13px;
			border: solid 2px #f0ecd7;
			color: inherit;
			background: #fc762b url(/assets/images/ui/menuMarkOver.png) no-repeat right !important;
		}
		
		body.compania  #siteNav li#sn1,
		body.servicios #siteNav li#sn2,
		body.clientes  #siteNav li#sn3,
		body.ex3       #siteNav li#sn4,
		body.portfolio #siteNav li#sn5
		{ border-bottom-color: #fc762b; }
		
		#siteNav li.current a,
		#siteNav li:hover a,
		body.compania  #siteNav li#sn1 a,
		body.servicios #siteNav li#sn2 a,
		body.clientes  #siteNav li#sn3 a,
		body.ex3       #siteNav li#sn4 a,
		body.portfolio #siteNav li#sn5 a
		{ color: inherit; background: #fc762b !important; }
		
		
		#siteNav li.current strong span.before,
		#siteNav li:hover strong:before,
		body.compania  #siteNav li#sn1 strong:before,
		body.servicios #siteNav li#sn2 strong:before,
		body.clientes  #siteNav li#sn3 strong:before,
		body.ex3       #siteNav li#sn4 strong:before,
		body.portfolio #siteNav li#sn5 strong:before,
		body.compania  #siteNav li#sn1 strong span.before,
		body.servicios #siteNav li#sn2 strong span.before,
		body.clientes  #siteNav li#sn3 strong span.before,
		body.ex3       #siteNav li#sn4 strong span.before,
		body.portfolio #siteNav li#sn5 strong span.before
		{
			color: #fdbc93;
			background-color: inherit;
		}
		
		/* @end */
		
		
			
		/* @group submenu
		----------------------------------------*/
		#siteNav li ul,
		body.compania  #siteNav li#sn1 ul,
		body.servicios #siteNav li#sn2 ul,
		body.clientes  #siteNav li#sn3 ul,
		body.ex3       #siteNav li#sn4 ul,
		body.portfolio #siteNav li#sn5 ul
		{
			display: block;
			position: absolute;
			bottom: -1.8em;
			height: 1.8em;
			left: 0;
			width: 942px;
			color: #000;
			background-color: #fc762b;
		}
		
		body.compania #siteNav li#sn1 ul
		{
			width: 900px;
			padding-left: 42px;
		}
		
		body.servicios #siteNav li#sn2 ul
		{
			width: 700px;
			padding-left: 242px;
		}
		
		body.ex3 #siteNav li#sn4 ul
		{
			width: 332px;
			padding-left: 610px;
		}
		
		#siteNav li li,
		#siteNav li:hover li
		#siteNav li.current li
		{
			/* reseteig per evitar que heredi les propietats del menú pare */
			padding: 0 0 0 1.4em !important;
			border: none !important;
		}
		
		#siteNav li li
		{
			float: left;
			margin-right: 5em;
			color: #000;
			background: #fc762b url(/assets/images/ui/secondaryMenuMark.png) no-repeat left !important;
			white-space: nowrap;
		}
		
		body.ex3 #siteNav li#sn4 li{ margin-right: 3.2em; }
		
		#siteNav li li a
		{
			font-size: 1.1em;
			font-weight: bold;
			line-height: 1.8em;
			color: #000;
			background-color: #fc762b;
		}
		
		/* rollover */
		#siteNav li li:hover,
		#siteNav li li.current,
		body.filosofia     li li#sn1-1,
		body.dinamica      li li#sn1-2,
		body.cobertura     li li#sn1-3,
		body.diseno        li li#sn2-1,
		body.audiovisuales li li#sn2-2,
		body.produccion    li li#sn2-3,
		body.sistema-ex3   li li#sn4-1,
		body.ventajas-ex3  li li#sn4-2,
		body.ejemplos-ex3  li li#sn4-3
		{ color: #fff; background: #fc762b url(/assets/images/ui/secondaryMenuMarkOver.png) no-repeat left !important; }
		
		#siteNav li li:hover a,
		#siteNav li li.current a,
		body.filosofia     li li#sn1-1 a,
		body.dinamica      li li#sn1-2 a,
		body.cobertura     li li#sn1-3 a,
		body.diseno        li li#sn2-1 a,
		body.audiovisuales li li#sn2-2 a,
		body.produccion    li li#sn2-3 a,
		body.sistema-ex3   li li#sn4-1 a,
		body.ventajas-ex3  li li#sn4-2 a,
		body.ejemplos-ex3  li li#sn4-3 a
		{ color: #fff !important; background-color: #fc762b; }
		
		#siteNav li#sn1 ul,
		#siteNav li#sn2 ul,
		#siteNav li#sn3 ul,
		#siteNav li#sn4 ul,
		#siteNav li#sn5 ul
		{ height: 0; width: 0; overflow: hidden; position: absolute; }

		/* @end */

	/* @end */
	
	
	
	
	/* @group footer
	---------------------------------------------------------------------------------------*/
	#footer
	{
		height: 1em;
		padding: .6em 0;
		font-size: 1.2em;
		color: #fff;
		background-color: #fc762b;
	}
	
		#footer a
		{
			color: #fff;
			background-color: inherit;
			text-decoration: none;
		}
		
		#footer a:hover{ text-decoration: underline; }
		
		#meta{ height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important;	}
		
		#copyright{ float: left; }
		
			#copyright strong{ font-weight: normal; }
			
			#copyright address{ display: inline; }
			
			#copyright address.before,
			#copyright address:before,
			#copyright address span:before
			{
				content: "  |  ";
				display: inline;
				white-space: pre;
			}
		
		#legalInfo{ float: right; }
		
			#legalInfo li{ float: left; }
			
			#legalInfo li span.after,
			#legalInfo li:after
			{
				content: "  |  ";
				display: inline;
				white-space: pre;
			}
			
			#legalInfo li:last-child:after{ content: ""; }
		
		
	/* @end */
	
	
	
	
	/* @group altres
	---------------------------------------------------------------------------------------*/
	
	
	/* @end */

/* @end */




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

	/* @group home
	----------------------------------------*/
	body.home #contents
	{
		margin-top: 3.5em;
		padding: 0 0 1em;
	}
	
	body.home #intro
	{
		height: 370px;
		color: #fff;
		background: #000 url(/assets/images/illustrationHome.jpg) no-repeat;
		text-indent: -100em;
	}
	
	body.home #main
	{
		position: relative;
		padding-top: 30px;
		height: 285px;
	}
	
	body.home #presentacion,
	body.home #promo-ex3,
	#banners-home
	{
		position: absolute;
		height: 285px;
	}
	
		
		/* @group presentacion
		----------------------------------------*/
		body.home #presentacion
		{
			left: 416px;
			top: 30px;
			width: 300px;
			height: 280px;
			padding: 5px 16px 0;
			border-left: solid 1px #86826f;
			border-right: solid 1px #86826f;
		}
		
		body.home #presentacion p{ margin-bottom: 2.5em; }
		
		/* @end */
		
		
		/* @group promo-ex3
		----------------------------------------*/
		body.home #promo-ex3
		{
			left: 0;
			top: 0;
			width: 376px;
			padding-top: 30px;
			padding-left: 40px;
			color: inherit;
			background: #fff url(/assets/images/banners/bgPromo-ex3.jpg) no-repeat left top;
			overflow: visible;
		}
	
		body.home #promo-ex3 h2,
		body.home #promo-ex3 p
		{
			width: 174px;
			text-align: left;
		}
		
		body.home #promo-ex3 h2
		{
			margin: .6em 0 .4em;
			color: #fc762b;
			background-color: inherit;
			font-size: 1.6em;
		}
		
		body.home #promo-ex3 p{ margin-bottom: 1em; }
		
		body.home #promo-ex3 p.highlight
		{
			width: 250px;
			font-size: 1.4em;
			font-weight: bold;
		}
		
		body.home #promo-ex3 p.highlight span{ display: block; }
		
		body.home #promo-ex3 p.highlight a{ text-decoration: none; }
	
		#promo-ex3-banner
		{
			position: absolute;
			top: 30px;
			right: 0px;
			width: 194px;
			height: 268px;
		}
		
		/* @end */
		
		
		/* @group banners-home
		----------------------------------------*/
		#banners-home{ left: 752px; top: 30px; }
	
		#banners-home li{ padding: 5px 0; border-bottom: solid 1px #86826f; }
		
		#banners-home p
		{
			width: 100px;
			padding-left: 82px;
			margin-bottom: 0;
			text-align: left;
			line-height: 1.4em;
		}
	
		#banner-25anos
		{
			width: 100%;
			height: 90px;
			color: inherit;
			background: #fff url(/assets/images/banners/25anos.png) no-repeat 35px top;
		}
		
		#banner-25anos p{ height: 1px; width: 0; overflow: hidden; position: absolute; }
		
		#banner-medio-ambiente
		{
			color: inherit;
			background: #fff url(/assets/images/banners/banner-medio-ambiente.jpg) no-repeat left 5px;
		}
		
		#banner-aemf
		{
			border-bottom: none !important;
			color: inherit;
			background: #fff url(/assets/images/banners/aemf.png) no-repeat left top;
		}
		
		/* @end */
	
	/* @end */
	
	
	
	
	/* @group compania
	----------------------------------------*/
	body.compania #contents{}
	
		/* @group filosofia
		----------------------------------------*/
		body.filosofia #contents
		{
			color: inherit;
			background: #fff url(/assets/images/ui/bgFilosofia.jpg) no-repeat 480px top;
		}
		
		body.filosofia #contents h1,
		body.filosofia #contents p.highlight
		{ width: 290px; }
		
		body.filosofia #contents p.highlight
		{
			color: #fc762b;
			background-color: transparent;
		}
		
		body.filosofia #contents h2{ width: 270px; }
		
		body.filosofia #contents h2.folliwingP,
		body.filosofia #contents p + h2
		{ width: auto; }
		
		/* @end */
		
		
		/* @group dinamica
		----------------------------------------*/
		body.dinamica #contents
		{
			color: inherit;
			background: #fff url(/assets/images/ui/bgDinamica.jpg) no-repeat 650px 2em;
		}
		
		body.dinamica #contents h1,
		body.dinamica #contents p.highlight
		{ width: 470px; }
		
		body.dinamica #contents p.highlight{ font-weight: bold; }
		
		body.dinamica #contents p.highlight strong{ text-transform: uppercase; }
		
		#etapas-proyecto{ margin-top: 3em; }
		
		#etapas-proyecto li{ padding: 1em 3em 0; }
		
		#etapas-proyecto h2{ color: #fc762b; background-color: inherit; }
		
		#inicio-proyecto
		{
			margin-bottom: 1em;
			padding-bottom: .5em !important;
		}
		
		#inicio-proyecto h2
		{
			margin-left: -1.5em;
			margin-bottom: .8em;
			color: #000;
			background-color: inherit;
			font-size: 1.2em;
		}
		
		/* @end */
		
		
		/* @group cobertura
		----------------------------------------*/
		body.cobertura #contents
		{
			color: inherit;
			background: #fff url(/assets/images/ui/bgCobertura.jpg) no-repeat 550px top;
		}
		
		body.cobertura #contents p.highlight
		{
			width: 350px;
			margin: 1.50em 0;
			font-weight: bold;
		}
		
		body.cobertura #contents p
		{
			width: 400px;
			margin-bottom: 2em;
		}
		
		body.cobertura #contents #presencia-internacional{ width: 350px; }
		
		#ejemplos
		{
			padding: 1em 0 1em 1.5em;
			margin: 1em 0 0 -1.5em;
			width: 87%;
		}
		
		#ejemplos h2
		{
			margin-bottom: 1em;
			font-weight: normal;
			font-size: 1.2em;
		}
		
		#ejemplos ul
		{
			padding-left: 1em;
			font-size: 1.15em;
			line-height: 1.5em;
		}
		
		#ejemplos li
		{
			list-style: disc;
			font-weight: bold;
			text-indent: -.2em;
			word-spacing: -.1em;
		}
		
		/* @end */
	
	/* @end */
	
	
	
	
	/* @group servicios
	----------------------------------------*/
	body.servicios #contents
	{
		
	}
	
		/* @group diseno
		----------------------------------------*/
		body.diseno #contents
		{
			color: inherit;
			background: #fff url(/assets/images/ui/bgDiseno.jpg) no-repeat 740px 1em;
		}
		
			body.diseno #contents h1,
			body.diseno #contents h2,
			body.diseno #contents p{ width: 514px; }
			
			body.diseno #contents p strong{ text-transform: uppercase; font-weight: bold; }
			
			#servicios-diseno
			{
				padding: .6em 2em;
				margin: 1em -2em;
				width: 85%;
			}
			
			#servicios-diseno h2
			{
				font-weight: normal;
				font-size: 1em;
			}
			
			#servicios-diseno li
			{
				padding-right: 80px;
				margin-bottom: 1.2em;
				line-height: 1.6em;
			}
			
			#servicios-diseno strong
			{
				color: #fc762b;
				background-color: inherit;
				font-weight: bold;
				font-size: 1.3em;
			}
			
			#servicios-diseno strong span{ font-weight: normal; }
		
		/* @end */
		
		
		/* @group audiovisuales
		----------------------------------------*/
		body.audiovisuales #contents{ min-height: 600px; }
		
			body.audiovisuales #contents h1,
			body.audiovisuales #contents h2,
			body.audiovisuales #contents p{ width: 420px; }
			
			body.audiovisuales #contents p{ margin-bottom: 2em; }
			
			
			body.audiovisuales #contents p.highlight
			{
				text-align: justify;
				color: #000;
				background-color: inherit;
				font-weight: bold;
			}
			
			body.audiovisuales #contents p strong
			{
				color: #fc762b;
				background-color: inherit;
				font-size: 1.3em;
			}
			
			body.audiovisuales #pics
			{
				position: absolute;
				top: 1.5em;
				right: 35px;
			}
			
			body.audiovisuales #pics li{ margin-bottom: .5em; }
		
		/* @end */
		
		
		/* @group produccion
		----------------------------------------*/
		body.produccion #contents{}
		
			body.produccion #contents h1,
			body.produccion #contents h2,
			body.produccion #contents p{ width: 410px; }
			
			body.produccion #contents p{ text-align: left; margin-bottom: 2em; }
			
			body.produccion #contents p.highlight{ font-weight: bold; }
			
			body.produccion #contents p strong{ font-size: 1.2em; }
			
			body.produccion  #aside
			{
				position: absolute;
				top: 1.5em;
				right: 28px;
				width: 270px;
				padding: 400px 25px 1em;
				color: #fff;
				background: #a29d84 url(/assets/images/ui/bgAsideProduccion.jpg) no-repeat 8px 8px;
			}
			
			body.produccion  #aside p
			{
				width: auto;
				margin-bottom: 1em;
				font-weight: bold;
				font-size: 1.3em;
			}
		
		/* @end */
	
	/* @end */
	
	
	
	
	/* @group clientes
	----------------------------------------*/
	body.clientes #contents
	{
		color: inherit;
		background: #fff url(/assets/images/ui/bgClientes.jpg) no-repeat 530px 1.5em;
	}
	
		body.clientes #contents h1,
		body.clientes #contents h2,
		body.clientes #contents p.highlight
		{ width: 315px; }
		
		body.clientes #contents p.highlight{ font-weight: bold; }
		
		body.clientes #contents h1{ margin-bottom: 1em; }
		
		body.clientes #contents h2
		{
	 		margin: 7em 0 3em;
			font-size: 1em;
			font-weight: normal;
		}
		
		body.clientes #contents h3
		{
			font-size: 1.2em;
			font-weight: bold;
			line-height: 1.8em;
			color: #fc762b;
			background-color: inherit;
		}
		
		body.clientes #contents li{ padding-bottom: 2em; line-height: 1.5em; }
		
		body.clientes #contents li.r{ margin-left: 380px;	text-align: left; }
		
		body.clientes #contents li.reset{ margin-top: -51em; }
		
		body.clientes #contents ul ul li
		{
			margin-left: 0;
			padding-bottom: 0;
			list-style: disc inside;
		}
	
	/* @end */
	
	
	
	
	/* @group ex3
	----------------------------------------*/
	body.ex3 #contents{}
	
		
		/* @group inicio-ex3
		----------------------------------------*/
		body.inicio-ex3 #contents
		{
			min-height: 800px;
			padding: 1em 140px;
		}
		
			body.inicio-ex3 #contents h1#flash-ex3
			{
				width: 670px;
				height: 475px;
				color: inherit;
				background: #fff url(/assets/images/ex3.jpg) no-repeat;
				text-indent: -100em;
			}
			
			object#flash-ex3,
			embed#flash-ex3
			{ margin: -1em -0 2em; }
		
		/* @end */
		
		
		/* @group sistema-ex3 / ventajas-ex3
		----------------------------------------*/
		body.sistema-ex3 #contents,
		body.ventajas-ex3 #contents
		{
			padding-top: 485px;
			padding-bottom: 2em;
			overflow: auto;
			color: inherit;
			background: #fff url(/assets/images/ex3.jpg) no-repeat 140px 10px;
		}
		
			body.sistema-ex3 #contents h1,
			body.ventajas-ex3 #contents h1,
			body.inicio-ex3 #contents #contents-inner h1
			{
				float: left;
				width: 108px;
				padding: 0 15px;
				text-transform: lowercase;
				text-align: right;
				font-weight: normal;
			}
			
			body.sistema-ex3 #contents h1 strong,
			body.ventajas-ex3 #contents h1 strong,
			body.inicio-ex3 #contents #contents-inner h1 strong
			{
				display: block;
				text-transform: uppercase;
				color: #000;
				background-color: inherit;
			}
			
			body.sistema-ex3 #contents h2,
			body.ventajas-ex3 #contents h2,
			body.inicio-ex3 #contents #contents-inner h2
			{
				margin-bottom: 0.2em;
				font-size: 1.2em;
			}
			
			body.sistema-ex3 #contents-inner div,
			body.ventajas-ex3 #contents-inner div,
			body.inicio-ex3 #contents-inner div
			{
				clear: right;
				float: left;
				width: 495px;
				padding-left: 15px;
				border-left: solid 1px #fc762b;
				text-align: left;
			}
			
		#modulos-ex3
		{
			width: 900px;
			height: 150px;
			padding: 30px 0;
			margin-left: -140px;
			overflow: hidden;
			clear: both;
		}
		
		#modulos-ex3 li{ float: left; }
		
		
		#ex3-contents{ overflow: visible; }
		
		#ex3-contents #modulos-ex3
		{
			position: relative;
			left: -120px;
			margin-left: 0;
		}
		
		/* @end */
		
		
		/* @group ejemplos-ex3
		----------------------------------------*/
		body.ejemplos-ex3 #contents{ margin-top: 4.7em !important; }
		
		/* @end */

	/* @end */
	
	
	
	
	/* @group portfolio
	----------------------------------------*/
	body.portfolio #contents{ margin-top: 4em; }
	
	/* @end */	
	
	
	
	
	/* @group contacto
	----------------------------------------*/
	body.contacto #contents{}
	
	#contacto legend,
	#contacto p.legend /* explorer te problemes amb els legend */
	{
		padding: 1em 0 3em;
		white-space:normal; /* firefox te problemes amb els legend */
	}
	
	#contacto legend span{ white-space:normal; } /* firefox te problemes amb els legend */
	
	#contacto li
	{
		float:  none;
		clear:  both;
		height: 3.5em;
	}
	
	#contacto label, #contacto input, #contacto textarea{ float:  left; }
	
	#contacto label
	{
		width: 15%;
		text-align: right;
		text-transform: uppercase;
		font-size: .9em;
	}
	
	#contacto label:after{ content: ':';}
	
	#contacto input[type=text], #contacto textarea
	{
		width: 83%;
		float: right;
	}
	
	#contacto textarea{ height: 5em; }
	
	#contacto label[for=fSubmit]{ height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important; }
	
	#contacto #fSubmit
	{
		min-width: 6em;
		margin-top: 3em;
		padding: .2em 1em;
		float: right;
		border: none;
		text-transform: uppercase;
		font-size: .9em;
		color: #000;
		background: #fff url(/assets/images/ui/bgSubmitBtn.png) repeat-x;
	}
	
	#contacto .lCol, #contacto .rCol{ width: 50%; }
	
	#contacto .lCol{ float: left; clear: left; }
	
	#contacto .rCol{ float: right; clear: right; }
	
	#contacto .lCol label,
	#contacto .rCol label{ width: 30%; }
	
	#contacto .lCol input[type=text],
	#contacto .rCol input[type=text]{ width: 65%; }
	
	body.contacto #sendStatus
	{
		padding: 6em 0;
		text-align: center;
		font-size: 1.4em;
		line-height: 1.6em;
	}
	
	/* @end */
	
	
	
	
	/* @group gallery
	----------------------------------------*/
	body.gallery #contents{ padding: 0 !important; }
	
	body.gallery #contents h1{ height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important;	}
	
	
		/* @group project-info
		----------------------------------------*/
		#project-info
		{
			height: 390px;
			margin-bottom: .4em;
			color: inherit;
			background-color: #dfddd3;
		}
	
			#project-info #projectId{ height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important;	}
			
			#project-info #info
			{
				float: left;
				width: 395px;
				height: 100%;
				overflow: hidden;
			}
			
			#titulo{
				margin: 17px 0 11px 6px;
				color:#FC762B;
				font-family:arial;
				font-weight:bold;
				font-size:19px;
				width:364px;
				overflow: hidden;
				float:left;
				display:inline;
			}
			.texto_cliente{
				margin:0 6px 0 6px;
				color:#000000;
				font-family:arial;
				font-size:11px;
				width:380px;
				float:left;
				display:inline;
			}
			
			#project-info #info dl
			{
				margin-left: 14px;
				overflow: auto;
				width:344px;
				background-color:#FFFFFF;
				border:1px solid #BEBABD;
				height:55px;
				padding-top:16px;
				padding-left:10px;
			}
			
			#project-info #info dt
			{
				font-weight: bold;
				float: left;
				clear: left;
				font: bold 1.2em "arial narrow", arial, helvetica, sans-serif;
				text-transform: uppercase;
			}
			
			#project-info #info dt:after{ content: ":"; }
			
			#project-info #info dd
			{
				float: left;
				clear: right;
				margin-left: .5em;
				line-height: 1.6em;
			}
		
			#project-info #pic,
			#project-info #diagram
			{
				width: 100%;
				height: 100%;
				overflow: hidden;
			}
			
			#project-info #pic
			{
				position: relative;
				float: left;
				width: 547px;
				color: #fff;
				background: #000 url(/assets/images/ui/ajax-loader.gif) no-repeat 50% 50%;
			}
			
			#project-info #diagram
			{
				color: #000;
				background: #dfddd3 url(/assets/images/ui/ajax-loader2.gif) no-repeat 50% 50%;
			}
			
			#project-info #pic p
			{
				position: absolute;
				left: 0;
				bottom: .3em;
				width: 100%;
				margin: 0;
				padding-left: 2em;
				font: bold 1.2em "trade gothic", arial, helvetica, sans-serif;
				color: inherit;
				background: #000;
			}
		
		/* @end */
		
		
		/* @group gallery-nav
		----------------------------------------*/
		#gallery-nav
		{
			padding: 1em 80px;
			/*margin-bottom: 3em;*/
			overflow: auto;
			color: inherit;
			background-color: #bcbaab;
		}
			
			/* @group project-pics
			----------------------------------------*/
			#project-pics
			{
				height: 124px;
				overflow: hidden;
			}
			
			#project-pics ul{ width: 10000px; }
			
			#project-pics li
			{
				float: left;
				margin-left: 6px;
				padding: 10px;
				width: 104px;
				height: 104px;
				overflow: hidden;
				background-image: url(/assets/images/ui/bgProject-pics.png);
				background-repeat: no-repeat;
			}
			
			/* @end */
			
			
			/* @group projects-nav
			----------------------------------------*/
			#projects-nav
			{
				clear: both;
				float: right;
				height: 1.5em;
				min-height: 15px;
				margin-top: 1em;
				padding: 0;
			}
		
			#projects-nav li
			{
				float: left;
				font: bold 1.2em "trade gothic", arial, helvetica, sans-serif;
			}
			
			#projects-nav a
			{
				display: block;
				padding: 0 .3em;
				border-right: solid 2px #000;
				text-decoration: none;
			}
			
			#projects-nav a.prev,
			#projects-nav a.next,
			#projects-nav li.penultimate a
			{ border-right: none; }
			
			#projects-nav a.prev,
			#projects-nav a.next
			{
				width: 21px;
				height: 15px;
				padding: 0;
				text-indent: -100em;
				background-repeat: no-repeat;
			}
			
			#projects-nav li.current a{ color: #fff; background-color: inherit; }
			
			#projects-nav a.prev{ background-image: url(/assets/images/ui/prev.png); }
			#projects-nav a.next{ background-image: url(/assets/images/ui/next.png); }
			
			/* @end */
			
		/* @end */
	
	/* @end */
	
	
	
	
	/* @group legal
	----------------------------------------*/
	body.legal #contents{}
	
		body.legal #contents address strong,
		body.legal #contents li strong
		{ display: block; }
		
		body.legal #contents li strong{ font-weight: normal; }
		
		body.legal #contents address a,
		body.legal #contents li a{ text-decoration: none; }
		
		body.legal #contents address a:hover,
		body.legal #contents li a:hover{ text-decoration: underline; }
	
		body.aviso-legal #contents ol{ list-style: decimal inside; }
		
		body.aviso-legal #contents ol address,
		body.aviso-legal #contents ol div
		{
			margin: -.5em 1.5em 1em;
			line-height: 1.4em;
		}
		
		body.aviso-legal #contents dl{ overflow: auto; }
		
		body.aviso-legal #contents dt,
		body.aviso-legal #contents dd
		{ float: left; }
		
		body.aviso-legal #contents dt{ clear: left; padding-right: .5em; }
		
		body.aviso-legal #contents dt:after{ content: ":"; }
	
	
	/* @end */

	
/* @end */