* { 
          padding: 0; 
          margin: 0; 

      }  
	  
	/* styles for IE 5 Mac */
	#centerwrap {
	width:990px;
	height:580px;
	margin:10px auto;
	position:relative;
	}
	
	/* commented backslash hack  - invisible to IE 5 \*/
	#centerwrap {
		position:absolute;
		margin:-291px 0 0 -495px;
		left:50%;
		top:50%;
	}
	/* end hack */

body {
	background-image: url(img/base/fons.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-color:#F0DFD0;
}
body,td {
	font-family: Arial, Helvetica, sans-serif;
}
.BoxTextMini {
	font-size: 10px;
	color: #999999;
	padding: 4px;
	border: 1px dotted #960032;
}
.BoxTextMini a {
	color: #663300;
	font-weight: normal;
	text-decoration: underline;
}
.FonsForm {
	background-color: #FFEDE1;
}
.LiniaVertical {
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #663300;
}
#List li {
	width: 154px;
	float: left;
	padding-bottom: 6px;
	background-image:url(img/base/bullet.gif);
	padding-left:16px;
	display:inline;
	background-repeat: no-repeat;
	background-position: left 3px;
}
#ButlletiText {
	height: 423px;
	width: 689px;
	left: 1px;
	top: 2px;
	position: absolute;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 6px;
}
.ButlletiScroll {
	margin-top: 12px;
	margin-left: 4px;
}
#ButlletiRight {
	height: 429px;
	width: 259px;
	right: 0px;
	top: 2px;
	position: absolute;
	background-image: url(img/base/fons_butlleti.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
}


#FscLogo {
	position: absolute;
	height: 63px;
	width: 46px;
	right: 4px;
	bottom: 4px;
	z-index: 10;
}
#Contacte {
	position: absolute;
	height: 13px;
	width: 492px;
	left: 10px;
	bottom: 8px;
}
#Content {
	position: absolute;
	height: 430px;
	width: 970px;
	top: 122px;
	left: 10px;
	font-size: 12px;
	color: #663300;
}
#Content td {
	color: #663300;
	text-align: justify;
}
#Menu {
	position: absolute;
	height: 35px;
	width: 100%;
	top: 58px;
	text-align: center;
	z-index: 15;
}
#Lang {
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	top: 10px;
	height: 30px;
	width: 120px;
	left: 12px;
	font-size: 11px;
	z-index: 100;
}
#Logo {
	position: absolute;
	height: 91px;
	width: 100%;
	text-align: center;
	z-index:10;
}

#Lang a {
	color: #FFFFFF;
	text-decoration: none;
}
#Lang a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#SubMenuLeft {
	position: absolute;
	height: 28px;
	width: 50%;
	top: 93px;
	left: 10px;
	text-align:left;
	float: left;
}
#SubMenuRight {
	position: absolute;
	height: 28px;
	width: 50%;
	top: 93px;
	right: 9px;
	text-align:right;
	float: right;
}
#SubMenuRight div {
	float: right;
	margin-left: 2px;
}
#SubMenuLeft div {
	float: left;
	margin-right: 2px;
}
#Tmenu {
	position: absolute;
	width: 298px;
	top: 14px;
	right: 12px;
	z-index: 11;
	height: 42px;
}
#Tmenu #L1 {
	display: block;
	height: 42px;
	width: 74px;
	background-image: url(img/cat/tmenu_1.gif);
}
#Tmenu a {
	float:left;
}
#Tmenu #L1:hover {
	display: block;
	height: 42px;
	width: 74px;
	background-image: url(img/cat/tmenu_1on.gif);
}
#Tmenu #L1on {
	display: block;
	height: 42px;
	width: 74px;
	background-image: url(img/cat/tmenu_1on.gif);
}
#Tmenu #L2 {
	display: block;
	height: 42px;
	width: 68px;
	background-image: url(img/cat/tmenu_2.gif);
}
#Tmenu #L2:hover {
	display: block;
	height: 42px;
	width: 68px;
	background-image: url(img/cat/tmenu_2on.gif);
}
#Tmenu #L2on {
	display: block;
	height: 42px;
	width: 68px;
	background-image: url(img/cat/tmenu_2on.gif);
}
#Tmenu #L3 {
	display: block;
	height: 42px;
	width: 77px;
	background-image: url(img/cat/tmenu_3.gif);
}
#Tmenu #L3:hover {
	display: block;
	height: 42px;
	width: 77px;
	background-image: url(img/cat/tmenu_3on.gif);
}
#Tmenu #L3on {
	display: block;
	height: 42px;
	width: 77px;
	background-image: url(img/cat/tmenu_3on.gif);
}
#Tmenu #L4 {
	display: block;
	height: 42px;
	width: 79px;
	background-image: url(img/cat/tmenu_4.gif);
}
#Tmenu #L4:hover {
	display: block;
	height: 42px;
	width: 79px;
	background-image: url(img/cat/tmenu_4on.gif);
}
#Tmenu #L4on {
	display: block;
	height: 42px;
	width: 79px;
	background-image: url(img/cat/tmenu_4on.gif);
}

