@import url(shared.css);

h1 a {
	position: absolute;
	top: 0;
	left: 26px;
	width: 175px;
	height: 19px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../imgs/logoB.gif);
}






#content {
	position: absolute;
	left: 26px;
	top: 75px;
	width: 712px;
}




/* styles for CMS item and nav */
#content p {
	line-height: 1.3;
	width: 360px;
}

#content p img, #content p object {
	display: block;
	border: 1px solid #56585a;
	margin-bottom: .2em;
}
#content p strong {
	font-style: italic;
	font-weight: normal;
}


#panelNav {
	position: absolute;
	left: 405px;
	top: 0;
	width: 360px;
	height: 310px;
	overflow: auto;
}
#panelNav ul {
	width: 90px;
	margin-bottom: 2.8em;
}
#panelNav ul ul {
	position: absolute;
	left: 107px;
	top: 0;
	/*font-weight: bold;*/
	font-style: italic;
	width: 240px;
}
#panelNav li {
	padding-left: 10px;
	margin-bottom: .8em;
}
#panelNav a, #panelNav li.active li a {
	color: #9fa2a6;
	/*font-weight: bold;*/
	cursor: pointer;
}
#panelNav li.active a, #panelNav li li.active {
	color: #5d6b7d;
	cursor: default;
}
#panelNav li.active {
	background: url(../imgs/marker.gif) no-repeat 0 .3em;
}
#panelNav a:hover, #panelNav li li a:hover {
	color: #5d6b7d;
}






/* nav */
#nav1 {
	position: absolute;
	right: 0;
	top: 5px;
	width: 400px;
}
#nav1 li {
	float: right;
	margin-left: 10px;
}
#nav1 a {
	display: block;
	width: 43px;
	padding-top: 28px;
	background: no-repeat;
	overflow: visible;
	white-space: nowrap;
	color: #000;
}
#nav1 a:hover {
	color: #6c7580;
}
#nav1 .i1 a {
	background-image: url(../imgs/navBioB.gif);
}
#nav1 .i2 a {
	background-image: url(../imgs/navObraB.gif);
}
#nav1 .i3 a {
	background: url(../imgs/navContacteB.gif) no-repeat 100% 0;
}
#nav1 .i4 a {
	background: url(../imgs/navPIB.gif) no-repeat 100% 0;
	width: 20em;
	text-align: right;
}