body{
margin:0px;
padding:0px;
background-color:#f3f3f3;
}

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:absolute;
	top:0px;
	left:50%;
	width:719px;	
	margin-left:-360px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	padding-top:.5em;
	z-index:2;
}
div.capcelera{
	position:relative;
	height:170px;
}
ul.titol, ul.menu{
	padding:0;
	margin:0;
}

/* Estils del titol */
div.cap_esquerra{
	position:absolute;
	left:0px;
}
div.cap_esquerra img{
	border:1px solid #fcdaca;
}
ul.titol li,ul.menu li{

	list-style-type: none;
	white-space:nowrap;
	margin: 5px 0;
	padding: 0;
	

}
ul.titol li{
	width:490px;
	height:50px;
}

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

/* Estils menú dreta */
div.cap_dreta{
	position:absolute;
	right:0px;
}
ul.menu li a{
	font-size:1em;
	font-size:.7em;
	font-weight:bold;
	text-decoration:none;
	color:#2385c4;
	display:block;
	width:219px;
	line-height:19px;
	background:url(../Imagen/fons.gif);
	border:1px solid #fcdaca;
	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:#fcdaca;
}
/*ul.menu li a.selected{*/
ul.menu li a:hover{
	background-image:url(../Imagen/fons_ressaltat.gif);
	color:#f68d61;
	border-color:#E3E3E3;
	
}
/* <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:.7em;
	padding:0 0.7em;
	font-weight:bold;
	text-decoration:none;
	color:#2385c4;
	width:120px;
	line-height:20px;
	text-align:center;
	background-image:url(../Imagen/fons.gif);
	display:inline;
	border:1px solid #E3E3E3;
	margin:0px 3px;
}
ul.idioma li a:hover{
	background-image:url(../Imagen/fons_ressaltat.gif);
	color:#f68d61;
	border-color:#E3E3E3;
}
ul.idioma li a.text{
	color:#2385c4;
	background-image:none;
	border:none;
	margin-right:1em;
}
ul.idioma li a.text:hover{
	cursor:default;
}	
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:694px;
	font-size:.7em;
	color:#737373;
	text-align:left;
	border:1px solid #fcdaca;
	padding:1em;
	background-color:white;
}
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:1em;
	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:#f68d61;
	font-size:.7em;
	text-align:center;
	padding-top:.5em;
	clear:both;
}
div.peu a{
	color:#333;
	text-decoration:none;
}

div.peu a:hover{
	color:#000;
	text-decoration:underline;
}
/*
*FORMULARIS
*/
.error{
background-color:#FCDACA;
}
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 #fcdaca;
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:-29px;

}
div.foto_projecte a img{ padding:2px;border:1px solid #d5d5d5;}
div.foto_projecte a{
	
}
div.foto_projecte a:hover{
	
}
div.descripcio_projecte{
	margin-left:290px;
	padding:1em;
	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{
	text-decoration:none;
	border-color:#fcdaca;
}
/* 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 */
display:none;
/*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%;
}