#Tmenu #L1esp {
	display: block;
	height: 42px;
	width: 74px;
	background-image: url(img/esp/tmenu_1.gif);
}
#Tmenu a {
	float:left;
}
#Tmenu #L1esp:hover {
	display: block;
	height: 42px;
	width: 74px;
	background-image: url(img/esp/tmenu_1on.gif);
}
#Tmenu #L1espon {
	display: block;
	height: 42px;
	width: 74px;
	background-image: url(img/esp/tmenu_1on.gif);
}
#Tmenu #L2esp {
	display: block;
	height: 42px;
	width: 68px;
	background-image: url(img/esp/tmenu_2.gif);
}
#Tmenu #L2esp:hover {
	display: block;
	height: 42px;
	width: 68px;
	background-image: url(img/esp/tmenu_2on.gif);
}
#Tmenu #L2espon {
	display: block;
	height: 42px;
	width: 68px;
	background-image: url(img/esp/tmenu_2on.gif);
}
#Tmenu #L3esp {
	display: block;
	height: 42px;
	width: 77px;
	background-image: url(img/esp/tmenu_3.gif);
}
#Tmenu #L3esp:hover {
	display: block;
	height: 42px;
	width: 77px;
	background-image: url(img/esp/tmenu_3on.gif);
}
#Tmenu #L3espon {
	display: block;
	height: 42px;
	width: 77px;
	background-image: url(img/esp/tmenu_3on.gif);
}
#Tmenu #L4esp {
	display: block;
	height: 42px;
	width: 79px;
	background-image: url(img/esp/tmenu_4.gif);
}
#Tmenu #L4esp:hover {
	display: block;
	height: 42px;
	width: 79px;
	background-image: url(img/esp/tmenu_4on.gif);
}
#Tmenu #L4espon {
	display: block;
	height: 42px;
	width: 79px;
	background-image: url(img/esp/tmenu_4on.gif);
}


#Tmenu #L1eng {
	display: block;
	height: 42px;
	width: 74px;
	background-image: url(img/eng/tmenu_1.gif);
}
#Tmenu a {
	float:left;
}
#Tmenu #L1eng:hover {
	display: block;
	height: 42px;
	width: 74px;
	background-image: url(img/eng/tmenu_1on.gif);
}
#Tmenu #L1engon {
	display: block;
	height: 42px;
	width: 74px;
	background-image: url(img/eng/tmenu_1on.gif);
}
#Tmenu #L2eng {
	display: block;
	height: 42px;
	width: 68px;
	background-image: url(img/eng/tmenu_2.gif);
}
#Tmenu #L2eng:hover {
	display: block;
	height: 42px;
	width: 68px;
	background-image: url(img/eng/tmenu_2on.gif);
}
#Tmenu #L2engon {
	display: block;
	height: 42px;
	width: 68px;
	background-image: url(img/eng/tmenu_2on.gif);
}
#Tmenu #L3eng {
	display: block;
	height: 42px;
	width: 77px;
	background-image: url(img/eng/tmenu_3.gif);
}
#Tmenu #L3eng:hover {
	display: block;
	height: 42px;
	width: 77px;
	background-image: url(img/eng/tmenu_3on.gif);
}
#Tmenu #L3engon {
	display: block;
	height: 42px;
	width: 77px;
	background-image: url(img/eng/tmenu_3on.gif);
}
#Tmenu #L4eng {
	display: block;
	height: 42px;
	width: 79px;
	background-image: url(img/eng/tmenu_4.gif);
}
#Tmenu #L4eng:hover {
	display: block;
	height: 42px;
	width: 79px;
	background-image: url(img/eng/tmenu_4on.gif);
}
#Tmenu #L4engon {
	display: block;
	height: 42px;
	width: 79px;
	background-image: url(img/eng/tmenu_4on.gif);
}


#fons #centerwrap #Content .MainTableMargin #form1 .LiniaVertical .BoxTextMini {
	font-size: 10px;
}
h1 {
	font-size: 20px;
	color: #FF6600;
	font-weight: normal;
}
.ObresLlista .ImgBox .ImgBorder {
	padding: 1px;
	border: 1px solid #FF6600;
}
.ImgBorder {
	padding: 1px;
	border: 1px solid #FF6600;
}
.ObresLlista .ImgBox .PeuImg {
	font-size: 11px;
	color: #FF6600;
}
.ObresLlista .ImgBox {
	float: left;
	width: 164px;
	margin-right: 6px;
	margin-top: 6px;
}
.DataButlleti {
	font-size:11px;
}




