/* CSS Document */


/* CONTACTO */

div.contacto_left {
	text-align: right;
	position: absolute;
	margin-left: 115px;
	margin-top: 159px;
	width: 215px;
	height: 259px;
}

div.contacto_right {
	position: absolute;
	position: absolute;
	margin-left: 360px;
	margin-top: 159px;
	width: 260px;
	height: 259px;
}

div.contacto_separacio {
	position: absolute;
	border-left: 1px solid #EFEFEF;
	border-right: 1px solid #E2E2E2;
	height: 259px;
	margin-left: 345px;
	margin-top: 159px;
}

p.contacto {
	margin: 0px;
	padding: 0px;
	color: #818183;
	/*line-height: 150%;
	letter-spacing: 2px;*/
}

h2.contacto {
	color: #BFBFBF;
	font-size: 16px;
}

h3.contacto {
	color: #F18E00;
	margin-top: 20px;
	font-size: 14px;
}

h2.email {
	/*margin-top: 67px;*/
	margin-top: 57px;
}

a.contacto {
	color: #F18E00;
	text-decoration: none;
	letter-spacing: normal;
	font-weight: bold;
}

a.contacto:hover {
	text-decoration: none;
}

/* CONTACTO formulari */

table.form_contacto {
	position: absolute;
	margin-left: 70px;
	margin-top: 150px;
	color: #BFBFBF;
	font-size: 12px;
	text-align: right;
}

table.form_contacto input {
	width: 100%;
	border: 1px solid #A443E1;
}

table.form_contacto textarea {
	width: 230px;
	border: 1px solid #A443E1;
	height: 100px;
}

a.volver {
	color: #A443E1;
	font-size: 14px;
	text-decoration: none;
	position: absolute;
	margin-top: 480px;
	margin-left: 85px;
	width: 80px;
}

/* PARTNERS */

div.partners_imatges {
	position: absolute;
	margin-top: 120px;
	margin-left: 100px;
}

div.partners_separador {
	background-color: #D4D4D4;
	height: 1px;
	width: 120px;
	margin: 15px 50px 15px 50px;
}

/* EQUIPO */

ul.equipo {
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #BFBFBF;
	position: absolute;
	width: 140px;
	height: 345px;
	margin-left: 86px;
	margin-top: 157px;
	padding-right: 10px;
	border-right: 1px solid #DDDDDD;
}

ul.equipo li {
	padding: 2px;
	cursor: pointer;
}

ul.equipo li.selected {
	background-color: #E6218B;
	color: #FFFFFF;
}

#tot_equip {
	height: 400px;
	overflow: hidden;
}
div.equip_categoria {
	position: absolute;
	margin: 160px 0px 0px 250px;
	height: 200px;
	width: 300px;
}

div.equip_llistat {
	position: absolute;
	width: 300px;
	text-align: justify;
}

div.equip_llistat a {
	color: #C9C9C9;
	text-decoration: none;
}

div.equip_llistat a:hover {
	color: #E6218B;
}

div.equipo_persona {
	position: absolute;
	margin-left: 10px;
	margin-top: 60px;
	text-align: right;
	width: 200px;
	padding: 10px;
	border-right: 1px solid #DDDDDD;
}

div.equipo_persona img {
	position: absolute;
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
	margin-top: -10px;
}

div.equipo_gran {
	margin: 160px 0px 0px 150px;
}

div.equipo_gran img {
	margin-top: -20px;
}

div.equipo_persona p.nom {
	margin: 0px;
	padding: 0px;
	color: #E6218B;
}

div.equipo_persona p.carrec {
	margin: 0px;
	padding: 0px;
}

div.equipo_persona p.mail a.mail {
	color: #F18E00;
	text-decoration: none;
}

div.equipo_persona p.mail a.mail:hover {
	text-decoration: none;
}

div.equipo_persona p.descripcio {
	color: #BBBBBB;
}

div.protector_equip {
	position:absolute;
	background-color: #000000;
	filter: alpha(opacity=0001);
	opacity: .0001;
	width: 500px;
	height: 250px;	
	margin-left: 80px;
	margin-top: 150px;
}

