body {
	background-image : url('imatges/motiu.png');
	margin : 0;
	padding : 0 5em;
	font-family : sans-serif;
	font-size : 0.8em;
}

a, a:visited {
	text-decoration : none;
	color : #000;
	font-weight : bold;
}

a:hover {
	color : #666;
}

img {
	border : 0;
}


h1 {
	font-size : 1.2em;
	margin-bottom : 0;
}

h2 {
	font-size : 1.2em;
	background-color : #333;
	color : #ddd;
	display : inline;
	padding : 0.2em;
}

h2 > a {
	color:#DDDDDD;
}

h2 > a:visited {
	color:#DDDDDD;
}
h3 {
	font-size : 1em;
	color : #666;
}


li {
	margin-left : 0;
}


#tot {
	margin-top : 0;
	margin-left : 0;
	margin-bottom : 0;
	padding-bottom: 20em;
	width : 880px;
	max-width : 75%;
	min-width : 770px;
	color : #666;
	background-color : #fff;
}

#presentacio {
	position : relative;
	top : 0;
	margin-top : 0;
	height : 230px;
	color : #fff;
	background-image : url('imatges/quimera_banner.png');
	background-position : top left;
	background-repeat : no-repeat;
	background-color : #000;
}

#creacio {
	position : absolute;
	top : 0;
	width : 100%;
	text-align : center;
	font-size : 0.8em;
	padding-top : 0.5em;
	color : #fff;
}

#contacte {
	position : absolute;
	right : 0;
	top : 0;
	padding : 2em;
	font-size : 1em;
	color : #fff;
	background-color : #000;
	text-align : center;
}

#contacte a {
	color : #999;
}

#contacte a:hover {
	color : #fff;
}

#menu {
	position : absolute;
	left : 0;
	top : 200px;
	color : #666;
	right : 0;
	padding-left : 1.5em;
	background-color : #000;
	font-size : 1em;
	border-top : 0.2em solid #fff;
}

#menu a {
	color : #fff;
	text-decoration : none;
}

#menu p {
	margin-top : 0.5em;
}

#menu a:hover {
	color : #fff;
	text-decoration : underline;
}

.proj {
	font-size : 1em;
	font-weight : bold;
}

#contingut {
	position : relative;
	top : 0;
	background-color : #fff;
	color : #666;
	padding : 3em;
	margin-bottom : 3em;
}

#imatge {/*
	position : absolute;
	top : 3em;
	right : 5em;*/
	border : 1px dotted #999;
	padding : 0.5em;
	margin-bottom: 10em;
	width : 30%;
	text-align : right;
}

#imatge img {
	width : 100%; 
}

#imatge p {
	font-size : 0.8em;
}

#resum {
	position : absolute;
	top : 2em;
	max-width : 70%;
	margin-bottom : 5em;
}

#resum li a {
	text-decoration : none;
}

#resum li {
	margin-left : 0;
	padding-left : 0;
}

#resum p {
	font-size : 0.8em;
}

#resum input {
	border : 1px solid #666;
	color : #666;
	font-size : 1em;
}

.envia {font-size : 1em;
	margin-top : 0;
}

.envia :hover {
	background-color : #000;
	color : #fff;
}

#activitats {
	position : relative;
	top : 25em;
	margin-top : 10em;
	padding-top : 3em;
	padding-bottom : 0em;
	margin-bottom : 0;
}

#apartat {
	position : absolute;
	top : 2em;
	max-width : 70%;
	margin-bottom : 15em;
	padding-bottom : 5em;
}


#resum p {
	font-size : 0.9em;
}


.item {
	position : relative;
	top : 0;
	border-top : 1px dotted #666;
	padding-right : 5em;
	padding-top : 3em;
	margin-bottom : 10em;
	text-align : left;
}
.item p, .item > ul {
	width : 70%;
	font-size : 1em;
}
.item > a > img {
	position : absolute;
	border : 0;
	top : 1.5em;
	right : 5em;
	/*width: em;*/
	max-width : 7em;
}
.item img {
	max-width: 100%;
}
.amunt {
	text-align : left;
	font-size : 0.8em;
	text-decoration : none;
	color : #666;
	padding-bottom : 1em;
	padding-right : 5em;
	border-bottom : 1px dotted #666;
}


#peu {	position:relative;
	bottom: 0px;
	margin-top : 0em;
	margin-left : 0;
	margin-bottom : 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width : 880px;
	max-width : 75%;
	min-width : 770px;
	color : #666;
	background-color : #000;
}


#peu p {
	color : #fff;
	text-align : center;
}
#peu a {
	color : #666;
}
#peu a:hover {
	color : #fff;
}
#peu img {
	max-width : 5em;
}