/*
	---- COLORS ---------
	crema: 				#FFF0E0
	marro: 				#93675B
	crema fosc: 	#DBCBBD
	marro text:   #723C2C
	---------------------
*/

a { color:#3E518A; text-decoration:none }
a:hover,a:active, a:focus { color:#000000; text-decoration:underline; }

/*
a { color:#990000; text-decoration:none }
a:hover,a:active, a:focus { color:#000000; text-decoration:underline; }
*/

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

.noPrint { display: block }


div.boxPDF { border: 1px solid #C9B3AD; margin-bottom: 15px; background: url(img/icn_pdf09s2.jpg) no-repeat #F4F0EF; font: bold 0.80em Helvetica, Arial, Sans-serif }
div.boxPDF p { margin: 15px 20px 15px 112px }


/*  SALA DE PREMSA  */
table.programacio { clear: both; border: none; width: 500px }
table.programacio td { border-bottom: 1px solid #C6C2BA; font: 0.80em Georgia, Times New-Roman, serif; padding: 4px 0 4px 0; }
table.programacio h2 { font: bold 1.4em Arial Narrow, Helvetica Condensed, sans-serif; color: #3F331A; padding: 15px 0 2px 0px; margin: 0; border-bottom: 1px solid #3F331A; text-align: left; letter-spacing: 0.00em; background: url(img/bg_h2.jpg) 0 8px no-repeat }
table.programacio tr.filaObra:hover { background: #FF9933 }
table.programacio tr.head { background: #BA9F9A; color: white; text-align: center; font: bold 1.2em Trebuchet MS, Verdana, Helvetica, Arial, Sans-serif; }









.botoVideo { background: url(img/bg_botovideo.png) no-repeat; height: 40px; font:  0.95em Georgia, Times New-Roman, serif; margin: -7px 0 13px 20px; padding: 5px 0 0 48px; line-height: 0.95em; cursor: pointer }


/***** ESPAIS PC *******************************************************************************************/
div.espai { border: 1px solid #81716C; margin-bottom: 25px }
div.espai h2 { font: bold 1em Arial Narrow, Helvetica Condensed, sans-serif; margin: 0; padding: 4px 0 4px 7px; color: #CC0000; border-bottom: 1px solid #81716C; background: #ECEAE9; text-align: left }
div.espai ul { list-style: square; font: 0.7em Verdana, Arial, Helvetica, Sans-serif; color: gray; margin: 10px 0 0 10px; }
div.espai ul li {	color: black;	margin-bottom: 3px; }

table.tableEspais td { vertical-align: top; text-align: left }
table.tableEspais td.botons { font: 0.7em Arial, Helvetica, Sans-serif; border-top: 1px solid #81716C; border-right: 1px solid #81716C; text-align: right; padding: 2px 10px 2px 0 }
table.tableEspais img { border: none }

table.tableEspais ul { margin-top: 0; margin-bottom: 0; margin-right: 10px; padding-top: 0; padding-bottom: 0 }
table.tableEspais ul li { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }

table.tableEspCapacitat { margin-bottom: 10px }
table.tableEspCapacitat td { vertical-align: top; width: 65px; color: #6F6A68; font: bold 0.7em Arial, Helvetica, Sans-serif; text-align: center }
table.tableEspCapacitat img { margin-bottom: 5px }

.ocult { display: none }
.accordionClick { cursor: pointer }
.accordionContent { font: 0.7em Verdana, Arial, Helvetica, Sans-serif; color: black;	margin-bottom: 3px; margin-left: 28px }


.thumbsCapacitat { margin-top: 15px; padding: 15px 0 0 20px; border-top: 1px dashed #81716C }

/***** CURSOS *******************************************************************************************/
div.listDivCurs { border-bottom: 1px solid #C9B3AD; padding: 7px 0 7px 0 }
div.listDivCurs p.listTitCurs { font: 1em Arial Narrow, Helvetica Condensed, Sans-serif; margin: 0 }
div.listDivCurs p.listDataCurs { font: 0.8em Georgia, Times New-Roman, serif; color: #707070; margin: 3px 0 0 0 }
div.boxCurs { border: 2px solid #DBCBBD; background: #F4EFEB; padding: 7px 10px 9px 10px; margin: 20px 0px 5px 0 }
div.boxCurs p { font: 0.75em Arial, Helvetica, Sans-serif; margin: 0 0 1px 0 }

/***** LLISTES *******************************************************************************************/
ul.condicions {
	list-style: square;
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	color: gray;
	margin-left: 15px;
	margin-right: 0;
}
ul.condicions li {
	color: black;
	margin-bottom: 5px;
}

ul.espais {
	list-style: square;
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	color: gray;
	margin: 0 0 0 10px;
	width: 330px;
}
ul.espais li {
	color: black;
	margin-bottom: 5px;
}

ul.serveis {
	list-style: none;
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	margin: 20px 0 0 -20px;
}
ul.serveis li {
	padding-bottom: 20px;
	padding-left: 50px;
}


ol.generic {
	list-style-type: decimal;
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	margin-left: 10px;
	margin-right: 0;
}
ol.generic li {
	color: black;
	margin-bottom: 5px;
}

ul.generic {
	list-style-type: square;
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	margin-right: 0;
	margin-left: 10px;
}
ul.generic li {
	color: black;
	margin-bottom: 5px;
}


/***** COLOR ******************************************************************************************/
.taronja {
	color: #F55631;
}

/***** PROGRAMACIO ******************************************************************************************/
.progli {
	border-top: 1px solid #C9B3AD;
	padding: 4px 0 1px 0;
	/* margin: 4px 20px 0 30px; */
	clear: both;
}

.proglidata {
	font: 0.8em Georgia, Times New-Roman, serif;
	color: #707070;
	margin: 0 0 3px 115px;
}

.proglitit {
	font: 1.1em Georgia, Times New-Roman, serif;
	color: black;
	text-transform: uppercase;
	margin: 0 0 5px 115px;
}

.proglitxt {
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	color: black;
	margin: 0 0 0 115px;
	text-align: justify;
}

div.listDivAss { border-bottom: 1px dashed #C9B3AD; padding: 7px 0 7px 0 }
div.listDivAss p.listTitAss { font: 0.95em Georgia, Times New-Roman, serif; margin: 0; text-transform: uppercase }
div.listDivAss p.listDataAss { font: 0.8em Georgia, Times New-Roman, serif; color: #707070; margin: 3px 0 0 0 }


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


/***** ENCAPÇALATS ******************************************************************************************/
h1 {
	font: 1.7em Arial Narrow, Helvetica Condensed, sans-serif;
	margin: 0 0 20px 0;
	color: #333333;
	text-align: left;
}

h2.entrades {
	font: bold 1em Arial Narrow, Helvetica Condensed, sans-serif;
	margin: 15px 0 5px 0;
	color: #CC0000;
	text-align: left;
}

h2.programacio {
	font: bold 0.75em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	color: #444444;
}





/*------ fitxa --------*/
.fitxaPretitol {
	font: 1.45em Arial Narrow, Arial, Helvetica, Sans-serif;
	margin: 0 0 0px 0;
	color: #5C788E;
}
.fitxaTitol {
	font: 2.4em Arial Narrow, Arial, Helvetica, Sans-serif;
	color: black;
	margin: 0 0 5px 0;
}
.fitxaSubtitol {
	font: 1.3em "Arial Narrow", Arial, Helvetica, Sans-serif;
	margin: 0 0 10px 0;
	color: #909294;
}
.fitxaData {
	font: bold 0.9em Arial, Helvetica, Sans-serif;
	margin: 1px 0 10px 0;
	border-bottom: 1px solid #777777;
	padding-bottom: 3px;
	font-variant: small-caps;
	color: #777777;
}

.fitxaInterprets {
	font: 0.75em Verdana, Arial, Helvetica, Sans-serif;
	margin: 15px 0 15px 0;
	color: black;
	text-align: left;
}

.fitxaPrograma {
	font: 0.70em Verdana, Arial, Helvetica, Sans-serif;
	margin: 15px 0 15px 0;
	color: black;
	text-align: left;
	font-variant: small-caps;
}

.fitxaResum {
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	/* font: 0.75em Georgia, Times New-Roman, serif; */
	margin: 10px 0 10px 0;
	color: black;
	text-align: justify;
}
.requadre {
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	margin: 10px 0 10px 0;
	color: black;
	text-align: justify;
	background: #F4EFEB; width: 400px; padding: 10px;
}

html>body .agresum {
	margin: 0 24px 0px 24px;
}

.progtaula {
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
}

.progneg {
	font-weight: bold;
	color: white;
}

.progline {
	border-top: 1px solid #CCCCCC;
}

.abonament { background: #F7F7E0; border-bottom: 4px solid white }



/*------ 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;
	background: #ECECEC;
	text-align: center;
}
.calnum {
	font: 0.7em Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333333;
	background: white;
	/*border-top: 1px solid #CBB2A8;
	border-left: 1px solid #CBB2A8;*/
	padding: 2px 4px 2px 4px;
}



/***** FORMAT *******************************************************************************************/



.link {
	font: bold 0.75em Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 15px 8px 32px;
	padding-left: 20px;
	background-image: url(img/bull_link.gif);
}
.link2 {
	font: bold 0.75em Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 15px 8px 52px;
	padding-left: 20px;
}

ul {
	padding: 0 0 10px 20px;
	margin: 0 20px 0 5px;
	clear: both;
}
.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-bottom: 4px;
	text-align: left;
}
html>body .libg {
	/* Correcció pels navegadors que no tenen els bugs de l'IE */
	background-position: 0 0;
	margin-bottom: 10px;
}
ol {
	padding: 0 0 10px 25px;
	margin: 0 40px 0 35px;
}

ol.premis { padding: 0 0 10px 20px;	margin: 0 20px 0 5px;	clear: both; font: 0.7em Verdana, Arial, Helvetica, Sans-serif; text-align: justify }
ol.premis li { margin-bottom: 5px }

.linum {
	font: 0.70em Verdana, Arial, Helvetica, sans-serif;
	list-style-type: decimal;
	padding: 0;
	margin-bottom: 8px;
	text-align: justify;
}

.boto {
	font: bold 0.7em Arial, Helvetica, sans-serif;
	color: #999999;
	padding: 5px 7px 5px 7px;
	background-color: #FFFFFF;
	border-top: 2px dotted #D44A2A;
	border-bottom: 2px dotted #D44A2A;
}

.nota {
	font: 0.65em Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 25px 10px 25px;
	text-align: justify;
	color: #666666;
}

.lopd {
	font: 0.65em Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 0;
	text-align: justify;
	color: #666666;
	line-height: 0.95em;
}

.txt {
	font: 0.70em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	text-align: justify;
}
.txtL {
	font: 0.70em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 25px 10px 25px;
	text-align: left;
}

.intro {
	font: 0.85em Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	text-align: justify;
	line-height: 1.5em;
}


/***** FORMULARI ************************************/
form.contacte {
	margin: 0;
}

form.contacte label {
	font: bold 0.85em Arial Narrow, Helvetica bold, Sans-serif;
	color: #976E69;
}

form.contacte table tr td {
	text-align: left;
	padding: 5px 0 0 0;
	vertical-align: top;
}

form.contacte .checkbox {
	margin: 0 0 0 15px;
}

form.contacte span {
	font: 0.70em Verdana, Arial, Helvetica, Sans-serif;
	margin: 0 0 0 5px;
}

form.contacte .camp1 {
	border: 1px solid #976E69;
	width: 345px;
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	padding: 3px 5px 0 5px;
	height: 22px;
}

form.contacte .camp2 {
	border: 1px solid #976E69;
	width: 105px;
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	padding: 3px 5px 0 5px;
	height: 22px;
}

form.contacte .camp3 {
	border: 1px solid #976E69;
	width: 225px;
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	padding: 3px 5px 0 5px;
	height: 22px;
}

form.contacte .camp4 {
	border: 1px solid #976E69;
	width: 465px;
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	padding: 3px 5px 0 5px;
	height: 22px;
}

form.contacte .camp5 {
	border: 1px solid #976E69;
	width: 465px;
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	padding: 3px 5px 3px 5px;
}

.fbotox {
	font: bold 0.9em Arial Narrow, Helvetica Condensed, Sans-serif;
	margin: 0 5px 0 5px;
}

.fboto {
	font: 0.9em Arial Narrow, Helvetica Condensed, Sans-serif;
	margin: 0 5px 0 5px;
}


/***** TAULES DADES*******************************************************************************************/
th {
	display: none;
}
.filatop {
	font: bold 0.75em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 3px 0 4px 0;
	text-align: center;
	color: #5C4741;
	border-bottom: 1px solid #5C4741;
}
.fila0 {
	font: bold 0.75em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 3px 20px 3px 0;
	text-align: right;
	color: #5C4741;
}
.fila0L {
	padding: 3px 20px 3px 10px;
	text-align: left;
	color: #5C4741;
}
.fila1 {
	font: 0.70em Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 20px 3px 0;
	text-align: right;
	background-color: #EFDFD3;
}
.fila1L {
	font-weight: bold;
	padding: 6px 20px 6px 10px;
	text-align: left;
	background-color: #EFDFD3;
}
.fila2 {
	font: 0.70em Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 20px 3px 0;
	text-align: right;
	background-color: #FFFFFF;
}
.fila2L {
	font-weight: bold;
	padding: 6px 20px 6px 10px;
	text-align: left;
	background-color: #FFFFFF;
}