﻿/* Opcions Generals */

button {
     margin: 0;
     padding: 0;
     border: 0;
}
img {
     margin: 0;
     padding: 0;
     border: 0;
}
a {
     margin: 0;
     padding: 0;
     border: 0;
}
fieldset {
     margin: 0;
     padding: 0;
     border: 0;
}
form {
     margin: 0;
     padding: 0;
     border: 0;
}
td {
     margin: 0;
     padding: 0;
     border: 0;
}
dd {
     margin: 0;
     padding: 0;
     border: 0;
}
dt {
     margin: 0;
     padding: 0;
     border: 0;
}
dl {
     margin: 0;
     padding: 0;
     border: 0;
}
li {
     margin-left: 0;
     padding: 0;
     border: 0;
}
ul {
     margin: 0;
     padding-left: 0;
     border: 0;
}
ol {
     margin: 0;
     padding: 0;
     border: 0;
}

p {
     margin: 0;
     padding: 0;
     border: 0;
}
div {
    border-style: none;
	border-color: inherit;
	border-width: 0;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}
body {
     margin: 0;
     padding: 0;
     border: 0;
}
html {
     margin: 0;
     padding: 0;
     border: 0;
}
body{
	text-align: left;
	background-color: #ffffff;
	/*background:#3d3d3d;*/
	background-image: none;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	font-size: 0.78em;
	color: #000000
}
bodySP{
	text-align: center;
	background-color: #ffffff;
	/*background:#3d3d3d;*/
	background-image: none;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	font-size: 0.78em;
	color: #000000
}

/* Menu Prinicipal */

#menuprincipal 
{   padding-bottom: 0px; /*padding right: 5px?**/
	font: bold 11px/1.5em Verdana ;
	border: 0px green solid; /*guia*/
	z-index:10;
	position:relative;
	}
	

* html #menuprincipal tr {height:1.4em;}

/* l'etiqueta 'item' esta reservada per temes webpart'*/

#menuprincipal .element
{
	text-align: center;
	padding: 2px 7px;
	color: #FFFFFF;
	/*background:#266493 url('http://desa.apabcn.cat/SiteCollectionImages/ACS/menu/mblau.jpg');*/
/*	background-image: url('../SiteCollectionImages/ACS/menu/mblau.jpg');*/
	/*background-repeat: repeat-x;*/
	height: 16px;
	background-color: #266493; /*** per navegadors diferents de IE**/
	border-left: #fff 1px solid;
	border-right: #fff 1px solid;
	border-top: #fff 1px solid;
	border-radius: 1px;
	-moz-border-radius-topleft: 1px;
	-moz-border-radius-topright: 1px;
	-webkit-border-top-right-radius: 1px;
	-webkit-border-top-left-radius: 1px;
}


/***     background-origin: content; background-size: 100%; seria la soluciÃ³ al redimensionat de la imatge de fons, 
   perÃ² cal esperar al CSS 3.0 : http://www.w3.org/TR/css3-background/#the-background-size ***/
    

* html #menuprincipal .element {padding:0 20px;}

#menuprincipal .selected {
	color:#24618E;
   /* background-image: url('../SiteCollectionImages/ACS/menu/mgris.jpg');*/
   	/*background:#EDEEED url('http://desa.apabcn.cat/SiteCollectionImages/ACS/menu/mgris.jpg');*/
/*    background-repeat: repeat-x;*/
/*    background-color: #EDEEED;*/
    border-left: #B9B9B9 1px solid;
    border-right: #B9B9B9 1px solid;
    border-top: #B9B9B9 1px solid;
    margin-right: 1px;
           }
  
#menuprincipal .hover {
	color:#24618E;
    /* background-image: url('../SiteCollectionImages/ACS/menu/mgris.jpg');*/
     
    /*background:#EDEEED url('http://desa.apabcn.cat/SiteCollectionImages/ACS/menu/mgris.jpg');*/
     
     /*background-repeat: repeat-x;*/
/*     background-color: #EDEEED;*/
    border-left: #B9B9B9 1px solid;
    border-right: #B9B9B9 1px solid;
    border-top: #B9B9B9 1px solid;

}



#menuprincipal table {border-right:1px solid #FFFFFF;}

#menuprincipal table table {border-right:none;}

  
#container-float /*el container es posa en float per evitar que no es faci bé el float*/
{	
	/*float:left;*/
}
#wrapper
{	
	text-align:left;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0;
	clear: both; 
    visibility: hidden;
 }
.clearfix {
	display: inline-block;
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
	width: 100%;
	wid\th: 100%;
}

#nivell2{
	/*border-bottom:1px solid  #800202; /*** per IE posar boder 1px ***/
	float:left;
	background: #333333 url('../../Images/apabcn/sectors/fons.jpg');
	width:843px;
	border:0px;
	height:38px;
 }
#imatgeapabcn{
	background: #333333 url('../../Images/apabcn/sectors/fons.jpg');
	float:left;
	width:155px;
	height:38px;
}

  /*** #nivell2 .item2 tambÃ© podria equivaldre a #nivell2 a ***/

#nivell2 .item2{
    background:#9A0A0A url('../../Images/apabcn/sectors/fons_menu.gif');
    color: #ffffff;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:13px;
    padding-top:4px;
    padding-bottom:3px;
    padding-left:8px;
    padding-right:8px;
    height:38px;
    text-decoration:none;
}

#nivell2 .selected2 {
	background:transparent;
	text-decoration:none;
}

  /*** #nivell2 .hover2 tambÃ© podria equivaldre a #nivell2 a:hover ***/
#nivell2 .hover2   {
	color:#cccccc;
	background:transparent;
	text-decoration:none;
	}
#cap{
	width:100%;
}

#caixafil{
	margin-top:5px;
	margin-bottom:5px;
	border-bottom: 1px solid #cccccc;
}

.tipus1{
	margin-left:60px;
	width:705px;
}
.tipus2{
	margin-left:195px;
	width:580px;
}
.tipus3{
	margin-left:33px;
	width:742px;
}

#fil {
	padding-top:5px;
	width:100%;
    height:20px;
    /*margin-bottom:-3px; /*** per solucionar problema del border del wrapper per nav diferents de IE***/
    background-color: #ffffff;
	font-size: 10px;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;    color: #666666;
    text-decoration:none;
    
}   
    
#fil a  {
   color: #9A0A0A;
   text-decoration:none;
}

#fil a:focus {text-decoration:underline;}
  
#fil a:hover {text-decoration:underline;}

.nodes{
color:	#9A0A0A;
}

.nodeactual{
color: #666666;	
}
#contentwrapper{
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	margin-left: 150px;    /*** Critical left col dimension value ***/
	width: 650; /*650px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/

/* he modificat els layouts per tal que renderitzi bé amb tots els navegadors */
	display: inline;  /* per tal d'alinear-ho be amb ie6 */
	float:left;  /**** això és perquè he modificat els layouts i per tal que la columna quedi a l'esquerra
	i a dalt amb tots els navegadors ****/

}

* html #contentwrapper {  /*** IE5.x/win box model fix ***/
	width: 652px;  /*** Critical left and right col/divider dimension value (moves inversly) ***/
	/**width: 650;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}
#floatwrapper {
    margin-top:0px;/*** no es pot treure ***/
	float: left;
	width: 650px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-right: -1px;   /*** Static fix ***/
	
}
#centercolumn{
	float: right;
	width: 650px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	
	/* \*/
	margin-left: -1px; 
	/* Hidden from IE-mac */
	padding-top:12px;
}


