a { color: #CC0000; 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 }

.noprint {
	display: block;
}


/******** PERCUART ****************************************************************************/
.percuHilite { font:  0.95em Arial Narrow, Helvetica Condensed, Sans-serif; border: 2px solid #F68F49; border-left: none; border-right: none; color: #B41F24; margin: 20px 20px 10px 24px; text-align: center; padding: 2px 0 4px 0 }
h2.percuH2 { color: #B41F24; }




/******** JORNADA ****************************************************************************/
.jornDiv { background-color: white; background: url(img/bg_jornada.png); text-align: right; border-bottom: 1px solid #D44A2A; margin-left: 25px }
h1.jornada { margin: 0; padding: 2px 20px 0 0; color: #D44A2A; font: bold 1.4em Arial Narrow, Helvetica Condensed, Sans-serif }
.jornPretit { font: bold 0.95em Arial Narrow, Helvetica Condensed, Sans-serif; margin: 0; padding: 15px 20px 0 0 }
.jornSubtit { font: bold 0.95em Arial Narrow, Helvetica Condensed, Sans-serif; margin: 0; padding: 7px 20px 15px 0 }
ul#jornMenu { list-style-type: none; font: bold 0.80em Arial Narrow, Helvetica Condensed, Sans-serif; text-transform: uppercase; margin: 0 0 20px 20px; padding: 0 }
ul#jornMenu li { border-bottom: 1px solid #D44A2A; padding: 3px 0 3px 0 }

/******** TAULES *****************************************************************************/
table.galeriaFotos { margin-top: 20px; margin-left: 24px; margin-bottom: 25px; font: 0.7em Verdana, Helvetica, Arial, Sans-serif; width: 557px;  /*background: #F5843E */;  }
table.galeriaFotos td { border: 1px solid white; border-left: none; border-top: none; text-align: center; width: 33%; vertical-align: top; padding: 8px 10px 10px 10px; background: url(img/percuart_bgfotos.jpg) no-repeat }
table.galeriaFotos img { height: 100px; border: 4px solid white; margin-bottom: 5px }


table.taula { background: #FBFAF6; margin: 0 20px 0 25px; font: 0.7em Verdana, Arial, Helvetica, Sans-serif }
table.taula td { padding: 5px 0 5px 5px; vertical-align: top; border-top: 1px dotted #AAAAAA }
table.taula td.gros { padding: 10px 0 10px 5px }

/******** NOTICIES ***************************************************************************/

div.inidrecera {
	/* border-bottom: 2px dotted #E6E3DD; */
	margin: 0 20px 13px 25px;
	background-image: url(img/bg_x.jpg);
	border: 2px solid #FFCC00;
	padding: 8px;
}

.inidrtitol {
	font: bold 0.75em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 7px 10px;
	padding: 1px 0 0 20px;
	background-image: url(img/bul_dre.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}


div.ininoticia {
	/* border-bottom: 2px dotted #E6E3DD; */
	margin: 0 20px 13px 25px;
	width: 99%;
}
html>body div.ininoticia {
	/* Correcció pels navegadors que no tenen els bugs de l'IE */
	width: 94%;
}

.inititol {
	font: bold 0.75em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0px;
	padding-left: 15px;
	background-image: url(img/bul_not.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.iniintro{
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0 15px;
	text-align: justify;
}

.nottitol {
	font: 1.3em Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0px;
	padding-left: 15px;
	background-image: url(/img/bul_not2.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}

.notintro{
	font: 1em Arial, Helvetica, sans-serif;
	margin: 5px 0px 0 15px;
	text-align: left;
}
.notcos{
	font: 0.70em Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 15px;
	text-align: justify;
	border-top: 2px dotted #CCCCCC;
	padding-top: 9px;
}




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

h2 {
	font: bold 1em Arial, Helvetica, Sans-serif;
	color: black;
	margin: 15px 20px 5px 24px;
}
.h2petit {
	font: bold 0.85em Arial, Helvetica, Sans-serif;
	margin-top: 20px;
}

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

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

.link {
	width: 99%;
	font: bold 0.75em Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin: 5px 20px 5px 40px;
	padding-left: 20px;
	color: #333333;
	background-image: url(img/bull_link.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}
.linktxt {
	width: 99%;
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	color: black;
	margin: 0px 25px 15px 60px;
}

.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 25px 5px 24px;
}
.txtR {
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	text-align: left;
	color: black;
	margin: 0px 20px 10px 20px;
}.txtR2 {
	font: 0.6em Verdana, Arial, Helvetica, Sans-serif;
	text-align: left;
	color: black;
	margin: 0px 10px 10px 20px;
}

.dni {
	font: 0.95em Verdana, Arial, Helvetica, Sans-serif;
	color: black;
	margin: 0px 0px 5px 0px;
	padding: 0;
	text-align: center;
}


ul {
	padding: 0 0 0 20px;
	margin: 0 20px 10px 5px;
	clear: both;
}

.liCursos {
	list-style: none;
	background: url(img/img_li2.gif) no-repeat;
	background-position: 0 4px;
	font: 0.8em Arial, Helvetica, sans-serif;
	padding: 0 0 0 20px;
	margin: 0 20px 3px 15px;
	text-align: left;
}
html>body .libg {
	/* Correcció pels navegadors que no tenen els bugs de l'IE */
	background-position: 0 1px;
	margin-bottom: 6px;
}


.libg {
	list-style: none;
	background: url(img/img_li2.gif) no-repeat;
	background-position: 0 4px;
	font: 0.70em Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 20px;
	margin: 0 20px 3px 15px;
	text-align: justify;
}
html>body .libg {
	/* Correcció pels navegadors que no tenen els bugs de l'IE */
	background-position: 0 1px;
	margin-bottom: 6px;
}

.asstit {
	background: url(img/img_li2.gif) no-repeat;
	background-position: 0 5px;
	font: bold 0.70em Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 20px 5px 24px;
	padding: 4px 0 0 18px;
	text-align: left;
}
html>body .asstit {
	/* Correcció pels navegadors que no tenen els bugs de l'IE */
	background-position: 0 1px;
}

.asstxt {
	font: 0.85em Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin: 0 0 10px 0;
}
html>body .asstxt {
	/* Correcció pels navegadors que no tenen els bugs de l'IE */
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	margin-left: 35px;
}

.projtxt {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin: 0 0 10px 0;
}
html>body .projtxt {
	/* Correcció pels navegadors que no tenen els bugs de l'IE */
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	margin-left: 35px;
}

.libgR {
	list-style: none;
	background: url(img/img_li2.gif) no-repeat;
	background-position: 0 5px;
	font: 0.70em Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}
html>body .libgR {
	/* Correcció pels navegadors que no tenen els bugs de l'IE */
	background-position: 0 1px;
	margin-bottom: 6px;
}

.ccintro {
	font: 0.75em Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	line-height: 1.5em;
	color: black;
	margin: 10px 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: #FFCC00;
	text-transform: uppercase;
	color: black;
	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;
}

label {
	font: bold 0.70em Arial, Helvetica, sans-serif;
	color: #D44A2A;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

div.formrow {
	margin: 7px 0 0 0;
	text-align: left;
}

.camp {
	font: 0.70em Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 4px 1px 4px;
	margin: 0;
	vertical-align: middle;
}

.fboto {
	font: 0.75em Arial, Helvetica, sans-serif;
	padding: 1px 0px 1px 0px;
	margin: 0;
}


.nota {
	font: 0.65em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 20px 10px 25px;
	text-align: justify;
	color: #666666;
}
html>body .nota {
	/* Correcció pels navegadors que no tenen els bugs de l'IE */
	margin-top: 10px;
}

/****** AGENDA ***************************************************************************************/
.boxag {
	border-top: 1px solid #CBB2A8;
	margin: 7px 20px 0 24px;
}

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

.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 0 0;
}

.agdata {
	font: 0.70em Verdana, Arial, Helvetica, Sans-serif;
	margin: 0 0 0 0;
	color: #333333;
}

/*------ 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: white;
}

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

div#contingut {
	width: 608px;
	float: left;
}

div#contL {
	float: left;
	width: 408px;
}

div#contR {
	float: left;
	width: 200px;
}


div#capcal {
	font: 0.70em Verdana, Arial, Helvetica, sans-serif;
	background-color: #D44A2A;
	width: 778px;
	text-align: center;
	margin: 0 auto;
	border-bottom: 1px solid white;
	float: none;
}

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: #FFF6D5;
	border: 1px dotted #AE2827;
	margin: 20px 20px 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: #FFCC00;
	padding: 5px 0 5px 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: 5px 0 -5px -10px;
	padding: 0;
	background-color: #FFEEAC;
}
.menu2 {
	font: bold 1em Arial, Helvetica, Sans-serif;
	letter-spacing: 0;
	background: url(img/bg_menu2.gif) no-repeat 10px 4px;
	padding: 5px 0 5px 38px;
	height: 26px;
	margin: 0;
	border-top: 1px solid white;
}
html>body .menu2 {
	/* Correcció pels navegadors no IE */
	height: auto;
}

.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;
}