html,body{margin:0;padding:0}
body{
	text-align:center;
}
p{margin:0 10px 10px}
#header{
	float: left;
}
#header .media_index {
	height: 192px;
	margin-top: 0px;
	width: 684px;
	position: absolute;
	top: 0px;
	padding-top: 0px;
	margin-left: 216px;
	text-align: right;
	background-image: url(animacions/bg01.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#header .media_aplicacio {
	height: 192px;
	margin-top: 0px;
	width: 684px;
	position: absolute;
	top: 0px;
	padding-top: 0px;
	margin-left: 216px;
	text-align: right;
	background-image: url(animacions/bg02.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#header .media_images {
	height: 192px;
	margin-top: 0px;
	width: 684px;
	position: absolute;
	top: 0px;
	padding-top: 0px;
	margin-left: 216px;
	text-align: right;
	background-image: url(animacions/bg06.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#header .media_orientacions {
	height: 192px;
	margin-top: 0px;
	width: 684px;
	position: absolute;
	top: 0px;
	padding-top: 0px;
	margin-left: 216px;
	text-align: right;
	background-image: url(animacions/bg07.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#header .media_descarrega {
	height: 192px;
	margin-top: 0px;
	width: 684px;
	position: absolute;
	top: 0px;
	padding-top: 0px;
	margin-left: 216px;
	text-align: right;
	background-image: url(animacions/bg03.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#header .media_enllacos {
	height: 192px;
	margin-top: 0px;
	width: 684px;
	position: absolute;
	top: 0px;
	padding-top: 0px;
	margin-left: 216px;
	text-align: right;
	background-image: url(animacions/bg04.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#header .media_credits {
	height: 192px;
	margin-top: 0px;
	width: 684px;
	position: absolute;
	top: 0px;
	padding-top: 0px;
	margin-left: 216px;
	text-align: right;
	background-image: url(animacions/bg05.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#header .media_material {
	height: 192px;
	margin-top: 0px;
	width: 684px;
	position: absolute;
	top: 0px;
	padding-top: 0px;
	margin-left: 216px;
	text-align: right;
	background-image: url(animacions/bg07.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#header .title {
	margin-top: 192px;
	margin-left: 216px;
	width: 684px;
	position: absolute;
	height: 38px;
	float: right;
	text-align: right;
}
#header .icon {
	position: absolute;
	height: 221px;
	width: 216px;
}
#navigation{
	margin-top: 225px;
	margin-left: 0px;
	width: 146px;
	float: left;
}
#navigation ul{
	list-style-type:none;
	margin-top: 0px;
	padding: 0;
}
#navigation li{
}
#extra{background:#CCC8B3;}
#container{
	width:900px;
	margin:0 auto;
}
#content{
	float:right;
	width:654px;
	margin-top: 240px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	text-decoration: none;
}
#content p {
}
#content .small {
	font-size: 9px;
}
#content .title {
	font-size: 14px;
}
#content .title2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
#content img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content .tableimg {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #333;
	margin-bottom: 10px;
	width: 654px;
}
#content .tableimg td {
	text-align: left;
	line-height: 25px;
}
#content .tableimg th {
	text-align: right;
	font-weight: normal;
}
#content .tableimg a {
	text-decoration: none;
	border: 1px solid #999;
	padding: 3px;
	float: right;
}
#content .tableimg a:hover {
	text-decoration: none;
	border: 1px solid #000;
}
#content .tableimggr {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #333;
	margin-bottom: 10px;
	float: left;
	width: 684px;
}
#content .tableimggr td {
	text-align: left;
	width: 100px;
	padding-left: 10px;
}
#content .tableimggr th {
	font-weight: normal;
	text-align: right;
}
#content .tableimggr a {
	text-decoration: none;
	border: 1px solid #999;
	padding: 3px;
	float: right;
}
#content .tableimggr a:hover {
	text-decoration: none;
	border: 1px solid #000;
}
#content .title {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
#content p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	text-align: justify;
}
#content_aplicacio {
	float:right;
	width:684px;
	margin-top: 260px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-decoration: none;
	text-align: left;
}
#content_aplicacio .title {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	padding-top: 5px;
}
#content_aplicacio table {
	float: right;
}
#content_aplicacio a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #66A2D6;
	text-decoration: none;
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content_aplicacio .description {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
}
#content_aplicacio a:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	background-color: #66A2D6;
}
#content_aplicacio a:visited {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #66A2D6;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content_material {
	float:right;
	width:684px;
	margin-top: 260px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-decoration: none;
	text-align: left;
}
#content_material a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #D2A0A5;
	text-decoration: none;
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content_material .title {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	padding-top: 5px;
}
#content_material table {
	float: right;
}
#content_material a:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	background-color: #D2A0A5;
}
#content_material .description {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
}
#content_orientacions {
	float:right;
	width:684px;
	margin-top: 260px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-decoration: none;
}

