/* -------------------------------------------------------- */
/* ----------- CONFIGURACIÓN ELEMENTOS GLOBALES ----------- */
/* -------------------------------------------------------- */
html, body {
	margin: 0px;
	padding: 0px;
	height: 100%; /* needed for container min-height */
	background-color: #1a1818;
	font-family: Verdana, Arial, Geneva;
	font-size: 11px;
	color: #afaeaf;
	background-image: url(../img/fondo_degradado2.png);
	background-position: left +1px;
	background-repeat: repeat-x;
}

::selection {
	background: #e7c830;
	color: #453c0e;
	/* Safari */
}

::-moz-selection {
	background: #e7c830;
	color: #453c0e;
	/* Firefox */
}


p { 
	margin:0 0 1em;
	color:#afaeaf;
}

a { 
	margin:1em 0;
	text-decoration:none;
	color:#afaeaf;
	cursor:pointer;
}

a:hover { 
	color:#eed030;
}

address {
	margin:0;
	padding:0;
	font-style:normal;
	margin:24px;
	color:#797979;
}

ul {
	list-style: none; 
	padding: 0px; 
	margin: 0px;
}

select {
	/*background: url(../img/select.gif);*/
	background-color:#343334;
	border: 1px solid #717171;
	color: #717171;
	width:250px;
	text-indent: 2px;
	font-size:14px;
}

img {
	border: 0 none;
}

/* -------------------------------------------------------- */
/* ----------------------- CABECERA ----------------------- */
/* -------------------------------------------------------- */
div#header {
	width: 876px;
	height: 159px;
	margin-bottom: 1px;
	position: relative;
}
	div#header #header_logo {
		position: absolute;
		top: 0;
		left: 0;
		width: 199px;
		height: 159px;
		margin: 0;
		padding: 0;
		border: 0 none;
		margin-right: 1px;
	}

	div#header #header_content {
		position: absolute;
		top: 0;
		right: 0;
		width: 676px;
		height: 159px;
		margin: 0;
		padding: 0;
		border: 0 none;
	}
	
		div#header #header_content #header_content_language {
			position: absolute;
			top: 0;
			left: 24px;
			width: 652px;
			height: 23px;
			color: #eed030;
			font-size: 0.9em;
			text-align: left;
			line-height: 23px;
			margin: 0;
			padding: 0;
			border: 0 none;
		}
		
		div#header #header_content #header_content_slogan {
			position: absolute;
			top: 59px;
			left: 23px;
			width: 653px;
			height: auto;
		}
		
		div#header #header_content #header_content_track {
			position: absolute;
			top: 129px;
			left: 24px;
			width: 652px;
			height: 30px;
			color: #eed030;
			font-size: 10px;
			text-align: left;
			line-height: 30px;
			margin: 0;
			padding: 0;
			border: 0 none;
		}
	
	div#header h1 {
		padding: 0;
		margin: 0;
		text-align: left;
		color: #5f5f5f;
	}
/* -------------------------------------------------------- */

/* CONTENEDOR MENÚ Y CONTENIDO A LA DERECHA DEL MENÚ */
div#mnu_pic {
	position: relative;
	width: 876px;
	min-height: 270px;
	_height:auto;
}

/* -------------------------------------------------------- */
/* -----------------------   MENU   ----------------------- */
/* -------------------------------------------------------- */
div#nav {
	background-color: #e7c830;
	position: absolute;
	top: 0;
	left: 0;
	width: 199px;
	height: 271px;
	padding: 0px;
	margin: 0px;
}

	div#nav ul {
		color: #453c0e;
		border: 0 none;
		list-style: none;
		margin: 0px;
	}

	div#nav li {
		background-color: #e7c830;
		padding: 0px;
		margin: 0px;
		margin-bottom: 2px;
	}
	
	div#nav li.selected {	
		font-weight: normal;
		display: block;
		padding: 0px;
		margin: 0px;
		width: 199px;	
		color: #eed030;
		background-color: #2d291d;
	}

	div#nav li a {
		font-weight: normal;
		display: block;
		color: #2d291d;
		padding: 0px;
		margin: 0px;
		width: 199px;	
	}

	div#nav li a.selected {
		font-weight: normal;
		display: block;
		padding: 0px;
		margin: 0px;
		width: 199px;	
		color: #eed030;
		background-color: #2d291d;
	}

	div#nav li a:hover {
		color: #eed030;
		background-color: #2d291d;
	}

