/*CSS incial*/
/*Aquest CSS controla l'amplada del logo. */
/*Per ajustar l'alçada modificar les classes topbar i body.bodyfluid.topbar  a la fulla 800fixed.css*/
.topbar h1{position:relative;margin:0;padding:0;background:url(../images/logo.png) no-repeat 20px 0;}
.topbar h1 a{display:block;text-indent:-5000px;text-decoration:none;width:250px;line-height:44px;outline: none;}
.topbar {position:relative;width:100%;}
body.contentpane {background:#fff}
a.readon {outline: none;}


/*definició d'amplada de pagina*/
body.bodyfluid #wrap{
	width: 776px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}
body.bodyfluid #footer{position:relative;clear:both;margin:0px;text-align:center;background:url(../images/footerbg.png) no-repeat center bottom; width:776px;height:46px;}
body.bodyfluid #footereflect {background:url(../images/footereflect.png) no-repeat center top; width:776px;height:43px;}
body.bodyfluid .topbar {background: url(../images/topmenubg.png) no-repeat center top; width:776px;height:44px;}
body.bodyfluid .pathleft {width:765px;height:33px;float:left;background: url(../images/path_left_short.png) no-repeat left top;}

#wrap{
	width: 776px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}
#footer{position:relative;clear:both;margin:0px;text-align:center;background:url(../images/footerbg.png) no-repeat center bottom; width:776px;height:46px;}
#footereflect {position:relative;clear:both;background:url(../images/footereflect.png) no-repeat center top; width:776px;height:43px;}
.topbar {background: url(../images/topmenubg.png) no-repeat center top; width:776px;height:44px;}
.pathleft {width:765px;height:33px;float:left;background: url(../images/path_left_short.png) no-repeat left top;}

.access{width:auto;height:21px;position:absolute;right:-21px;top:.5em;}

.widthbuttons {display:none;}

/*estils base*/
body{font-size: 76.1%;line-height: 1.3em;margin: 10px 0px 0px;text-align: center;}
#wrap{height: 100%;margin: 0px auto;padding: 0;position: relative;}
#wrap-inner{margin: 0;padding: 0;position: relative;text-align: left;}
.topbar{height: 44px;}

