/* BEGIN: element */
body {
	background-color: #ccccff;
	margin-left: 0;
	margin-top: 0;
	margin: 0;
}

a {
	text-decoration: none;
	color: white;
}
/* END: element */



/* BEGIN: class */
.comu {
	background-color: #496798;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.login_box {
	float: left;
	padding-left: 3px;
	padding-right: 3px;
}

.vermell { color: red; }
.groc { color: yellow; }
.taronja { color: orange; }
.negreta { font-weight: bold; }


table.tbl_p tr td{
	padding-left: 1em;
}

table.tbl_p tr a{
	color: #ffc;
}

table.tbl_forum {
	width: 100%;
}

table.tbl_forum tr td{
	padding: 0 10px 0 10px;
}

.centrat { text-align: center;}

.languages { /* div, conté sel_canvi_idioma */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 5px;
	left: 23px;
	text-align: left;
}

.message {
	background-color: white;
	border: 1px solid black;
	width: 97%;
	height: 250px;
	overflow: auto;
	text-align: left;
}

.notice, .forum_msg {
	background-color: white;
	border: 1px solid black;
	width: 97%;
	overflow: auto;
	text-align: left;
	padding: 0.5em;
	margin: 2px 0 2px 0;
}

.comment {
	background-color: #FFFF66;
	border: 1px solid black;
	width: 97%;
	overflow: auto;
	text-align: left;
	padding: 0.5em;
	margin: 2px 0 2px 0;
}

.message a, .notice a, .forum_msg a, .comment a {
	color: blue;
	text-decoration: underline;
}

h2.news, h2.forum {
	margin: -0.6em;
	text-align: center;
	color: black;
}

	/* BEGIN: Karate Corners */
		/* .cornerBox definit igual que #content */ /*.cornerBox { position: relative; background: #496798; width: 100%; }*/
		.cornerBox { clear: both; width: 860px; position: relative; text-align: left; padding: 1em; top: -1px; background: #496798;}
		.corner { position: absolute; width: 10px; height: 10px; background: url('imatges/corners.gif') no-repeat; font-size: 0%; }
		.cornerBoxInner { padding: 10px; }
		.TL { top: 0; left: 0; background-position: 0 0; }
		.TR { top: 0; right: 0; background-position: -10px 0; }
		.BL { bottom: 0; left: 0; background-position: 0 -10px; }
		.BR { bottom: 0; right: 0; background-position: -10px -10px; }
	/* END: Karate Corners */
	
.invisible { display: none; }
/* END: class */



/* BEGIN: id */
#sel_canvi_idioma, #login_u, #login_p { /* listbox, textbox */
	font-size: 9px;
}

#login_u, #login_p { width: 9em; }

#header {
	margin-top: 2px;
	font-size: 32px;
}

#header_image {
	position: relative;
	background-image: url('imatges/header_img.jpg');
	background-repeat: no-repeat;
	width: 746px;
	height: 117px;
}

#logo {
	position: relative;
	top: 80px;
	left: 355px;
}

#login { /* div, conté login_u i login_p */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 25px;
	left: 5px;
	padding: 0px 10px 0px 15px;
	text-align: left;
}

#aside {
	width: 860px;
	margin-top: 1em;
	position: relative;
	font-size: 16px;
	background-color: transparent;
	padding-left: 1em;
}

#aside ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#aside li {
	float: left;
	background: url(imatges/tabright.gif) top right no-repeat;
	margin: 0;
}

#aside li a {
	display: block;
	background: url(imatges/tableft.gif) top left no-repeat;
	color: #ffc;
	text-decoration: none;
	padding: 0.6em 1em 0.25em;
}

#aside li.menu-seleccionat {
	font-weight: bold;
	background-image: url(imatges/tabrightactive.gif);
}

#aside li.menu-seleccionat a {
	background-image: url(imatges/tableftactive.gif);
	color: white;
}


#content {
	clear: both;
	position: relative;
	text-align: left;
	padding: 1em;
	top: -1px;
	background: #496798;
}

#footer {
	font-size: 10px;
	vertical-align: top;
	color: white;
}

#tbl_reg tr td.td_1 { text-align: right; }
#tbl_reg tr td.td_2 { text-align: left;}
.tbl_reg tr td.td_1 { text-align: right; }
.tbl_reg tr td.td_2 { text-align: left;}
/* END: id */