#copy .container
{
    margin: 5px 10px 5px 20px;
    border: 0px solid #999999; /** es pot esborrar , es de guia***/
    background-color: #FFFFFF;
}

/* \*/
* html #copy .container {height:1%;}
/* */
/*
#copy img, #rightcolumn img {border:0px solid #FF284E !important;}

#copy .teaser{
	margin-top:0;
	color:#777777; 
	font-size:0.9em; 
	font-weight:normal;
}

#copy td, #copy th {padding: 0.2em 0.5em;}

#copy .container table tr {font-size:0.9em;}

.txtBox {border:1px solid #666666;}

#copy fieldset {	
	margin:1em 0;
	padding:1em;
	border:1px solid #CCCCCC;
}

#copy legend {
	color:#666666;
	background-color:#FFFFFF;
}

* html #copy legend {padding:0.5em;}
*/

#copy .container .button {border-color:#CCCCCC;}

div.readmore {
	text-align:right;
	font-size:0.9em;
}

#leftcolumnok {
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/;
	width: 152px; /*** Critical left col/divider dimension value ***/;
	margin-left: -154px; /*** Critical left col/divider dimension value ***/;
	padding-top: 17px;
	margin-top: 0px;
	
	/* he modificat els layouts per tal que es vegi bé amb tots els navegadors */
	float:left;  /**** això és perquè he modificat els layouts i per tal que la columna quedi a l'esquerra
	i a dalt amb tots els navegadors ****/

	
}
* html #leftcolumnok {
	float:left;	
	padding-top:25px;
}

*>html #leftcolumnok {width:152px;}   /*** Fix only for IE/Mac ***/

/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html #leftcolumnok {margin-right: -3px;}
/* */

/* XLST */

#panell {
	position:relative;
	/*margin-bottom:30px;*/
	/*margin-top: 30px per espaiar a dalta quan tinguen txt sense format*/
	padding-bottom: 10px;
}   


#panell a {
	color: #434343;
	text-decoration: none;
}   
#panell a:hover{
	text-decoration:underline;
}
#panell img{

	/*float:left;*/
	/*padding-top:17px; */
}

#panell2 {
	position:relative;
	/*margin-bottom:30px;*/
	/*margin-top: 30px per espaiar a dalta quan tinguen txt sense format*/
	padding-top:18px;
	padding-bottom: 22px;
}   


#panell2 a {
	color: #434343;
	text-decoration: none;
}   
#panell2 a:hover{
	text-decoration:underline;	
}
#panell2 img{
	/*float:left;*/
	padding-top:5px;
	margin-bottom: -5px;
}



/* MasterPage Web */

#continente 
{
	 width:100%;
	 background: #3d3d3d;
}
#contenido_fons{
	width: 1022px;
	margin:0 auto 0 auto;
	background:url('../../Images/apabcn/sectors/fons1.gif') repeat-y;
}
#contenido
{	
	width:998px;
	background:#FFFFFF;
	margin: 0 auto 0 auto;
}
#contenido_fons1{
	width: 1022px;
	background:url('../../Images/apabcn/sectors/fons1_inf.gif');
	margin:0 auto 0 auto;
	height:12px;
}

#cabecera
{	background:#ffffff;
	width:100%;
	height:100px;
}
.menu_sup_pestanya{
	float:right;
	height:31px;
}
.idioma{
	float: left; 
	width: 73px;
	padding-top:4px;
}
.icones{
	float:left
}
.cerca{
	float: left; 
	padding-left: 5px;
	width:124px;
	text-align:left;
}
.cerca_inf{
	float: left; 
	padding-left: 38px;
	width:147px;
	text-align:left;
}
#opcabecera{
	color:#333333;
	width: 291px;
	float:right;
	height:31px;
	font-weight:bold;
	background-color:#E8E8E8;
	font-size:1px;
}
.ruta{
	color:#4C4C4C;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:10px;
}
#menuprincipal{
	text-align:left;
	top: 0px;
	left: 0px;
}
#principal
{	
	padding-left:5px;
	padding-right:6px;
	width:99%;
	overflow:auto;
	overflow:hidden;
} 
#Icone_Llista{
	float:left;
	width:5px;
	height:22px;
	margin-right:4px;
}
#Llista{
	float:left;
	font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; 
	font-size:16px; 
	color:#333333; 
	border-bottom:1px solid #CECECF;
	font-weight:bold;
	color:#4C4C4C;
	width:571px;
	margin-bottom:20px;
}
#Llista1{
	float:left;
	font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; 
	font-size:16px; 
	font-weight:bold;
	color:#333333; 
	border-bottom:1px solid #CECECF;
	color:#4C4C4C;
	width:733px;
	margin-bottom:20px;
}

/* Peu de Pàgina */

#peupagina
{
	width:100%;
}
.peupagina
{
	float:right;
	width:468px; 
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	font-size:11px;
	color:#8B8A8C;
}

#margepeupagina
{
	height:2px;
	font-size:0px;
	background-color:#ffffff;
} 
#peupaginaprojectes{
	padding-left:28px;
	padding-top:17px;
	text-align:left;
	height:14px;
	font-size:10px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	color:#8B8A8C;
}
#peupaginapatrocinadors{
	padding-top:17px;
	text-align:left;
	height:14px;
	font-size:10px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	color:#8B8A8C;
}

#caixapeupagina
{   
	margin-top:4px;
	height:31px;
	background-color:#E8E8E8;
	text-align:left;
}

#caixapeupagina2
{
	background-color:#8B8A8C;
	padding-top:2px;
	padding-bottom:2px;
	height:20px;
	text-align:left;
}
#caixapeupaginalogos{
	width:100%;
}
#caixapeupagina3{
	text-align:left;
	float:left;
	padding-left:7px;
	font-size:10px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	color:#8B8A8C;
	width:353px;
}

#caixapeupagina4{
	text-align:left;
	float:left;
	font-size:10px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	color:#8B8A8C;
}

.peupaginaicones
{
	float:right;
	width:468px;
	padding-top:3px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	font-size:10px;
	color:#FFFFFF;
}

.peupaginapatrocinadorsimg
{
	padding-left:170px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	font-size:10px;
	color:#FFFFFF;
	float:left;
}
.peupaginaprojectesimg
{
	height:83px;
	padding-left:104px;
	float:left;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	font-size:10px;
	color:#FFFFFF;
}


.peupaginadireccio {
  float: left;
  padding-top:1px;
  padding-left:550px;
  color:#434343;
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size:10px;
}

.peupaginalogo{
	float:left;
	padding-left:570px;
}
.peupaginacopy{
	padding-top:4px;
	padding-left:560px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	float:left;
	color:#ffffff; 
	font-size:9px; 
	font-weight:normal;
}
/* Fi de Peu Pàgina */

.marge_home{
	border-top:1px solid #776655;
	height:28px;
	padding-left:10px;
}

.ms-pagebreadcrumb a{
	font-size:8pt;
	background-color:#ffffff;
	color:#4C4C4C;
	text-decoration:none;
}

