body { 
	font-family: Tahoma,Verdana,Arial,Helvetica;
	font-size: 12px;
	margin: 0;
	background-color: #bbc3c5;
}


#background {
	position:absolute;
	left:0xp;
	top:0px;
	background-color: #bbc3c5;
	width: 100%;
	height:100%;
	z-index: -1;
}

#background-top {
	background-color: #f2f2f2;
	background-position: left top;
	background-repeat: repeat-x;
	height: 551px;
	overflow: hidden;
}

#background-bottom {
	background-color: #bbc3c5;
	height: 314px;
	background-position: left top;
	background-repeat: repeat-x;
	overflow: hidden;
}

#main {
	margin: 0 auto;
	margin-top: 28px;
	margin-bottom: 144px;
}

.layout {
	width: 949px;
	padding: 0;
	margin: 0 auto;
	border-spacing: 0px;
}

.layout > TR {
	border: 0px;
}

.layout .mainRightTd {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-color: #343F53;
}

.mainRightTd TABLE {
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	width: 100%;
	border: 0px;
}

.mainRightTd TABLE TR {
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	border: 0px;
}

.mainRightTd TABLE TR TD{
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	border: 0px;
}

.layout .mainLeftTd {
	vertical-align: top;
	text-align: center;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-color: #242D3C;
}

.mainLeftTd TABLE {
	padding: 0px;
	xmargin: 0px;
	border-spacing: 0px;
}

#data {
	background-color: #2b3541;
}

#data .dia {
	margin-left: 50px;
}

#data #dia {
	color: #e5b80b;
	font-family: Arial,Helvetica;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
}
	
#adreca {
	background-color: #ffffff;
	vertical-align:top;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#titol {
	background-color: #e6e9ee;
	height: 44px;
	vertical-align: middle;
	text-align: center;
	color: #283240;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 24px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#adreca .t_adreca {
	margin: 0px auto;
	vertical-align: middle;
	font-family: Tahoma,Arial,Helvetica; 
	font-size: 11px;
	color: #333e52;
	background-color: #ffffff;
}

#adreca A {
	color: #333e52;
	text-decoration: none;
	font-weight: bold;
}

#escut {
	margin: 0px auto;
	text-align: center;
	background-color: #ffffff;
}

#foto {
	background-color: #343F53;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	
}

#foto IMG {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

#destacats {
	vertical-align: top;
	padding: 0px;
	margin: 0px auto;
	margin-top: 20px;
	text-align: center;
}

#destacats div {
	border: 0px;
	margin: 0 auto;
	padding: 0px;
	margin-bottom: 15px;
}

#destacats .d_table {
	margin: 0px auto;
	padding: 0px;

}

#destacats .dl_titol {
	text-align: center;
	font-family: Arial,Helvetica;
	font-size: 16px;
	color: #e5b80b;
	font-weight: bold;
	border-bottom: 1px dotted #97aac8;
	vertical-align: middle;
}

#destacats .d_item {
	margin: 0;
	padding: 0px 0px 5px 0px;
	border: 0px;
	text-align: center;
}

#destacats .d_item IMG {
	max-width: 200px;
	margin: 0 auto;
	text-align: center;
	border: 1px #cecece solid;
}

#copyright {
	font-family: Arial;
	font-size: 11px;
	color: #e5b80e;
	vertical-align: middle;
	padding-left: 15px;
}

#avis {
	font-family: Arial;
	font-size: 11px;
	color: #e5b80e;
	font-weight: bold;
	vertical-align: middle;
	padding-right: 15px;
}

#avis a {
	color: #e5b80e;
}

#peu {
	background-color: #242d3c;
	vertical-align: middle;
	border: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: grey;
	background-position: left top;
	background-repeat: repeat-x;
	background-image: url("/templates/complexa14/pic/fons02.png");
} 

.peu > table {
	vertical-align: middle;
}

#peu .bordepeu {
	margin: 0px;
	padding: 0px;
	height: 2px;
	width: 949px;
	background-color: #3d4856;
	vertical-align: top;
}
	
#menu {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-color: #242d3c;
}

#menu DIV#cosmenu {
	background-color: #242d3c;
	margin-bottom: 10px;
}
	
#menu ul {
	margin:  0px 0px 0px 0px;
	padding: 2px 2px 0px 2px;
	width: 273px;
	border: 0px;
}

#menu ul li ul {
	margin:  0px 0px 0px 0px;
	padding: 2px 2px 0px 2px;
	background-color: #242d3c;
	display: none;
	top: -1px;
	position: absolute;
}

#menu li {
	margin:  0 auto;
	margin-bottom: 2px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	position: relative;
	background-color: #475a78;
	height: 31px;
	width: 273px;
	vertical-align: middle;
	border: 0;
}

.tmenu {
	background-color: #475a78;
	height: 31px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 273px;
}

.tmenu .lititle {
	height:31px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #d3d9e3;
	vertical-align: middle;
	text-align: right;
	width: 238px;
	padding-right: 10px;
	background-position: left top;
	background-repeat: repeat-x;
	background-image: url("/templates/complexa14/pic/fons01.png");
}

.tmenu .liimg {
	background-color: #6a82a9;
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 31px;
	background-position: left top;
	background-repeat: repeat-x;
	background-image: url("/templates/complexa14/pic/fons02.png");
}

#menu li ul li{
	margin:  0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	background-color: #475a78;
	
}
#menu ul li:hover{
	cursor: pointer;
}

