a { color: #AE2827; text-decoration: none }
a:hover,a:active { color: #FF6600; text-decoration: none }

a.neg{ color:#FFFFFF; text-decoration:none }
a.neg:hover,a.neg:active { color:#FFCC33; text-decoration:underline }

/****** HEADINGS *****************************************************************************************/
h1 {
	font: bold 1.2em Arial, Helvetica, Sans-serif;
	color: black;
	margin: 20px 20px 10px 24px;
}

h2 {
	font: bold 0.9em Arial, Helvetica, Sans-serif;
	color: black;
	margin: 20px 20px 5px 24px;
}

h3 {
	font: bold 0.7em Arial, Helvetica, Sans-serif;
	color: black;
	text-transform: uppercase;
	margin: 0 20px 5px 24px;
}

/****** TEXT *********************************************************************************************/
.ocult {
	display: none;
	font-size: 0;
}

.epoca {
	font: bold 0.75em Arial, Helvetica, Sans-serif;
	color: #663333;
	margin: -5px 20px 10px 24px;
	letter-spacing: 0.05em;
	word-spacing: 0.1em;
}

.txt {
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	color: black;
	margin: 0px 20px 10px 24px;
}


.txtsala {
	font: 0.75em Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	line-height: 1.7em;
	color: black;
	margin: 20px 20px 10px 24px;
}

.peufoto {
	font: 0.7em Arial, Helvetica, Sans-serif;
	color: #663333;
	text-align: justify;
	margin: 10px 15px 0 0;
}

.foto {
	float: right;
	width: 303px;
	margin: 0 0 20px 20px;
}

.inforeltit{
	font: bold 0.75em Arial, Helvetica, Sans-serif;
	background-color: #AE2827;
	text-transform: uppercase;
	color: white;
	margin: 0px 0 10px 0;
	padding: 5px 10px 5px 10px;
}

.inforeltxt {
	font: 0.8em Arial, Helvetica, Sans-serif;
	color: #AE2827;
	margin: 5px 10px 5px 10px;
	text-indent: -12px;
	padding-left: 12px;
}

/****** AGENDA ***************************************************************************************/
.boxagenda {
	background-image: url(img/bg_act.gif);
	width: 276px;
	margin: 0 0 12px 24px;
}

.agboxtit {
	font: bold 0.75em Arial, Helvetica, Sans-serif;
	margin: 0 0 0 0;
	padding: 3px 10px 3px 10px;
	color: white;
	text-transform: uppercase;
	background-image: url(img/bg_acttit.gif);
	letter-spacing: 0.05em;
}

.boxag2 {
	border-top: 2px dotted #3D6282;
	margin: 5px 8px 0px 15px;
}

.agcat {
	font: bold 0.7em Arial, Helvetica, Sans-serif;
	color: #3D6282;
	text-transform: uppercase;
	margin: 0;
	padding-top: 8px;
}

.agtit {
	font: bold 0.80em Arial, Helvetica, Sans-serif;
	margin: 1px 0 3px 0;
}

.agintro {
	font: 0.70em Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	margin: 0 0 3px 0;
}

.agdata {
	font: 0.70em Verdana, Arial, Helvetica, Sans-serif;
	margin: 0 0 8px 0;
}

/*------ calendari --------*/
.calmes {
	font: bold 0.75em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	padding: 2px 0px 2px 0px;
	background-color: #CBB2A8;
}
.caldia {
	font: bold 0.6em Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
}
.calnum {
	font: 0.7em Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333333;
	border-top: 1px solid #CBB2A8;
	border-left: 1px solid #CBB2A8;
	padding: 2px 4px 2px 4px;
}

/****** EXPOSICIONS ***********************************************************************************/
.boxexpo {
	background-image: url(img/bg_act.gif);
	width: 276px;
	margin: 0 0 20px 11px;
	float: left;
}

.expoboxtit {
	font: bold 0.75em Arial, Helvetica, Sans-serif;
	margin: 0 0 0 0;
	padding: 3px 10px 3px 10px;
	color: white;
	text-transform: uppercase;
	background-image: url(img/bg_expotit.gif);
	letter-spacing: 0.05em;
}

.boxexpo2 {
	border-bottom: 2px dotted #7EA188;
	margin: 5px 8px 0px 10px;
}

.expodata {
	font: bold 0.7em Arial, Helvetica, Sans-serif;
	color: #346F48;
	text-transform: uppercase;
	margin: 0;
	padding-top: 5px;
}

.expotit {
	font: bold 0.80em Arial, Helvetica, Sans-serif;
	margin: 1px 0 7px 0;
}

.expointro {
	font: 0.70em Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	margin: 0;
}


/****** ESTRUCTURA ***************************************************************************************/
body#marc {
	text-align: center;
	margin: 0;
	background-color: #948D81;
	background-image: url(img/bg_pag.gif);
	background-attachment: fixed;
}

div#principal {
	width: 778px;
	margin: 0 auto;
	background-color: white;
	text-align: left;
}

div#columnes {
	float: left;
	width: 778px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

div#menu {
	display: none;
	width: 170px;
	background-color: white;
	float: left;
}

div#contingut {
	width: 608px;
	background-color: white;
	float: left;
}