.ms-pagebreadcrumb{
	font-size:8pt;
	background-color:#ffffff;
	color:#4C4C4C;
	text-decoration:none;
}
.ms-pagebreadcrumb a:hover{
	text-decoration:underline;
}
.ms-pagebreadcrumb{
	text-decoration:underline;
}
.ms-pagebreadcrumb{
	border-left:0px;
	border-top:0px;
	border-right:0px;
	margin-left: 0px;
	margin-right:0px;
	color:#4C4C4C;
	text-decoration:none;
}

/* Layout Home */
#lateralhome{
	padding-left:25px;
	padding-right:25px;
	padding-top:15px;
	padding-bottom:5px;
}
#lateralhome0{
	width:148px;
	float:left;
}

#lateralhome1{
	width:347px;
	margin-left:25px;
	float:left;
}

#lateralhome2{
	margin-left:25px;
	width:185px;
	float:left;
}
#lateralhome3{
	margin-left:25px;
	width:185px;
	float:left;
}
.lateralhomecaixa{
	width:100%;
}
.lateralhomecaixa1{
	height:28px;
	text-align:left;
}
.homeactivitats{
	font-weight:bold;
	width:100%;
	text-align:right;
	float:right;
	direction:rtl;
	font-size:10px;
	font-weight:bold;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	color:#444444;
}
.homeactivitats .butons{
	background:#eeeeee url('../../Images/apabcn/sectors/a1click_fons_boto.gif');
	width:134px;
	height:19px;
	margin-left:9px;
	margin-right:5px;
	padding-top:1px;
	margin-top:2px;
}
.homeactivitats .butons:hover{
	background:#eeeeee url('../../Images/apabcn/sectors/a1click_fons_boto2.gif');
}
.homeactivitats .butons img{
	padding-left:11px;
	padding-right:11px;	
}
.mestaronja{
	list-style-image:url('../../Images/apabcn/sectors/mes2.gif');
}
.homeactivitats a{
	text-decoration:none;
	color:#444444;
}
.homeactivitats a:hover{
	text-decoration:underline;
}

/* Estils XSLT Secció Destaquem */

.llistahome1{
	width:223px;
	margin-top:-3px;
	float:left;
	color:#434343;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	font-size:11px;
}
.imatge-llistahome1{
	margin-top:4px;
	width:96px;
	height:64px;
	float:left;
	margin-right:12px;
	background: url('../../Images/apabcn/sectors/sombra_foto.gif') no-repeat bottom right;  
}
.imatge-llistahome1 img{
	display: block; 
	background-color: #CCCCCC;  
	margin: -2px 4px 4px -2px;
	padding-left: 0px;
}

/* Estils XSLT Secció Actualitat */

.llistahome2{
	margin-top:-1px;
	width: 128px;
	float:left;
	color:#434343;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	font-size:11px;
}
.imatge-llistahome2{
	margin-top:4px;
	width:49px;
	height:36px;
	float:left;
	margin-right:6px;
	background: url('../../Images/apabcn/sectors/sombra_foto_gris.gif') no-repeat bottom right;  
}
.imatge-llistahome2 img{
	display: block; 
	background-color: #CCCCCC;  
	margin: -2px 4px 4px -2px;
	padding-left: 0px;
}

/*.titolhome{*/
.Titol-home-breu{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color:#9A0A0A;
}

/*.titolhome1{*/
.Titol-home-actualitat{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 22px;
	color:#9A0A0A;
}
.Titol-home-noticia{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 18px;
	color:#9A0A0A;
}
.corpustext1{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	font-size:12px;
	color:#000000;
}
.corpustext2{
	font-size:13px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	color:#595959;
}
.corpustextquadre{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	
	font-size:10px;
	color:#595959;
}
.titolactivitats{
	color:#484748;
	font-family:  "Trebuchet MS",Arial, Helvetica, sans-serif;	
	font-size:10px;
}
.titolactivitats1{
	color:#FFFFFF;
	font-family:  "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:10px;
}

/*.activitatsllista{*/
.Gris-normal-link1{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	
	font-size:11px;
	color:#434343;
	line-height:18px;
}
.Gris-normal-link2{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	
	font-size:11px;
	color:#434343;
	line-height:18px;
}

.quadreactivitats{
	background-color:#EEEEEE;
	border-top: 0px solid #8B8A8C;
	border-left: 1px solid #8B8A8C;
	border-bottom: 1px solid #8B8A8C;
	border-right: 1px solid #8B8A8C; 
}
.mesnoticies a{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	font-size: 11px;
	font-weight:bold;
	color:#9A0A0A;
	text-decoration:none
}
.modul a{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	font-size: 11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none
}
.mesactivitats{
	color:#444444;
	font-weight:bold;
	text-decoration:none;
}
.mesactivitats a{
	color:#444444;
	font-weight:bold;
	text-decoration:none;
}

.titol_unclic{
	color:#800202;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	font-size:12px;	
	font-weight:bold;
	margin-left:5px;
}
.quadre_unclic{
	margin-left:8px; 
	margin-right:8px;
	height:25px; 
	float:none;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#444444;
}

/* Layout Subhome */

#principalsubhome{
	width: 802px;
	float:left;
	/*overflow:auto;
	overflow:hidden;*/
}
#principalcontinguts{
	width: 765px;
	float:left;
}
#lateralsubhome{
	z-index:0;
	width:998px;
}

#lateralsubhome0{
	float:left;
	width:802px;
}
#lateralsubhome1{
	width:170px;	
	float:left;
}
#lateralsubhome2{
	width:100%;
}
#lateralsubhome3{
	float:left;
}
.titolsubhome1{
	font-size:15px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	color:#999999;
}
.secsubhome{
	margin-left:60px;
	width: 705px;
}
.textsubtitol{
   	padding-top: 17px;
    font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#4C4C4C;

}
.linkssubhome{
	padding-top:30px;
}
/* Subhome1 */
.llistasubhome1{
	width:200px;
	height:90px;
	float:left;
	padding-bottom: 39px;
	padding-right: 19px;
}
.imatge-llistasubhome1{
	width:98px;
	height:72px;
	float:left;
	margin-right:12px;
	background: url('../../Images/apabcn/sectors/sombra_foto.gif') no-repeat bottom right;  
}
.imatge-llistasubhome1 img{
	display: block; 
	background-color: #CCCCCC;  
	margin: -2px 4px 4px -2px;
	padding-left: 0px;

}
.titollista1{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #9A0A0A;
	font-weight:bold;
	list-style:none;
}
.textllista1{
	height:50px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top: 6px;
	color: #4c4c4c;
	list-style:none;
	height:auto;
}

/* Subhome2 */

.llistasubhome2{
	width:213px;
	height:100px;
	float:left;
	padding-bottom: 39px;
	padding-right: 20px;
}
.liniatextllista{
	margin-left:12px;
	margin-top:6px;
	height:1px;
	font-size:0px;
	border-bottom: 1px solid #d3d3d3;
}

.titollista2{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #9A0A0A;
	font-weight:bold;
	padding-left:6px;
	list-style:none;
	border-left:6px solid #444444;
}

.textllista2{
	height:50px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top: 5px;
	padding-left:12px;
	color: #4c4c4c;
	list-style:none;
	height:auto;
}

