/*** BODY ***/

body {
	background-color: #5C0100;
	font-family: Arial;
}

h3 {
	font-size: 15px;
	font-weight: normal;
}

h4 {
	font-size: 12px;
	font-weight: normal;
}

a {outline: none;} 

a img {border: none;} 

td img {display: block;}



/*** CONTINGUT ***/

#contingut {
	position: relative;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	background-color: #5C0100;
	color: #FFFFFF;
}

#contingut a:link {color: #FFFFFF;}

#contingut a:visited {color: #FFFFFF;}

#contingut a:hover {color: #FFFFFF;}



/*** SUPERIOR ***/

#superior {
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
}



/*** COS ***/

#cos {
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color: #cecec4;
	background-image: url('img/fons-central.jpg');
	background-repeat: repeat-x;
	color: #5C0100;
	margin-top: 0px;
	padding-top: 0px;
}
#cos a:link {color: #5C0100;}

#cos a:visited {color: #5C0100;}

#cos a:hover {color: #5C0100;}



/*** CAPÇALERA ***/

#capçalera {
	width: 1000px;
	height: 70px;
}



/*** TEXT ***/

#text {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: justify;
}

#text img {
	display: block;
	margin-left: auto;
	margin-right: auto; 
}



/*** IMATGE ***/

#imatge {
	position: relative;
	width: 1000px;
	height: 251px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('img/santllors_img.jpg');
}



/*** INFERIOR ***/

#inferior {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}



/*** MENU1 ***/

.menu1 {
	width: 100%;
	height: 100%;
	vertical-align: bottom;
}

.menu1 ul {
	list-style:none;
	float: right;
	margin: 0 0 0 0;
}

.menu1 li {
	display: inline;
	float: left;
	margin: 0 0 0 0;
}

.menu1 a {
	display: block;
	background: url("img/bright_inact.gif") no-repeat;
	background-position: right top;
	text-decoration: none;
	float: left;
}

.menu1 a span {
	display: block;
	background: url("img/bleft_inact.gif") no-repeat;
	background-position: left top;
	padding: 0 13px 0 13px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 31px;
}

.menu1 a:hover {
	background-position: right top;
}

.menu1 a:hover span {
	background-position: left top;
	color: #a9a9a1;
}

.menu1 li.item_active a {
	background: url("img/bright_act.gif") no-repeat;
	background-position: right top;
}

.menu1 li.item_active a span {
	background: url("img/bleft_act.gif") no-repeat;
	background-position: left top;
	color: #FFFF00;
}

.menu1 li.item_active_left a {
	background: url("img/bright_act.gif") no-repeat;
	background-position: right top;
}

.menu1 li.item_active_left a span {
	background: url("img/bleft_act_left.gif") no-repeat;
	padding: 0 13px 0 18px;
	background-position: left top;
	color: #FFFF00;
}

.menu1 li.item_pre a {
	background: url("img/bright_pre.gif") no-repeat;
	background-position: right top;
}

.menu1 li.item_pre a span {
	background: url("img/bleft_inact.gif") no-repeat;
	background-position: left top;
}

.menu1 li.item_post a {
	background: url("img/bright_inact.gif") no-repeat;
	background-position: right top;
}

.menu1 li.item_post a span {
	background: url("img/bleft_post.gif") no-repeat;
	background-position: left top;
}




/*** MENU2 ***/

.menu2 {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.menu2 ul {
	list-style:none;
	float: right;
	margin: 0 0 0 0;
}

.menu2 li {
	display: inline;
	float: left;
	margin: 0 0 0 0;
}

.menu2 a {
	display: block;
	text-decoration: none;
	float: left;
}

.menu2 a span {
	display: block;
	padding: 0 13px 0 13px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 31px;
}

.menu2 a:hover {
}

.menu2 a:hover span {
	color: #a9a9a1;
}

.menu2 li.item_active a {
}

.menu2 li.item_active a span {
	color: #FFFF00;
}



/*** MENU3 ***/

.menu3 {
}



/*** TAULA VIES ***/

.taula {
	font-family: Tahoma, Arial;
	font-size:  75%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 8px;
	border-collapse: collapse;
}

.taula tr {
	background-color: #DBE2E3;
}

.taula tr.odd {
	background-color: #FFFFFF;
}

.taula td {
	padding: 0.5em;
	height:20px;
	border: 1px solid #CCCCCC;
}



/*** TAULA TITOL ***/

.taula_titol {
	width: 900px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	font-family: Tahoma, Arial;
	font-size:  75%;
	text-align:center;
	border-collapse: collapse;
}

.taula_titol td {
	background-color: #465780;
	color: #FFFFFF;
	padding: 0.5em;
	white-space: nowrap;
}



/*** TAULA FORUM ***/

.taula_forum {
	width: 900px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border-collapse: collapse;
}

.taula_forum td {
	background-color: #465780;
	color: #FFFFFF;
	padding: 0.5em;
	white-space: nowrap;
}



/*** AMPLADA CASELLES TAULA ***/

.num {
	width: 25px;
	text-align: center;
}

.nom {
	width: 180px;
}

.gra {
	width: 45px;
	text-align: center;
}

.aut {
	width: 160px;
}

.any {
	width: 40px;
	text-align: center;
}

.equ {
	width: 80px;
}

.obs {
	width: 370px;
}



/*******************************************************************/

.peudefoto {
	margin-left: 150px;
	font-family: Tahoma, Arial;
	font-size:  75%;
}

.enllaç {
	font-weight: bold;
	text-decoration: none;
}

.sector {text-decoration: none;}

.tema {text-decoration: none;}

.topo {text-decoration: none;}

.banner {
	float: right;
	vertical-align: top;
	padding-right: 5px;
}