html
{
	/* imatge de fons */
		/*background: url(../img/fons.jpg)  no-repeat center center fixed;*/
		background: url("../img/fons_06.png") repeat fixed;
	/* Ampliació a tota la pantalla */
		/*-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;*/
 }
 

 
 /*************************************************/
 /********* 	css de l'encapçalament ************/
 /*************************************************/
 
header
{
	/* Posicionament i mida */
		position:absolute;
		top:5px;
		left:50%;
		margin-left:-400px;
		width:800px;
		height:150px;
	/* Color de fons */
		/*background-image:url(../img/fondo_cap_web.jpg);*/
		background:#FFFFFF;
	/* Esquines redondejades */
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	/* Ombres */
		-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.75);
	/* Transparència */
		-moz-opacity: 1;
		opacity: 1;
		-webkit-opacity: 1;
}

#logo
{
	/* Posicionament i mida */
		position:absolute;
		top:80px;
		margin-top:-75px;
		left:50%;
		margin-left:-380px;
		width:190px;
		height:140px;
}
#logo img
{
	position:absolute;
	top:10px;
	width:auto;
	height:140px;
}
#titol
{
	/* Posicionament i mida */
		position:absolute;
		top:10px;
		/*margin-top:-75px;*/
		left:50%;
		margin-left:-240px;
		width:600px;
		height:140px;
		text-align:center;
		
		
}
#titol h1
{
	color:#A5B75D;
	font-family:"Trebuchet Ms",Helvetica,sans-serif;
	font-size:60px;
	line-height:20px;
	/* Ombres */
		 /*text-shadow: 10px 10px 10px #000;*/
		 text-shadow: 3px 3px 3px #000;

}
#titol h2
{
	color:#A5B75D;
	font-family:"Trebuchet Ms",Helvetica,sans-serif;
	font-size:30px;
	/* Ombres */
	/*text-shadow: 10px 10px 10px #000;*/
	 text-shadow: 2px 2px 2px #000;
}

#banderes
{
	position:absolute;
	top:10px;
	left:50%;
	margin-left:350px;
	width:50px;
	height:50px;
}

#banderes a.hover
{
	
}


 /*************************************************/
 /********* 	css del cos  **********************/
 /*************************************************/

content
{
	/* Posicionament i mida */
		position:absolute;
		top:160px;
		left:50%;
		margin-left:-330px;
		width:730px;
		min-height:1000px;
		height:auto;
		/*border-top:1px solid black;*/
	/* Color de fons */
		background-color:#FFFFFF;
	/* Transparència 
		-moz-opacity: 0.34;
		opacity: 0.34;
		-webkit-opacity: 0.34;*/
	/* Esquines redondejades */
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	/* Ombres */
		-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.75);
}

#menu
{
	position:absolute;
	background-color:#FFFFFF;
	top:160px;
	left:50%;
	margin-left:-395px;
	width:60px;
	height:1000px;
	/*border-right:1px solid black;*/
	
	/* Esquines redondejades */
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		
	/* Ombres */
		-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.75);

}

#menu table
	{
		width:50px;
		margin:auto;
	}


#menu td
	{
		font-family:arial,verdana;
		font-size:12px;
		font-weight:bold;
		color:black;
	}
#menu img
{
	border:none;
	width:50px;
	height:50px;
	margin:auto;
}
#menu a
{
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:black;
	
}
#menu a:hover
{
	text-decoration:none;
	font-size:12px;
	font-weight:thin;
	/*color:#234*/;
	color:#A5B75D;
}
	

 /*************************************************/
 /********* 	css del peu  **********************/
 /*************************************************/

footer
{
	/* Posicionament i mida */
		position:absolute;
		top:1200px;
		margin-top:-35px;
		left:50%;
		margin-left:-400px;
		width:800px;
		height:60px;
		/* Color de fons */
		background-color:#FFFFFF;
	/* Esquines redondejades */
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	/* Ombres */
		-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.75);
	/* Transparència
		-moz-opacity: 0.54;
		opacity: 0.54;
		-webkit-opacity: 0.54; */
}



td.peu
{
	text-align:center;
	vertical-align:middle;
	/*color:#A5B75D;*/
	color:#777777;
	font-family:arial,verdana;
	font-size:10px;
	font-style:italic;
	font-weight:bold;
	/* Ombres */
	/*text-shadow: 10px 10px 10px #000;*/
	/*text-shadow: 1px 1px 1px #CCC;*/
}