.lateralcaixa{
	width:100%;
}
.lateralcaixa1{
	height:28px;
	text-align:left;
	width: 192px;
}
.lateralcaixaopcions{
	background:#EEEEEE;
	text-align:center;
	height:25px;
}
.lateralcaixaopcions1{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	font-size:9px;
	color:#737373;
	padding-top:5px;
}

.lateralcaixa3{
	float:right; 
	padding-top:2px; 
	padding-right:7px; 
	padding-bottom:2px;
}
.agendallista{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	width:161px;
	font-size:11px;
	margin-left:10px;
	width:159px;
}
.agendallista a{
	font-size:11px;
}
#linkmes{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
	width:159px;
	color:#9A0A0A;
	text-align:right;
}
.subhomeactivitats{
	width:167px;
	font-size:11px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	color:#444444;
}
.subhomeactivitats ul{
    list-style-image:url('../../Images/apabcn/sectors/mes.gif');
    padding-left:25px;
    width:144px;
 }
.subhomeactivitats li{
	padding-left:8px;
	margin-top:2px;
}
.subhomeactivitats a{
	text-decoration:none;
	color:#444444;
}
.subhomeactivitats a:hover{
	text-decoration:underline;
}

.cqwp_ca_modul{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:5px;
	color:#444444;
}
.cqwp_camodul a{
	color:#444444;
}
/* Continguts */

#cabecera_continguts{
	width: 100%;
	height:45px;
}
.marge_continguts{
	height:15px;
}
.marge_continguts10{
	height:14px;
	font-size:0px;
}
#imatge_cabecera_continguts{
	padding-left:10px;
	padding-right:20px;
	float:left;
}
#text_cabecera_continguts{
	float:left;
	padding-top:15px;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	
	color:#999999;
	font-size:15px;
	font-weight:bold;
}
#imatge_capcalera{
	font-size:0px;
}
#cabecera_continguts1{
	color:#999999;
	background:#EEEEEE;
	padding-top:5px;
	padding-left:18px;
	padding-bottom:5px;
}
/* Continguts - menú cabecera*/
#menu_cabecera_continguts{
	float:left;
	height:100%;
}
#menu_cabecera_continguts .item2{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	color:#434343;
	font-size:11px;
	font-weight:bold;
}
#menu_cabecera_continguts .hover2{
	color:#999999;
	text-decoration:underline;
}

#menu_cabecera_continguts .selected2 {
	color:#999999;
	text-decoration:underline;
}

/* Continguts - menú lateral*/

#menu_lateral_continguts{
	background:#E8E8E8;
	width:auto;
}

/*Sense css friendly */

#menu_lateral_continguts .node2{

	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;}

#menu_lateral_continguts .selected2{
	
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	text-decoration:underline;
}

#menu_lateral_continguts .nivell0{
	padding-left:2px;
	color: #434343;
	font-weight:bold;
}
#menu_lateral_continguts .nivell0 a:focus{

	text-decoration:underline;
}

#menu_lateral_continguts .nivell0 a:hover{

	text-decoration:underline;
}

#menu_lateral_continguts .nivell1{

	color: #434343;	
}
#menu_lateral_continguts .nivell1 a:focus{

	color: #999999;	
	text-decoration:underline;
}
#menu_lateral_continguts .nivell1 a:hover{

	color: #999999;	
	text-decoration:underline
}

#menu_lateral_continguts .nivell2{

	color: #999999;
}


/* Fi sense css friendly */

#elements_continguts{
	width:162px;
	float:left;
	text-align: center;
}

#caixa_menu_sup{
	background: #E8E8E8 url('../../Images/apabcn/sectors/caixa_menu_sup.gif');
	background-repeat:no-repeat;
	height:10px;
}
#caixa_menu_inf{
	background: #E8E8E8 url('../../Images/apabcn/sectors/caixa_menu_inf.gif');
	background-repeat:no-repeat;
	height:25px;
}
#caixa_continguts{
	width:100%;
	margin-left:11px;
}

#caixa_contingutsaux{
	width:100%;
	margin-left:11px;
}

#caixa_temesrelacionats{
	background:#ffffff;
	margin: 5px 10px 5px 10px;
}
#elements_continguts1{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	
	color:#434343;
	margin-left:33px;
	font-size:12px;
	width: 580px;
	float:left;
	padding-top:7px;
}
#elements_continguts1 a{
	font-weight:bold;
}

#elements_continguts2{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	
	color:#434343;
	padding-left:33px;
	font-size:12px;
	width: 742px;
	float:left;
	padding-top:7px;
}
#elements_continguts2 a{
	font-weight:bold;
}


.caixatitol {
	border-left:5px #444444 solid; 
	padding-left:5px;
}
#caixa_entrada_continguts{
	
	background: url('../../Images/apabcn/sectors/fons_entrada_contingut.jpg') #F7F7F7 repeat-x;
	border:1px solid #CCCCCC;
	margin-top:13px; 
	width:575px;
	height:1%;
}
#caixa_entrada_continguts1{
	
	background: url('../../Images/apabcn/sectors/fons_entrada_contingut.jpg') #F7F7F7 repeat-x;
	border:1px solid #CCCCCC;
	margin-top:13px; 
	width:737px;
	height:1%;
}

#caixa_descripcio
{
	/*width:98%;*/
	margin:10px;
	/*float:left; */
}
#imatge_descripcio
{	
/*	width:97px;*/
	font-size:0px;
	margin-left:10px;
	float:right;
	background: url('../../Images/apabcn/sectors/sombra_foto_gris.gif') no-repeat bottom right;  
}

#imatge_descripcio img {  
	display: block;  
	/* border: 1px solid #CCCCCC;  */
	margin: -2px 5px 4px -2px;
	padding-left: 0px;
}

#link_descripcio
{
	text-align:left;
}

#caixa_llista{
	padding-left:22px;
	padding-top:37px;
	padding-bottom:39px;
}
#caixa_llista ul{
	list-style-image:url('../../Images/apabcn/icones/llista.gif');
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#898989;	 

}
#caixa_llista li{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#898989;
}

.titol{
	color:#434343;
	font-size:18px;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
}

.data_article{
	float:right;
	padding-right:10px;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#898989;

}	

.subtitol{
	color:#898989;
	font-size:13px;
	width:100%;
	height:1%;
	position:relative;
}
.subtitol_fitxa{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;	
	color:#434343;
}
.subtitol1{
	width:450px;
	text-transform:uppercase;
	color:#434343;
}
#elements_continguts1 ul
{
   list-style-image:url('../../Images/apabcn/icones/llista1.gif');
   padding-left:25px;
}
#elements_continguts1 ol
{
   padding-left:25px;
}
#elements_continguts1 li{
	margin-top:15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

#elements_continguts2 ul
{
   list-style-image:url('../../Images/apabcn/icones/llista1.gif');
   padding-left:25px;
}
#elements_continguts2 ol
{
   padding-left:25px;
}
#elements_continguts2 li{
	margin-top:15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

H1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;	
	color:#434343;
}
p {
 	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    font-size:12px;
}

