/***********************************************/
/* Definicions basiques                        */
/***********************************************/ 

*{margin:0px; padding:0px;}

html, body{
	background:#B8B1AC;
	background:url(/art/fons.jpg) repeat;
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
	font:Helvetica, Arial, Geneva, sans-serif;
}

h1, h2, h3, h4, h5, h6{margin:0px; padding:0px;}

#index ul a, #index ul a:link, #index ul a:visited,
#navegacio ul a, #navegacio ul a:link, #navegacio ul a:visited
{color:#777777; text-decoration:none;}
#index ul a:hover, #navegacio ul a:hover{text-decoration:underline;}

a, a:link, a:visited{color:white; text-decoration:none;}
a:hover{text-decoration:underline;}

img {border:0px;}

ul.plain{list-style:none;}

.bold{
	font-weight:bold;
}
#index ul a.bold, #index ul a.bold:link, #index ul a.bold:visited{color:#B33F40;}
#navegacio ul a.selected, #navegacio ul a.selected:link, #navegacio ul a.selected:visited{color:#333333;}

/***********************************************/
/* Centrat i cantonades arrodonides            */
/***********************************************/

#inner{
	background:white;
	position:relative;
	top:0px;
	left:0px;
	height:795px;
	width:1136px;
	/*padding:0px 57px 0px 57px;*/
	text-align:left;
}

/***********************************************/
/* Layout                                      */
/***********************************************/

#masthead {
	background:white;
	position:absolute;
	top:0px;
	left:0px;
	width:1136px;
	height:142px;
	margin:0px;
	padding:0px;
	z-index:1;
}

#content {
	position:absolute;
	top:142px;
	left:0px;
	width:1136px;
	height:568px;
	margin:0px;
	padding:0px;
	z-index:0;
	font-size:13px;
	text-align:justify;
}

#footer {
	background:white;
	position:absolute;
	top:710px;
	left:0px;
	width:1136px;
	height:85px;
	margin:0px;
	padding:0px;
	z-index:1;
}

/***********************************************/
/* Bloc superior                               */
/***********************************************/

/******************* #titol ********************/
#top_left{
}
#top_right{
}
#index{
	color:grey;
	position:absolute;
	left:115px;
	top:118px;
	width:370px;
	height:15px;
}
#index ul{
	list-style:none;
}
#index ul li{
	display:inline;
}
#scrollContainer{overflow:auto;}
#scrollContent{width:auto;white-space:nowrap;}
#scrollLeft,#scrollRight{position:absolute;top:0px;visibility:hidden;z-index:200;font-size:120%;}
#scrollLeft{left:-5px;}
#scrollRight{left:359px;}
#back_to_index{position:absolute;left:395px;top:-2px;}

/***********************************************/
/* Bloc principal                              */
/***********************************************/

/************* zona decontinguts ***************/
#main_left{
	position:absolute;
	background:#413F40;
	color:white;
	top:0px;
	left:0px;
	width:568px;
	height:568px;
	margin:0px;
	padding:0px;
}
#main_left.asym{
	width:906px;
}
div.textbox{
	margin:28px 114px 0px 114px;
}
#scroll2Container{overflow:auto;height:100%;}
#scroll2Up,#scroll2Down{position:absolute; left:535px; visibility:hidden; z-index:200;}
#scroll2Up{top:30px}
#scroll2Down{top:520px}

div.textbox2{
	margin:80px 114px 28px 114px;
}
div.textbox2 h2{
	font-size:22px;
	margin-bottom:2px;
}
div.textbox2 h3{
	font-style:italic;
	font-size:15px;
	margin-bottom:2px;
}
div.textbox2 h4{
	font-size:13px;
	font-weight:normal;
	margin-bottom:65px;
}
div.textbox2 h5{
	font-style:italic;
	font-size:13px;
	font-weight:normal;
	margin-top:32px;
}
div.textbox2 p{
	font-style:italic;
	font-size:15px;
	line-height:150%;
}

#main_right{
	position:absolute;
	background:#DEDAD7;
	top:0px;
	left:568px;
	width:568px;
}
#main_right.asym{
	position:absolute;
	top:0px;
	width:230px;
	left:906px;
}

.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	width:568px;
	height:568px;
}
.wraptocenter * {
    vertical-align: middle;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
}

a.link, a.link:link, a.link:visited {
	color:white;
	font-size:15px;
}

ol li{
	margin-bottom:30px;
}

/***********************************************/
/* Peu de pagina                               */
/***********************************************/
#peu_foto{
	position:absolute;
	top:8px;
	left:568px;
	width:568px;
	background:transparent;
	text-align:center;
	z-index:4;
	font-size:9px;
	text-transform: uppercase;
}

/****************** #navegacio *****************/
#navegacio{
	position:absolute;
	top:40px;
	left:0px;
}
#navegacio ul{
	list-style:none;
	font-size:14px;
	margin:0px 115px 0px 115px;
}
#navegacio ul li{
	display:inline;
}
li.sep{color:#B33F40;}
li a{font-weight:bold;}










p.MsoNormal, li.MsoNormal, div.MsoNormal{
	font-size:10.0pt;
	font-family: Helvetica, Geneva, Arial, sans-serif;
}
span.MsoHyperlink
	{color:blue;
	text-decoration:underline;
	text-underline:single;}
span.MsoHyperlinkFollowed
	{color:purple;
	text-decoration:underline;
	text-underline:single;}
span.italic{font-style:italic;}









#shadow_left{
background:url(/art/ombra_e.jpg) right repeat-y;
width:15px;height:100%;padding:0px;margin:0px;
z-index:200;
}
#shadow_right{
background:url(/art/ombra_d.jpg) left repeat-y;
width:15px;height:100%;padding:0px;margin:0px;
z-index:200;
}
table.links{
	margin-left:114px;
	margin-top:54px;
}
table.links td{
	width:260px;
	line-height:19px;
	font-size:16px;
	font-weight:bold;
}
table.links td a, table.links td a:link, table.links td a:visited{
	color:white;
}
table.links td span{
	display:block;
	float:left;
	width:25px;
}