span.pathway{color: white;display: block;font: 11px/32px Arial, Helvetica, sans-serif;margin: 0 5px;}
span.pathway a, span.pathway a:link, span.pathway a:visited, span.pathway a:hover{color: #6699CC;font: 11px/32px Arial, Helvetica, sans-serif;padding-right:10px;margin-right:5px; outline:none;}
span.pathway a {background: url(../images/arrow.png) no-repeat 100% center;}
span.pathway img { margin: 0px; display: none;}


#path{height: 33px;position: relative;width: 100%;}
#path .pathleft .inside{margin-left: 10px;}
.pathright{background: url(../images/pathway_right.png) no-repeat left top;float: right;height: 33px;padding-right: 0px;width: 11px;}

#nav{margin-right: 8px;margin-top: 12px;position: absolute;right: 1em;z-index: 500;}
#nav ul{list-style: none;margin: 0;padding: 0;}
#nav a{float: none;}
#nav li{float: left;height: 20px;margin-bottom: 0;margin-left: 4px;margin-right: 4px;margin-top: 0;padding-bottom: 0;padding-left: 5px;padding-right: 0;padding-top: 0;}
#nav li a{color: #fff;display: block;float: left;font: bold 11px/20px Tahoma, Arial;height: 20px;padding-bottom: 0px;padding-left: 0px;padding-right: 5px;padding-top: 0px;text-decoration: none;}
div#nav li:hover, div#nav li.sfhover{background: url(../images/tmenu_over_l.png) no-repeat bottom left;}
div#nav li:hover a, div#nav li.sfhover a{background: url(../images/tmenu_over_r.png) no-repeat bottom right;color: #3982FF;}
div#nav li.active a{background: url(../images/tmenu_active_r.png) no-repeat bottom right;color: #FFF;}
div#nav li.active{background: url(../images/tmenu_active_l.png) no-repeat bottom left;}
span.pl_tab_l{background-image: url(../images/tmenu_active_l.png);left: 0;position: absolute;top: 0;visibility: hidden;}
span.pl_tab_r{background-image: url(../images/tmenu_active_r.png);left: 0;position: absolute;top: 0;visibility: hidden;}
#user1{position: absolute;right: 10px;top: 5px;}
#main-body{clear: both;float: left;padding-bottom: 10px;position: relative;width: 100%;z-index: 100;}
#content{float: right;width:75.1%;margin-right:0.5%;}
#sidebar{float: left;margin-right: -3px;width:23.6%;}
#sidebar-2{float: right;margin-left: -3px;overflow: hidden;position: relative;width: 24.25%;}
#sidebar .inside{padding: 10px 4px 10px 10px;}
#sidebar-2 .inside{padding: 10px 10px 10px 4px;}
#content .inside{padding: 0px 30px 10px 4px;}
#footereflect{height: 43px;text-align: center;}
#footereflect a{color: #666666;font: 10px/24px Arial, Helvetica, sans-serif;text-decoration: none;}
.clear{clear: both;height: 0;height: 10px !important;}
.user4split2,.user6split2{float: left;overflow: hidden;width: 49%;}
.user5split2,.user7split2{float: right;overflow: hidden;width: 49%;}
.user6,.user7,.user6split2,.user7split2{overflow: hidden;padding-top: 10px;}
.module,.moduledark,.modulemid,.modulelight,.modulebdr{margin: 0 0 1em;padding: 0;position: relative;}

#headerleader .module,#headerleader .module div{margin: 0;padding: 0;}
.modulelight div div div div,.modulemid div div div div,.moduledark div div div div,
.modulebdr div div div div{background: none;}
.moduledark h3,.modulemid h3,.modulelight h3,.modulebdr h3{left: 0;margin: 0;padding: 0.2em 0 0 !important;position: absolute;top: 0;width: 100%;}
.moduledark div,.modulemid div,.modulelight div,.modulebdr div{margin: 0;padding: 2.2em 0 0;}
.moduledark div div,.modulemid div div,.modulelight div div,.modulebdr div div{margin: 0;padding: 0 0 0 12px;}
.moduledark div div div,.modulemid div div div,.modulelight div div div,.modulebdr div div div{height: 1%;padding: 5px 12px 12px 0;}
.modulebdr{background: url(../images/boxright_bdr.png) top right no-repeat;}
.modulebdr div{background: url(../images/boxleft_bdr.png) top left no-repeat;}
.modulebdr div div{background: url(../images/boxleft_bdr.png) bottom left no-repeat;}
.modulebdr div div div{background: url(../images/boxright_bdr.png) bottom right no-repeat;}
.moduledark{background: url(../images/boxright_dark.png) top right no-repeat;}
.moduledark div{background: url(../images/boxleft_dark.png) top left no-repeat;}
.moduledark div div{background: url(../images/boxleft_dark.png) bottom left no-repeat;}
.moduledark div div div{background: url(../images/boxright_dark.png) bottom right no-repeat;}
.modulemid{background: url(../images/boxright_mid.png) top right no-repeat;}
.modulemid div{background: url(../images/boxleft_mid.png) top left no-repeat;}
.modulemid div div{background: url(../images/boxleft_mid.png) bottom left no-repeat;}
.modulemid div div div{background: url(../images/boxright_mid.png) bottom right no-repeat;}
.modulelight{background: url(../images/boxright_light.png) top right no-repeat;}
.modulelight div{background: url(../images/boxleft_light.png) top left no-repeat;}
.modulelight div div{background: url(../images/boxleft_light.png) bottom left no-repeat;}
.modulelight div div div{background: url(../images/boxright_light.png) bottom right no-repeat;}
td.buttonheading{padding-right: 2px;width: auto;}
div.mosimage{margin: 5px;}
.designertoo{display: none;}
a.img{border: 0;}
ul{margin-top: 1em; margin-left: 15px;}
li{margin-bottom: 1em;}
p{margin: 1em 0 0.5em 0;}
table.contenttoc{margin: 5px;padding: 5px;}
table.contenttoc td{padding: 0 5px;}
*,.user4 p,.user5 p,.user6 p,user7 p,.user4split2 p,.user5split2 p,.user6split2 p,.user7split2 p,.modulebdr p{margin: 0;padding: 0;}
#footer #mainlevel ul{cursor: default;display: inline;list-style-type: none;margin: 0;padding: 0;}
#footer #mainlevel li{cursor: default;display: inline;line-height: 12px;list-style-type: none;margin: 0;padding: 0 5px;}
.access{height: 21px;position: absolute;right: 1.7em;top: .54em;width: auto;}
#access_buttons{height: 21px;margin-left: 7px;white-space: nowrap;width: 103px;}
#access_buttons a{height: 21px;text-decoration: none;white-space: nowrap;width: 21px;}
#footereflect{color: #666;}
#footereflect a:link,#footereflect a:visited{color: #666;font-size: 0.8em;text-decoration: none;}
#footereflect a:hover{color: #666;}
pre{background: #F6F6F6;border: 1px dashed #999999;color: #000;display: block;font: 10px "Courier New", Courier, monospace;padding: 5px;white-space: normal;}
table.contenttoc {margin: 5px;padding: 0px;float:right;}
table.contenttoc td {padding: 0 7px;}
table.contenttoc th {padding: 0px 10px;font-size: 1em;color: #333333;background: #CCCCCC;}
table.contentpaneopen {margin:0;padding:0;width:100%;}

/*-----------------------------------------------------------------------modificables--------------------------------------------------*/

/*Format del user1 module*/
#user1 {right:20px;top:4em;font-size:90%;line-height:1em;text-align:right;width:auto;}
#user1 .moduletable-text{width:300px;font-size:80%;text-align:left;}
#user1 .moduletable-small{/*Intentionally blank*/}
#user1 h3 {font-family:Arial, Helvetica, sans-serif;font-weight:bold;margin:0;padding:0;}
#user1 p {font-family:Arial, Helvetica, sans-serif;margin:0;padding:0;}

/*Imatge de fons de la capcelera*/
#headerleader .module-gradient {background:url(../images/gradient.png) repeat-x top;width:100%;margin: 0px;padding: 0px;
}
#headerleader .modulelight,#headerleader .moduledark,#headerleader .modulemid {margin:8px;}

/*Border colors*/
#wrap {background:#FFF;}

/*Font styling for footer*/
#footer p, #footer a {font:11px Arial, Helvetica, sans-serif;color:#fff;padding-top:12px;}
#footer #mainlevel li a{font:11px Arial, Helvetica, sans-serif;color:#fff;}
#footer #mainlevel li a:hover,#footer #mainlevel li a#active_menu{color:#33CCFF;text-decoration:underline;}

/*------------------Tipografia----------------*/

/*------------------amplada del lloc font style, No canviar el tamany aqui-----------------*/
body {font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;color:#211;background:#666 url(../images/pagebg.png) repeat-x fixed top;line-height: 155%;}

/*-------------Set global font sizes here---------------*/
#sidebar {
	font: 100% Tahoma, Verdana, Helvetica;
} 

/*------------Columna esquerra----------------*/
#sidebar-2 {
	font: 100% Tahoma, Verdana, Helvetica;
} 

/*--------------Columna dreta--------------*/
#main-body {
	font: 1.05em 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	color: #222;
} 