#menu ul li:hover ul {
	display: block;
}

#menu A{
	height:31px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #d3d9e3;
	vertical-align: middle;
	text-align: right;
	width: 238px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}	


#menu A:HOVER {
	color:#ffffff;
}

#contents {
	background-color: #343f53;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#dtitol {
	margin: 0 auto;
	text-align: center;
	background-image: url(/templates/complexa14/pic/fonstitular.jpg);
	background-repeat: repeat-x;
	vertical-align: top;
}

.title {
	margin: 0 auto;
	height: 33px;
}

#contents #cl_titol {
	text-align: center;
	color: #343f53;
	font-family: Arial,Helvetica;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
}

#contents .contingut{
	vertical-align: top;
	height: 100%;
}
	
#contents .contingut table{
	margin: 0 auto;
}		

#contents .c_items {
	vertical-align: top;
	margin: 0 auto;
}

.registre {
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
}
	
.registreTitle {
	color: #97aac8;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
	
.registreTitle A {
	color: #97aac8;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}
	
.registreData {
	color: #97aac8;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.registreBody {
	color: #c7cdd7;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 12px;
	text-align: justify;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.registreBodyAdjunts {
	color: #c7cdd7;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 12px;
	text-align: justify;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.registreBodyAdjunts B {
	color: #c7cdd7;
	font-family: Tahoma,Arial,Helvetica;
	font-weight: bold;
	font-size: 12px;
	text-align: justify;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.registreBodyAdjunts A {
	color: #c7cdd7;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 12px;
	text-align: justify;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.registreBody img {
	float: left;
	margin: 10px 15px 10px 10px;
}

.registreSeparador {
	clear: both;
}

.registre .genericData {
	text-align: justify;
	font-size: 12px;
	color: #c7cdd7;
}
.registre .genericData P A {
	text-align: justify;
	font-size: 12px;
	color: #c7cdd7;
}

div.paginadorDalt {
	color: #c7cdd7;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 11px;
	padding-top: 5px;
}

.subtitoln  {
	font-size: 11px;
	color: #c7cdd7;	
	text-align: justify;
	font-family: Tahoma,Arial,Helvetica;
}

.titnovetats  {
	font-size: 11px;
	color: #c7cdd7;	
	text-align: justify;
	font-family: Tahoma,Arial,Helvetica;
}

.tetxno  {
	font-size: 11px;
	color: #c7cdd7;	
	text-align: justify;
	font-family: Tahoma,Arial,Helvetica;
}

.texto  {
	font-size: 11px;
	color: #c7cdd7;	
	text-align: justify;
	font-family: Tahoma,Arial,Helvetica;
}

.subtitular {
	font-size: 11px;
	color: #c7cdd7;	
	text-align: justify;
	font-family: Tahoma,Arial,Helvetica;
}

.article {
	font-size: 11px;
	color: #c7cdd7;	
	text-align: justify;
	font-family: Tahoma,Arial,Helvetica;
}

.mesinfo {
	font-size: 11px;
	color: #c7cdd7;	
	text-align: justify;
	font-family: Tahoma,Arial,Helvetica;
}

.tetxno a {
	color: #c7cdd7;	
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	font-family: Tahoma,Arial,Helvetica;
}

.titleBar {
	color: #c7cdd7;	
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	font-family: Tahoma,Arial,Helvetica;
}

.titleBar a {
	color: #c7cdd7;	
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	font-family: Tahoma,Arial,Helvetica;
}

.tit {
	color: #c7cdd7;	
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	font-family: Tahoma,Arial,Helvetica;
}

.tit a {
	color: #c7cdd7;	
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	font-family: Tahoma,Arial,Helvetica;
}

TABLE.formulari {
	font-family: Tahoma,Arial,Helvetica;
	font-size: 11px;
	color: white;
}

a.mail {
	color:#c7cdd7;
	text-decoration:none;
	font-weight:bold;
}

.actes {
	background-color: #343f53;
	margin: 10 10 10 10;
	padding-left: 5px;
}

/**** CONCURSOS BOX i TAULA *************/

div.box {
	margin: 0 auto;
	border: 1px solid #D56956;
	font-family: Verdana,Arial,Helvetica;
	font-size: 11px;
	width: 95%;
}
div.box div.boxHead {
	padding: 2px 0px 2px 0px;
	color: #ffffff;
	font-weight:	bold;
	background-color: #D56956;
	font-size: 12px;
}
div.box div.boxBody {
	margin: 0 auto;
	padding: 10px 5px 10px 5px;
}

div.box div.boxFoot {
	padding: 2px 0px 2px 0px;
	color: #ffffff;
	font-weight:	bold;
	background-color: #D56956;
	font-size: 11px;
		
}

table.tableList{
	border: 1px solid #D56956;
	font-family: Verdana,Arial,Helvetica;
	font-size: 11px;
	width: 95%;
	margin: 0 auto;
	border-collapse: collapse;
}

table.tableList th{
	background-color: #D56956;
	color: #FFFFFF;	
}
table.tableList tr{
	background-color: #FFFFFF;
	color: #000000;
}

table.tableList tr.click:hover{	
	background-color: #FFF3F1;	
	cursor: pointer;
}

table.tableList tr.odd{
	background-color: #FFF3F1;
	
}
table.tableList tr.even{
	/*background-color: #FFDFDE;*/
	background-color: #FFEBEB
}

table.tableList td.label{
	font-weight: bold;
	width: 25%;
}