.txt{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    font-size:12px;
}
H2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#E9645A;
	font-size:14px;	
	font-weight:bold;
}
H3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#898989;
	font-size:13px;	
}
H4{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#434343;
	font-size:12px;	
}
a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9A0A0A;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:active{
	color:#999999;
}
#taula{
	padding: 30px 110px 30px 0px;
}
#taula .estil-1{
	width:100%;
	border:0px;
	font-size:11px;
}
#taula .estil-1 td{
	border: 1px solid #ffffff;
	/*padding-left:10px;*/
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	padding:2.4pt 2.4pt 2.4pt 12pt; 
	font-size:11px;
	/*height:21px;*/
	vertical-align:middle;
}
.camps_par{
	font-weight:bold;
	background: #ffffff;
	width:117px;
}
.camps_impar{
	background: url('../../Images/apabcn/sectors/fons_entrada_contingut.jpg') #F7F7F7 repeat-x;
	width:117px;
	font-weight:bold;
}
.par{
	background: #ffffff;
	}
.impar{
	background:#FDECEB;
}
.

/* Estils de calendari */
.quadremesos{
	padding: 6px;
	background-color:#E6EBF1;
	border: 1px solid #B0C0CF;	
}
.quadrealtres{
	visibility:hidden;
	border-bottom: 1px #cccccc solid;
	}
.quadresetmana{
	text-transform:uppercase;
}
.quadredies{
	border-bottom: 1px #cccccc solid;
}
/*menu pestanyes */

/* .menu {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	font: small/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding-top: 86px;
	voice-family: inherit;
}
UNKNOWN {
        FONT-SIZE: small
}
#header {
        FONT-SIZE: 93%; 
        bottom; 
        WIDTH: 100%; 
        LINE-HEIGHT: normal
}
#header UL {
        padding-right: 10px;
        padding-left: 10px;
        padding-bottom: 0px;
        MARGIN: 0px;
        PADDING-TOP: 10px;
        LIST-STYLE-TYPE: none;
}
#header LI {
        padding-right: 0px;
        padding-left: 9px;
        background-image: url('/PublishingImages/sectors/home/left.gif');
        background-repeat: no-repeat ;
        background-position: left top;
        float: left;
        padding-bottom: 0px;
        MARGIN: 0px;
        PADDING-TOP: 0px
}
#header A {
        padding-right: 15px; 
        DISPLAY: block;
        padding-left: 6px;
        FONT-WEIGHT: bold;
        background-image: url('/PublishingImages/sectors/home/right.gif');
        background-repeat: no-repeat;
        background-position: right top;
        float: left;
        padding-bottom: 4px;
        COLOR: #000000; 
        PADDING-TOP: 5px;
        TEXT-DECORATION: none;
}
#header A {
        float: none;
}
#header A:hover {
        COLOR: #333;
}
#header #current {
        background-image: url('/PublishingImages/sectors/home/left_on.gif');
}
#header #current A {
        background-image: url('/PublishingImages/sectors/home/right_on.gif');
        padding-bottom: 5px; 
        COLOR: #333;
}*/

/* menus */

.menutreeview{
	padding-right:10px;
	border:1px solid;
}
.menusituacio{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	font-size:10px;
	color:#333333;
}

/* oficina */
.part_sup{
	padding-left:5px;
	padding-right:6px;
}
#linia_titolseccio1{
	height:8px;
	background-color:#E3E3E3;
	background-image:url('../../Images/apabcn/oficina/oficina_03.gif');
	background-repeat:no-repeat;
	background-position:left top;
}
#titolseccio{
	background-color:#E3E3E3;
	height:26px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	font-size:20px;
	color:#9A0A0A;
	padding-left:7px;
}

/* menu lateral esquerra */


.OcultarRoot {
    display:none;
}

.nivel0{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight:bold;
	color:#880606;
}
.nivel1{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	
	font-size:13px;
	font-weight: normal;	
	color:#626262;
}
.nivel2{
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	
	font-size:11px;
	font-weight: normal;	
	color:#626262;
}
	
.nivel3{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	font-size:11px;
	font-weight:bold;
	color:#626262;
}
.nivel4{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;	
	font-size:11px;
	font-weight:bold;
	color:#626262;
}
.linia{
	border-bottom: 1px dashed #717171;
	width:100%;
	height:30px;
}

/* content types */
.ms-long{
/*width: 100%;*/
}
.ms-input{
	/*width:100%;
	height:100px;*/
}

/*Menú Principal*/

.PrincipalMenuAdapter li /* all list items */
{
	/*margin: 4px 0px 4px 0px;*/
	list-style:none;
    text-decoration:none;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:3px;
}

.PrincipalMenuAdapter li.AspNet-Menu-Hover
{
    text-decoration:underline;
    background:#333333;
}

.PrincipalMenuAdapter li:hover
{
	text-decoration:underline;
	/* background:#333333;  */
}

.PrincipalMenuAdapter span
{
	color: #EEEEEE;
	/*padding: 0px 4px 0px 4px;*/
    border:1px solid #cccccc;
    
}

.PrincipalMenuAdapter a
{
	color: #EEEEEE;
	text-decoration:none;
    /*padding: 0px 7px 0px 7px;*/
    /*border:1px solid #cccccc;*/
    
}

.PrincipalMenuAdapter li.AspNet-Menu-Selected /* this tier is selected */
{
      color:#EEEEEE;
}

.PrincipalMenuAdapter li.AspNet-Menu-Selected a
{
	color:#EEEEEE;
	text-decoration:none;
}
.PrincipalMenuAdapter li.AspNet-Menu-Selected a:hover
{
	color:#000000;
	text-decoration:none;

}

.PrincipalMenuAdapter li.AspNet-Menu-Hover span
{
	color:#EEEEEE;
}

.PrincipalMenuAdapter li:hover a
{
	color:#000000;
}

.PrincipalMenuAdapter li:hover span
{
	color:#000000;
}

.PrincipalMenuAdapter li.AspNet-Menu-Hover a
{
	color:#000000;
	text-decoration:none;
}

.PrincipalMenuAdapter li:hover li:hover span
{
	color:#9A0A0A;
}

.PrincipalMenuAdapter li:hover li:hover a
{
	color:#9A0A0A;	
}

.PrincipalMenuAdapter li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
	color:#9A0A0A;
}

.PrincipalMenuAdapter li.AspNet-Menu-Hover li.AspNet-Menu-Hover a
{
	color:#9A0A0A;
}

.PrincipalMenuAdapter li:hover li:hover li:hover span
{
	color:#9A0A0A;
}

.PrincipalMenuAdapter li:hover li:hover li:hover a
{
	color:#9A0A0A;
}

.PrincipalMenuAdapter li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
	color:#9A0A0A;
}

.PrincipalMenuAdapter li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a
{
	color:#9A0A0A;
}