h2 {
	color: #FF6600;
	font-size: 24px;
	font-weight: normal;
}
.FonsMediAmbient {
	background-image: url(img/base/fons_mediambient.jpg);
	background-repeat: no-repeat;
	background-position: 60px 2px;
	height: 100%;
	width: 100%;
	position: absolute;
}
.FonsProductes {
	background-image: url(img/base/fons_productes.jpg);
	background-repeat: no-repeat;
	background-position: right 2px;
	height: 100%;
	width: 100%;
	position: absolute;
}
.FonsSituacio {
	background-image: url(img/base/fons_situacio.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 100%;
	width: 100%;
	position: absolute;
}
.FonsQuisom {
	background-image: url(img/base/fons_quisom.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	height: 100%;
	width: 100%;
	position: absolute;
}
.FonsFustes {
	background-image: url(img/base/fons_fustes.jpg);
	background-repeat: no-repeat;
	background-position: 1px 2px;
	height: 431px;
	width: 100%;
	position: absolute;
}
.FonsFonsart {
	background-image: url(img/base/fons_art.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	height: 100%;
	width: 100%;
	position: absolute;
}
.FonsObragrafica {
	background-image: url(img/base/fons_obragrafica2.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	height: 100%;
	width: 100%;
	position: absolute;
}
.FonsExposicions {
	background-image: url(img/base/fons_exposicions.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 100%;
	width: 100%;
	position: absolute;
}
.Arial14px {
	font-size: 14px;
}
.ObresLlista {
	position: absolute;
	height: 391px;
	width: 528px;
	left: 20px;
	top: 20px;
	overflow: auto;
	padding-right: 6px;
}
.ObresVideo {
	height: 389px;
	width: 390px;
	border: 1px solid #FF6600;
	top: 20px;
	right: 20px;
	position: absolute;
	z-index: 1;
}

.ObresLlista .Box {
	width: 100%;
	display: block;
}

.MarquesBox {
	float: left;
	width: 170px;
	margin-right: 22px;
	margin-bottom: 6px;
	cursor:hand;
	cursor: pointer;
}

.MarquesBox .ImgBorder {
	border: 1px solid #D1C1B2;
	width: 172px;
	height: 85px;
	background-repeat: no-repeat;
	background-position: center center;
}
.MarquesBox .Peu {
	background-image: url(img/base/link.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	height: 18px;
	padding-top: 4px
}
a .MarquesBox {
	color: #663300;
	text-decoration: none;
	font-weight: normal;
}

.MarquesBox:hover .ImgBorder {
	border: 1px solid #663300;
	width: 172px;
	height: 85px;
	background-repeat: no-repeat;
	background-position: center center;
}
.MarquesBox:hover .Peu {
	background-image: url(img/base/link.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	height: 18px;
	padding-top: 4px;
	color: #330000;
}

/* FORMULARI */

.input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #133521;
	background-color: #FFFFFF;
	padding: 3px;
	width: 98%;
	height: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #663300;
	border-right-color: #FFF2E6;
	border-bottom-color: #FFF2E6;
	border-left-color: #663300;

}
.submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 98%;
	padding: 3px;
	background-color: #914800;
	height: 24px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF2E6;
	border-right-color: #663300;
	border-bottom-color: #663300;
	border-left-color: #FFF2E6;


}
.FonsForm {
	padding-right: 4px;
}

.BoxCalendari {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #FFFFFF;
	border-top: 1px solid #A7B55A;
	border-right: 1px solid #336600;
	border-bottom: 1px solid #336600;
	border-left: 1px solid #A7B55A;
	vertical-align: middle;
	background-image: url(img/base/calendar.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 50px;
	text-align: left;
	padding: 4px;
}
.BoxCalendari a {
	font-size: 14px;
	text-decoration: none;
	color: #CC0000;
}



/* FI */

/* VITAMINA C */


.VITAMINACBODY {
	background-image:none;
	color:#663300;


}


.TitolNoticia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #C9CABD;
	font-weight: bold;
	color: #333333;
	height: 24px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9F9C95;
	padding-top: 5px;
	padding-left: 6px;
}

/* FI VITAMINA C */



a {
	font-weight: bold;
	color: #663300;
	text-decoration: underline;
}
.Printable {
	font-size: 14px;
	font-weight: bold;
	background-image: url(img/base/printable.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 200px;
	padding-top: 10px;
	padding-left: 60px;
	text-align: left;
	display: block;
}

.Subscriure {
	font-size: 14px;
	font-weight: bold;
	background-image: url(img/base/ico_subscriure.gif);
	background-repeat: no-repeat;
	width: 200px;
	padding-top: 10px;
	padding-left: 60px;
	text-align: left;
	display: block;
	background-position: 5px;
}

.Rss {
	font-size: 14px;
	font-weight: bold;
	background-image: url(img/base/ico_rss.gif);
	background-repeat: no-repeat;
	width: 200px;
	padding-top: 28px;
	padding-left: 60px;
	text-align: left;
	display: block;
	background-position: 5px;
}




.Border {
	border: 1px solid #663300;
}
.Scroll {
	height: 359px;
	overflow: auto;
	padding-right: 4px;
}
.FonsEspaiArt {

	background-image: url(img/base/fons_espaiart.jpg);
	background-repeat: no-repeat;
	background-position: 1px 2px;
	height: 431px;
	width: 100%;
	position: absolute;
}
.MiniText {
	font-size: 11px;
	color: #663300;
}