td.peu a
{
	text-decoration:none;
	/*color:#A5B75D;*/
	color:#777777;
	font-family:arial,verdana;
	font-size:10px;
	font-style:italic;
	font-weight:bold;
}

/****************** social **************************/
#social
{
	width:100%;
}
table.social
{
	margin:auto;
	width:600px;
	table-layout:fixed;
}

table.social td
{
	width:200px;
	vertical-align:middle;
	text-align:center;
	height:20px;
	font-family:"Trebuchet Ms",Helvetica,sans-serif;
	font-size:10px;
	color:#000000;
}

#social a
{
	text-decoration:none;
	vertical-align:middle;
	
}

/*************************************************/
 /********* 	css del contingut ****************/
 /************************************************/
#contingut
{
	
	/* Posicionament i mida */
		position:absolute;
		top:160px;
		left:50%;
		margin-left:-250px;
		width:600px;
		height:1000px;
		font-family:"Trebuchet Ms",Helvetica,sans-serif;
		font-size:20px;
		color:#000000;
		text-shadow: 1px 1px 1px #CCC;
		/*border:1px solid red;*/
		overflow:auto;
}
#contingut.projectes
{
	height:1000px;
	width:650px;
	/*height:auto;*/
}
#contingut.projectes h1
{
	color:#A5B75D;
	font-family:"Trebuchet Ms",Helvetica,sans-serif;
	font-size:30px;
	line-height:30px;
	/* Ombres */
	text-shadow: 3px 3px 3px #000;
}
#contingut.projectes a
{
	color:#000000;
	text-decoration:underline;
}

#contingut.normal
{
	font-size:20px;
}

#contingut.av_legal
{
	font-size:12px;
	overflow:auto;
}


#contingut p:first-letter
{
	font-size:30px;
	font-weight:bold;
	text-shadow:2px 2px 2px #CCC;
}
span.marca
{
	font-size:24px;
	font-weight:bold;
	text-shadow:2px 2px 2px #000;
	color:#A5B75D;
	display:inline;
}

#contingut h1
{
	/*color:#3191A6;*/
	color:#A5B75D;
	font-family:"Trebuchet Ms",Helvetica,sans-serif;
	font-size:40px;
	line-height:20px;
	/* Ombres */
		 /*text-shadow: 10px 10px 10px #000;*/
		 text-shadow: 3px 3px 3px #000;

}


#contingut img
{
	width:250px;
	height:auto;
	/* Esquines redondejades */
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	/* Ombres */
		-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.75);
}

#contingut img.projectes
{
	width:400px;
	height:auto;
	margin:auto;
	padding:5px;
}
div.mes
{
	width:80%;
	text-align:right;
}

#contingut a.aprojectes
{
	text-decoration:none;
	text-align:right;
	color:#A5B75D;
	font-size:20px;
	text-shadow:1px 1px 1px #000000;
}
#img_central
{
	position:absolute;
	left:50%;
	top:220px;
	height:250px;
	width:450px;
	margin-left:-255px;
	text-align:center;
	/* Ombres */
		-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.75);

}
#img_central img
{
	text-align:center;
	margin:auto;
	height:250px;
	width:auto;
	max-width:450px;
}
/************* carroussel ***************/

#slider{
	position:absolute;
	top:225px;
	left:50%;
	margin-left:-300px;
	width:580px;
	height:240px;
	/*background-color:#660000;*/
	background-color:transparent;
	border:4px solid #3191A6;
	overflow:hidden;
	z-index:5;
	/* Esquines redondejades */
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	/* Ombres */
		-webkit-box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    5px 5px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         5px 5px 5px rgba(50, 50, 50, 0.75);
}


#slider img{
	top:-10px;
	max-width:900px;
	max-height:400px;
	/*height:400px;*/
	width:580px;
	border:none;
	position:absolute;
	margin:auto;
	z-index:1
}

#slider img.active{z-index:3}

/**************** Noticias *************/
#noticies
{
	position:absolute;
	top:650px;
	left:50%;
	margin-left:-270px;
	width:200px;
	height:500px;
	border:1px solid #3191A6;
	font-family:"Trebuchet Ms",Helvetica,sans-serif;
	font-size:12px;
	text-shadow: 1px 1px 1px #CCC;
	padding-left:5px;
	padding-right:5px;
	/* Esquines redondejades */
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	/* Ombres */
		-webkit-box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    3px 3px 3px rgba(50, 50, 50, 0.75);
		box-shadow:         3px 3px 3px rgba(50, 50, 50, 0.75);
	
}

