/*/////////////////////////////////////////////////////////
/////	Modificació nova visualització apartat projectes
////	Data: 10/10/2009
/////////////////////////////////////////////////////////*/


#seccio-B #projectes-text .thumb { float: left; width: 360px; margin: 5px; padding: 10px;}
#seccio-B #projectes-text .thumb a {display: block; background-color: #d1e5fe; text-decoration: none; color: #4983c0; font-size: 13px; line-height: 19px; padding: 5px; }
#seccio-B #projectes-text .thumb p {text-align: left; margin-top: 10px; }
#seccio-B #projectes-text .thumb a:hover { background-color: #7ba3d6;  color: #fff;  text-decoration: none; }
#seccio-B #projectes-text .thumb a img { margin-right: 10px; float: left; border: 2px solid #fff; }
#seccio-B #projectes-text .thumb .galeria { visibility: hidden; display: none; }

	

			.copy{
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: bold;
				text-decoration: none;
				display: block;
				float: right;
				text-align: right;
				margin: 10px 0 0 0;
			}
			#autor .copy:hover{
				color: #cc0000;
				text-decoration: none;
			}

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../img/bg_web.gif) repeat-x;
}
span{
	margin: 0;
	padding: 0;
}

p, address{
	font-size: 14px;
	text-align: justify;
	line-height: 21px;
	margin: 8px 0 10px 0;
}
cite{
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-align: right;
	color: #666;
	margin: 5px 0;
	}
h2{
	font-size: 17px;
	margin: 15px 0 0 0;
}
li{
	font-size: 14px;
}
img.filet{
	border: 1px solid #fff;
}
.text-negreta{
	font-weight: bold;
}
/*estructurals*/

#contenidor{
	width:920px;
	margin: 0 auto;
	background-image: url(../img/bg_capsalera.jpg);
	background-repeat: no-repeat;
}
#capsalera{
	width: 780px;
	height: 152px;
	margin: 0 auto;
}
#seccio-A, #seccio-B, #seccio-C{
	width: 780px;
	margin: 0 auto;
}
#seccio-B{
	margin-top: 20px;
	line-height: 22px;
}

#seccio-C{
	border-top: 1px dotted #666;
	padding: 0;
	margin: 20px auto 0 auto;
}
#seccio-C p{
	font-size: 11px;
	font-weight: bold;
	color: #666;
}

#logotip{
	float: left;
	width: 179px;
	height: 68px;
	margin: 60px 0 0 0;
}
.idiomes{
	font-size:11px;
	font-weight: bold;
	color: #999;
	text-align: right;
	float: right;
	margin: 130px 0 0 0;
	}

#foto-home{
	float: right;
}
/* links */

p a{
	font-size: 14px;
}
a{
	font-size: 11px;
}
a:link{
	font-weight: bold;
	color: #6699cc;
}
a:visited{
	font-weight: bold;
	color: #6699cc;
}
a:hover{
	font-weight: bold;
	color: #999;
}
a:active{
	font-weight: bold;
	color: #6699cc;
}

/* #### Navegacio Principal ### */

#nav-principal{
	float: left;
	width: 200px;
}
#nav-principal ul{
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0;
}

#nav-principal a{
	display: block;
	height: 32px;
	width: 191px;
}
/*
background menu  i titols seccions definits al style de cada idioma
*/

/* #### Navegacio Secundaria ### */
.nav-secundaria{
	list-style: url(../img/ico_fletxa.gif);
	line-height: 20px;
	margin: 15px 0 0 20px;
	padding: 0;
}

.ocult{
	display: none;
}
.clear{
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0;
}
/* HOME */
h1{
	height: 15px;
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #999;
}
#introduccio-home{
	width: 470px;
	float: left;
}
#destacat-home{
	width: 450px;
	float: left;
}
#projectes-home{
	width: 270px;
	float: right;
}
#projectes-home img{
	width: 150px;
	display: block;
	margin: 10px auto;
	border: 1px solid #666;
}
.bg-projectes-home{
	background-color: #ededed;
	padding: 10px;
}


/* #### Seccio Empresa ### */
#empresa-lateral{
	width: 365px;
	height: 600px;
	float: right;
	margin: 9px 0 0 30px;
}
.text-cita{
	width: 330px;
	margin: 20px auto 80px auto;
	font-size: 14px;
	font-style: italic;
	text-align: ;left 
	color: #666;
}
/* #### Seccio Serveis ### */
#serveis-lateral{
	width: 365px;
	float: right;
	margin: 9px 0 0 30px;
}
/* #### Seccio Colaboradores ### */
#colaboradors-text{
	margin: 0 auto;
}
.colaborador{
	margin: 20px 0 0 0;
}
.colaborador .img{
	margin-top: 55px;
}
.colaborador .img4{
	margin-top: 5px;
}
.colaborador img{
	float: right;
}
.colaborador p{
	width: 460px;
}
/* #### Seccio Projectes ### */
#projectes-lateral{
	width: 365px;
	float: left;
	margin: 9px 0 0 30px;
}
#projectes-detalls{
	
}
#projectes-galeria {
	width: 680px;
	margin: 0 auto;
}
#projectes-galeria a{
	width: 150px;
}
#projectes-galeria a:hover{

	border-color: #d3e1f0;

}
#projectes-galeria a img{
	border: 4px solid #dadada;
	margin: 0 8px 8px 0;
}
#projectes-galeria a:hover img{
	border: 4px solid #ffffcc;
}
.galeria{
	padding-bottom: 5px;
	margin-top: 10px;
	border-bottom: 1px solid #000;
}
/* #### Contacto ### */
address{
	font-style: normal;
}
.mapa{
	float: left;
	margin: 10px 15px 0 0;
}






.filet-foto{
	border: 6px solid #dadada;
	padding: 1px;
}
.filet-foto-marge{
	display: block;
	border: 6px solid #dadada;
	padding: 1px;
	margin: 10px auto;
}
.centra-img{
	display: block;
	margin: 0 auto;
}
/* #### Peu Web ### */
#seccio-C{
	margin: 15px auto 40px auto;
}
#seccio-C p{
	float: left;
}




.legal{
	font-size: 11px;
}