.PrincipalMenuAdapter li.AspNet-Menu-ChildSelected /* this tier is selected */
{
   background-image: url(http://desa.apabcn.cat/SiteCollectionImages/ACS/menu/mgris.jpg);
      /*background: #333333;*/
}

.PrincipalMenuAdapter li.AspNet-Menu-ChildSelected a
{
	/*color:#9A0A0A;*/
	background-image: url(http://desa.apabcn.cat/SiteCollectionImages/ACS/menu/mgris.jpg);
	
}

.PrincipalMenuAdapter div.AspNet-TreeView ul ul li a
{
    color: #434343;
    font-size: 11px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: normal;
    width: 125px;
}


/*Menú Segon Nivell*/

.SecondLevellMenuAdapter li /* all list items */
{
    padding-right: 10px;
    padding-left: 10px;
    list-style:none;
    text-decoration:none;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	
    color:#434343;
	font-size:10px;
	font-weight:bold;   
}

.SecondLevellMenuAdapter li.AspNet-Menu-Hover
{
    color:#434343;
	text-decoration:underline;
}

.SecondLevellMenuAdapter li:hover
{
    color:#999999;
	text-decoration:underline;
}

.SecondLevellMenuAdapter span
{
	color:#434343;   
}

.SecondLevellMenuAdapter a
{
	color:#434343;   
}


.SecondLevellMenuAdapter li.AspNet-Menu-Selected /* this tier is selected */
{
	color:#999999;
	text-decoration:underline;

}

.SecondLevellMenuAdapter li.AspNet-Menu-Selected a
{
	color:#999999;
	text-decoration:underline;
}


.SecondLevellMenuAdapter li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
	color:#434343;
}


.SecondLevellMenuAdapter li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a
{
	color:#434343;
}


.SecondLevellMenuAdapter li:hover li:hover li:hover span
{
	color:#999999;
}


.SecondLevellMenuAdapter li:hover li:hover li:hover a
{
	color:#434343;
}


.SecondLevellMenuAdapter li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
	color:#434343;
}


.SecondLevellMenuAdapter li.AspNet-Menu-Hover li.AspNet-Menu-Hover a
{
	color:#434343;
}


.SecondLevellMenuAdapter li:hover li:hover span
{
	color:#434343;
}


.SecondLevellMenuAdapter li:hover li:hover a
{
	color:#434343;
}


.SecondLevellMenuAdapter li.AspNet-Menu-Hover span
{
	color:#434343;
}


.SecondLevellMenuAdapter li.AspNet-Menu-Hover a
{
	color:#434343;
}


.SecondLevellMenuAdapter li:hover span
{
	color:#434343;
}


.SecondLevellMenuAdapter li:hover a /* Canvia el color al fer mouseover */
{
	color:#999999;
	text-decoration:underline;

}

.SecondLevellMenuAdapter li.AspNet-Menu-ChildSelected /* this tier is selected */
{
	color:#434343;
	text-decoration:underline;

}

.SecondLevellMenuAdapter li.AspNet-Menu-ChildSelected a
{
	color:#434343;
	text-decoration:underline;
}

/*TreeView*/


/*li de primer nivell*/


.ApabcnTreeView div.AspNet-TreeView ul li
{
	padding: 3px 5px 5px 5px;
    white-space: pre-wrap; /* css-3 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	white-space: -hp-pre-wrap; /* HP Printers */
	white-space: pre-line;
	text-align:left;
}

/*li de segon nivell*/
.ApabcnTreeView div.AspNet-TreeView ul ul li
{
    padding: 3px 5px 5px 10px;
    white-space: pre-wrap; /* css-3 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	white-space: -hp-pre-wrap; /* HP Printers */
	white-space: pre-line;
}

/*Text del menú de primer nivell*/
.ApabcnTreeView li.AspNet-TreeView-Root a
{
    color: #434343;
    font-weight: bold;
    font-size: 11px;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	
    font-weight:bold;
    text-decoration:none;
}

.ApabcnTreeView li.AspNet-TreeView-Root a:hover
{
    color: #434343;
    font-weight: bold;
    font-size: 11px;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	
    font-weight:bold;
    text-decoration:underline;
}


/*Text del menú de segon nivell*/
.ApabcnTreeView div.AspNet-TreeView ul ul li a
{
    color: #434343;
    font-size: 11px;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	
    font-weight: normal;
    width: 125px;
}
.ApabcnTreeView div.AspNet-TreeView ul ul li a:hover
{
    color: #999999;
    font-size: 11px;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	
    font-weight: normal;
    width: 125px;
    text-decoration:underline;
}


/*Imatge de colapsar*/
.ApabcnTreeView div.AspNet-TreeView .AspNet-TreeView-Collapse
{
    background: url('../../Images/apabcn/sectors/bulletmenu2.gif') 0 5px no-repeat;
    width: 15px;
    float:left;
    cursor: pointer;
}

/*Imatge de desplegar*/
.ApabcnTreeView div.AspNet-TreeView .AspNet-TreeView-Expand
{
    background: url('../../Images/apabcn/sectors/bulletmenu.gif') 0 5px no-repeat;
    width: 15px;
    float:left;
    cursor: pointer;
}

/*Imatge de item final*/
.ApabcnTreeView div.AspNet-TreeView .AspNet-TreeView-Node
{
   /* background: url('../../PublishingImages/contingut/bulletmenu2.gif') 0px 3px no-repeat;*/
    width: 15px;
    float:left;
    cursor: pointer;
}

/*Format sel·lecció*/
.ApabcnTreeView div.AspNet-TreeView li.AspNet-TreeView-Selected a
{
	color: #999999; 
   text-decoration:underline;
    
}

/*Format sel·lecció per al parent. No es sel·lecciona*/
.ApabcnTreeView div.AspNet-TreeView li.AspNet-TreeView-ParentSelected a
{
    text-decoration:none;
}

.ApabcnTreeView div.AspNet-TreeView .AspNet-TreeView-Link
{
    margin-left:15px;

}

/*Ocula els menús desplegables*/
.NoDisplay
{

}

/* Menu Formacio */

#formacio{
	text-align:left;
}

#formacio ul
{
   list-style-image:url('../../Images/apabcn/icones/llista1.gif');
   padding-left:25px;
}
#formacio ol
{
   padding-left:25px;
}
#formacio li{
	margin-top:15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

.menu_formacio{
	padding: 3px 0 5px 5px;
	color: #434343;
    font-size: 11px;
    font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	
	width: 15px;
    float:left;
    cursor: pointer;
}

.menu_formacio a{
	text-decoration:none;
	color: #434343;
}
.menuformacio a:hover{
	text-decoration:underline;
	color: #999999;
}

/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

.PrincipalMenuAdapter .AspNet-Menu-Horizontal
{
    position:absolute;
    margin:0px;
    z-index: 1;
    	
    /*border-top:1px solid #333333;*/
    /*border-bottom:1px solid #333333;*/
}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.PrincipalMenuAdapter .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    margin: 0;
    padding: 0;
    display: block;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.PrincipalMenuAdapter .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    top:100%;
    left:0;
    margin: 0;
    /*width: 12.5em;*/
    width: 11.0em;
    padding: 0;
    display: block;
}

.PrincipalMenuAdapter .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
   left:2.8em;
}
.PrincipalMenuAdapter .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul ul
{
	visibility:hidden;
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.PrincipalMenuAdapter .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    /*width: 12.5em;*/
    padding:0.8em;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:13px;
  	text-align:center;
    /*float:left;*/
    /*border-right: solid 1px #3E3E3E;*/
    background:#9A0A0A url('../../Images/apabcn/sectors/fons_menu.gif');
    border-right:0.1em #540202 outset;
}
/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.PrincipalMenuAdapter .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
	padding: 0.3em 0em 0.3em 0.4em;
	font-size:11px;
    text-align:left;
    width: 12.8em;
    background:#EEEEEE;
    border:1px solid #cccccc;
  
}

.PrincipalMenuAdapter .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    padding:0.2em 0em 0.2em 0.3em;
    width: 10.5em;
    font-size:10px;
    text-align:left;
    background:#EEEEEE;
}