#noticies h2
{
	color:#A5B75D;
	font-family:"Trebuchet Ms",Helvetica,sans-serif;
	font-size:20px;
	line-height:5px;
	/* Ombres */
	/*text-shadow: 10px 10px 10px #000;*/
	 text-shadow: 2px 2px 2px #000;
}
#noticies p
{
	
}

#noticies p:first-letter
{
	font-size:20px;
	font-weight:bold;
	text-shadow:2px 2px 2px #CCC;
}

#noticies a
{
	text-decoration:underline;
	color:#000000;
	font-size:12px;
}
/*************** Descripció ************/
#descripcio
{
	position:absolute;
	top:650px;
	left:50%;
	margin-left:-40px;
	width:440px;
	height:500px;
	font-family:"Trebuchet Ms",Helvetica,sans-serif;
	font-size:20px;
	text-shadow: 1px 1px 1px #CCC;
	padding-left:5px;
	padding-right:5px;
	/*border:1px solid red;*/
}

#descripcio li:first-letter
{
	font-size:30px;
	font-weight:bold;
	color:#A5B75D;
	text-shadow:2px 2px 2px #000;
}

/*************** formulari *************/

#contingut.contacte
{
	font-size:16px;
	overflow:auto;
}
td.contacte
{
	vertical-align:middle;
	text-align:left;
	height:40px;
	margin-left:5px;
	margin-right:5px;
}

input[type="text"]
{
width:400px;
display:block;
margin-bottom:10px;
padding: 5px;
border:1px solid #324C3A;
background-color:#A4B65C;
font-size:16px;
font-weight:bold;

/* Esquines redondejades */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
/* Ombres */
		-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.75);
}


input[type="submit"]
{
width:400px;
color:#A4B65C;
border:1px solid #A4B65C;
background-color:#324C3A;
font-size:16px;
font-weight:bold;
cursor:pointer;
/* Esquines redondejades */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
/* Ombres */
		-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.75);
}

input[type="submit"]:hover
{
color:#324C3A;
border:1px solid #324C3A;
background-color:#A4B65C;
}


textarea#motiu{
	width: 400px;
	height: 40px;
	border: 3px solid #324C3A;
	padding: 5px;
	background-color:#A4B65C;
	font-family:arial,verdana;
	font-size:16px;
	font-weight:bold;
	/* Esquines redondejades */
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
	/* Ombres */
			-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
			-moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.75);
			box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.75);

}

textarea#consulta{
	width: 400px;
	height: 100px;
	border: 3px solid #324C3A;
	padding: 5px;
	background-color:#A4B65C;
	font-family:arial,verdana;
	font-size:16px;
	font-weight:bold;
	/* Esquines redondejades */
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
	/* Ombres */
			-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
			-moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.75);
			box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.75);

}

/***************** projectes **********/



/********************** scroll bar ***********/
::-webkit-scrollbar {
	/*background-color:#A5B75D;*/
	width:12px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
                display: none;
 }
             
::-webkit-scrollbar-track-piece  {
                background-color: #324C3A;
                -webkit-border-radius: 6px;
 }
::-webkit-scrollbar-thumb:vertical {
                -webkit-border-radius: 6px;
                background: #A5B75D url(scrollbar_thumb_bg.png) no-repeat center;
}


/***************** MISSATGE COOKIES ****************/

#missatge_cookies
{
	position:absolute;
	width:280px;
	top:5px;
	left:50%;
	margin-left:100px;
	height:310px;
	padding:10px;
	font-family:arial,verdana;
	font-size:14px;
	line-height:18px;
	border:2px solid black;
	background:#ffffff;
	display:none;
	z-index:9999;
	
	-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);

	-webkit-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#missatge_cookies a
{
	font-family:arial,verdana;
	font-size:14px;
	text-decoration:underline;
}

#missatge_cookies a:hover
{
	font-weight:bold;
}
#contingut.pol_cookies
{
	font-family:arial,verdana;
	font-size:12px;
	padding:10px;

}
/*************** FI MISSATGE COOKIES***********************/