/* -------------------------------------------------------- */
/* -------------------- FICHA PORTFOLIO ------------------- */
/* -------------------------------------------------------- */
div#ficha {
	position: absolute;
	top: 0;
	right: 0;
	width: 676px;
	height: 271px;
	color: #ebebeb;
	background: url(../img/fondo_ficha2.png);
	background-color: #484848;
	margin: 0;
	padding: 0;
	font-size: 10px;
}
	
	div#ficha #ficha_titulos_left {
		position: absolute;
		top: 0;
		left: 24px;	
		width: 556px;
		height: auto;
		margin: 0;
		padding: 0;
		border: 0 none;
	}

	div#ficha #ficha_titulos_right {
		position: absolute;
		top: 0;
		right: 0;	
		width: 96px;
		height: auto;
		text-align: center;
		margin: 0;
		padding: 0;
		border: 0 none;
	}
		
	div#ficha #ficha_descripcion {
		position: absolute;
		bottom: 46px;
		left: 23px;
		width: 629px;
		height: auto;
		vertical-align: bottom;
		margin: 0;
		padding: 0;
		border: 0 none;
		font-size: 10px;
		color: #ebebeb;
	}
	
		div#ficha #ficha_descripcion .resaltado {
			color: #d5b930;
			line-height: 14px;
		}
		
		div#ficha #ficha_descripcion p {
			color: #ebebeb;
			line-height: 14px;
		}

	div#ficha #ficha_tabs {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 676px;
		height: 26px;
		margin: 0;
		padding: 0;
		border: 0 none;
	}
	
		div#ficha #ficha_tabs ul {
			display: inline-block;
			list-style: none;
			margin: 0;
			padding: 0;
			border: 0 none;
			margin-left: 24px;
			height: 26px;
		}

		div#ficha #ficha_tabs ul li {
			float: left;
			font-weight: bold;
			text-align: center;
			margin: 0 2px 0 0;
			padding: 0;
			line-height: 26px;
		}

		div#ficha #ficha_tabs ul li span {
			-moz-border-radius-topleft: 2px;
			-moz-border-radius-topright: 2px;
			-webkit-border-top-right-radius: 2px;
			-webkit-border-top-left-radius: 2px;
			padding: 0;
			text-align: center;
			color: #333233;
			background-color: #eed030;
			font-weight: bold;
			display: table-cell;
			line-height: 26px;
			height: 26px;
			padding-left: 10px;
			padding-right: 10px;
		}

		div#ficha #ficha_tabs ul li a {
			-moz-border-radius-topleft: 2px;
			-moz-border-radius-topright: 2px;
			-webkit-border-top-right-radius: 2px;
			-webkit-border-top-left-radius: 2px;
			padding: 0;
			text-align: center;
			color: #333233;
			background-color: #6c6b6b;
			font-weight: bold;
			display: table-cell;
			line-height: 26px;
			height: 26px;
			padding-left: 10px;
			padding-right: 10px;
		}
		
		div#ficha #ficha_tabs ul li a:hover {
			background-color: #eed030;
		}

/* ----------------------------------------------------------- */
/* ----------------------- ENCABEZADOS ----------------------- */
/* ----------------------------------------------------------- */
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

	h1.h1_cabecera {
		font-size: 20px;
		color: #5f5f5f;
	}

		h1.h1_cabecera .h1_cabecera_color {
			color: #d1d1d1;
			font-weight: bold;
		}
		
	h1.h1_feina {
		font-size: 20px;
		color: #eed030;
	}
	
		h1.h1_feina a {
			color: #eed030;
		}
		
	h1.h1_feina {
		font-size: 19px;
		color: #eed030;
	}
	
	h1.h1_client {
		font-size: 20px;
		color: #eed030;
		margin: 0;
		padding: 0;
		border: 0 none;
	}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

	h2.h2_seccio {
		font-size: 20px;
		color: #eed030;
	}
	
	h2.h2_seccio_twocolor {
		font-size: 20px;
		color: #eed030;
	}
	
	h2.h2_accio {
		font-size: 20px;
		color: #ffffff;
	}

h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

	h3.h3_feina_data {
		font-size: 18px;
		color: #706f70;
		margin: 0;
		padding: 0;
		border: 0 none;
	}
	
	h3.h3_titol_premi {
		font-size: 18px;
		color: #eed030;
		margin: 0;
		padding: 0;
		border: 0 none;
	}

h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

	h4.h4_feina_data {
		font-size: 15px;
		color: #706f70;
		margin: 0;
		padding: 0;
		border: 0 none;
	}

/* -------------------------------------------------------- */
/* --------- ÚLTIMOS TRABAJOS (SLIDER HORIZONTAL) --------- */
/* -------------------------------------------------------- */
div#lastjobs {
 	z-index: 0;
	float: right;
	margin-top: 1px;
	padding: 0;	
	width: 676px;
	background-color: #262525;
	/*vertical-align:text-bottom;*/
}
	
	div#lastjobs img {
	 	z-index:0;
		border:0;
	}

	div#lastjobs h1 {
		text-align: left;
		margin-left: 24px;
		margin-bottom: 32px;
	}

	div#lastjobs h2 {
		text-align: left;
		margin: 15px 24px 0px 24px;
	}

	div#lastjobs p {
		text-align: left;
		margin-bottom: 32px;
	}
	
	div#lastjobs li.client {
		color: #d4b82f;
		font-size: 10px;		
	}
	
	div#lastjobs li.tipus {
		color: #6d6d6d;
		font-size: 10px;		
	}