/* EMPRESA */

a.sub_empresa {
	color: #D4D4D4;
	text-decoration: none;
	font-size: 20px;
}

a.sub_empresa:hover {
	text-decoration: none;
}

/* EMPRESA - Ventajas */

div.sub_empresa_1 {
	position: absolute;
	margin-left: 230px;
	margin-top: 76px;
	width: 300px;
	z-index: 2;
}

h1.sub_empresa_1 {
	font-size: 20px;
	color: #D4D4D4;
	float: left;
	border-left: 2px solid #A4A4A4;
	padding-left: 10px;
	padding-right: 10px;
}

div.content_empresa {
	position: absolute;
	width: 380px;
	height: 360px;
	overflow: auto;
	padding: 0px;
	margin: 0px;
	color: #818181;
	margin-left: 88px;
	margin-top: 125px;
}

div.content_empresa h2, .text_empresa h2 {
	color: #EF3D2B;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

div.content_empresa p, .text_empresa p {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

div.text_empresa {
	position:absolute;
	overflow: hidden;
	color: #999999;
	height: 380px;
	width: 360px;
	margin: 120px 0px 0px 90px;
	margin-top: 120px;
	color: #999999;
}

div.scroller {
	height: 380px;
	width: 12px;
	/* background-color:#FFE5E5; */
	/* border: 1px solid #FFE5E5; */
	padding: 1px;
	position: absolute;
	margin-top: 120px;
	margin-left: 455px;
}

div.scroller div.dalt {
	position: absolute;
	height: 15px;
	width: 12px;
	background-color:#CCCCCC;
	background-image: url(../../img/estructura/up.gif);
	cursor: pointer;
}

div.scroller div.baix {
	position: absolute;
	height: 15px;
	width: 12px;
	background-color:#CCCCCC;
	margin-top: 365px;
	background-image: url(../../img/estructura/down.gif);
	cursor: pointer;
}

div.scroller div.barra {
	position: absolute;
	height: 50px;
	width: 12px;
	background-color:#FD7272;
	margin-top: 16px;
}


/* EMPRESA - Servicios */

h1.servicios2 {
	margin-left: 185px;
}

h1.ventajas2 {
	position:absolute;
	margin-top: 76px;
	margin-left: 70px;
	width: 100px;
}

h1.ideas2 {
	position:absolute;
	margin-top: 76px;
	margin-left: 320px;
	width: 200px;
	border-left: 2px solid #A4A4A4;
	padding-left: 10px;
}

ul.servicios {
	position: absolute;
	list-style: none;
	margin: 170px 0px 0px 30px;
	padding: 0px;
	color: #707070;
	text-align: right;
	width: 142px;
}

ul.servicios li {
	color: #707070;
	cursor: pointer;
	margin: 10px 0px 10px 0px;
}

ul.servicios li:hover {
	text-decoration: none;
}

ul.servicios li.actiu {
	color: #EF3D2B;
}

div.servicios {
	position: absolute;
	margin: 180px 0px 0px 200px;
	width: 250px;
	color: #A7A7A7;
}

div.servicios h2 {
	color: #EF3D2B;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

div.servicios p {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

div.servicios strong {
	font-weight: normal;
	color: #000000;
}

div.ocult {
	display: none;
}

div.servicio1 {
	position: absolute;
}

div.servicio2 {
	margin-top: 23px;
	position: absolute;
}

div.servicio3 {
	margin-top: 58px;
	position: absolute;
}

div.servicio4 {
	margin-top: 80px;
	position: absolute;
}

div.servicio5 {
	margin-top: 104px;
	position: absolute;
}

div.protector {
	position:absolute;
	background-color: #000000;
	filter: alpha(opacity=0);
	opacity: .0;
	width: 140px;
	height: 150px;	
	margin-left: 40px;
	margin-top: 170px;
}

/* EMPRESA - Ideas */

h1.ideas3 {
	margin-left: 300px;
	position: absolute;
}

h1.ventajas3 {
	position:absolute;
	margin-top: 76px;
	margin-left: 70px;
	width: 100px;
}

h1.servicios3 {
	position:absolute;
	margin-top: 76px;
	margin-left: 185px;
	width: 200px;
	border-left: 2px solid #A4A4A4;
	padding-left: 10px;
}

ul.idea {
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #BFBFBF;
	position: absolute;
	width: 140px;
	height: 345px;
	margin-left: 145px;
	margin-top: 157px;
	text-align: right;
}

ul.idea li {
	padding: 2px;
	cursor: pointer;
}

ul.idea li.selected {
	color: #E6218B;
}

#tot_idea {
	height: 400px;
	overflow: hidden;
}
div.idea_categoria {
	position: absolute;
	margin: 160px 0px 0px 315px;
	height: 200px;
	width: 300px;
}

ul.idea_llistat {
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #BFBFBF;
	position: absolute;
	width: 140px;
	height: 345px;
}

ul.idea_llistat li {
	padding: 2px;
	cursor: pointer;
}

ul.idea_llistat li.selected {
	background-color: #E6218B;
}

div.idea_idea {
	position: absolute;
	margin-left: 100px;
	margin-top: -30px;
}

div.idea_idea img {
	position: absolute;
	/*border: 1px solid #CCCCCC;*/
	margin-left: 45px;
}

div.idea_idea p {
	position: absolute;
	padding: 0px;
	margin: 0px;
	margin-left: 315px;
	color: #BFBFBF;
	width: 150px;
	margin-top: 40px;
	/*border: 1px solid #deadee;*/
}

div.idea_claim {
	position: absolute;
	color: #BFBFBF;
	font-size: 15px;
	text-align:right;
	width: 150px;
	margin: 450px 0px 0px 135px;
}

/* TRABAJO */

div.subs_trabajo {
	position: absolute;
	margin-top: 125px;
	margin-left: 90px;
}

div.subs_trabajo a {
	text-decoration: none;
	color: #BFBFBF;
}

div.subs_trabajo a.actiu {
	color: #2fc6ed;
}

div.subs_trabajo h2.stands {
	position: absolute;
	font-size: 16px;
}

div.subs_trabajo h2.modulables {
	position: absolute;
	margin-left: 70px;
	border-left: 1px solid #BFBFBF;
	padding-left: 10px;
	font-size: 16px;
}

/* TRABAJO - Stands */

ul.stands {
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #BFBFBF;/*818183*/
	position: absolute;
	width: 100px;
	height: 345px;
	margin-left: 90px;
	margin-top: 157px;
}

ul.stands li {
	padding: 4px;
	margin: 2px 0px 2px 0px;
	cursor: pointer;
}

div.projecte_trabajo {
	margin-left: 228px;
	margin-top: 162px;
	position: absolute;
}

div.projecte_trabajo * {
	position: absolute;
}

/* imatges */
	div.projecte_trabajo div.imatges {
		position: absolute;
	}
	
	div.paginator {
		margin: 245px 6px 0px 6px;
	}
	
	div.projecte_trabajo img {
		cursor: pointer;
	}
	
	div.paginator img.r {
		margin-left: 18px;
	}
	
	div.imatges div.imatge span {
		margin-top: 245px;
		width: 410px;
		text-align: right;
		color: #03BAE9;
	}

	div.imatges div.imatge {
		height: 260px;
		width: 420px;
		position: relative;
	}

	div.imatges {
		height: 260px;
		overflow: hidden;
	}

/* dades */
	div.projecte_trabajo div.dades {
		margin: 6px 0px 0px 430px;
		width: 210px;
		height: 100px;
	}
	
	div.projecte_trabajo div.dades p {
		position: relative;
		margin: 0px;
		padding: 0px;
	}
	
	div.projecte_trabajo div.dades p.cliente {
		margin: 0px;
		padding: 0px;
	}

	div.projecte_trabajo div.dades p.client {
		color: #03BAE9;
		font-size: 12px;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
	}

	div.projecte_trabajo div.dades p.lloc {
		margin-top: 10px;
		font-weight: bold;
	}

	div.projecte_trabajo div.dades p.ciutat {
	}

	div.projecte_trabajo div.dades div.text {
		position: absolute;
		color: #BFBFBF;
		margin-top: 112px;
		width: 175px;
		height: 120px;
		overflow: hidden;
	}
	
	div.projecte_trabajo div.ud {
		margin-top: 210px;
		margin-left: 185px;
	}

	div.projecte_trabajo div.ud img {
		cursor: pointer;
	}

	div.projecte_trabajo div.ud img.d {
		margin-top: 12px;
	}

/* TRABAJO - Modulables */

	div.projecte_trabajo div.dades div.text2 p {
		margin-bottom: 15px;
		color: #BFBFBF;
	}

	div.projecte_trabajo div.imatge span.paginacio2 {
		color: #BFBFBF;
		width: 290px;
	}

/* CASOS */

h2.sub_casos {
	color: #66CF00;
	margin-left: 88px;
	margin-top: 110px;
	position: absolute;
	width: 257px;
	font-size: 14px;
}

ol.casos {
	color: #66CF00;
	position: absolute;
	margin: 0px;
	padding: 0px;
	margin-left: 88px;
	margin-top: 164px;
	list-style: none;
}

ul.casos {
	margin: 0px;
	padding: 0px;
	color: #BFBFBF;
	position: absolute;
	margin-left: 105px;
	list-style: none;
	margin-top: 160px;
	width: 100px;
}

ol.casos li {
	margin-bottom: 8px;
}

ul.casos li {
	padding: 4px;
	cursor: pointer;
}

div.caso {
	position: absolute;
	width: 560px;
	margin-left: 250px;
	margin-top: 160px;
	height: 300px;
}

div.apartats {
	height: 250px;
	overflow: hidden;
}

div.caso p {
	margin: 0px;
	padding: 0px;
}

div.caso p.titol {
	font-size: 16px;
	color: #66CF00;
}

div.caso p.subtitol {
	letter-spacing: 1px;
}

div.caso img.video {
	position: absolute;
	margin-left: 440px;
}

div.caso div.paginacio {
	position: absolute;
	margin-top: 290px;
}

/* apartat */

div.caso img {
	cursor: pointer;
}

div.caso div.apartat {
	position: absolute;
	margin-top: 20px;
	height: 250px;
}

div.caso p.titolap {
	font-size: 12px;
	color: #BBBBBB;
}

div.caso p.titolap span {
	margin-right: 12px;
	cursor: pointer;
}

div.caso div.apartat div.brief1, div.caso div.apartat div.brief2, div.caso div.apartat div.brief3 {
	width: 170px;
	float: left;
	margin-top: 20px;
	color: #BFBFBF;
	line-height: 18px;
	letter-spacing: 1px;
}

div.caso div.apartat div.brief1 p, div.caso div.apartat div.brief2 p, div.caso div.apartat div.brief3 p {
	margin-bottom: 10px;
}

div.caso div.apartat div.brief2 {
	margin-left: 20px;
	margin-right: 20px;
}

div.numpaginacio {
	color: #66CF00;
	position:absolute;
	margin-top: 288px;
	margin-left: 40px;
	padding: 0px;
}

div.protector_casos {
	position: absolute;
	width: 550px;
	height: 20px;
	background-color: #000000;
	margin-top: 210px;
	margin-left: 240px;
	z-index: 11;
	filter: alpha(opacity=0001);
	opacity: .0001;
}

div.protector_casos_2 {
	position: absolute;
	width: 110px;
	height: 100px;
	background-color: #000000;
	margin-top: 150px;
	margin-left: 100px;
	z-index: 11;
	filter: alpha(opacity=0001);
	opacity: .0001;
}

div.pop_img {
	position: absolute;
	z-index: 10;
	cursor: pointer;
	margin-top: 100px;
	margin-left: 160px;
}

div.pop_img_mod {
	position: absolute;
	z-index: 10;
	cursor: pointer;
	margin-top: 120px;
	margin-left: 220px;
}