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

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


h2 { font: 1.5em Arial Black, Helvetica Black, sans-serif; color: #6D494B; margin: 15px 0 10px 0px; }

h3.prog { clear: both; background: #650207; font: 1.2em Arial Black, Helvetica Black, sans-serif; color: white; margin: 25px 0 0 0px; text-transform: uppercase; padding: 4px 10px 4px 10px; text-align: center }

h3.entrades { clear: both; font: 0.9em Arial Black, Helvetica Black, sans-serif; color: #B8030C; margin: 25px 0 15px 0px; text-transform: uppercase; padding: 5px 10px 0 0; border-bottom: 1px solid #B8030C }
h4.entrades { clear: both; font: bold 0.8em Arial, Helvetica, sans-serif; color: #B8030C; margin: 20px 0 7px 0px; text-padding: 5px 10px 0 0; line-height: 0.75em; }

h3.info { font: bold 1.1em Arial Narrow, Helvetica Condensed, sans-serif; margin: 0px 0 5px 0; }

table.taulaPlanols { font: 0.75em Arial, Helvetica, Sans-serif }
table.taulaPlanols td { text-align: center; vertical-align: top }
table.taulaPlanols img { border: 1px solid #666; margin-bottom: 4px; margin-right: 3px }
table.taulaPlanols a:hover img { border: 1px solid #F00; }

/***** MENUS ******************************************************************************************/
#menutop ul {
	height: 26px;
	background: #6D494B;
	font: bold 0.85em Arial Narrow, Helvetica Condensed, Sans-serif;
	text-transform: uppercase;
	margin: 1px 0 0 133px;
	padding: 0;
	list-style-type: none;
}
html>body #menutop ul { height: 26px; }
#menutop ul li { float: left; }

#menutop ul li a:link, #menutop ul li a:visited, #menutop ul li a {
	display: block;
	padding: 4px 0 0 0;
	height: 26px;
	text-align: center;
	text-decoration: none;
	color: white;
	border-left: 1px solid #EAEFF5;
}
html>body #menutop ul li a:link, html>body #menutop ul li a:visited { height: 22px; }

#menutop ul li.nav7 a:link, #menutop ul li.nav7 a:visited {	color: white;	background: #81716C; }

#menutop ul li a:hover, #menutop ul li a:active { background: #D44A2A; color: white; }

#menutop ul li.nav7 a:hover, #menutop ul li.nav7 a:active { background: #F55631; color: white; }



/***** PROGRAMACIO ******************************************************************************************/
table.tableProg { font: 0.75em Lucida Sans Unicode, Lucida Sans, Arial, Helvetica, Sans-serif; text-align: left; width: 595px }
table.tableProg td { border-bottom: 1px solid #B3AAA7; vertical-align: top }
table.tableProg td p { padding: 3px 0 3px 0; margin: 0 }




.progli { border-bottom: 1px solid #B3AAA7; padding: 6px 0 6px 0; clear: both; }
.progliTit { font: 0.75em Lucida Sans Unicode, Lucida Sans, Arial, Helvetica, Sans-serif; text-transform: uppercase; color: black; margin: 0 10px 0px 10px; }
.progliTxt { font-size: 0.75em; color: #4F3536; margin: 0 10px 0 10px; }

table.menuProg { border-bottom: 1px solid #6D494B; width: 100%; margin-bottom: 15px }
table.menuProg ul { list-style: none; margin: 0; padding: 0 }
table.menuProg li { float: left; border: 1px solid #6D494B; border-right: none; border-bottom: none; padding: 2px 10px 3px 10px; font-size: 0.70em; color: #B69EA0; margin-bottom: 0 }


.txt { font-size: 0.8em; margin: 3px 0px 10px 0; text-align: justify }

ul.condicions { list-style: square; font-size: 0.8em; text-align: left; color: gray; margin: 0 0 0 35px; padding: 0 }
ul.condicions li { color: black; margin-bottom: 5px; }

/*------ fitxa d'espectacle --------*/
.ftit {
	font: 1.7em Arial Black, Helvetica Black, sans-serif;
	margin: 5px 20px 7px 0;
	color: #A9292F;
	letter-spacing: -0.05em;
	line-height: 1em;
	clear: both;
}

.fespai { clear: both; font: bold 0.85em Arial, Helvetica, Sans-serif; text-transform: uppercase; margin: 0; color: #A9292F }
.fsubtit { font: bold 1.3em Arial, Helvetica, Sans-serif; margin: 0px 288px 5px 0; color: #000000; }
.fsubtit2 { font: bold 1.00em Arial, Helvetica, Sans-serif; margin: 5px 288px 10px 0; color: #5E5959 }
.festrena{
	font-size: 1.1em; font-weight: bold;
	font-style: italic;
	margin: 0px 10px 12px 0;
	padding: 4px 288px 4px 0px;
	color: #FF0000;
}

.fdata { font: 0.9em Arial, Helvetica, Sans-serif; margin: 20px 288px 10px 0; }
.fpreu{ font: 0.9em Arial, Helvetica, Sans-serif; margin: 10px 288px 10px 0; }

.ftxt {
	font-size: 0.8em;
	margin: 3px 288px 10px 0;
}

.fresum {
	clear: both;
	font-size: 0.8em;
	text-align: justify;
	margin: 20px 0 10px 0;
}
.fcred {
	font-size: 0.7em;
	color: #333333;
	margin: 0px;
	padding: 10px 15px 10px 15px;
	text-align: justify;
	line-height: 1.4em;
}

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

.botoEntrades {
	font: bold 0.7em Arial, Helvetica, sans-serif;
	color: gray;
	padding: 5px 7px 5px 7px;
	background-color: #FDBE01;
	border-top: 2px dotted black;
	border-bottom: 2px dotted black;
}

.botoInici {
	font: bold 1.2em Arial Narrow, Helvetica Condensed, Sans-serif;
	background: #81716C;
	padding: 5px 20px 8px 20px;
	margin: 14px 53px 0 620px;
}

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

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

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





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

form.contacte label {
	font: bold 0.9em Arial Narrow, Helvetica bold, Sans-serif;
	color: #564B48;
}

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 .input {
	margin: 0;
	padding: 0;
}

form.contacte span {
	font-size: 0.8em;
	margin: 0 0 0 5px;
}

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

form.contacte .camp2 {
	border: 1px solid #976E69;
	width: 115px;
	font-size: 0.8em;
	padding: 3px 5px 0 5px;
	height: 22px;
}

form.contacte .camp3 {
	border: 1px solid #976E69;
	width: 245px;
	font-size: 0.8em;
	padding: 3px 5px 0 5px;
	height: 22px;
	margin: 0;
}
html>body form.contacte .camp3 {
}

form.contacte .camp4 {
	border: 1px solid #976E69;
	width: 465px;
	font-size: 0.8em;
	padding: 3px 5px 0 5px;
	height: 22px;
}
html>body form.contacte .camp4 {
}

form.contacte .camp5 {
	border: 1px solid #976E69;
	width: 465px;
	font-size: 0.8em;
	padding: 3px 5px 3px 5px;
}
html>body form.contacte .camp5 {
}

form.contacte .camp6 {
	border: 1px solid #976E69;
	width: 25px;
	font-size: 0.8em;
	padding: 3px 5px 3px 5px;
	height: 22px;
	text-align: center;
	vertical-align: middle;
	margin-left: 13px;
}
html>body form.contacte .camp6 {
}

.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;
}
.lopd {
	font-size: 0.7em; margin: 15px 0 10px 0; text-align: justify; color: #666666; line-height: 0.95em; }




/* ESPAIS  ****************************************************/

ul#espais { margin: 0 30px 0 0; list-style: none url(img/bg_ul.png); font: 0.80em Lucida Sans Unicode, Arial, Helvetica, Sans-serif; letter-spacing: 0.00em; border-top: 1px solid #A09ABA; padding: 0 }
ul#espais li { border-bottom: 1px solid #A09ABA; padding: 6px 0 6px 15px; margin: 0 }

ul#espais li:hover { background: #FFD83B }


.espnom {
	font: bold 0.95em Lucida Sans Unicode, Helvetica, Sans-serif;
	text-transform: uppercase;
	margin: 0px 10px 10px 0px;
	color: #A9292F;
}
.esptxt {
	font-size: 0.8em;
	margin: 0px 10px 10px 0px;
	color: #000000;
	text-align: justify;
}

div.botonera { clear: both; margin: 20px 0 20px 0 }
div.botonera p { margin: 0 0 0 20px; float: left; font: 0.75em Lucida Sans Unicode, Arial, Helvetica, Sans-serif; color: #999999; padding: 5px 10px 5px 10px; background-color: #FFFFFF; border-top: 1px solid #990000; border-bottom: 1px solid #990000; }
div.botonera p:hover, div.botonera p:active {	 }
div.botonera a:hover, div.botonera a:active { color: #423676; }


.familiar { font-weight: bold; color: #650207 }