/* ---------------- Body and Containers ---------------- ---------------- ---------------- */
body {
    FONT-SIZE: 10pt; FONT-FAMILY: "Trebuchet MS", Verdana, arial;
    background-color: #000000;  bgcolor: #000000;
    topmargin-top: 0; leftmargin-left: 0;
}
#principal {
	FONT-FAMILY: "Trebuchet MS", Verdana, arial; font-size: 10pt; width: 600px;
	background-color: #000000;
	padding-left: 0px; padding-right: 2px; padding-bottom: 80px padding-top: 0px;
	background-image: url('../bsf_images/bsf-logo-aura.jpg');
	background-repeat: no-repeat; 
	background-position: bottom right;
}
#TopContainer {
	width: 1000px; 	border: 0px; 
	background-position: left top; background-image: url('../bsf_images/varis_images/bsf-top-bg.gif'); background-repeat: repeat-x;
}
.LeftContainer { width: 140px; border: 0px; }
.CentralContainer { width: 720px; border: 0px; }
#RightContainer { width: 139px; border: 0px; }

.bsfTrad     {font-family: Lucida Sans; font-size: 10pt; color: #990000; font-style: italic}
span.bsfTrad { font-family: Lucida Sans;  font-style: italic }

/* ---------------- Side INDEX ---------------- ---------------- ---------------- ---------------- */

.bsfIndexTable {
    width: 90px;
    BORDER-RIGHT: #cc0000 1px solid; BORDER-TOP: #cc0000 1px solid; BORDER-LEFT: #cc0000 1px solid; BORDER-BOTTOM: #cc0000 1px solid;
    PADDING-RIGHT: 0px;PADDING-LEFT: 0px;PADDING-BOTTOM: 0px;PADDING-TOP: 0px;
    TEXT-ALIGN: center;
}
.bsfIC0 {
    BORDER: 0px;    PADDING-TOP: 0px;
    COLOR: #cc0000; FONT-FAMILY: Arial Narrow, Verdana; FONT-WEIGHT: bold; FONT-SIZE: 8pt; TEXT-TRANSFORM: uppercase;
    BACKGROUND-COLOR: #000000;
    TEXT-ALIGN: right;
    border-collapse: collapse;
}
TD.bsfIC1 {
    border:1px solid #ff9900; PADDING-TOP: 1px;
    background: url('../bsf_images/varis_images/tabs-bg-ora.gif') repeat-x left center;
    FONT-SIZE: 8pt; TEXT-ALIGN: center;
}
td:hover.bsfIC1 {
    background: url('../bsf_images/varis_images/tabs-bg-red.gif') repeat-x left center;
}
A.bsfIL1
{
    FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; COLOR: #ffffff; FONT-FAMILY: Arial Narrow, Verdana;
}
a:hover.bsfIL1 {
    COLOR: #FFFFF0; FONT-WEIGHT: bold;
    text-decoration: underline; 
}
.bsfIC2 {
    BORDER-RIGHT: #ff9900 1px solid; BORDER-TOP: #ff9900 1px solid;
    FONT-WEIGHT: bold; FONT-SIZE: 8pt; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #ff9900 1px solid; COLOR: #000000; FONT-FAMILY: Arial Narrow, Verdana;
    PADDING-TOP: 1px; BORDER-BOTTOM: #ff9900 1px solid;
    BACKGROUND-COLOR: #ff9900; TEXT-ALIGN: center; border-collapse: collapse;
}
a.bsfIL2 {
    COLOR: #ff9900; FONT-SIZE: 8pt; 
}
a:hover.bsfIL2 {
    COLOR: #ffffff; FONT-SIZE: 8pt; text-decoration:underline;
}
/* ---------------- TopIndex */

.bsfTopLeftIndexTable {
    width: 90px;
    BORDER: #cc0000 0px solid; PADDING: 0px;
}
.bsfTopRightIndexTable {
    width: 100%;
    BORDER: #cc0000 0px solid; PADDING: 0px;
}
.bsfIC3 {
    BORDER: #ff9900 0px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-TOP: 1px;
    BACKGROUND-COLOR: #000000;
    border-collapse: collapse;
}
a.bsfIL3 {
    bgcolor: #ffffff; COLOR: #ff9900; FONT-SIZE: 8pt;  FONT-WEIGHT: bold;
}
a:hover.bsfIL3 {
    COLOR: #ffffff; FONT-SIZE: 8pt; FONT-WEIGHT: bold;
}
/* ---------------- SubIndex */

#subindex { padding-top:4px; align: right; }
.bsfSubIndex { BORDER: #ff9900 0px solid; border-collapse: collapse; padding: 4px; width: 100%; BACKGROUND-COLOR: #000000; }
.bsfSubIndex th {
    BORDER: #ff9900 1px solid; PADDING-TOP: 1px;
    FONT-WEIGHT: bold; FONT-SIZE: 8pt; FONT-FAMILY: Arial Narrow, trebuchet, Verdana;
    text-align: center; TEXT-TRANSFORM: uppercase;
    COLOR: #000000;  BACKGROUND-COLOR: #ff9900;
}
.bsfSubIndex td { padding: 4px; TEXT-ALIGN: right; }
a.bsfSubIndexItem {
    FONT-SIZE: 8pt;
    COLOR: #ff9900;
    FONT-FAMILY: Arial Narrow, Verdana;
}
a:hover.bsfSubIndexItem {
    COLOR: #ffffff; FONT-FAMILY: Arial Narrow, Verdana; FONT-SIZE: 8pt; text-decoration:underline; FONT-WEIGHT: bold; 
}
/* ---------------- HEADERS, apartat and TEXT ---------------- ---------------- ---------------- ---------------- */
H1 { COLOR: #ff9900; FONT-WEIGHT: bold; FONT-SIZE: 14pt; MARGIN-BOTTOM: 2px; FONT-FAMILY: Lucida Sans, Arial Narrow;
    VERTICAL-ALIGN: -1px; TEXT-TRANSFORM: uppercase; LINE-HEIGHT: 100%; LETTER-SPACING: 1pt;
    TEXT-ALIGN: center;
}
H2 { margin-top: 32px; margin-bottom: 0px;
	COLOR: #ff9900; FONT-WEIGHT: bold; FONT-SIZE: 12pt; FONT-FAMILY: Lucida Sans, Arial Narrow; LETTER-SPACING: 1pt;
    TEXT-ALIGN: left;
}
H3 { COLOR: #000000; bgcolor: #ff9400; FONT-SIZE: 10pt; FONT-WEIGHT: bold; FONT-FAMILY: Lucida Sans, Verdana; TEXT-ALIGN: center;
    MARGIN: 2pt;
}
H4 { COLOR: #800000; FONT-SIZE: 10pt; FONT-WEIGHT: bold; FONT-FAMILY: "Trebuchet MS", Lucida Sans, Verdana; 
	TEXT-ALIGN: center; padding: 4pt; MARGIN-bottom: 1pt;
}
H5 { COLOR: #800000; FONT-SIZE: 10pt; FONT-WEIGHT: bold; FONT-FAMILY: Lucida Sans, Verdana;
	TEXT-ALIGN: left; MARGIN-TOP: 2pt; MARGIN-bottom: 1pt;
}
/* ---------------- APARTAT styles ---------------- */
/*list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2em;
    left: 1em;
    width: 9em 
  */
    
div.blocContainer {
	clear: left; width: 100%; align: left;
	/* background-position: top left; background-image: url('../images/layout.images/bg-nova.gif'); background-repeat: no-repeat; */
}
div.bloc {
	margin: 0px; padding: 6px; padding-top: 6px; margin-bottom: 12px;
	
	border: 1px solid #800000; border-collapse: collapse; 
	background-color: #ffffff;
	list-style-type: none;
	color: #000000; font-family: "Trebuchet MS", serif, verdana; font-size: 8pt;
}
div.bloc #titol {
	padding-right: 6px;
	color: #800000;
	 font-family: "Trebuchet MS", serif, verdana; font-weight: bold; font-size: 14pt;
}
div.bloc #subtitol {
	padding-right: 6px;
	background-color: #800000;
	color: #ff9900; font-family: "Trebuchet MS", serif, verdana; font-weight: bold; font-size: 12pt;
}
div.bloc #desc { 
	padding-top: 4px;
	color: #000000; font-family: "Trebuchet MS", serif, verdana; font-weight: bold; font-size: 8pt;
	text-align: justify;
}
div.bloc #desc ul { 
	/* margin-top: 0px; */
	margin-left: 12px;
}