.PrincipalMenuAdapter .AspNet-Menu-Horizontal ul.AspNet-Menu ul li span
{
    background: transparent url("../../Images/apabcn/icones/fletxa.gif") right center no-repeat;
}

.PrincipalMenuAdapter .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a
{
    background: transparent url("../../Images/apabcn/icones/fletxa.gif") right center no-repeat;
}

.PrincipalMenuAdapter .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li span
{
    background-image: none;
}


.PrincipalMenuAdapter .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li a
{
    background-image: none;
}


/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */

.PrincipalMenuAdapter .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
}

.PrincipalMenuAdapter .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Leaf a
{
    background-image: none;
}
.PrincipalMenuAdapter ul.AspNet-Menu li.AspNet-Menu-Selected
{
    background-image:url('../../Images/apabcn/sectors/fons_menu_actiu.gif');
    text-decoration:none;
    border-right:0.1em #333333 outset;
    }

.PrincipalMenuAdapter ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background-image:url('../../Images/apabcn/sectors/fons_menu_actiu.gif');
    text-decoration:none;
    border-right:0.1em #333333 outset;
    }

.PrincipalMenuAdapter ul.AspNet-Menu li:hover
{
    background-image:url('../../Images/apabcn/sectors/fons_menu_actiu.gif');
    text-decoration:none;
    border-right:0.1em #333333 outset;
    }

.PrincipalMenuAdapter ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
    color: #999999;
}

.PrincipalMenuAdapter ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover
{
    color: #999999;
}

.PrincipalMenuAdapter ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover
{
    color: #999999;
}

.PrincipalMenuAdapter ul.AspNet-Menu li:hover li:hover ul a:hover
{
    color: #999999;
}

.PrincipalMenuAdapter ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: #999999;
}

.PrincipalMenuAdapter ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a
{
    color: #999999;
}

.PrincipalMenuAdapter ul.AspNet-Menu li:hover li:hover span
{
    color: #999999;
}

.PrincipalMenuAdapter ul.AspNet-Menu li:hover li:hover a
{
    color: #999999;
}

.PrincipalMenuAdapter ul.AspNet-Menu li.AspNet-Menu-Hover span
{
    color: #999999;
}

.PrincipalMenuAdapter ul.AspNet-Menu li.AspNet-Menu-Hover a
{
    color: #999999;
}

.PrincipalMenuAdapter ul.AspNet-Menu li:hover span
{
   color:#EEEEEE;
}

.PrincipalMenuAdapter ul.AspNet-Menu li:hover a
{
	color:#EEEEEE;
}

.PrincipalMenuAdapter ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    color: Black;
}

.PrincipalMenuAdapter ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a
{
    color: Black;
}

.PrincipalMenuAdapter ul.AspNet-Menu li:hover li:hover ul span
{
    color: Black;
}

.PrincipalMenuAdapter ul.AspNet-Menu li:hover li:hover ul a
{
    color: Black;
}

.PrincipalMenuAdapter ul.AspNet-Menu li.AspNet-Menu-Hover ul span
{
    color: Black;
}

.PrincipalMenuAdapter ul.AspNet-Menu li.AspNet-Menu-Hover ul a
{
    color: Black;
}

.PrincipalMenuAdapter ul.AspNet-Menu li:hover ul span
{
    color: Black;
}

.PrincipalMenuAdapter ul.AspNet-Menu li:hover ul a
{
    color: Black;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.PrincipalMenuAdapter ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: #FFFFFF;
}

.PrincipalMenuAdapter ul.AspNet-Menu li a:hover
{
    color: #FFFFFF;
}

cipalMenuAdapter ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;
}



/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.PrincipalMenuAdapter .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
 
   margin: -2.0em 0 0 10.35em;
}

ul.AspNet-Menu 
{
    position: relative;
}


ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0;
    display: block;

}

ul.AspNet-Menu
{
    margin: 0;
    padding: 0;
    display: block;

}

ul.AspNet-Menu li
{
    border-right: 1px; 
	border-style:dotted;
	border-color:#989898;
	position: relative;
    list-style: none;
    float: left;
}

ul.AspNet-Menu li a
{
    display: block;
    text-decoration: none;

}

ul.AspNet-Menu li span
{
    display: block;
    text-decoration: none;
}

ul.AspNet-Menu ul
{
    position: absolute;
    visibility: hidden;  
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    visibility: hidden;
}

ul.AspNet-Menu li:hover ul ul
{
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
   visibility: visible;
 }

ul.AspNet-Menu li li.AspNet-Menu-Hover ul
{
    visibility: visible;
}

ul.AspNet-Menu li.AspNet-Menu-Hover ul
{
    visibility: visible;
}

ul.AspNet-Menu li li li:hover ul
{
  visibility: visible;
}

ul.AspNet-Menu li li:hover ul
{
    visibility: visible;
}

ul.AspNet-Menu li:hover ul
{
    visibility: visible;
}

.AspNet-Menu-Vertical ul.AspNet-Menu li
{
    width: 100%; 
}

/* Estils que apareixen al contingut html */
.ms-rteCustom-imatge{
	margin:10px;
	display: block;  
	/* border: 1px solid #CCCCCC;  */
	padding: 0px 6px 6px 0px;
	background: url('../../Images/apabcn/sectors/sombra_foto.gif') no-repeat bottom right;
}
.ms-rteCustom-Txt
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#434343;	
}
.ms-rteCustom-H1
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;	
	color:#434343;
}

.ms-rteCustom-H2
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#E9645A;
	font-weight:bold;
	font-size:14px;	
}
.ms-rteCustom-H3
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#898989;
	font-size:13px;	
}
.ms-rteCustom-H4
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#434343;
	font-size:12px;	
}

/*---------------- Taula ---------------- */

.ms-rteTable-Apabcn   {
	border-width: 0px;
	border-style: none;
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
}
.ms-rteTable-Apabcn  tr.ms-rteTableHeaderRow-Apabcn       {
	margin: 10px;
	padding: 10px;
	color: #3F4D6B;
	background: #FFFFFF;
	text-align: left;
	font-size: 11px;  
	font-style: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	font-weight: bold;
	border-spacing: 10px;
	line-height: 15px;
	vertical-align: top;
}


/* Encapçalament de taula*/


.ms-rteTable-Apabcn td.ms-rteTableHeaderFirstCol-Apabcn    {
	/*padding:0in 5.4pt 0in 5.4pt;*/
	padding:2.4pt 2.4pt 2.4pt 12pt;
	font-weight:bold;
	line-height: 15px;
}
.ms-rteTable-Apabcn td.ms-rteTableHeaderLastCol-Apabcn  {
	/*padding:0in 5.4pt 0in 5.4pt;*/
	padding:2.4pt 2.4pt 2.4pt 12pt;
	font-weight:bold;
	line-height: 14px;
}
.ms-rteTable-Apabcn td.ms-rteTableHeaderOddCol-Apabcn {
	/*padding:0in 5.4pt 0in 5.4pt;*/
	padding:2.4pt 2.4pt 2.4pt 12pt;
	font-weight:bold;
	line-height: 15px;
}
.ms-rteTable-Apabcn td.ms-rteTableHeaderEvenCol-Apabcn 
{
	/*padding:0in 5.4pt 0in 5.4pt;*/
	padding:2.4pt 2.4pt 2.4pt 12pt;
	font-weight:bold;
	line-height: 14px;
}
/* Files */