div#peupagina {
	width: 778px;
	background-color: white;
	text-align: left;
	border-top: 1px solid white;
	clear: both;
	margin: 0 auto;
}

div#ariadna {
	font: 0.75em Arial, Helvetica, Sans-serif;
	color: white;
	text-transform: normal;
	clear: both;
	background-image: url(img/bg_ariadna.gif);
	padding: 3px 9px 4px 10px;
	border-bottom: 1px solid white;
}
html>body div#ariadna {
	/* Correcció pels navegadors que no tenen els bugs de l'IE */
	padding: 3px 9px 3px 10px;
}

div#inforelbox {
	clear: both;
	background-color: #FAF2DF;
	border: 1px dotted #AE2827;
	margin: 10px 120px 20px 24px;
	padding: 0 0 5px 0;
}

div#boxesquerre {
	float: left;	
	width: 60%;	
	margin: 0;
}

div#boxdret {
	float: left;
	width: 40%;
	margin: 0;
	border-left: 2px dotted #948D81;
}

.reset {
	clear: both;
	margin: 0;
}



/***** NAV **********************************************************************************************/

.menubox {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu1 {
	width: 170px;
	letter-spacing: 0.05em;
	word-spacing: 0.05em;
	font: bold 0.75em Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	background-color: #EFD4D4;
	background-image: url(img/bg_nav.gif);
	padding: 4px 0 4px 10px;
	border: none;
	margin: 0;
}
html>body .menu1 {
	/* Correcció pels navegadors que no tenen els bugs de l'IE */
	width: 160px;
	margin: 0 0 1px 0;
}

.menubox2 {
	list-style: none;
	text-transform: none;
	margin: 4px 0 0 0;
	padding: 4px 0 0 0;
	border-top: 1px dotted #C06261;
}
.menu2 {
	font: bold 1em Arial, Helvetica, Sans-serif;
	letter-spacing: 0;
	 /* line-height: 1em; */
	background: url(img/bg_menu2.gif) no-repeat 0 2px;
	padding: 0 5px 0 10px;
	margin: 5px 0 5px 0;
}

.menubox3 {
	list-style: none;
	text-transform: none;
	margin: 4px 0 0 0;
	padding: 4px 0 0 0;
	border-top: 1px dotted #C06261;
}
.menu3 {
	font: 1em Arial, Helvetica, Sans-serif;
	 /* line-height: 1em; */
	background: url(img/bg_menu3.gif) no-repeat 0 6px;
	padding: 0 0 0 10px;
	margin: 3px 0 3px 0;
}


.lang {
	font: bold 0.75em Arial, Helvetica, Sans-serif;
	background-image: url(img/bg_lang.gif);
	margin: 0;
	padding: 3px 9px 3px 9px;
	border-top: 1px solid #AE2827;
	border-left: 1px solid #AE2827;
}
.lang0 {
	font: bold 0.75em Arial, Helvetica, Sans-serif;
	background-image: url(img/bg_lang0.gif);
	margin: 0;
	padding: 4px 9px 3px 12px;
}






/***** PEU **********************************************************************************************/
.datamodificacio {
	font: 0.55em Verdana, Arial, Helvetica, Sans-serif;
	margin: 0 10px 0 0;
	color: #888888;
}

.peu {
	font: 0.70em Verdana, Arial, Helvetica, sans-serif;
	color: #F6DBD4;
	background-color: #D44A2A;
	padding: 10px 10px 10px 10px;
	margin: 0px 0 0 0;
}