#Masthead {
	width: 598px; /*Width of main container*/
	margin: 5px auto; /*Center container on page*/
	padding-top: 3px;
	text-align:center;
}

#PictureContent {
	height:380px;
}

#OuterContainer {
	padding: 0;
	margin: 0 auto;
}

#Container {
	position: relative;
	height: 200px;
	width: 200px;
	margin: 0 auto;
	background-color: #dedede;
	border: 2px solid #999999;
	font-size: 0px;
}

#Photo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

#Loading {
	height: 25%;
	width: 100%;
	position: absolute;
	top: 40%;
	left: 0%;
	text-align: center;
	z-index: 0;
	line-height: 0;
}

#LinkContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	/* filter:alpha(opacity:80); /* Specify opacity for IE */
}

#PrevLink, #NextLink {
	cursor: pointer;
	width: 48%;
	height: 100%;
	background: transparent url(../images/slideshow/c.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#PrevLink span, #NextLink span { display: none; }

#PrevLink { left: 0; float: left; }
#NextLink { right: 0; float: right; }

/* background image for IE */
#PrevLink:hover, #PrevLink:visited:hover { background: url(../images/slideshow/prev_chevron.gif) 20% 50% no-repeat; }
#NextLink:hover, #NextLink:visited:hover { background: url(../images/slideshow/next_chevron.gif) 80% 50% no-repeat; }

/* backgroudn image for compliant browsers */
#LinkContainer>#PrevLink:hover, #LinkContainer>#PrevLink:visited:hover { background: url(../images/slideshow/prev_chevron.gif) 20% 50% no-repeat; }
#LinkContainer>#NextLink:hover, #LinkContainer>#NextLink:visited:hover { background: url(../images/slideshow/next_chevron.gif) 80% 50% no-repeat; }

#CaptionContainer {
	margin: 0 auto;
	width: 100%;
	/*text-align: left;
	background-color: #dedede;
	height: 35px;*/
	text-align: center;
	height: 17px;
	font-size: 11px;
	/*visibility: hidden;*/
}

#CaptionContainer .CaptionContainerInner {
	padding: 5px 10px 0px 10px;
}

#thumbsArrows {	
	height:53px;	/* Height of the images + 3 */
	width:496px;
	position:relative;
	overflow:hidden;
	/*top:390px;*/
	/*background-color: #ccc;*/
	margin: 0 auto; /*Center container on page*/
}

#GalleryContent {	
	height:53px;	/* Height of the images + 3 */
	width:496px;
	position:relative;
	left: 0px;
	/*top:390px;*/
	overflow:hidden;
	padding-top:1px;
	padding-bottom:1px;
	background-color: #dedede;
	/*background-color: #ccc;*/
	margin: 0 auto; /*Center container on page*/
}

#Thumbnails {
	position:absolute;
	height:50px;
	left:25px;   /* L'amplada de la imatge que fa de fletxa */
	width:100000px;
	background-color: #dedede;
	/*padding:1px;*/
	/*background-color: #ccc;*/
}

#LeftArrow{
	position:absolute;
	left:0px;
	top:0px;
	z-index:10;
	padding:1px;
	background-color: #dedede;
}

#RightArrow{
	position:absolute;
	right:0px;
	top:0px;
	z-index:10;
	padding:1px;
	background-color: #dedede;
}

#Thumbnails #SlideEnd{
	float:left;
}
#Thumbnails img{
	float:left;
	padding:1px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor:pointer;
	border:0px;
}

.ThumbSelected {
	border:1px solid #960524 !important;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

#Counter {
	font-weight: bold;
	color: #960524;
	/*padding-right: 5px;*/
	background: transparent url(../images/transparentBackground.gif) repeat;
}

#About p {
	margin: 0 20px;
	padding: 5px 0;
	font-size: 12px;
	font-weight: bold;
}

#About {
	width: 100%;
	text-align: left;
	background-color: #efefef;
	border-bottom: 1px solid #dedede;
}

#AboutBody {
	margin-top: 15px;
}

#AboutBody p {
	font-weight: normal;
	font-size: 11px;
	line-height: 1.4em;
	margin: 0 20px 10px 20px;
	padding: 0;
}