/* UL QUE CONTINE: IMAGEN PROYECTO, NOMBRE PROYECTO, CLIENTE, TIPO PORTFOLIO */
	ul#lastjobs {
		float: left;
		width: 153px;
		margin-right: 3px;
		margin-left: 3px;
		padding: 0px;
	}
	
		ul#lastjobs li {
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
		
		ul#lastjobs li a {
			color: #afaeaf;
			font-size: 11px;
			font-weight: bold;
		}

/* CONTENEDOR ROLLOVER MINIATURA PROYECTO */
	div#lastjobs span.img_rollover {
		width: 153px;
		height: 98px;
		overflow: hidden;
		display: block;
		position: relative;
	}

		div#lastjobs span.img_rollover a.img_projecte:hover {
			top: -98px;
			position: relative;
		}

/* NUEVO / NOU / NEW *//* MINIATURAS */
	div#lastjobs span.lastjobs_nou {
		position: absolute;
		display: block;
		bottom: 0;
		z-index: 1;
		background-color: #eed030;
		text-align: center;
		height: 14px;
		color: #2e2a1e;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 0;
		margin: 0;
		border: 0 none;
		padding-right: 6px;
		padding-left: 6px;
	}

/* NUEVO / NOU / NEW *//* PORTFOLIO DESTACADO */
 div#content span.lastjobs_nou {
		position: absolute;
		display: block;
		bottom: 0;
		z-index: 1;
		background-color: #eed030;
		text-align: center;
		height: 14px;
		color: #2e2a1e;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 0;
		margin: 0;
		margin-left: 23px;
		border: 0 none;
		padding-right: 6px;
		padding-left: 6px;
 }
/* -------------------------------------------------------- */

div#top{
	background: url(../img/points_v5.gif);
	background-repeat:repeat-x;
	height: auto;
}

div#bottom{
	background-color:#1a1818;
}

div#container{
	text-align: left;
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	width: 876px;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	/* min-height: 100%; */ /* real browsers */
}

div#content{
	float: right;
	width: 676px;
	background: #484848;
}

	div#content p {
		text-align:left;
		margin:0px 24px 16px 24px;
	}

	div#content p.news {
		margin: 0;
		padding: 0;
		border: 0 none;
		margin-left: 24px;
		margin-top: 12px;
		margin-bottom: 15px;
		font-size: 12px;
		color: #afaeaf;
		/*margin-bottom:10px;*/
	}

	div#content h1 {
		text-align:left;
		margin: 15px 0 0 24px;
	}

	div#content h2 {
		text-align:left;
		margin: 15px 0 0 24px;
	}
	
	div#content h3 {
		text-align:left;
		margin: 0 0 0 24px;
	}
	
	div#content ul {
		vertical-align:bottom;
		list-style:disc;
	}

	div#content li.client {
		color:#eed030;
		font-size:10px;		
	}
	
	div#content li.tipus {
		font-size:10px;		
	}	

	div#content address {
		color:#afaeaf;
	}

div#clients{
	float:right;
	width:676px;
	/*background:#494749;*/
	background:url(../img/fondo_ficha2.png);
	background-color:#494749;
	background-repeat:repeat-x;
	position:relative;
	height:auto !important;
	/*margin:0 auto;*/
	color:#FFF;
}

	div#clients p {
		text-align:left;
		margin:15px 24px 15px 24px;
	}
	
	
	div#clients h2 {
		text-align:left;
		margin:14px 0px 0px 24px;
	}
	
	div#clients h3 {
		font-size:16px;
		text-align:left;
		margin:3px 24px 7px 24px;
	}	
	
	div#clients a {
		color:#f4f4f4;
	}	

	div#clients a:hover {
		color:#eed030;
	}	

	div#clients ul {
		list-style-type: disc;
	}


div#showjobs{
 	z-index:0;
	float:right;
	/*margin-top:1px;*/
	padding: 14px 16px 14px 24px;	
	/*width:676px;*/
	background:#484748;
	/*vertical-align:text-bottom;*/
}
	div#showjobs h2 {

	}
	
	div#showjobs img {
	 	z-index:0;
		border:0;
	}

	div#showjobs p,h2 {
		text-align:left;
		/*margin-bottom:14px;*/
	}
	
	div#showjobs ul {
		vertical-align:bottom;
	}

	div#showjobs li.client {
		color:#d4b82f;
		font-size:10px;		
	}
	
	div#showjobs li.tipus {
		color:#6d6d6d;
		font-size:10px;		
	}
	



/* -------------------------------------------------------- */
/* -------------------- PIE DE PÁGINA --------------------- */
/* -------------------------------------------------------- */
div#footer {
	width: 676px;
	background-color: #201e1f;
	background-image: url(../img/footer_degradado2.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	margin-top: 1px;
	overflow: hidden;
	float: right;
}

	div#footer p {
		margin: 24px;
	}

	div#footer a.email {
		color: #797979;
	}	

	div#footer a {
		color: #535252;
	}	

	div#footer a:hover {
		color: #eed030;
	}