@import url("/docroot/hj23/css/addLeftNav.css");

#main h2 { margin-bottom:3px; }

/* Estils amb/sense JS */
#main #panes div {
	padding-top: 20px;
	padding-left: 156px;
}

/* #main #panes div h4 { */
#main #panes div h3 {
	margin-top: 0;
	font-size: 1.166em;
	text-transform: uppercase;
}
#main #panes div h4 {
	margin-top: 0;
	text-transform: uppercase;
}
#main #panes div ul>li  {
    list-style: none;
    background: none
}


#main #panes div p.imgLeft {
	margin-left: -156px !important;
}

#main #panes div p {
	line-height: 1.2;
}


/* TABS styles */
#main.JS ul.tabs {
	list-style:none; 
	margin:0 !important;
	background: url(/docroot/hj23/imgs/tabsBg.gif) no-repeat;	/* Personalitzat */
	padding:10px 0 0 0;	/* 10 = 7 (alçada línia) + 3 (marge sota la línia)*/	/* Personalitzat */
 	height:45px;	/* Personalitzat */
	width: 497px;	/* Personalitzat */
}

#main.JS ul.tabs li { 
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	background: none!important;
}

#main.JS ul.tabs a {
	display:block;
	height: 35px;	/* Personalitzat */
	line-height:1.2em;	/* Personalitzat */
	width: 68px;	/* Personalitzat */
	margin:0px;
	padding-top:11px;	/* Personalitzat */
	font-size:.85em;	/* Personalitzat */
	font-weight: normal;	/* Personalitzat */
	font-variant:normal;	/* Personalitzat */
	text-align:center;
	cursor:pointer;
	background: url(/docroot/hj23/imgs/mainNavBg3.gif) no-repeat #fefef7;	/* Personalitzat */
	text-decoration:none;
	color:#5C5D4A;	/* Personalitzat */
	border-left:1px solid #ffffff;	/* Personalitzat */
	border-right:1px solid #ffffff;	/* Personalitzat */
	border-bottom:1px solid #ffffff;	/* Personalitzat */
}

#main.JS ul.tabs a:hover,
#main.JS ul.tabs a.current, #main.JS ul.tabs a.current:hover, #main.JS ul.tabs li.current a {
	height: 35px;	/* Personalitzat */
	color:#ffffff;	/* Personalitzat */
	padding-top: 6px;	/* Personalitzat */
	background-position: 0 -50px;	/* Personalitzat */
	color: #fff;	/* Personalitzat */
	text-decoration: none;	/* Personalitzat */
}

#main.JS ul.tabs a#tab0 { width: 69px; }
#main.JS ul.tabs a#tab1 { width: 68px; }
#main.JS ul.tabs a#tab2 { width: 68px; }
#main.JS ul.tabs a#tab3 { width: 69px; }
#main.JS ul.tabs a#tab4 { width: 69px; }
#main.JS ul.tabs a#tab5 { width: 72px; }
#main.JS ul.tabs a#tab6 { width: 65px; }

/* container for tabs */
#main.JS #scrollable {
	width:497px;	/* Personalitzat: 497 = 331 (amplada #panes div) + 156 (amplada #panes div .imgLeft) + 10 (padding #panes div) */
	overflow:hidden;
	position:relative;
	border-top:0;
	margin:2px 0 0 0;
	height:397px;	/* Personalitzat: 377 (alçada #panes div) + 20 (padding #panes div) */
}
/* container for panes */
#main.JS #panes {	
	/*height:377px;	/* Personalitzat */
	position:absolute;
	width:3500px;	/* Personalitzat */
	top:0;	/* Personalitzat */
}
/* single pane */
#main.JS #panes div {
	width:331px;	/* Personalitzat */
	height:377px;	/* Personalitzat */
	float:left;
	padding-right: 10px;
	overflow: auto;
}
#main.JS #xtramain01 { margin-top: 80px; }