body{
	font-size:12pt;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	background-color:#f3f3f3;color:#333;
	margin:0px;padding:0px;
}

p{
	/*
	Aquest s'hauria de posar sempre, estalviem problemes perquè
	redefinint el margin, IE i FF es comporten igual. Sino, problemes.
	*/
	margin:0;
	/*margin-left:1em;
	margin-right:1em;*/
	padding-bottom:1em;
}
ul, li{
	margin:0;
	padding:0;
}

div.centrada { 
	position:relative;
	margin:auto;
	top:15px;left:0;
	width:1008px;	
	text-align:left;
	z-index:2;
}
div.capcelera{
	position:relative;
	width:100%;
	height:170px;
}

/* Estils del titol */
div.cap_esquerra{
	position:absolute;
	left:0px;top:0px;
	width:755px;
	height:120px;
}
div.cap_esquerra img{
	border:1px solid #8c4200;
}
ul.titol{
	width:100%;
}

ul.titol li,ul.menu li{
	list-style-type: none;
	white-space:nowrap;
	margin: 5px 0;
	padding: 0;
}

ul.titol li{
	width:100%;
	height:60px;
}

ul.titol li a{
	text-align:center;
	color:#445173;
	text-decoration:none;
	font-size:2em;
	font-weight:bolder;
	text-align:center;
	
}

/* Estils menú dreta */
div.cap_dreta{
	position:absolute;
	left:760px;
	width:225px;
	padding-left:20px;
}

ul.menu{
	margin:0;
	padding:0;
}

ul.menu li{
	
}

ul.menu li a{
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;
	/*color:#445173;*/
	color:white;
	display:block;
	width:219px;
	line-height:22px;
	padding:2px 0px;
	background:url('../Imagen/degradado-fondo-menu.jpg') repeat-y white 0px 0px;
	border:1px solid #445173;
	text-align:center;
}
/*ul.menu li a:hover{*/
ul.menu li a.selected{
	color:#f68d61;
	background-image:none;
	background-color:#fefefe;
}
ul.menu li a.selected:hover{
	cursor:default;
}		
ul.menu li a.selected:hover{
	background:white;
	border-color:#8c4200;
}
/*ul.menu li a.selected{*/
ul.menu li a:hover{
	color:#8c4200;
	border-color:#8c4200;
	
}
/* <li> de l'idioma */
ul.idioma{
	display:inline;
	margin:0;
	padding:0;
	float:right;
}
ul.idioma li{
	display:inline;
}
ul.idioma li a{
	font-size:8pt;
	padding:0 6px;
	font-weight:bold;
	text-decoration:none;
	color:#8c4200;
	width:120px;height:20px;
	line-height:20px;
	text-align:center;
	background:white;
	display:inline;
	border:1px solid #8c4200;
	margin:0px 5px;
}
ul.idioma li a:hover{
	background-image:url(../imatges/fons_ressaltat.gif);
	color:#4a5679;
	border-color:#4a5679;
}
ul.idioma li a.text{
	color:#2385c4;
	background-color:#f3f3f3;
	border:none;
	margin-right:1em;
}
ul.idioma li a.text:hover{
	cursor:default;
	color:#4a5679;
}	
/*ul.idioma li a.selected{
	color:#f68d61;
	background-image:none;
	background-color:#fefefe;
}*/
ul.idioma li a.selected:hover{
	cursor:default;
}
/*Estils de la seccio */
div.seccio{
	position:relative;
	width:733px;min-height:230px;
	font-size:9pt;
	text-align:justify;
	border:1px solid #8c4200;
	padding:1em;
	background:url('../Imagen/degradado-fondo-inferior-capa.jpg') repeat-x #fff bottom;
	margin-top:-20px;
}
div.seccio a{
	text-align:left;
	text-decoration:none;
	font-weight:normal;
	color:#0072bc;
}
div.seccio a:hover{
	text-decoration:underline;
}
div.seccio a:visited{
	color:#737373;
}
div.seccio h1{
	font-size:16pt;
	color:#0072bc;
}
ul.subseccio{
	font-weight:bold;
	list-style-type:none;
	margin:0;
}
ul.subseccio li{
	margin-top:1em;
	/*
	Això m'ho haig de mirar amb més calma:
	http://www.marciobarrios.com/consejos-css#hasLayout
	*/
	height:1%
}
ul.subseccio ul{
	padding-left:1em;
	font-weight:normal;
	list-style-type:none;
}
ul.subseccio ul li{
	margin:0;
}
a img{
	border:none;
}
div.peu{
	position:relative;
	/*margin:2em 0;*/
	height:30px;

	color:#445173;
	font-size:.7em;
	text-align:center;
	padding-top:.5em;
	clear:both;
}