/*----------------Area de Contingut----------------------------*/
.contentheading,a.contentpagetitle:link, a.contentpagetitle:visited {	
padding:1px 0 0.3em 0;color:#2E69BF;width:99%;text-decoration:none;
font:bold 1.5em/1.75em Geneva, Arial, Helvetica, sans-serif;text-align:left;}
.componentheading {color:#000;font:bold 1.25em/1.55em 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;}
a.contentpagetitle:hover {color: #666;text-decoration:underline;}
h1 {font: normal 1.6em/1.9em 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;margin:0;color:#333;}
h2 {font: bold 1.4em/1.9em 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;margin: 20px 0em 0em 0em;color:#9d2d3b;}
h3 {font: bold 1.1em/1.7em 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;margin: 10px 0em 0em 0em;color:#2E69BF;}
h4 {font: bold 1.1em/1.5em 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;margin: 2px 0em 0em 0em;color:#666;}
h5 {font: bold 1.1em/1.4em 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;margin: 10px 0em 0em 0em;color:#666;}
h6 {font: bold 1em/1.3em Arial, Helvetica, sans-serif;margin: 1.2em 0;color:#666;}
.createdate,.modifydate,.small {color:#BFBFBF;font-size:.75em;}
a:link, a:visited {color:#2E69BF;text-decoration:underline;}
a:hover {color: #2E69BF;text-decoration:none;}
a.category:hover {color: #2E69BF;}
table.contenttoc {color: #330;border: 1px solid #ccc;}
table.contenttoc td {font-size: 0.9em;font-weight: normal;text-align:left;}
.pagenav{color:#73819C;padding:3px 5px 3px 3px;}
ul.latestnewsdark,ul.latestnewslight,ul.latestnewsmid {list-style:none;padding:0px;margin:0px;}
a.readon {
	background: url(../images/readon.png) no-repeat center center;
	text-indent: -5000em;
	display: block;
	height: 26px;
	width: 103px;
}

/*Header for table content*/
td.sectiontableheader {
color: #FFF;background:#222;font-weight:bold;padding: 4px;}

/*Alternating table rows*/
tr.sectiontableentry1 td,td.sectiontableentry1 {
padding: 4px;background-color: #F8F8F8;font-size:90%;}
tr.sectiontableentry2 td ,td.sectiontableentry2{
padding: 4px;background-color: #EFEFEF;font-size:90%;}

/*Module Heading Tipografia*/
#sidebar h3,#sidebar-2 h3,.user4 h3,.user5 h3,.user4split2 h3,.user5split2 h3,.user6 h3,.user7 h3,.user6split2 h3,.user7split2 h3
{text-align:left; text-indent:1em;margin:0;font: bold 1em/2em 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;padding:0;}

/*Navegació Columna lateral */
ul#mainlevel-sidenav {list-style:none;margin:0;padding:0;}
ul#mainlevel-sidenav a{
	text-decoration:none;
	line-height: 135%;
	font-weight: bold;
}
ul#mainlevel-sidenav a:hover {text-decoration:underline;}

/*If you want to use table based menus in vertical menu style*/
#sidebar a.mainlevel:link, #sidebar-2 a.mainlevel:link, #sidebar a.mainlevel:visited, #sidebar-2 a.mainlevel:visited {text-decoration:none;line-height: 135%;font-weight: bold;}
#sidebar a.mainlevel:hover, #sidebar-2 a.mainlevel:hover {text-decoration:underline;}

/*Sublevel Support*/
#sidebar a.sublevel:link, #sidebar-2 a.sublevel:link, #sidebar a.sublevel:visited, #sidebar-2 a.sublevel:visited { text-decoration:underline;line-height: 105%;font-weight: normal;padding-left:6px;}
#sidebar a.sublevel:hover, #sidebar-2 a.sublevel:hover {text-decoration:none;padding-left:6px;}

/*BORDERED Rounded boxes*/
.modulelight h3 {color:#333;}
.modulelight p,.modulelight {color:#333;}
.modulelight a:link,.modulelight a:visited, .modulelight a:hover {color:#333;}

.moduledark h3 {color:#fff;}
.moduledark p,.moduledark {color:#fff;}
.moduledark a:link,.moduledark a:visited, .moduledark a:hover {color:#fff;}

.modulemid h3 {color:#fff;}
.modulemid p,.modulemid {color:#fff;}
.modulemid a:link,.modulemid a:visited, .modulemid a:hover {color:#fff;}

.module h3 {color:#2E69BF;}
.modulebdr h3 {color:#2E69BF;}
.modulebdr p,.modulebdr {color:#333;}