/* ---------------- COLORS ---------------- ---------------- ---------------- ---------------- */
/* Carbassa #FF6600 - bb carbassa #FF9900 - crema #FFCC66 - beig #ffff99 - beig bsw #FFFFCC - beig clar #F7F7F0
marron fosc 663300 - marron cc3300 - marron clar CC6600
granate #800000 - granate clar #CC0000 - Granate molt clar #FF9966 - vermell #FF0000 - vert botella #547441 -
gris fosc #534741 - blaugris #C0C0C0 - lila #E7CED5 - blau link #003399 - gris clar #EBEBEB - gris molt clar F7F7F0*/
/* ---------------- fiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii COLORS ---------------- */

/* ---------------- BASE ---------------- ---------------- ---------------- ---------------- */
body {
	margin-top: 0px; margin-left: 0px;
	font-family: "Trebuchet MS", serif, Verdana; Font-size: 1em;
	color: #000000;	background-color: #ffffff;
	font-style: normal;	line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none;
}
/*
a:link { color: #FF6600 }
a:visited {color: #FF6600 }
a:active {color: #FF6600 } 
*/
.contorn { background-color: #000000; }
.data { text-decoration: underline; color: #FF0000 }

.status { font-weight: bold; background-color: #EBEBEB }
.destacat { font-weight: bold; color: #ff0000 }
.obert { font-weight: bold; color: #00cc00 }
.tancat { font-weight: bold; color: #ff0000 }

/* ---------------- MAIN LAYOUT ------------------------------- */

#TopContainer {
	width: 900px;
	/* style="background: url('../images/layout.images/bg-side.gif') repeat-y left top" */
	/* background-position: left top; background-image: url('../images/varis.images/bg-vermell.gif'); background-repeat: repeat-x; */
	background-color: #000000;
	color: #FFffcc; font-family: "Trebuchet MS", serif, Verdana; font-size: 8pt;
	border: 0px;
}
#BottomContainer {
	width: 900px;
	/* background-position: left top; background-image: url('../images/varis.images/bg-vermell.gif'); background-repeat: repeat-x; */
	background-color: #000000; 
	color: #FFffcc; font-family: "Trebuchet MS", serif, Verdana; font-size: 8pt;
	border: 0px; 
}
#SideIndexContainer {
	width: 110px;
	background: url('../images/layout.images/bg-side.gif') repeat-y left top;
}
#ContentsContainer {
	width: 100%; background-color: #FFFFCC; 
}
#ContentsCapContainer {
	width: 660px; 
	clear: both; display: inline; /*Fix IE floating margin bug*/; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; padding: 8px;
}
#ContentsIndex {
	padding-top: 20px; 
	width: 100%; height: 600; background-color: #FFFFCC; 
}
#ContentsBody {
	clear:both; width: 90%; align: left; padding: 8px;
	color: #000000;	font-family: "Trebuchet MS", serif, verdana; fONT-SIZE: 10pt;
	overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; 
}
#ContentsBody h1 {
	/* background-position: top left; background-image: url('../images/layout.images/bg-nova.gif'); background-repeat: no-repeat; */
	margin: 0px;
	color: #800000; font-family: "Trebuchet MS", serif, verdana;  font-weight: bold; font-size: 12pt;
}
#ContentsBody h2 {
	color: #880000; font-family: "Trebuchet MS", serif, verdana;  font-weight: bold; font-size: 10pt;
}
div#ContentsBottom { 
	clear:both; width:100%; height:48px; background-color: #ffffff;
	background: url("../images/bsw-images/logo-ninus-bsw-reflex-b-bg.gif") no-repeat right top; 
	background-color: #ffffff;
	
/*	background-image: url('../images/bsw-images/logo-ballaswing-cat-peu.gif'); background-repeat: no-repeat; background-position: top right; */
	overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/ !important; 
	padding-left: 0px; padding-top: 0px; padding-bottom: 0px;
	text-align: left;
	color: #800000; font-size: 8pt; 
}
/* ---------------- CONTENTS layout ---------------- */

div#ContentsIndexTitol {
	display:inline; /*Fix IE floating margin bug*/; 
	width: 100%; float: left;  
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
/*	padding-bottom: 10px; */
	overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
}
div#ContentsIndex h1 {
	margin-top: 0px; margin-bottom: 0px; padding-left: 24px; text-align: left;
	background-image: url("../images/bsw-images/ballaswing-fons.gif"); background-repeat: no-repeat; background-position: left center;
	color: #800000; font-family: "Trebuchet MS", serif, verdana; FONT-WEIGHT: bold; FONT-SIZE: 18pt; letter-spacing: .2em;
	text-transform: uppercase;
}
div#ContentsIndexTitol h1 {
	margin-top: 0px; margin-bottom: 0px; padding-left: 24px; text-align: left;
	background-image: url("../images/bsw-images/ballaswing-fons.gif"); background-repeat: no-repeat; background-position: left center;
	color: #800000; font-family: "Trebuchet MS", serif, verdana; FONT-WEIGHT: bold; FONT-SIZE: 18pt; letter-spacing: .2em;
	text-transform: uppercase;
}
div#ContentsIndexNavBar {
	width: 100%; 
	clear: both; display: inline; /*Fix IE floating margin bug*/; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; 
	padding: 10px;
}
div#ContentsSideNavBar {
	display:inline /*Fix IE floating margin bug*/; 
	overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/ !important;
	margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;	 
}