/* ---------------- Text */
.bsftext {
    FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Lucida sans, "Trebuchet MS", Verdana, Arial; TEXT-ALIGN: justify;
}
.bsfname {
	FONT-SIZE: 10pt; FONT-WEIGHT: bold; font-style: italic; LETTER-SPACING: 1pt; FONT-FAMILY: "Trebuchet MS", Verdana;
    TEXT-DECORATION: none; COLOR: #FF9000;
}
.bandname {
	FONT-SIZE: 12pt; FONT-WEIGHT: bold; font-style: italic; FONT-FAMILY: "Trebuchet MS", Verdana;
    TEXT-DECORATION: none; COLOR: #FF0000;
}
.bsfattribute {
	FONT-SIZE: 10pt; FONT-WEIGHT: bold; FONT-FAMILY: Lucida sans, Verdana; COLOR: #800000;
    TEXT-ALIGN: left; TEXT-DECORATION: none;
}
.date { color: #ffffff; font-size: 8pt; font-weight: bold; margin-right: 2px; }
div.center { margin-bottom: 5px; } 
.center { text-align: center; }

/* ---------------- newsbox */
.NewsBox { 
	width: 130px; border: #800000 1px solid; margin: 2px; paddding: 0px; TEXT-ALIGN: justify; 
	background-color: #333333;

}
.NewsBox H1 { 
	COLOR: #ff9900; FONT-WEIGHT: bold; FONT-SIZE: 10pt; FONT-FAMILY: Lucida Sans, Arial Narrow; LETTER-SPACING: 1pt;
    background-color: #800000; padding: 2px; 
    TEXT-TRANSFORM: uppercase; TEXT-ALIGN: left; margin: 0px;
}
.NewsBoxItem { 
	padding: 2px; margin:0px; 
	COLOR: #ffffff; FONT-SIZE: 7pt; FONT-FAMILY: "Trebuchet MS", Lucida Sans, Verdana; 
	background-image: url('../bsf_images/varis_images/p_granate.gif');
	background-repeat: repeat-x; 
	background-position: bottom left;
}
.NewsBoxItem .date { color: #FF9900; font-size: 7pt; font-weight: bold; margin-right: 2px; }

/*
	margin: 2px; padding-left: 12px; 
	background-image: url('../bsf_images/varis_images/arrow_next_bb.gif');	background-repeat: no-repeat; 
	background-position: top left; 
*/

/* ---------------- a */
.contorn { background-color: #000000; }
.data { text-decoration: underline; color: #ffffff }
span.destacat { font-weight: bold; color: #CC0000 }
a { COLOR: #ff9900; TEXT-DECORATION: none }
a.info { Z-INDEX: 24; COLOR: #000000; POSITION: relative; BACKGROUND-COLOR: #ffcc99; TEXT-DECORATION: none }
a:hover.info { Z-INDEX: 25; BACKGROUND-COLOR: #ff0 }
a.info span { DISPLAY: none }
a:hover.info span {
    BORDER-RIGHT: #0cf 1px solid; BORDER-LEFT: #0cf 1px solid;BORDER-BOTTOM: #0cf 1px solid; BORDER-TOP: #0cf 1px solid; 
    DISPLAY: block; LEFT: 2em; WIDTH: 15em; COLOR: #000; POSITION: absolute; TOP: 2em; BACKGROUND-COLOR: #cff; TEXT-ALIGN: center
}
a.moreinfo {
	text-decoration: underline;	font-weight: bold; font-size: 7pt; color: #FF0000; 
	padding-left:2px;
}
/* ---------------- ContentsTables */

.bsfContentsTable {
    width: 100%; margin-bottom: 12px;
    border: 2px solid #FF9900; border-collapse: collapse;
    color: #000000; FONT-FAMILY: "Trebuchet MS", verdana; FONT-SIZE: 10pt; 
    background-color: #ffffff;
}
.bsfContentsTable th {
	padding-top: 4px; padding-bottom: 6px;
	border: 1px solid #800000; 
	color: #ffffff; FONT-family: Lucida sans, verdana; FONT-WEIGHT: bold; 
	background-color: #FF9900;
}
.bsfContentsTable td { padding: 8px; color: #000000; FONT-FAMILY: "Trebuchet MS", verdana; FONT-SIZE: 10pt; text-align: justify; }
.bsfContentsTable li{ padding-top: 2px; }
.bsfContentsSubtable {
	width: 98%; padding: 6px; margin-bottom: 16px;
	border: 1px solid #CC0000; border-collapse: collapse; 
    color: #000000; FONT-FAMILY: "Trebuchet MS", verdana; FONT-SIZE: 10pt;
    background-color: #FFFFCC;
}
.bsfContentsSubtable th { border: 1px solid #800000; background-color: #800000; padding-top: 4px; padding-bottom: 6px;}
.bsfContentsSubtable td { border: 1px solid #800000; text-align: justify; }
.bsfPricesTable {
	padding: 6px; width: 90%;
	border: 1px solid #CC0000; border-collapse: collapse; 
    color: #000000; FONT-FAMILY: "Trebuchet MS", verdana; FONT-SIZE: 10pt;
    background-color: #FBFAB2;
}
.bsfPricesTable 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;
}
.bsfPricesTable td {
    border: 1px solid #800000; text-align: justify;
}
.bsfShowTable {
    border:  2px dotted #FF9900;
    padding: 2px; WIDTH: 100%;
    ALIGN: center;
    FONT-FAMILY: Lucida Sans; FONT-SIZE: 10pt;
}
.bsfShowTable th {
	text-align: center;
	color: #ffffff; background-color: #800000;
}
.bsfShowTable td {
    padding: 1px;    text-align: center;
    border:  0px solid #A4A4A4;
    color: #ffffff; BACKGROUND-COLOR: #000000;
}
.bsfPeopleTable {
    border:  1px solid #800000; border-collapse: collapse;
    padding: 4px; WIDTH: 96%;
    ALIGN: center;
    FONT-FAMILY: Lucida Sans; FONT-SIZE: 10pt;
    color: #ffffff; BACKGROUND-COLOR: #000000;
}
.bsfPeopleTable td {
    FONT-FAMILY: Lucida Sans; FONT-SIZE: 10pt;
    color: #ffffff;
}
/* ---------------- Form Table */

.bsfFormTable {
    width: 95%;
    FONT-FAMILY: "Trebuchet MS", verdana; FONT-SIZE: 10pt; color: #000000; background-color: #FFCC66;
    border: 1px solid #800000; border-collapse: collapse;
	margin-bottom: 12px;
}
.bsfFormTable td {
    border:  1px solid #A4A4A4;
}
/* ---------------- Locations */
.location {
	text-align: left; MARGIN-left: 12px;
	FONT-FAMILY: "Trebuchet MS", verdana; FONT-SIZE: 10pt; 
    color: #000000;
}
/* ---------------- VARIS */

a.bsfButton{
	padding: 8px; margin: 8px;
	text-align: center;
	border: 2px solid #FFCC66; 
	FONT-FAMILY: Lucida sans, verdana; FONT-SIZE: 10pt; font-weight: bold;
	color: #ff9900; background-color: #800000;
}

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

.carnet { border: 1px none;	height: 60px; }
.carona { border: 1px none;	height: 90px; margin-right: 10px; }
.posin { border: 1px none;	height: 120px; margin: 2px; }
.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; }


/* ---------------- ---------------- ---------------- ---------------- ---------------- */