#content_orientacions .description {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	text-align: justify;
}

#content_orientacions a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #E10025;
	text-decoration: none;
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content_orientacions a:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	background-color: #E10025;
}
#content_enllacos {
	float:right;
	width:684px;
	margin-top: 260px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	text-align: left;
}
#content_enllacos a {
	color: #F09A46;
	text-decoration: none;
}
#content_enllacos a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #F6AD46;
}
#content_descarrega {
	float:right;
	width:684px;
	margin-top: 260px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	text-align: left;
}
#content_descarrega a {
	color: #006837;
	text-decoration: none;
}
#content_descarrega a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #006837;
}
	
#extra{float:right;width:500px}

#footer{
	background:#464646 url(img_tema/footer_bg.jpg) repeat-x;
	position: relative;
	height: 300px;
	clear: both;
	overflow: visible;
	width: 100%;
	bottom: 0px;
	margin-bottom: 0px;
	margin-top: 50px;
}
#footer a {
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #FFF;
}
#footer a:hover {
	color: #056938;
	text-decoration: none;
	background-color: #FFF;
}
#footer p{
	margin:0;
	padding:5px 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #FFF;
}
#footer  .credits{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #FFF;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 10px;
	position: relative;
	height: 200px;
}
#footer_orientacions {
	background:#C62829 url(img_tema/footer_orientacions.jpg) repeat-x;
	position: relative;
	display: block;
	height: 300px;
	clear: both;
	left: 0px;
	bottom: 0%;
	width: 100%;
	overflow: visible;
}
#footer_orientacions a {
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #FFF;
}
#footer_orientacions a:hover {
	color: #056938;
	text-decoration: none;
	background-color: #FFF;
}
#footer_orientacions .credits {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #FFF;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 10px;
}
#footer_aplicacio {
	background:#74A1D4 url(img_tema/footer_aplicacio.jpg) repeat-x;
	position: relative;
	display: block;
	height: 300px;
	clear: both;
	overflow: visible;
	left: 0px;
	bottom: 0px;
	width: 100%;
	float: right;
}
#footer_aplicacio a {
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #FFF;
}
#footer_aplicacio a:hover {
	color: #056938;
	text-decoration: none;
	background-color: #FFF;
}
#footer_aplicacio .credits {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #FFF;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 10px;
}
#footer_imatges {
	background:#84A927 url(img_tema/footer_imatges.jpg) repeat-x;
	position: relative;
	overflow: visible;
	width: 100%;
	bottom: 0%;
	left: 0px;
	height: 300px;
	float: right;
}
#footer_imatges a {
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #FFF;
}
#footer_imatges a:hover {
	color: #056938;
	text-decoration: none;
	background-color: #FFF;
}
#footer_imatges .credits {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #FFF;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 10px;
}
#footer_materials {
	background:#D2A0A5 url(img_tema/footer_materials.jpg) repeat-x;
	position: relative;
	display: block;
	height: 300px;
	clear: both;
	overflow: visible;
	left: 0px;
	bottom: 0px;
	width: 100%;
	float: right;
}
#footer_materials a {
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #FFF;
}
#footer_materials a:hover {
	color: #056938;
	text-decoration: none;
	background-color: #FFF;
}
#footer_materials .credits {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #FFF;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 10px;
}
#footer_enllacos {
	background:#E19E4C url(img_tema/footer_enllacos.jpg) repeat-x;
	position: relative;
	display: block;
	height: 200px;
	clear: both;
	overflow: visible;
	left: 0px;
	bottom: 0px;
	width: 100%;
}
#footer_enllacos a {
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #FFF;
}
#footer_enllacos a:hover {
	color: #056938;
	text-decoration: none;
	background-color: #FFF;
}
#footer_enllacos .credits {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #FFF;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 10px;
}
#footer_descarrega {
	background:#2C6539 url(img_tema/footer_descarrega.jpg) repeat-x;
	position: relative;
	display: block;
	height: 200px;
	clear: both;
	overflow: visible;
	left: 0px;
	bottom: 0px;
	width: 100%;
}
#footer_descarrega a {
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #FFF;
}
#footer_descarrega .credits {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #FFF;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 10px;
}
#footer_descarrega a:hover {
	color: #056938;
	text-decoration: none;
	background-color: #FFF;
}