/*=== END NAV BAR ===*/

div#ContentsCapTitol {
	display:inline; /*Fix IE floating margin bug*/; 
	float: left; width: 440; 
	margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;
/*	padding-bottom: 10px; */
	overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
}
div#ContentsCapTitol h1 {
	LINE-HEIGHT: 200%; margin-top: 0px; margin-bottom: 0px; padding-left: 40px; text-align: left;
	background-image: url("../images/bsw-images/minilogo-bsw.gif"); background-repeat: no-repeat; background-position: left center;
	color: #800000; font-family: "Trebuchet MS", serif, verdana; FONT-WEIGHT: bold; FONT-SIZE: 14pt; letter-spacing: .2em
}
div#ContentsCapTitol h2 {
	padding-left: 32px; text-align: left;
	color: #000000; font-family: "Trebuchet MS", serif, verdana; FONT-WEIGHT: bold; FONT-SIZE: 12pt;
}
div#ContentsCapSub {
	display:inline /*Fix IE floating margin bug*/; 
	float:right; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; 	
	overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/ !important;
	text-align:right
}

/* ---------------- CONTENTSBODY styles ---------------- */

.ContentsSection {
	border: 1px solid #800000; border-collapse: collapse; padding: 6px; margin-bottom: 12px;
	background-color: #ffffff;
	font-family: "Trebuchet MS", serif, verdana ; color: #000000;FONT-SIZE: 10pt;
}
.ContentsSection h1 {
	/* background-position: top left; background-image: url('../images/layout.images/bg-nova.gif'); background-repeat: no-repeat; */
	margin: 0px;
	color: #800000; font-family: "Trebuchet MS", serif, verdana;  font-weight: bold; font-size: 12pt;
}
.ContentsSection h1 .data { color: #800000; font-size: 9pt; font-weight: bold; margin-right: 2px; } 
.ContentsSection h2 { color: #FF9900; font-size: 10pt; text-align: center; margin-top: 0px; }


/* ---------------- TOP styles ---------------- */
div.top-button	{ 
	height: 12px; background-color: #ffffcc;
	padding: 0px; 
	border: 1px solid #800000; border-collapse: collapse; 
	text-align: center; text-transform: uppercase; }
div:hover.top-button {
	background-color: #ffffff; }
div.top-button a { 
	font-family: Verdana, serif; font-size: 10px; FONT-WEIGHT: bold; color: #800000; text-decoration: none; }
div:hover.top-button a { 
	color: #CC0000; text-decoration: none; }

/* ---------------- INDEX styles ---------------- */
.IC0 { 
	margin-top: 0px; PADDING: 1px;
	background-color: #000000; color: #ffffff; font-size: 12px;
	border: 0px solid #FFCC66; border-collapse: collapse; 
}
.IC1 { 
	margin-top: 6px; PADDING-TOP: 1px; PADDING-left: 2px; PADDING-BOTTOM: 0px;
	background-position: left top; background-image: url('../images/varis.images/bg-vermell.gif'); background-repeat: repeat-x;
	background-color: #800000; 
	border: 1px solid #FFCC66; border-collapse: collapse; 
}
.IL1 {
	FONT-SIZE: 12px; COLOR: #FFFFCC; text-decoration: none; 
	font-family: "Trebuchet MS", serif, verdana; text-transform: uppercase; letter-spacing: .2em;
	margin-bottom: 0px;
}
:hover.IL1 { COLOR: #ffcc66 }
.IC2 { 
	PADDING-TOP: 1px; PADDING-left: 8px; 
	BACKGROUND-COLOR: #FFFFCC; FONT-WEIGHT: bold; }
.IL2 {
	FONT-SIZE: 12px; COLOR: #800000; text-decoration: none; font-family: "Trebuchet MS", serif, Verdana;
	text-transform: uppercase;  }
:hover.IL2 { 
	COLOR: #FF6600 }
.IC3 { 
	FONT-WEIGHT: bold; PADDING-TOP: 1px; BACKGROUND-COLOR: #ffcc66 }
.subItable { width: 100%; font-family: "Decotura ICG", verdana; }
.subIcell {
	padding-top: 1px; padding-bottom:1px; padding-left: 4px; padding-right: 4px; 
	BACKGROUND-COLOR: #EBEBEB; 
	text-align: center; color: #FF9900; border: 1px solid #FFCC66; border-collapse: collapse;
}
div:hover.subIcell { BACKGROUND-COLOR: #ffffff; }
a.subIlink {
	font-family: "Trebuchet MS", serif, verdana; COLOR: #FF9900; FONT-SIZE: 12pt; text-decoration: none
}
:hover.subIlink { color: #800000; }

.ContentsIndexCell {
	padding-top: 1px; padding-bottom:1px; padding-left: 4px; padding-right: 4px; 
	BACKGROUND-COLOR: #EBEBEB; color: #FF9900; border: 1px solid #FFCC66; border-collapse: collapse;
}
:hover.ContentsIndexCell { BACKGROUND-COLOR: #ffffff; }
a.ContentsIndexLink {
	font-family: "Trebuchet MS", serif, verdana; COLOR: #FF9900; FONT-SIZE: 12pt; text-decoration: none
}
:hover.ContentsIndexLink { color: #800000; }

/* ---------------- LLOC styles ---------------- */
div.LlocContainer { clear: left; width: 90%; align: left; }

.Lloc {
	border: 1px solid #800000; border-collapse: collapse; padding: 0px; margin-bottom: 12px;
	background-color: #ffffff;
	font-family: "Trebuchet MS", serif, verdana ; color: #000000;FONT-SIZE: 10pt;
}
.Lloc h1 {
	/* background-position: top left; background-image: url('../images/layout.images/bg-nova.gif'); background-repeat: no-repeat; */
	margin: 0px; padding-left: 12px; background-color: #800000; 
	font-size: 14pt; color: #FFFFCC; font-family: "Trebuchet MS", serif, verdana;  font-weight: bold;
}
.Lloc h1 .data { color: #800000; font-size: 7pt; font-weight: bold; margin-right: 2px; } 
.Lloc h2 { color: #FF9900; font-size: 10pt; text-align: center; margin-top: 0px; }

/* ---------------- NOTICIA styles ---------------- */
.NoticiesContainer { clear: left; width: 90%; align: left; }

.Noticia {
	border: 1px solid #800000; border-collapse: collapse; padding: 6px; margin-bottom: 12px;
	background-color: #ffffff;
	font-family: "Trebuchet MS", serif, verdana ; color: #000000;FONT-SIZE: 10pt;
}
.Noticia h1 {
	/* background-position: top left; background-image: url('../images/layout.images/bg-nova.gif'); background-repeat: no-repeat; */
	margin: 0px;
	color: #800000; font-family: "Trebuchet MS", serif, verdana;  font-weight: bold; font-size: 12pt;
}
.Noticia h1 .data { color: #800000; font-size: 7pt; font-weight: bold; margin-right: 2px; } 
.Noticia h2 { color: #FF9900; font-size: 10pt; text-align: center; margin-top: 0px; }

#AquestaSetmanaContainer {float: right; width: 180px; padding: 4px; background-color: #000000; text-align: center; margin-left: 10px;}
#AquestaSetmanaContainer .titol { color: #ffffff; font-size: 12pt; font-weight: bold; text-transform: uppercase; } 
#NovaContainer {
	float: right; width: 200px; padding: 4px; background-color: #EBEBEB; 
	margin-left:4px; margin-right:0px; margin-top:0x; margin-bottom:0px; 
}
#BallsContainer {
	float: right; width: 400px; padding: 10px;
	background-color: #EBEBEB;
	margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;
}
.nova {
	width: 95%; padding: 2px;
	border: 1px solid #800080; border-collapse: collapse; background-color: #FFFFCC;
	color: #800000; font-size: 8pt; text-align:justify;	margin-bottom: 4px; 
}
.nova h1 { padding: 0px;
	color: #ffcc66;	font-size: 8pt; font-family: "Trebuchet MS", serif, verdana;
	text-align: center;	background-color: #800000; padding: 1px; margin: 0px } 
.nova h2 {
	color: #FF9900;	font-size: 6pt; font-family: "Trebuchet MS", serif, verdana;
	text-align: center; padding: 1px; margin: 0px;
}
.form-button {
	width: 60%; background-color: #FFFFCC; text-align: center; margin-top: 20px; margin-bottom: 20px;
	border: 1px solid #800000; border-collapse: collapse; padding: 6px;
	font-family: "Trebuchet MS", serif, verdana ; color: #000000; FONT-SIZE: 10pt;
}
.form-button .titol {
	color: #ffffff; font-size: 12pt; font-weight: bold; text-transform: uppercase;
}

/* ---------------- MOGUDA styles ---------------- */
.MogudesContainer { clear: left; width: 90%; align: left; }

.MogudaContainer {
	border: 1px solid #800000; border-collapse: collapse;
	margin-bottom: 12px;
	background-color: #ffffff;
}
.Moguda h1 {
	background-color: #800000;
	padding: 4px;
	color: #FF9900; font-family: "Comic Sans MS", serif, verdana;  font-weight: bold; font-size: 12pt;
}
.Moguda h1 .data { color: #ffffff; font-size: 8pt; margin-right: 2px; } 
.Moguda h2 { color: #FF9900; font-size: 10pt; text-align: center; margin-top: 0px; }
.Moguda {
	padding: 4px;
	color: #000000; font-family: "Trebuchet MS", serif, verdana; font-size: 10pt;
}
/* ---------------- FESTES Tables layout ---------------- */

div#FestesContainer {
	float: right; width: 700px; padding: 10px;
	background-color: #EBEBEB;
	margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; 
}
.Festa {
	width: 95%; padding: 5px; 
	border: 1px dotted #FF0000; border-collapse: collapse;
	background-color: #000000;
	color: #FFFFCC;	font-family: "Lucida sans"; font-size: 10pt; 
	text-align:justify;
	margin-bottom: 8px;
}
.Festa h1 {
	color: #ffffff;	font-family: Broadway, "Lucida sans"; font-size: 12pt; text-align: center;
	background-color: #800000;
	padding: 2px; margin-bottom:10px;
} 
.Festa h2 {
	color: #FF9900;	font-family: Broadway, "Lucida sans"; font-size: 10pt; text-align: center;
	padding: 1px; margin-bottom: 10px;
}
.desc { width: 100%; }

/* ---------------- FESTIVAL Tables layout ---------------- */

div#FestivalsContainer { clear: left; width: 90%; align: left; }

.Festival {
	width: 95%; padding: 0px; 
	border: 1px dotted #FF0000; border-collapse: collapse;
	background-color: #000000;
	color: #FFFFCC;	font-family: "Lucida sans"; font-size: 10pt; 
	text-align:justify;
	margin-bottom: 28px;
}
.Festival h1 {
	color: #ffffff;	font-family: Broadway, "Lucida sans"; font-size: 12pt; text-align: center;
	background-color: #800000;
	padding: 2px; margin-bottom: 2px;
} 
.Festival h2 {
	color: #FF9900;	font-family: Broadway, "Lucida sans"; font-size: 10pt; text-align: center;
	padding: 1px; margin-bottom: 2px;
}

.Festival .desc { padding: 24px; }

/* ---------------- TALLERS Tables ---------------- */

div#TallerContainer {
	float: left; width: 90%; padding: 10px;
	background-color: #EBEBEB;
	margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; 
}
.Taller {
	width: 95%; padding: 5px; 
	border: 1px dotted #FF0000; border-collapse: collapse;
	background-color: #000000;
	color: #FFFFCC;	font-family: "Trebuchet MS", serif, verdana; font-size: 10pt; 
	text-align:justify;
	margin-bottom: 8px;
}
.Taller h1 {
	text-align: left; text-transform: uppercase; 
	LINE-HEIGHT: 200%; margin-top: 0px; margin-bottom: 0px; 
	background-color: #FFFFCC;
	background-image: url("../images/bsw-images/minilogo.gif"); background-repeat: no-repeat; background-position: left center;
	padding-left: 42px;
	color: #111111; font-family: "Trebuchet MS", serif, verdana; FONT-WEIGHT: bold; FONT-SIZE: 16pt;
	text-transform: uppercase; letter-spacing: .2em;
}
.Taller h2 {
	color: #FF9900;	font-family: Broadway, "Lucida sans"; font-size: 10pt; text-align: center;
	padding: 1px; margin-bottom: 10px;
}
.DescTallers {
	font-size: 8pt; color: #800000; font-family: Verdana; text-align: justify;
	margin-bottom: 4px;
}
.CapTallersData {
	font-family: "Trebuchet MS", serif, verdana; color: #ffffff; font-size: 10pt;
}
.DataDact {
	text-align: right;
	font-family: "Trebuchet MS", serif, verdana; color: #800000; font-size: 10pt;
}
table.TaulaTallers {
    border:  2px solid #800000; border-collapse: collapse;
    text-align: left; 
    WIDTH: 100%; align: center;
    FONT-FAMILY: "Lucida sans"; FONT-SIZE: 10pt;
    BACKGROUND-COLOR: #ffffff
}
table.TaulaTallers tr.P1 { BACKGROUND-COLOR: #ffffff; }
table.TaulaTallers tr.P2  { BACKGROUND-COLOR: #FBFAB2; }
table.TaulaTallers tr.P+  { BACKGROUND-COLOR: #FBFAB2; }
table.TaulaTallers tr.Pplus  { BACKGROUND-COLOR: #FBFAB2; }
table.TaulaTallers tr.I  { BACKGROUND-COLOR: #FBFAB2; }
table.TaulaTallers tr.P3 { BACKGROUND-COLOR: #FFCC00; }

table.TaulaTallers tr.M { BACKGROUND-COLOR: #FF9900; }
table.TaulaTallers tr.M+ { BACKGROUND-COLOR: #CC6600; }
table.TaulaTallers tr.MA { BACKGROUND-COLOR: #CC6600; }

table.TaulaTallers tr.A { BACKGROUND-COLOR: FF0000; }
table.TaulaTallers tr.Aplus{ BACKGROUND-COLOR: CC0000; }
table.TaulaTallers th { color:#FFFFFF; FONT-SIZE: 8pt; TEXT-TRANSFORM: uppercase; text-align: center; FONT-WEIGHT: bold; 
						BACKGROUND-COLOR: #800000; border: 1px solid #800000;  }
table.TaulaTallers td { color: #000000; border: 1px solid #800000; text-align: center; padding: 6px}
.NomComunitat {
    font-family: "Trebuchet MS"; COLOR: #FF9900; FONT-WEIGHT: bold; FONT-SIZE: 14pt;
	text-transform: uppercase; letter-spacing: .2em; 
}
.NomMoguda {
    font-family: "Trebuchet MS"; COLOR: #F66900; FONT-WEIGHT: bold; FONT-SIZE: 14pt;
	letter-spacing: .2em; 
}
.NomTallerGros {
    font-family: "Trebuchet MS"; COLOR: #FF9900; FONT-WEIGHT: bold; FONT-SIZE: 24pt;
	text-transform: uppercase; letter-spacing: .2em; 
}
.NomTaller {
    font-family: "Trebuchet MS"; COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 14pt;
}
span.NomNivell {
    color: #000000; FONT-FAMILY: "Lucida sans"; FONT-SIZE: 10pt; text-align: left; font-weigth: bold; font-weight:bold
}
td.LlistaTallersHeader {
    color: #000000; BACKGROUND-COLOR: #c0c0c0;
    FONT-SIZE: 8pt; TEXT-TRANSFORM: uppercase; font-weigth: bold;
    align: center;
    border: 1px solid #000000;
}

/* ---------------- ACTIVITAT ---------------- */

.ActivitatContainer { clear: left; width: 90%; align: left; }
.Activitat {
	border: 1px solid #800000; border-collapse: collapse; padding: 2px; margin-bottom: 12px;
	background-color: #ffffff;
	font-family: "Trebuchet MS", serif, verdana ; color: #000000;FONT-SIZE: 10pt;
}
.Activitat h1 {
	/* background-position: top left; background-image: url('../images/layout.images/bg-nova.gif'); 
	background-repeat: no-repeat; */
	padding-left: 10px; margin: 0px;
	color: #FF0000; font-family: "Trebuchet MS", serif, verdana;  font-weight: bold; font-size: 12pt; }
.Activitat h1 .data { color: #800000; font-size: 12pt; font-weight: bold; margin-right: 2px; } 
.Activitat h2 { color: #FF9900; font-size: 10pt; text-align: center; padding: 2px; margin: 1px; }

/* ---------------- PROFES Tables ---------------- */

table.LlistaProfes {
    border-collapse: collapse;
    cellpadding: 8px;
    ALIGN: right;
    BACKGROUND-COLOR: #000000;
}
.LlistaProfes td {
	padding: 4px;
	text-align: center;
}
.TaulaProfes {
    border-top:  1px solid #800000; border-collapse: collapse;
    padding: 4px;
    ALIGN: right;
    FONT-FAMILY: "Lucida sans"; FONT-SIZE: 10pt;
    BACKGROUND-COLOR: #ffffff;
}
table.TaulaProfes td {
    text-align:center; align: center;
    BACKGROUND-COLOR: #ffffff;
}
table.TaulaProfeFitxa {
    width: 80%;
    border:  1px solid #800000; border-collapse: collapse;
    padding: 4px;
    ALIGN: center;
    margin-top: 20px; margin-left: 12px; margin-right: 12px; margin-bottom: 12px;
    BACKGROUND-COLOR: #ffffff;
}
table.ProfeFitxa {
    padding: 12px; border:  1px solid #800000; border-collapse: collapse;
    WIDTH: 95%;
    ALIGN: center;
    FONT-FAMILY: "Lucida sans"; FONT-SIZE: 10pt;
    color: #FFFFFF; BACKGROUND-COLOR: #000000;
    margin-top: 10px; margin-bottom: 10px;
}
table.Profefitxa td.fotu {
    width:100px; 
    text-align:center; align: center; vertical-align: top;
    padding: 8px;
}
table.Profefitxa td.curri {
    padding: 8px;
    text-align:justify; align: center;
    color: #c0c0c0c; BACKGROUND-COLOR: #000000;
}
.ProfeFitxa h1 {
    FONT-FAMILY: "Lucida sans"; FONT-SIZE: 10pt;
    color: #f80000;
}
span.NomProfe { color: #CC0000; font-family: "Lucida sans"; font-size: 10pt; text-align: center; FONT-WEIGHT: bold; }
span.NomProfe a { color: #CC0000; }

/* ---------------- fiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii PROFES Tables ---------------- */



/* ---------------- LLOCS Tables ---------------- */

div#LlocFitxa {
    border:  1px solid #800000; border-collapse: collapse;
    padding: 4px; WIDTH: 80%;
    ALIGN: center;
    FONT-FAMILY: "Lucida sans"; FONT-SIZE: 10pt;
    color: #ffffff; BACKGROUND-COLOR: #000000;
}
div#LlocFitxa h1 {
	font-family: "Trebuchet MS", "Lucida sans", Verdana; COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12pt;
	text-align: left; text-transform: uppercase; letter-spacing: .2em; 
	LINE-HEIGHT: 300%; margin-top: 0px; margin-bottom: 0px; padding-left: 100px;
	background:  url('../bis.ima/logos/bis-minilogo.gif') no-repeat left center;
}
div#heading h2 {
	font-family: "Trebuchet MS", "Lucida sans", Verdana; color: #ffffff;  FONT-WEIGHT: bold; FONT-SIZE: 10pt;
	text-align: center; 
	margin-top: 0px; margin-bottom: 0px; padding-left: 4px;
    background-color: #000000; 
}
.LlocFitxa td {
    FONT-FAMILY: "Lucida sans"; FONT-SIZE: 10pt;
    color: #ffffff;
}
.NomLloc { 
	color: #003399; font-family: "Lucida sans"; font-size: 10pt; text-align:center; align: center; font-style:italic; FONT-WEIGHT: bold; text-decoration:underline
}
/* ---------------- HEADER  ---------------- ---------------- ---------------- ---------------- */
#header {
    height: 100px;	
    background: #000000 url('../images/imatges.fons/ballaswing-fons.gif') repeat-y top left;
}
.HeaderTable {
	margin-left: 160px; width: 700px;
	spacing: 0px; padding: 0px; border: 0px; border-collapse: collapse;
	font-size: 8pt; font-weigth: bold; font-family: "Lucida sans", Verdana, serif; 
}
.HeaderTable td {
	padding: 0px; 
	align: left; valign: bottom;
}
/* ---------------- Gen Index */
#GenIndex {
	PADDING: 2px;
	horizontal-align: right; 
	vertical-align: bottom;
}
#GenIndex td{
    FONT-SIZE: 8pt; FONT-WEIGHT: bold; font-family: "Lucida sans", serif, Verdana;
    text-align: right;
}
#GenIndex a {
    FONT-SIZE: 10pt; FONT-WEIGHT: bold; TEXT-DECORATION: none;
    COLOR: #ffffff;
}
#GenIndex a:hover {
    FONT-WEIGHT: bold;
    COLOR: #CC0000;
}
/* ---------------- NAVBAR */
.navbar{
	width: 700px;
	horizontal-align: left;
	margin-top: 0px; margin-left: 0px; height: 24px;
	border: 1px solid #800000; border-collapse: collapse; 
	background: #000000 url('../images/imatges.varis/nav_bg.gif') repeat-x 0px 0px; 
}
.navbar td{
    padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px;
    border: 1px solid #800000;
    text-align: center; text-transform: uppercase; TEXT-DECORATION: none;
    color: #cc0000;	FONT-WEIGHT: bold;
}
.navbar a {
    text-align: center;
    FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-DECORATION: none; text-transform: uppercase;    
}
.navbar a:hover{
    FONT-WEIGHT: bold;
    COLOR: #800000;
    background: #FBFAB2;
}
/* ---------------- ANUNCIS ---------------- */
td.anunci {
	vertical-align: top;
	padding: 6px 6px 6px 6px; 
	font-size: 11px;
	width: 90%;
}
td.anunci ul, td#anunci p{
	border-right: 1px solid #800000;
	border-left: 1px solid #800000;
	border-bottom: 1px solid #800000;
}
td.anunci ul{
	font-size: 11px;
	list-style: disc url(/images/css/red_bullet.gif) outside;
	padding:0;
	margin:0;
	list-style-type:none;
}
td.anunci p{
	margin: 0;
	padding: 10px 10px 0 0;
}
td.anunci ul li{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
td.anunci ul li:first-line{
	font-weight:bold;
	font-size:13px;
}
td.anunci ul.small li:first-line{
	font-weight:normal;
	font-size:11px;
}
td.anunci ul.small{
	margin: 0 0 0 35px;
}
td.anunci h1 {
	padding:0; margin:0; white-space: nowrap;
	text-align: center; font-size: 17px;
	border-right: 1px solid #800000;
	border-left: 1px solid #800000;
	color: #FBFAB2;
	background-color: #800000;
}
td.anunci h2 {
	font-size:14px;
	padding-top:8px;
	margin-bottom:0px;
	white-space: nowrap;
	border-right: 1px solid #800000;
	color: #FBFAB2;
	background-color: #800000;
}
td.anunci a:link, td.anunci a:visited,  td.anunci a:hover, td.crida a:active {
	display: block;
	text-align: right; 
	border-bottom: 1px solid #ccc;
	margin: 0;
	text-decoration: none;
	color: #666666;	
	background: url('../images/imatges.varis/moreLinkPink.gif') no-repeat right center;; padding-left:0; padding-right:19px; padding-top:1px; padding-bottom:3px
}
td.anunci a.moreLink {
	text-decoration: none;
	font-weight:bold;
	background: url('../images/imatges.varis/moreLinkPink.gif') no-repeat right center;
	color:#666666;
	border-right: 1px solid #D38A6C; border-bottom: 1px solid #800000; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px; padding-left:0; padding-right:19px; padding-top:7px; padding-bottom:4px
}
/* ---------------- CENTRAL  ---------------- ---------------- ---------------- ---------------- */
#central{
	width: 700px; margin: 0px; padding: 10px;
	border: 0px solid #D38A6C; 
	text-align: justify; 
	FONT-SIZE: 10px; font-family: "Lucida sans", Verdana;
	color: #000000; 
	background: #FBFAB2;
	/* url('../arxius.imatges/imatges.fons/ballaswing-fons.gif') no-repeat right top; */
}
#central h1{
	margin-top: 10px; padding-left: 40px;
	FONT-SIZE: 18pt; FONT-WEIGHT: bold; font-family: "Trebuchet MS", "Lucida sans", Verdana;
	text-align: left; text-transform: uppercase; letter-spacing: .2em;	
	color: #800000; 
	background: url('../images/bsw-images/mini-ninus-ballaswing.gif') no-repeat left center;
}
#central h2{
	margin-top: 10px; padding-left: 40px;
	FONT-SIZE: 12pt; FONT-WEIGHT: bold; font-family: "Trebuchet MS", "Lucida sans", Verdana; 
	text-align: left; 
	color: #800000;
}
#central p{
	padding-left: 40px;
	FONT-SIZE: 8pt; font-family: "Trebuchet MS", "Lucida sans", Verdana; 
	text-align: justify;
}
.sep { 
	background: url('../images/imatges.varis/puntejat.gif') repeat-x center;
}
div#central ninus {
	background-position: left bottom; 
	background-image:url('../images/bsw-images/mini-ninus-ballaswing.gif'); 
	background-repeat:no-repeat 
}
/* ---------------- EVENTS ---------------- */
.event {
	width: 90%;
	border: 0px solid #ff6600; borderlight-color: #990000; borderdark-color: #999900; border-collapse: collapse;
	color:#800000; background-color: #ff6600;
}
td.event {
	vertical-align: top;
	padding: 6px; spacing: 0px;
	font-size: 10px;
}
td.event h1 {
	padding:0;
	margin:0;
	text-align: center;
	color: #800000; background-color: #C0C0C0;
}
td.event h2 {
	padding:0;
	margin:0;
	text-align:center;
	color:#800000; background-color: #C0C0C0;
}
/* ---------------- CONTENTS ---------------- */

table.ContentsTable{
    width: 90%;
    font-size: 10pt; font-family: "Lucida sans";
    cellspacing: 0px; cellpadding: 8px; border-collapse: collapse;
}
table.subContentsTable {
	width: 90%; align:right;
	border:1px solid #AC0634; cellSpacing: 0px; cellpadding: 14px;
	font-size: 10pt; font-family: "Lucida sans";
}
table.subContentsHeader {
	font-family: "Trebuchet MS", "Lucida sans", Verdana; 
	color: #ffffff; font-weight: bold; font-size: 12pt;
	text-align: center; letter-spacing: .2em; 
	width:100%; horizontal-align:center;
	background-color: #AC0634; border-collapse: collapse;
}
table.ContentsTable p {
	font-family: "Lucida sans", Verdana, Arial, Helvetica, sans-serif;
    color: #000000; font-weight: bold; font-size: 8pt;
}
/* =================================================================== CONTINGUTS TAULES */

.ContingutsTable {
    width: 600px; margin: 2px;
    cellspacing: 0px; cellpadding: 8px; border: 2px solid #FF9900; border-collapse: collapse;
    color: #000000; FONT-FAMILY: "Trebuchet MS", verdana; FONT-SIZE: 10pt; 
    background-color: #ffffff;
}
.ContingutsTable th {
	padding-left: 6px
	border: 1px solid #800000; 
	color: #ffffff; FONT-family: "Lucida sans", verdana; FONT-WEIGHT: bold; 
	background-color: #FF9900;
}
.ContingutsTable td {
	padding: 6px;
	text-align: justify
}
.ContingutsTable li {
	padding-top: 2px;
}
.SubContingutsTable {
	padding: 6px; width: 90%;
	border: 1px solid #CC0000; border-collapse: collapse; 
    color: #000000; FONT-FAMILY: "Trebuchet MS", verdana; FONT-SIZE: 10pt;
    background-color: #FBFAB2;
}
.SubContingutsTable th {
	text-align: center; padding: 8px;
	border:  1px solid #800000;
	color: #800000; FONT-family: "Lucida sans", verdana; FONT-WEIGHT: bold; FONT-SIZE: 10pt;
	background-color: #C0C0C0;
}
.SubContingutsTable td {
    border: 1px solid #800000; text-align: justify;
}
.PersonaTable {
    border:  1px solid #800000; border-collapse: collapse;
    padding: 4px; WIDTH: 80%;
    ALIGN: center;
    FONT-FAMILY: Showcard Gothic; FONT-SIZE: 10pt;
    color: #FFFFFF; BACKGROUND-COLOR: #000000
}
.PersonaTable td {
    FONT-FAMILY: "Lucida sans"; FONT-SIZE: 10pt;
    color: #ffffff;
}
/* ---------------- Show Tables */
.ShowTable {
    border:  2px dotted #FF9900;
    padding: 2px; WIDTH: 100%;
    ALIGN: center;
    FONT-FAMILY: "Lucida sans"; FONT-SIZE: 10pt;
}
.ShowTable th {
	text-align: center;
	color: #ffffff; background-color: #800000;
}
.ShowTable td {
    padding: 1px;    text-align: center;
    border:  0px solid #A4A4A4;
    color: #ffffff; BACKGROUND-COLOR: #000000;
}
/* ---------------- Form Table */

.bsfFormTable {
    FONT-FAMILY: "Trebuchet MS", verdana; FONT-SIZE: 10pt; 
    border: 1px solid #800000; border-collapse: collapse;
    width: 80%;
    color: #000000; background-color: #FFCC66;
}
.bsfFormTable td {
    border:  1px solid #A4A4A4;
}
/* ---------------- Locations */
.location {
	text-align: left; MARGIN-left: 12px;
	FONT-FAMILY: "Trebuchet MS", verdana; FONT-SIZE: 10pt; 
    color: #000000;
}
/* ---------------- LISTTABLE ---------------- */
.listtable{
    width: 90%;
    border-collapse: "collapse";
	border:1px solid #ff9900; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px
}
/* ---------------- FORMS ---------------- */
form {
	margin: 0; padding: 0;  background: url('../beachiswing_copia(1') repeat-y right;
}
table.formTable {
	border:1px solid #D38A6C;
}
/* ----------------  IMATGES ---------------- */

.carnet-micro { border: 1px none;	height: 45px; }
.carnet { border: 1px none;	height: 70px; }
.carona { border: 1px none;	height: 90px; margin-right: 10px; }
.cara { border: 1px none;	height: 120px; }
.album { border: 1px none;	height: 140px; margin-left: 10px; }
.ballmini {	border: 1px none; height: 80px; }
.ballant { 
	height: 200px; float: right;
	border: 1px solid #800000; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; margin-right: 0px; }
.ballcia { border: 1px none; height: 300px;	float: center; }

img.illustra-gran { border: 1px solid #800000; width: 480px; }
img.illustra { border: 1px solid #800000; width: 360px; }
img.illustra-mig  { border: 1px solid #800000; width: 240px}
img.illustra-semi { border: 1px solid #800000; width: 120px; }
img.illustra-semimig { border: 1px solid #800000; width: 90px }
img.illustra-mini { border: 1px solid #800000; height: 50px; width: 100px}

.insright { position: float; align: top; float: right; margin-left: 18px; margin-bottom: 0px;}

.illustra-gran { border: 1px solid #800000; width: 480px; }

.illustra-gran { position: float; align: top; float: right; margin-left: 18px; margin-bottom: 18px;}
.illustra-gran img { border: 1px solid #800000; width: 480px;  }
.illustra-gran a img { border: 1px solid #800000; width: 480px;  }

.illustra { position: float; align: top; float: right; margin-left: 18px; margin-bottom: 18px;}
.illustra img { border: 1px solid #800000; width: 360px;  }
.illustra a img { border: 1px solid #800000; width: 360px;  }
.illustra2 { position: float; align: top; float: right; margin-left: 18px; margin-bottom: 18px;}

.illustra-mig { position: float; align: top; float: right; margin-left: 18px; margin-bottom: 18px;}
.illustra-mig img { border: 1px solid #800000; width: 240px;  }
.illustra-mig a img { border: 1px solid #800000; width: 240px;  }

.illustra-semi { position: float; align: top; float: right; margin-left: 8px; margin-bottom: 8px;}
.illustra-semi img { border: 1px solid #800000; width: 120px;  }
.illustra-semi a img { border: 1px solid #800000; width: 120px;  }

.illustra-semimig { position: float; align: top; float: right; margin-left: 8px; margin-bottom: 8px;}
.illustra-semimig img { border: 1px solid #800000; width: 90px;  }
.illustra-semimig a img { border: 1px solid #800000; width: 90px;  }

.illustra-mini { position: float; align: top; float: right; margin: 1px; }
.illustra-mini img { border: 1px solid #800000; height: 50px; }
.illustra-mini a img { border: 1px solid #800000; height: 50px; }

.FotuSala {
	aligh: center;
	border: 1px none;
	height: 200px;
}

/* ---------------- fiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii IMATGES ---------------- */

/* ---------------- ESTILS de TEXT i TiTOLS ---------------- */
.rotllo {
    FONT-FAMILY: "Lucida sans"; FONT-SIZE: 10pt; color: #800000;
    border-top: 1px solid #800000; padding: 8px; background-color:#EBEBEB; text-align:justify
}
.bbcovertext {
	font-size: 7pt; color: #000000;	font-family: verdana, sans-serif, arial; 
	text-align:justify; margin-top:2; margin-bottom:2
}
.bbcovertitle {
	text-align: center;
	font-size: 10pt; color: #800000;
	font-family: Trebuchet MS;
	margin-top:2; margin-bottom:2; font-weight:bold
}
.bbcovermegatitle {
	text-align: center;
	font-size: 14pt; color: #800000;
	font-family: Trebuchet MS; font-weight:bold
}
.bbtext {
	font-size: 10pt; color: #000000; font-family: verdana, sans-serif, arial
}
.bbcovertable {
	text-align: center;
	border: 0px solid #ff6600;
	borderlight-color: #990000;
	borderdark-color: #999900;
	padding: 1px; 
	spacing: 0px;
	background-color:#ff6600
}
.bbcoverheadercell {
	background-color:#990000
}
.bbcovercell {
	margin-left: 14;
	background-color:#FFCC66
}
.smallBlue {
	font-size: 11px;
	color: #424187;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif
}
.smallBlueBold {
	font-size: 12px;
	color: #424187;
	font-style: italic;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif
}
.footer {
	margin-left: 14;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	font-family: arial, helvetica, sans-serif
}
:hover.footer {
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
	font-family: arial, helvetica, sans-serif
}
/* ---------------- contents headings styles ---------------- */

.resposta {	color: #800000 }
.C1 	{ PADDING-TOP: 1px; BACKGROUND-COLOR: #ffb366 }
.L1Cell	{ FONT-WEIGHT: bold; PADDING-TOP: 1px; PADDING-left: 2px; BACKGROUND-COLOR: #800000 }
.L1		{  FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #ffb366 }
:hover.L1 {	COLOR: #ffffff }
.L2 	{ FONT-SIZE: 10pt; font-style: italic; COLOR: #000000; FONT-FAMILY: Verdana, arial }
:hover.L2 { COLOR: #ffffff }
.L3 	{ FONT-WEIGHT: bold; FONT-SIZE: 7.2pt; COLOR: #000000; FONT-FAMILY: Verdana, arial }
:hover.L3 {	COLOR: #ffffff }
.TL1 { FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #ffcc99 }
:hover.TL1 { COLOR: #9c001a }
.TL2 { FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, arial }
:hover.TL2 { COLOR: #ffffff }
.TL3 	{ FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ff7f00 }
:hover.TL3 { COLOR: #9c001a }
.TC1 	{ BACKGROUND-COLOR: #ff9000 }
.TC2 	{ BORDER-RIGHT: #800000 1px solid; BORDER-TOP: #800000 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #800000 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #800000 1px solid; BACKGROUND-COLOR: #ffcc99 }
:hover.TC2 { BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ff7f00}
.TC3	{ BORDER-RIGHT: #800000 1px solid; BORDER-TOP: #800000 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #800000 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #800000 1px solid; BACKGROUND-COLOR: #ffffff}

/* ---------------- fiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii ESTILS de TEXT i TiTOLS ---------------- */

.peu { text-align: right; font-size: 7pt; color: #800000; }

a.mesinfo {
	text-decoration: none;
	font-weight:bold; font-size: 8pt;
	color: #FF0000; 
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:0px; 
	padding-left:0; padding-right:4px; padding-top:0px; padding-bottom:0px
}
/* ---------------- fiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii ---------------- */