body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color:#164871;
}
* {margin: 0px;padding: 0px;}
#container {
	margin: 10px auto;
	text-align: left;
	width: 1000px;
}
#main {
	width: 1000px;
	background-image:url(images/background.gif);
	
}
/******************** header ********************/
#header {
	width:950px;
	height:250px;
	margin-left:25px;
	background-image:url(images/header.jpg);
}
#construccio1{
	width:125px;
	height:133px;
	margin-left:200px;
	visibility: visible;
	position: relative;
	top: +110px;
	left: 50px;
	background-image: url(images/litri1.gif);
}
#construccio2{
	width:60px;
	height:105px;
	margin-left:450px;
	visibility: visible;
	position: relative;

	background-image: url(images/fuster1.gif);
top: -10px;}
#construccio3{
	width:177px;
	height:173px;
	margin-left:520px;
	visibility: visible;
	position: relative;
	background-image: url(images/litri2.gif);
top: -150px;}	

#nav {
	width:944px;
	height:22px;
	margin: 2px 0px 2px 25px;
	background-color:#a5cae5;
	padding: 3px 5px 3px 1px;
}
#nav ul {
}
#nav li {
	display:inline;
	background-color:#245882;
	width:120px;
	height:22px;
	float:left;
	margin-left:4px;
	text-align:center;
}
#nav a {
	width:120px;
	height:19px;
	padding-top:3px;
	text-decoration:none;
	color:#a5cae5;
	font-weight:800;
	display:block;
}
#nav a:hover {
	color:#FFFFFF;
	font-weight: bold
}
/******************** Content ********************/
h1, a, span{font-family: Arial, Helvetica, sans-serif;}
#content {
	width:950px;
	margin-left:25px;
	background-color:#a5cae5;
}
#descripcio{
	width:900px;
	margin-left:25px;
	background-color:#a5cae5;
	}
#descripcio p{
	color: #339900;
	font-size: 16px;
	font-family: cursive;

	text-align: justify;}
/*estils de les pagines: instants*/
#center{
	width:900px;
	margin-left:50px;
	background-color:#a5cae5;
}
#center img{
border: 10px #ffffff solid;
margin: 20px;
}
#center p{
color: #03903e;
font-family: cursive;
font-size: 20px;
margin: 40px;}

/* fi les pafines de instants*/

/* estils per a les pagines:recursos i enllaços*/

#enllassos{
	width:950px;
	background-color:#a5cae5;
	margin-left: 25px;}
/*#esquera p {
	color: #064398;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#enllassos a:link{
	color: #052d4e;
	font-family: cursive;
}

#enllassos a:visited{
color: #c95833;}

#enllassos a:hover{
font-weight: bold;
color: #ffffff;}
*/

/*estils per a les pafines: per contactar*/
#maps{
	position: relative;
	top: +25px;}
#left {
	float:left;
	width:590px;
	display:inline;
	margin: 20px 0px 30px 20px;
}
#esquerra {
	width: 450px;
	float: left;
	display: inline;
		margin: 20px 0px 30px 20px;
}

#dreta{
	width: 450px;
	float: right;
	display: inline;
		margin: 20px 0px 30px 20px;
}
#left p {
	font-size: 12px;
	color: #000000;
	padding: 5px 0px;
	text-align:justify;	
}
#left a{
	color: #052d4e;
font-weight: normal;}
#left a:hover{
	color:#FFFFFF;
}
#left h1{
	font-size: 16px;
	color: #052d4e;
	display:inline;
	font-weight:900;
}
#left span{
	font-size: 12px;
	color: #007dda;
	font-weight: 900;
	display:inline;
	margin-left:8px;
}
#right {
	float:right;
	width:260px;
	background-color:#397eb7;
	color:#FFFFFF;
	font-weight:900;
	padding: 10px 20px;
	margin: 30px 20px 20px 0px;
	display:inline;
}
#right p{
	padding: 7px 0px;
		text-align:justify;
}
#right a{
	color:#FFFFFF;
	font-weight:900;
}
#right a:hover{
	color: #052d4e;
}
.post {
	margin-top:20px;
}
.post a{
}

.post a:hover{
}

.post p{
}


/******************** Footer ********************/
#footer {
	width:1000px;
	text-align:center;
	color:#FFFFFF;
	margin: 10px 0px;
}
#footer ul {
}
#footer li {
	display:inline;
	float:none;
	text-align:center;
}
#footer a {
	color:#FFFFFF;
	font-weight:900;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer span {
	display:block;
	clear:both;
	color:#FFFFFF;
	margin: 10px 0px;
}
.clear{
	clear:both;
}