div.peu a{
	text-decoration:none;
	color:#445173;
}

div.seo{
	position:relative;
	height:auto;
	color:#445173;
	font-size:.7em;
	text-align:center;
	padding-top:.5em;
	clear:both;
}

div.seo a{
	text-decoration:none;
	color:#445173;
}
/*
*FORMULARIS
*/
.error{
background-color:#8c4200;
}
input{
border:1px solid #7F9DB9;
}
textarea{
border:1px solid #7F9DB9;
}
.cssform p{
width: 255px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px solid #8c4200;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

li.projecte_seleccionat{
	text-align:left;
	color:#f68d61;
}
li.primer_llista{
	padding-top:2em;
}
div.llistat_projectes{
	float:left;
	width:200px;
	padding:10px;
}
div.llistat_projectes ul li{
	list-style-type:none;
	padding-bottom:1em;
}
div.contenidor_projecte{

}
div.foto_projecte{
	padding-bottom:1em;
	text-align:right;
	margin-top:10px;
	margin-right:10px;
}

ul.llistatFotosProjecte{
	list-style:none;
	margin-left:290px;
	width:440px;
}

ul.llistatFotosProjecte li{
	display:inline;
	margin:2px;
}

ul.llistatFotosProjecte li a{

}

ul.llistatFotosProjecte li a:hover{

}

ul.llistatFotosProjecte li a img{
	border:1px solid #d5d5d5;
	padding:2px;
}

div.descripcio_projecte{
	margin-left:250px;
	padding:1em 1em 1em 3em;
	border:1px solid #d5d5d5;
}

div.both{
  clear: both;
}
/*
Li que conté el llistat de miniatures
*/
li.fotos_projecte{
	width:260px;
	margin-left:auto;
	margin-right:auto;
}
li.fotos_projecte ul{
	padding:0;
	margin:0;
}
li.fotos_projecte ul li{
	float:left;
	display:inline;
}
li.fotos_projecte ul li a{
	display:block;
	background-repeat:no-repeat;
	background-position:top;
	width:75px;
	height:56px;
	margin:0 .3em;
	border:1px solid;
}
li.fotos_projecte ul li a:hover{
	border-color:#8c4200;
}
/* Resumen web indexacion--------------------------------------------*/

#Gresumen
{
position:absolute;
left:50%;/* no es necesario*/
top:130px;/* no es necesario*/
margin-left:-310px;
border-style: solid;/*con un marquito*/
border-width:1px;
/*z-index:0;/* sin index de referencia pro defecto =0*/
background-color:#ffffff;
font-size:14pt;
width:400px;
height:10px;
overflow: scroll; /* es lo mejor se pesaran que se ve un 90% pero con scroll.. jeje */
/*clip:rect(0px 2px 2px 0px); /* clip:rect(0px 720px 530px 0px);esto recorta la zona no visible es bueno, pero nos podrian pillar con algoritmo*/
}

#pagina
{
position:absolute;
left:0px;
top:0px;
border-style:none;
border-width:1px;
z-index:2;
background-color:white ;
width:99%;
height: 99%;
}

div.contactoRapido{
	position:absolute;
	top:150px;left:780px;
	border:1px solid;
	width:220px;
	text-align:justify;
	border:1px solid #8c4200;
	background:url('../Imagen/degradado-fondo-inferior-capa.jpg') repeat-x #fff bottom;
}

table.contactaRapido{
	border-collapse:collapse;
	width:100%;
}

table.contactaRapido tr td.titulo{
	color:#445173;
	font-weight:bold;
	font-size:10pt;
	text-align:center;
	height:30px;
	padding-bottom:1em;
}

table.contactaRapido tr td.mensajeError{
	color:#990000;
	font-size:8pt;
	text-align:center;
	height:30px;
}

table.contactaRapido tr td label{
	font-weight:bold;
	font-size:10pt;
	padding-left:5px;
	color:#445173;
}

table.contactaRapido tr td input.texto{
	padding:2px 5px;
	border:1px solid #445173;
	font-size:9pt;
	width:120px;
}

table.contactaRapido tr td textarea.textarea{
	padding:2px 5px;
	border:1px solid #445173;
	font-size:9pt;
	width:120px;height:120px;
}

table.contactaRapido tr td input.boton{
	padding:2px 5px;
	border:1px solid #445173;
	font-size:9pt;
	width:60px;
	float:right;
	margin-right:16px;
	margin-bottom:5px;
}

div.dscSeccio{
	padding:5px;
}

img.fotoEmpresa{
	float:right;
	border:1px solid #d5d5d5;
	padding:2px;
	margin-left:10px;
	margin-bottom:5px;
	clear:both;
}

h1.tituloSeccion{
	margin:0;
	padding:0;
	padding-bottom:5px;
}