.ms-rteTable-Apabcn tr.ms-rteTableOddRow-Apabcn  {/* Filar impar */
	color: #4C4C4C;
	background: #FDECEB;
	font-size: 11px;   
	vertical-align: middle;
	border: 1px solid #ffffff;
}
.ms-rteTable-Apabcn tr.ms-rteTableEvenRow-Apabcn   { /* Fila par */
	color: #4C4C4C;
	background:#FFFFFF;
	font-size: 11px;   
	vertical-align: middle;
	border: 1px solid #ffffff;
}

/* Cel·les */

.ms-rteTable-Apabcn td.ms-rteTableFirstCol-Apabcn  {
	/*padding:0in 5.4pt 0in 5.4pt;*/
	padding:2.4pt 2.4pt 2.4pt 12pt;
	font-size: 10px; 
	font-weight:bold;
	background: url('../../Images/apabcn/sectors/fons_entrada_contingut.jpg') #F7F7F7 repeat-x;
	width:50%;
}
.ms-rteTable-Apabcn td.ms-rteTableLastCol-Apabcn {
	/*padding:0in 5.4pt 0in 5.4pt;*/
	padding:2.4pt 2.4pt 2.4pt 12pt;
}
.ms-rteTable-Apabcn td.ms-rteTableOddCol-Apabcn  { /* Columna impar */
	/*padding: 0in 5.4pt 0in 5.4pt;*/
	padding:2.4pt 2.4pt 2.4pt 12pt;
	border: 1px solid #ffffff;
}
.ms-rteTable-Apabcn td.ms-rteTableEvenCol-Apabcn { /* Columna par */
	/*padding:0in 5.4pt 0in 5.4pt;*/
	padding:2.4pt 2.4pt 2.4pt 12pt;
	border: 1px solid #ffffff;
}
.ms-rteCustom-Blanc{
	padding:2.4pt 2.4pt 2.4pt 12pt;
	font-weight:bold;
	font-size:10px;
	background:#ffffff;
	width:50%;
}

/* Peu de taula */

.ms-rteTable-Apabcn tr.ms-rteTableFooterRow-Apabcn     {
	background-color: #D6E8FF;
	color: #4A5A80;
	font-weight: bold;
	font-size: 11px;  
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 12px;
}
.ms-rteTable-Apabcn td.ms-rteTableFooterFirstCol-Apabcn  {
	/*padding: 0in 5.4pt 0in 5.4pt;*/
	padding:2.4pt 2.4pt 2.4pt 12pt;
	text-align: left;
}
.ms-rteTable-Apabcn td.ms-rteTableFooterLastCol-Apabcn {
	/*padding: 0in 5.4pt 0in 5.4pt;*/
	padding:2.4pt 2.4pt 2.4pt 12pt;
	text-align:left;
}
.ms-rteTable-Apabcn td.ms-rteTableFooterOddCol-Apabcn  {
	/*padding: 0in 5.4pt 0in 5.4pt;*/
	padding:2.4pt 2.4pt 2.4pt 12pt;
	text-align: left;
}
.ms-rteTable-Apabcn td.ms-rteTableFooterEvenCol-Apabcn  {
	/*padding: 0in 5.4pt 0in 5.4pt;*/
	padding:2.4pt 2.4pt 2.4pt 12pt;
	text-align: left;
}


/* ---------------------------- Valors predeterminats canviats x MAPA WEB --------------- */
.ms-WPBody{
	height:100%;
}
.ms-WPBody td{
	font-size:12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:black;
}

.ms-WPBody a
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9A0A0A;
	text-decoration: none;
	margin-left: 0px;
}

.ms-WPBody a:visited 
{
	color:#9A0A0A;
	text-decoration: none;
	margin-left: 0px;
}

.ms-WPBody a:link 
{
	color:#9A0A0A;
	text-decoration: none;
	margin-left: 0px;

}
.ms-WPBody a:hover 
{
	color:#000000;
	text-decoration: underline;
	margin-left: 0px;
}
.ms-TPBody h1 
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#434343;
	font-weight:bold;
}
.ms-WPBody h1 
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#434343;
	font-weight:bold;
}

.ms-TPBody h2 
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#39645A;
	margin-left: 0px;
}

.ms-WPBody h2 
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#39645A;
	margin-left: 0px;
}

.ms-TPBody h3 
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#898989;
	font-size: 13px;
	font-weight: bold;
	margin-left: 0px;
}

.ms-WPBody h3 
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#898989;
	font-size: 13px;
	font-weight: bold;
	margin-left: 0px;
}

.ms-TPBody h4 
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#434343;
	font-size: 12px;
	font-weight: bold;
	margin-left: 0px;
}

.ms-WPBody h4 
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#434343;
	font-size: 12px;
	font-weight: bold;
	margin-left: 0px;
}

.ms-TPBody h5
{
	font-weight: bold;
	font-size: 80%;
	margin-left: 0px;
}

.ms-WPBody h5
{
    background-position: 0px;
	font-weight: bold;
	font-size: 80%;
	margin-left: 0px;
}

/* Vertical gran */

.headertitle-large{
 	background-image:url('../../Images/apabcn/sectors/mes.gif');
 	background-position:left center;
 	background-repeat:no-repeat;
 	padding-left:20px;
}
.headertitle-large a, .headertitle-large a:link, .headertitle-large a:visited, .headertitle-large a:active
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;	
	color:#434343;
	text-decoration:none;
}
.headertitle-large a:hover{
	text-decoration:underline;
}
/* Vertical Petit */

.headertitle-small{
	margin-left:10px;
	background-image:url('../../Images/apabcn/sectors/home/llista.gif');
 	background-position:left center;
 	background-repeat:no-repeat;
 	padding-left:20px;

}
.headertitle-small, .headertitle-small a, .headertitle-small a:link, .headertitle-small a:visited, .headertitle-small a:active
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#898989;
	font-size:13px;	
	text-decoration:none;
}
.headertitle-small a:hover 
{
	text-decoration:underline;
}

/* Vertical */

.headertitle{
	margin-left:20px;
	background-image:url('../../Images/apabcn/sectors/bulletmenu2.gif');
 	background-position:left center;
 	background-repeat:no-repeat;
 	padding-left:20px;
}
.headertitle, .headertitle a, .headertitle a:link, .headertitle a:visited, .headertitle a:active{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#434343;
	font-size:12px;	
	text-decoration:none;
}
.headertitle a:hover{
	text-decoration:underline;
}

.Sotacolors{
	color:#626262;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
}
.Ruta{
	color:#434343;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:13px;
}
.ID_Doc{
	color:#434343;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:18px;
}

.Titol_doc{
	color:#434343;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.Enunciat_doc{
	color:#898989;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
}

.Text_doc{
	color:#434343;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:11px;
}
.css_sub2
{
    font-weight:bold;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
 color: #1118a8;
    
}
.css_sub3
{
   
    font-weight:bold;
	 color: #1b7dec;
	 font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
}

.imprimir_enun{
	color:#898989;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
}

.imprimir{
	color:#434343;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
}

.taulapes
{
    border: 1px solid #ffffff;
}
/* ------------------------------- fi de MAPA WEB ---------------------------------------- */

object{
z-index:0;
}
/* Fi estils */
