/**	*	*	*	*	*	*	*	**/
/**	*	*	*	*	*	*	*	**/
/**	*	*	*DEFINICIONS GENERALS	*	*	**/
/**	*	*	*	*	*	*	*	**/
/**    Són estils que defineixen els diferents blocs maquetats	**/
/**	*	*	*	*	*	*	*	**/
/**	*	*	*	*	*	*	*	**/

/* INICI de TAGS html redefinits. */
BODY,html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1em;
	/*font-size: DEFINIT a p04_estils*.css */; 
}

A img {border: none; vertical-align:middle;}

/*Icones al costat de un text: enlláç a doc, enllaç a url, etc.*/
A img.linkimg {border: none; vertical-align: text-bottom;}

form {display: inline;}

textarea {white-space: pre;}

/* Treure cellpaddings i cellspacings*/
table {
	border-spacing: 0;
	border-collapse: collapse;
}
td { padding: 0;}
th { padding: 0;}

/* Per forçar display e TABLEs*/
.divtable {display:table; margin:0;padding:0;}
.divinline {display:inline; margin:0;padding:0;}

/* Per emergent mentre carrega... ja no utilitzat per temes d'accessibilitat*/
.showScreenSplash{
	position: absolute; 
	z-index:5;
	bottom:40px;
	right:30px;
	background-color: #e20a16;
	color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
}


/*Anul·lem el cos, perquè ja el fiquem dins amb algun div o span sota el tag <Hx>*/
h1{display: inline; font-size:1.0em;}
h2{display: inline; font-size:1.0em;}
h3{display: inline; font-weight:normal; font-size:1.0em;}
/* h2 i h3, però en zona editable de continguts estan definits més abaix, coma sustitutius dels antics subtit i subsubtit*/

input {font-size:0.9em;}

label {text-align: left;
       margin: 0em 1em 0em 0em;
}
label.normal {
	white-space: normal;
	margin: 0em 0em 0em 0em;
}

select {font-size:0.9em;
	border: 1px solid #9EA0AA;
	margin: 0em 0em 0.0em 0em;
	padding: 0;
}


.ocult{display:none !important; position: relative; height:0em; width:0em; overflow: hidden;}
.visible{display:block !important; 	background: #888;}
.visibleinline{display:inline !important;}



/**	*	*	*	*	*	*	*	**/
/**	*	*	*	*	*	*	*	**/
/**	*	*	*   ESTILS DE LAYOUTS	*	*	**/
/**	*	*	*	*	*	*	*	**/
/***   Són estils que defineixen els diferents blocs maquetats	**/
/**	*	*	*	*	*	*	*	**/
/**	*	*	*	*	*	*	*	**/

/**	*	*	*	*	*	*	*	**/
/**	*	caixa que conté tot, i imposa un min-width 	**/
/**	*	*	*	*	*	*	*	**/


#marc{ position:relative; width: 100%; min-width: 780px; margin: 0; padding: 0; font-size: 0.7em; background-color:#fff !important;}

/* imitació del min-width per IE */
* html .minwidth {border-left:780px dashed #fff; position:relative; float:left; z-index:1; background-color:#fff !important;}
* html .contenidor {margin-left:-780px; position:relative; float:left; z-index:2;background-color:#fff !important; }



/**	*	*	*	*	**/
/**	*   banner_superior 	*	**/
/**	*	*	*	*	**/


div#avisSobreBanner{
	visibility: visible;
	position: absolute;
	display: block;
	z-index: 100;
	left: 10px;
	top:10px;
	padding:4px;
	background-color: #D6D6DE;
	color: #E30000;
	border: 1px solid #E30000;
	font-size: 1.6em;
	font-weight: bold;
}

div#banner_superior{
	width:100%;
	height:113px;
	clear:both;
	overflow: hidden;
}


div#pastilla_usuari_intranet{
/*	width:248px;
	height:80px;
*/	background-image: url("/cat/asp/img/fons_pastilla_usuari_intranet.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
	border: 2px solid #DAD9D7;
	background-color: #F7F7F7;
}
div#pastilla_usuari_intranet div#estatsessio{
	border: none;
	background-color: #B3B1AE;
	padding: 1px 2px 2px 3px;
	color: white;
}
div#pastilla_usuari_intranet div#dadessessio{
	border: none;
	padding: 2px 2px 2px 3px;
	line-height: 1.3em;
}


/*Estiguem a Portal o a Intranet, els linsk dins d'aquesta pastilla, amb colors intranet*/
div#pastilla_usuari_intranet a{	color: #E20A16; text-decoration: none;}
div#pastilla_usuari_intranet a:link{color: #990000; }
div#pastilla_usuari_intranet a:visited{ color: #990000; }
div#pastilla_usuari_intranet a:active{ color: #990000; }
div#pastilla_usuari_intranet a:hover { color: #990000; text-decoration: underline;}


div#pastilla_usuari_intranet a.linkAlta{
	background-image: url("/cat/intranet/img/icona_donarse_alta.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 22px;
}
div#pastilla_usuari_intranet a.linkAlta:hover{
	background-image: url("/cat/intranet/img/icona_donarse_alta_ov.gif");
}


div#pastilla_usuari_intranet a.linkVolver{
	background-image: url("/cat/intranet/img/iconovolver.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 14px;
}
div#pastilla_usuari_intranet a.linkVolver:hover{
	background-image: url("/cat/intranet/img/iconovolver_ov.gif");
}

div#pastilla_usuari_intranet a.linkSalir{
	background-image: url("/cat/intranet/img/iconosalir.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 14px;
}
div#pastilla_usuari_intranet a.linkSalir:hover{
	background-image: url("/cat/intranet/img/iconosalir_ov.gif");
}





/**	*	*	*	*	**/
/**	*	barra_eines	*	**/
/**	*	*	*	*	**/

div#barra_eines{
	float:left;
	width:100%;
	padding: 0 0 3px 0;
	margin: 1px 0 0 0;
	background: #E20A16;
	color: White;
	text-decoration: none;
	text-align: left;
}


div#barra_eines span.separadorEines{
	width: 1px;
	background-image: url("/cat/asp/img/home/separadorEines.gif");
	background-repeat: repeat-y;
	background-position: top;
	background-color: transparent;
	margin: 0 3px 0 2px; 
}


div#barra_eines a {text-decoration: none;}
div#barra_eines a:link    { color: White; }
div#barra_eines a:visited { color: White; }
div#barra_eines a:active  { text-decoration: none; background-color: Black; color: White;}
div#barra_eines a:hover   { text-decoration: none; background-color: Black; color: White;}

div#barra_eines a.actiu {text-decoration: none; color: Black;}
div#barra_eines a.actiu:link    { color: Black;}
div#barra_eines a.actiu:visited { color: Black;}
div#barra_eines a.actiu:active  { text-decoration: none; background-color: Black; color: White; }
div#barra_eines a.actiu:hover   { text-decoration: none; background-color: Black; color: White;}

div#barra_eines div#menu{
	width: 65%;
	padding: 4px 0 0 10px;
	float:left;
	text-transform: uppercase;
}

/*Per mostrar icone SEGGERIMENTS*/
div#barra_eines div#menu a.eina_sug{
	background-image: url("/cat/asp/img/home/icoEina_sug.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 11px;
}
div#barra_eines div#menu a.eina_sug:hover{
	background-image: url("/cat/asp/img/home/icoEina_sug_ov.gif");
}
div#barra_eines div#menu a.eina_sug_activa{
	color: Black;
	background-image: url("/cat/asp/img/home/icoEina_sug_ac.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 11px;
}
div#barra_eines div#menu a.eina_sug_activa:link    {color: Black;}
div#barra_eines div#menu a.eina_sug_activa:visited {color: Black;}
div#barra_eines div#menu a.eina_sug_activa:active  {background-color: Black; color: White;}
div#barra_eines div#menu a.eina_sug_activa:hover   {background-color: Black; color: White;
	background-image: url("/cat/asp/img/home/icoEina_sug_ov.gif");
}

/*Per mostrar icone AGENDA*/
div#barra_eines div#menu a.eina_age{
	background-image: url("/cat/asp/img/home/icoEina_age.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 12px;
}
div#barra_eines div#menu a.eina_age:hover{
	background-image: url("/cat/asp/img/home/icoEina_age_ov.gif");
}
div#barra_eines div#menu a.eina_age_activa{
	color: Black;
	background-image: url("/cat/asp/img/home/icoEina_age_ac.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 12px;
}
div#barra_eines div#menu a.eina_age_activa:link    {color: Black;}
div#barra_eines div#menu a.eina_age_activa:visited {color: Black;}
div#barra_eines div#menu a.eina_age_activa:active  {background-color: Black; color: White;}
div#barra_eines div#menu a.eina_age_activa:hover   {background-color: Black; color: White;
	background-image: url("/cat/asp/img/home/icoEina_age_ov.gif");
}
/*Per mostrar icone PLANOL*/
div#barra_eines div#menu a.eina_pla{
	background-image: url("/cat/asp/img/home/icoEina_pla.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 13px;
}
div#barra_eines div#menu a.eina_pla:hover{
	background-image: url("/cat/asp/img/home/icoEina_pla_ov.gif");
}
div#barra_eines div#menu a.eina_pla_activa{
	color: Black;
	background-image: url("/cat/asp/img/home/icoEina_pla_ac.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 13px;
}
div#barra_eines div#menu a.eina_pla_activa:link    {color: Black;}
div#barra_eines div#menu a.eina_pla_activa:visited {color: Black;}
div#barra_eines div#menu a.eina_pla_activa:active  {background-color: Black; color: White;}
div#barra_eines div#menu a.eina_pla_activa:hover   {background-color: Black; color: White;
	background-image: url("/cat/asp/img/home/icoEina_pla_ov.gif");
}

/*Per mostrar icone MAP*/
div#barra_eines div#menu a.eina_map{
	background-image: url("/cat/asp/img/home/icoEina_map.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 13px;
}
div#barra_eines div#menu a.eina_map :hover{
	background-image: url("/cat/asp/img/home/icoEina_map_ov.gif");
}
div#barra_eines div#menu a.eina_map_activa{
	color: Black;
	background-image: url("/cat/asp/img/home/icoEina_map_ac.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 13px;
}
div#barra_eines div#menu a.eina_map_activa:link    {color: Black;}
div#barra_eines div#menu a.eina_map_activa:visited {color: Black;}
div#barra_eines div#menu a.eina_map_activa:active  {background-color: Black; color: White;}
div#barra_eines div#menu a.eina_map_activa:hover   {background-color: Black; color: White;
	background-image: url("/cat/asp/img/home/icoEina_map.gif");
}

/*Per mostrar icone DIRECTORI*/
div#barra_eines div#menu a.eina_dir{
	background-image: url("/cat/asp/img/home/icoEina_dir.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 17px;
}
div#barra_eines div#menu a.eina_dir:hover{
	background-image: url("/cat/asp/img/home/icoEina_dir_ov.gif");
}
div#barra_eines div#menu a.eina_dir_activa{
	color: Black;
	background-image: url("/cat/asp/img/home/icoEina_dir_ac.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 17px;
}
div#barra_eines div#menu a.eina_dir_activa:link    {color: Black;}
div#barra_eines div#menu a.eina_dir_activa:visited {color: Black;}
div#barra_eines div#menu a.eina_dir_activa:active  {background-color: Black; color: White;}
div#barra_eines div#menu a.eina_dir_activa:hover   {background-color: Black; color: White;
	background-image: url("/cat/asp/img/home/icoEina_dir_ov.gif");
}

/*Per mostrar icone TRAMITSIGESTIONS*/
div#barra_eines div#menu a.eina_tra{
	background-image: url("/cat/asp/img/home/icoEina_tra.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 13px;
}
div#barra_eines div#menu a.eina_tra:hover{
	background-image: url("/cat/asp/img/home/icoEina_tra_ov.gif");
}
div#barra_eines div#menu a.eina_tra_activa{
	color: Black;
	background-image: url("/cat/asp/img/home/icoEina_tra_ac.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 13px;
}
div#barra_eines div#menu a.eina_tra_activa:link    {color: Black;}
div#barra_eines div#menu a.eina_tra_activa:visited {color: Black;}
div#barra_eines div#menu a.eina_tra_activa:active  {background-color: Black; color: White;}
div#barra_eines div#menu a.eina_tra_activa:hover   {background-color: Black; color: White;
	background-image: url("/cat/asp/img/home/icoEina_tra_ov.gif");
}

/*Per mostrar icone FARMACIES*/
div#barra_eines div#menu a.eina_far{
	background-image: url("/cat/asp/img/home/icoEina_far.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 12px;
}
div#barra_eines div#menu a.eina_far:hover{
	background-image: url("/cat/asp/img/home/icoEina_far_ov.gif");
}
div#barra_eines div#menu a.eina_far_activa{
	color: Black;
	background-image: url("/cat/asp/img/home/icoEina_far_ac.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 12px;
}
div#barra_eines div#menu a.eina_far_activa:link    {color: Black;}
div#barra_eines div#menu a.eina_far_activa:visited {color: Black;}
div#barra_eines div#menu a.eina_far_activa:active  {background-color: Black; color: White;}
div#barra_eines div#menu a.eina_far_activa:hover   {background-color: Black; color: White;
	background-image: url("/cat/asp/img/home/icoEina_far_ov.gif");
}


/*Per mostrar icone PHARMACIES*/
div#barra_eines div#menu a.eina_pha{
	background-image: url("/cat/asp/img/home/icoEina_pha.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 12px;
}
div#barra_eines div#menu a.eina_pha:hover{
	background-image: url("/cat/asp/img/home/icoEina_pha_ov.gif");
}
div#barra_eines div#menu a.eina_pha_activa{
	color: Black;
	background-image: url("/cat/asp/img/home/icoEina_pha_ac.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 12px;
}
div#barra_eines div#menu a.eina_pha_activa:link    {color: Black;}
div#barra_eines div#menu a.eina_pha_activa:visited {color: Black;}
div#barra_eines div#menu a.eina_pha_activa:active  {background-color: Black; color: White;}
div#barra_eines div#menu a.eina_pha_activa:hover   {background-color: Black; color: White;
	background-image: url("/cat/asp/img/home/icoEina_pha_ov.gif");
}



/*CANVI TAMANY LLETRA*/
div#barra_eines div#midatext{
	width: 17%;
	text-align: right;	
	font-weight: bold;
	padding: 2px 16px 0 0;
	float:right;
	white-space: nowrap; 
	margin: auto;
}

div#barra_eines a{font-weight: normal;}
div#barra_eines a.a11 { font-size: 11px;}
div#barra_eines a.a14 { font-size: 14px;}
div#barra_eines a.a17 { font-size: 17px;}


/*IDIOMES*/
div#barra_eines div#idiomes{
	text-align: right;
	padding: 4px 13px 0 0;
	margin: auto;
	white-space: nowrap; 
	float: right;
}



/**	*	*	*	*	**/
/**	barra_menuprincipal	*	**/
/**	*	*	*	*	**/

div#barra_menuprincipal{
	float:left;
	width:100%;
	padding: 0;
	margin: 0;
/*
	background-image: url("/cat/asp/img/menuN1/bgTop.gif");
	background-repeat: repeat-x;
	background-position: top;
*/

	background-image: url("/cat/asp/img/menuN1/lineBottom.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FEF4EA;

}

div#barra_menuprincipal div#bgBottom{
/*
	float:left;
	width:100%;
	background-image: url("/cat/asp/img/menuN1/bgBottom.gif");
	background-repeat: repeat-x;
	background-position: bottom;
*/
}

div#barra_menuprincipal div#opcionsNivell1{
	float:left;
	border-left: 1px solid #D6D7DE;
	background-image: url("/cat/asp/img/menuN1/lineBottom.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}

div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1{
	float:left;
	border-right: 1px solid #D6D7DE;
	padding: 7px 9px 6px 8px;
	white-space: nowrap; 
}

div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 h2{
	display: inline; 
	font-size:1.0em;
}

div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a{
 	color: Black;  /*abans #396886*/
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a:link    { color: Black; }
div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a:visited { color: Black; }
div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a:active  { color: white; background-color: #E20A16; }
div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a:hover   { color: white; background-color: #E20A16;}

div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a.actiu         {color: #E20A16;}
div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a.actiu:link    { color: #E20A16; }
div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a.actiu:visited { color: #E20A16; }
div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a.actiu:active  { color: white; background-color: #E20A16; }
div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a.actiu:hover   { color: white; background-color: #E20A16; }


/*Cas especial: item n1 (home page) porta icone caseta*/
div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a#itemHome {
	color: Black; 
	background-image: url("/cat/asp/img/menuN1item1caseta.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 15px;
}
div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a#itemHome:link { color: Black; }
div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a#itemHome:visited { color: Black; }
div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a#itemHome:active  { color: white; background-color: #E20A16;
	background-image: url("/cat/asp/img/menuN1item1caseta_ov.gif");
}
div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a#itemHome:hover   { color: white; background-color: #E20A16;
	background-image: url("/cat/asp/img/menuN1item1caseta_ov.gif");
}

div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a#itemHome.actiu {
	color: #E20A16;
	background-image: url("/cat/asp/img/menuN1item1caseta_ac.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 15px;
}
div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a#itemHome.actiu:link    { color: #E20A16; }
div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a#itemHome.actiu:visited { color: #E20A16; }
div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a#itemHome.actiu:active  { color: white; background-color: #E20A16; 
	background-image: url("/cat/asp/img/menuN1item1caseta_ov.gif");
}
div#barra_menuprincipal div#opcionsNivell1 div.itemNivell1 a#itemHome.actiu:hover   { color: white; background-color: #E20A16; 
	background-image: url("/cat/asp/img/menuN1item1caseta_ov.gif");
}

div#barra_menuprincipal div#divCercadorGral{
	padding: 4px 0 0 0;
	margin: 0 0 0 auto;
	white-space: nowrap;
	float: right;
}

div#barra_menuprincipal div#divCercadorGral form#FormCercaGeneral{
	margin: 0;
	padding: 0;
}

div#barra_menuprincipal div#divCercadorGral form#FormCercaGeneral input{
	border-top: 1px solid #808080; /*R128 G128 B128*/
	border-left: 1px solid #808080; /*R128 G128 B128*/
	border-bottom: 1px solid #E0E0E0; /*R224 G224 B224*/
	border-right: 1px solid #E0E0E0; /*R224 G224 B224*/	
	color: #000000;
	padding-right: 0;
	padding-left:0;
	font-size: 1em;
}

div#barra_menuprincipal div#divCercadorGral form#FormCercaGeneral input.submitCercaGeneral{
	background-color: transparent;
 	color: Black; 
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border: none;
	padding-right: 3px;
	padding-left:0;
}

div#barra_menuprincipal div#divCercadorGral form#FormCercaGeneral input.submitCercaGeneral:hover{
 	color: white; 
 	background-color: #E20A16;
 	cursor: pointer;
}

/* Només Per iExplorer, com no va l'efecet hover en un input type submit, es fa amb JS
amb un className=*_hover! Per això cal reescriure totes les propietats del class original*/
div#barra_menuprincipal div#divCercadorGral form#FormCercaGeneral input.submitCercaGeneral_hover{
 	cursor: pointer;
 	color: white; 
 	background-color: #E20A16;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border: none;
	padding-right: 3px;
	padding-left:0;
}


/**	*	*	*	*	**/
/**	*submenus emergents N2 	*	**/
/**	*	*	*	*	**/

div.divMenuN2Visible{
	visibility: visible;
	position: absolute;
	display: block;
	z-index: 100;
	width: 490px;
	left: 0;
	padding: 0 0 10px 0;
	margin-top: 2.3em; /*Serveix només per quan s'obra sense JavaScript anant a <url.asp>?activaseccio=XX
			      Per això, en la funció javascript "showmenu", cal posar margin=0*/
	/*elevation: higher;*/
	/*background-image: url("/cat/asp/img/home/items_menu_background.gif");
	background-repeat: repeat-x;
	background-position: bottom;*/
	background-color: #D6D6DE;

	background-color: #FEF4EA;
	border-bottom: 1px solid #D6D6DE;
	border-right: 1px solid #D6D6DE;
	border-left: 1px solid #D6D6DE;
}

div.divMenuN2Visible div.divFotoSeccio{
	/* Per alinear a la esquerra */
	display: block;
	float:left;
	clear:both;
	padding: 0;
	border-left: 1px solid #D6D6DE;
	border-top: 1px solid #D6D6DE;
	border-bottom: 1px solid #D6D6DE;
	margin: 10px 0px 10px 4px;
	text-align: left;
}

div.divMenuN2Visible div.divFotoSeccio img.fotoSeccio{
	margin: 2px 2px;
	text-align: center;
	width: 98px;
	width: 98px;
	border: 0;
}

div.divMenuN2Visible div.divCol1{
	margin-top: 10px;
	padding: 0;
	float: left;
	display: table;
	width: 39%;
	border-left: 1px solid #D6D6DE;
}
div.divMenuN2Visible div.divCol2{
	margin-top: 10px;
	padding: 0;
	float: left;
	width: 39%;
	display: table;
}


div.divMenuN2Visible div.divItemsN2{
	margin: 0 0 0 14px;
}

div.divMenuN2Visible div.divItemsN2 div.divItemN2{
	/* Per alinear a la esquerra */
	margin: 0px 5px 10px 5px;
}

div.divMenuN2Visible div.divItemsN2 div.divItemN2 a { text-decoration: none; color: Black;  /*abans #396886*/; }
div.divMenuN2Visible div.divItemsN2 div.divItemN2 a:link    { text-decoration: none; color: Black; }
div.divMenuN2Visible div.divItemsN2 div.divItemN2 a:visited { color: Black; }
div.divMenuN2Visible div.divItemsN2 div.divItemN2 a:active  { text-decoration: none; color: white; background-color: #E20A16;}
div.divMenuN2Visible div.divItemsN2 div.divItemN2 a:hover { text-decoration: none; color: white; background-color: #E20A16;}

div.divMenuN2Visible div.divItemsN2 div.divItemN2 a.tancar { text-decoration: none; color: #E20A16; }
div.divMenuN2Visible div.divItemsN2 div.divItemN2 a.tancar:link    { text-decoration: none; color: #E20A16; }
div.divMenuN2Visible div.divItemsN2 div.divItemN2 a.tancar:visited { color: #E20A16; }
div.divMenuN2Visible div.divItemsN2 div.divItemN2 a.tancar:active  { color: #E20A16; }
div.divMenuN2Visible div.divItemsN2 div.divItemN2 a.tancar:hover { text-decoration: none; color: white; background-color: #E20A16;}


iframe.perCobrirMenusN2SobreObjectsISelects{
	position: absolute; 
	top:0; 
	left:0;
	display:none;
}

/**	*	*	*	*	**/
/**	*	bloc_central	*	**/
/**	*	*	*	*	**/


/*Per tots els layouts*/
div#bloc_central{
	clear:both;
	width: 100%;
	padding: 16px 0 0 0;
	margin: 0;
}


div#bloc_central div#elementsNavegacio{
	float:left;
	padding: 0 0 0 10px;
	margin: 0;
	width: 382px;
	display: inline;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*Usat en layout AGENDA_AMBDESTACATSINTERIORS (S'HA CANVIAT, I JA NO S'USA)*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div#bloc_central div#elementsNavegacio div#formulariCercadorAgenda{
	margin: 4px 0 16px 0;
	width: 95%;
}

/* - - - - - - - - - - - - - - - - - -*/
/*Usat en layouts AGENDA, CERCAGENERAL*/
/* - - - - - - - - - - - - - - - - - -*/
div#bloc_central div#elementsNavegacio div#destacatsInteriors{
	margin: 4px 0 0 0;
	padding: 0 8px 0 0;
	/*
	border-right: 1px dashed #C0C0C0;
	*/
}

/* - - - - - - - - - - - - - - - - - - - - - -*/
/*Usat en layouts AGENDAPPAL amb destacats 60%*/
/* - - - - - - - - - - - - - - - - - - - - - -*/

div#bloc_central div#destacatsAgendaPpal{
	float:left;
	padding: 0 1.8% 0 20px;
	margin: 4px 1.8% 0 0;
	width: 52%;
	display: inline;
	/*border-right: 1px solid #C9C9C9;*/
}

div#bloc_central div#destacatsAgendaPpal div#titolDestacatsAgendaPpal{
	margin-bottom: 18px;
	margin-left: 10px;
}

/* - - - - - - - - - - - - - - - -*/
/*Usat en layouts tipus UNIOZ2Z3  */
/* - - - - - - - - - - - - - - - -*/
div#bloc_central div#elementsNavegacio.elementsNavegacio_nomes_bloc_submenuNivell2{
	width: 182px;
	display: inline;
}

/* - - - - - - - - - - - - - - - - - -*/
/*Usat en layouts tipus nomesnivell1  */
/* - - - - - - - - - - - - - - - - - -*/

div#bloc_central div#nomes_element_imatgePpal{
	width: 220px;
	float: left;
	display: inline;
	padding: 4px 0 0 10px;
	margin: 0;
}


/* - - - - - - - - - - - - - - - -*/
/*Usat en layouts NORMAL          */
/* - - - - - - - - - - - - - - - -*/
div#bloc_central div#elementsNavegacio.elementsNavegacio_amb_bloc_submenuNivell2_i_bloc_ImatgeIsubmenuNivells34{
}


/*    -     -     -     */
/*SUBMENU NIVELL 2 OBERT*/
/*    -     -     -     */
div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2{
	float:left;
	width: 170px;
	padding: 0;
	margin: 4px 10px 10px 0; /*4px top extra per alinear caixa amb titol plana*/
	border: 1px solid #E20A16;
	border-collapse: collapse;
	background-color: #FEF4EA;
}

	/* - - - - - - - - - - - - - - - - - - - - - - - - */
	/*Subclasses només Usades en layouts INDEXNEWSHOME */
	/* - - - - - - - - - - - - - - - - - - - - - - - - */
	div#bloc_central div#elementsNavegacio div#titolIndexNewsHome{
		font: normal 2em Arial;
		color: #E20A16;
		margin-bottom: 4px;
		margin-left: 0px;
	}
	div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2.indexNewsHome{
		width: 360px;
	}

div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div.primera{
	padding: 3px 5px 3px 5px; 
	border: none;
}
div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div{
	padding: 3px 5px 3px 5px; 
	border-top: 1px #e1e1e1 dashed;
}
div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div a{text-decoration: none;}
div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div a:link    { color: Black; /*Abans #396886*/ }
div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div a:visited { color: Black; }
div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div a:active  { background: #E20A16; color: White; }
div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div a:hover { background: #E20A16; color: White;}

div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div#actiu a{color: #E20A16;}
div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div#actiu a:link    { color: #E20A16; }
div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div#actiu a:visited { color: #E20A16; }
div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div#actiu a:active  { color: White; }
div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div#actiu a:hover { text-decoration: none; color: White;}


div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div#actual{
	padding-right: 11px;
	background-image: url("/cat/asp/img/menu_fletxa_in.gif");
	background-repeat: no-repeat;
	background-position: right;
}

div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div#actual a{color: #E20A16;}
div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div#actual a:link    { color: #E20A16; }
div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div#actual a:visited { color: #E20A16; }
div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div#actual a:active  { color: White; }
div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div#actual a:hover { text-decoration: none; color: White;}

/** NOMÉS PER LAYOUT p04_pre3_ppal_unioZ2Z3_peroMenuN3enzonaN2.asp Item N2 actiu sota Menú esquerra de Nivell3 en lloc de 2**/
div#bloc_central div#elementsNavegacio div#titolNivell2sobreMenuNivell3{
	font: normal 1.7em Arial;
	color: #E20A16;
}



/*Usada pel cas especial dins p04_pre3_ppal_FOTOSFIRA.asp*/
div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div.padding5{
 	padding: 5px 5px 5px 5px;
	border: none;
}
div#bloc_central div#elementsNavegacio div#bloc_submenuNivell2 div.divWebcam{
	float:left;
	width:104px;
	margin-right: 0px;
	border: none;
}



/*    -     -     -     -     -*/
/*IMATGE I SUBMENU NIVELLS 3i4 */
/*    -     -     -     -     -*/
div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34{
	float:left;
	width: 190px;
	padding: 0;
	margin: 4px 0 0 0; /*4px top extra per alinear xaixa amb titol plana*/
	border: 0;
	border-top: 14px solid #E20A16;
	border-collapse: collapse;
	background: #E20A16;
}


div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#imatgePpal{
	margin: 0;
	padding: 0;
	/* El fons de la marca d'aigua. */
	background-image: url("/cat/asp/img/fonslateral.gif");
	background-repeat: repeat;
	background-position: top left;
}


div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34{
	width: 180px;
	padding: 0 0 10px 10px;
	margin: 0;
	background-color: #FEF4EA;
}

div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#marcaAigues{
	width: 190px;
	margin: 0;
	border-top: 7px solid #E20A16;
	/* El fons de la marca d'aigua. */
	background-image: url("/cat/asp/img/fonslateral.gif");
	background-repeat: repeat;
	background-position: top left;
}


div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a{
 	text-decoration: none;
 	color: #000000;
}
div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a:link{ color: #000000; }
div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a:visited{ color: #000000; }
div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a:active{ color: #000000; }
div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a:hover { color: #ffffff; background: #E20A16; }

div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a.actiu{
 	text-decoration: none;
 	color: #E20A16;
}
div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a.actiu:link{ color: #E20A16; }
div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a.actiu:visited{ color: #E20A16; }
div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a.actiu:active{ color: #E20A16; }
div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a.actiu:hover { color: #ffffff; background: #E20A16; }

div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a.actual{
	/*NO POSEM AQUÍ LA FLETXETA, pq js\menuarbre\p04_ftiens4.js ho fica en una TD, ja que es munta, de moment, en TABLE, 
	padding-right: 11px;
	background-image: url("/cat/asp/img/menu_fletxa_in.gif");
	background-repeat: no-repeat;
	background-position: right;
	*/
 	text-decoration: none;
 	color: #E20A16;
}
div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a.actual:link{ color: #E20A16; }
div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a.actual:visited{ color: #E20A16; }
div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a.actual:active{ color: #E20A16; }
div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a.actual:hover { color: #ffffff; background: #E20A16; }

span.subtitMenuTercerNivell{
	font-size: 0.9em;
	font-style: italic; 
}

div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 div#p04_domRoot{
	/*DIV CREADA DESDE EL JS DE l'ARBRE DINAMIC*/
	padding: 0;
}


	/*		*		*		*		*		*/
	/*Els següents estils indentats només serviran si no està activat el Javascript */
	/*		*		*		*		*		*/

	div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a.titMenuTercerNivell{
		text-decoration: underline;
	}
	div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a.titMenuTercerNivell span.subtitMenuTercerNivell{
		font-size: 0.9em;
		font-style: italic; 
	}
	div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a.titMenuQuartNivell{
		padding-left:10px;
		background-image: url("/cat/asp/img/bullet.gif");
		background-repeat: no-repeat;
		background-position: center left;
		text-decoration: none;
	}
	div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 a.titMenuQuartNivell span.subtitMenuQuartNivell{
		font-size: 0.9em;
		font-style: italic; 
	}

	div#bloc_central div#elementsNavegacio div#bloc_ImatgeIsubmenuNivells34 div#submenuNivells34 p.actual{
		/*SI POSEM AQUÍ LA FLETXETA, pq no s'executa js\menuarbre\p04_ftiens4.js*/
		padding-right: 11px;
		background-image: url("/cat/asp/img/menu_fletxa_in.gif");
		background-repeat: no-repeat;
		background-position: right;
	}



/*    -     -     -     -    -     -     -    -     -     -    - */
/*CONTINGUT DE EINES PLANA + TITOLS + CONTINGUT EDITABLE 	 */
/*    -     -     -     -    -     -     -    -     -     -    - */



div#bloc_central div#content.content_home		      { margin: 0 0;	    }
div#bloc_central div#content.content_normal		      { margin: 0 0 0 392px;}
div#bloc_central div#content.content_agendaPpal		      { width: 42%; float: left;}

/* - - - - - - - - - - - - - - - -*/
/*Usat en layouts tipus UNIOZ2Z3  */
/* - - - - - - - - - - - - - - - -*/
div#bloc_central div#content.content_nomes_bloc_submenuNivell2{	margin: 0 0 0 192px;}
div#bloc_central div#content.content_nomes_bloc_submenuNivell2 div#contentEn2aColumna {float: left;}
div#bloc_central div#content.content_nomes_bloc_submenuNivell2_i_SenseTitol{margin: 3px 0 0 192px;}

/* - - - - - - - - - - - - - - - - - -*/
/*Usat en layouts tipus nomesnivell1  */
/* - - - - - - - - - - - - - - - - - -*/

div#bloc_central div#content.content_nomes_element_imatgePpal{	margin: 0 0 0 230px;}
div#bloc_central div#content.content_nomes_element_imatgePpal div#contentEn2aColumna {float: left;}




/*    -     -     -     -    -     -     -    -     -     -    - */
/*EINES DE LA PLANA: Imprimir, favorits, agenda associada, etc.4 */
/*    -     -     -     -    -     -     -    -     -     -    - */


div#bloc_central div#content div#einesDeLaPlana{
	float: right;
	margin: 4px 7px 0 auto;
}

div#bloc_central div#content div#einesDeLaPlana a{
	text-decoration: none; 
	font-weight: normal; 
	color: #E20A16;
}
div#bloc_central div#content div#einesDeLaPlana a:link    { color: #E20A16; }
div#bloc_central div#content div#einesDeLaPlana a:visited    { color: #E20A16; }
div#bloc_central div#content div#einesDeLaPlana a:active    { color: #E20A16; }
div#bloc_central div#content div#einesDeLaPlana a:hover    { color: black; }

div#bloc_central div#content div#einesDeLaPlana a#linkfavorits{
	background-image: url("/cat/asp/img/einesDeLaPlana/favortis.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 15px;
}
div#bloc_central div#content div#einesDeLaPlana a#linkfavorits:hover{
	background-image: url("/cat/asp/img/einesDeLaPlana/favortis_ov.gif");
}

div#bloc_central div#content div#einesDeLaPlana a#linkimprimir{
	background-image: url("/cat/asp/img/einesDeLaPlana/imprimir.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 17px;
}
div#bloc_central div#content div#einesDeLaPlana a#linkimprimir:hover{
	background-image: url("/cat/asp/img/einesDeLaPlana/imprimir_ov.gif");
}

div#bloc_central div#content div#einesDeLaPlana a#linkagenda{
	background-image: url("/cat/asp/img/einesDeLaPlana/agenda.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 17px;
}
div#bloc_central div#content div#einesDeLaPlana a#linkagenda:hover{
	background-image: url("/cat/asp/img/einesDeLaPlana/agenda_ov.gif");
}

div#bloc_central div#content div#einesDeLaPlana a#linklogoutforums{
	background-image: url("/cat/asp/img/einesDeLaPlana/logoutforums.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 17px;
}
div#bloc_central div#content div#einesDeLaPlana a#linklogoutforums:hover{
	background-image: url("/cat/asp/img/einesDeLaPlana/logoutforums_ov.gif");
}


/*    -     -     -     -    -     -     -*/
/*TITOL i SUBTITOL PRINICPAL DE LA PLANA */
/*    -     -     -     -    -     -     -*/


/*Usat en TOTS els layouts menys UNIOZ2Z3sensetitol*/
div#bloc_central div#content div#titolContingutCentral{
	padding-bottom: 20px;
}
div#bloc_central div#content div#titolContingutCentral span#titolPrincipal{
	font: normal 2em Arial;
	color: #E20A16;
}
div#bloc_central div#content div#titolContingutCentral span#subtitolPrincipal {
	font: normal 1.5em Arial;
	color: #E20A16;
}

/*Redefinim el mateix en classes, pq en agenda usem més d'un títol*/
div.titolContingutCentral{
	padding-bottom: 0px;
}
div.titolContingutCentral span.titolPrincipal{
	font: normal 2em Arial;
	color: #E20A16;
}
div.titolContingutCentral span.subtitolPrincipal {
	font: normal 1.5em Arial;
	color: #E20A16;
}




/*    -     -     -     -    -     -*/
/*PEL CONTINGUT CENTRAL DE LA PLANA */
/*    -     -     -     -    -     -*/

/*Usat en TOTS els layouts*/
div#bloc_central div#content div#contingutEditable{
	/*Si´noéstà aquesdt 100%, les fotos flotants no s'alinien OK en iE*/
	padding: 0;
	margin: 0;
	height:100%;
}
div#bloc_central div#content div#contingutEditable div#margesplananormal {
	padding: 0 0 20px 0;
	margin: 0 7% 0 0;
}
div#bloc_central div#content div#contingutEditable div#margesplanaambformulari {
	padding: 0 0 20px 0;
	margin: 0 10px 0 0;
}

div#bloc_central div#content div#contingutEditable iframe#mainFrame{
	/*Això, en conjunció amb el js/iframe.js fa que s'autoredimensioni automàticament*/
	overflow:visible;
	width:100%;
	height: 340px; /*Per posar-hi un mínim acceptable, pel cas de que no funcioni JS*/
	display:block;
}

	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */	
	/*Usat en layout AGENDA i AGENDPAPPAL					   */
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	div#bloc_central div#content div#contingutEditable div#formulariCercadorAgenda{
		margin: 14px 0 16px 0;
		width: 96%;
	}




/**	*	*	*	*	**/
/**	*	bloc_inferior	*	**/
/**	*	*	*	*	**/
.contenidor > #bloc_inferior {
     display: none;
     visibility: hidden;
}

div#bloc_inferior{
	background-color: #E20A16;
	border-bottom: 2px solid Silver;
	clear:both;
	/*float:left;*/
	width: 100%;
	padding: 2px 0;
	margin: 0;
}

div#bloc_inferior div#opcionsAjudaNotes{
	float:left;
	width: 31%;
	padding: 0 10px;
}
div#bloc_inferior div#opcionsAjudaNotes a{text-decoration: none; color: Black;}
div#bloc_inferior div#opcionsAjudaNotes a:link    { color: Black; }
div#bloc_inferior div#opcionsAjudaNotes a:visited { color: Black; }
div#bloc_inferior div#opcionsAjudaNotes a:active  { color: Black; }
div#bloc_inferior div#opcionsAjudaNotes a:hover { text-decoration: none; color: White; background-color: Black; }

div#bloc_inferior div#dadesajuntament{
	float:left;
	width: 42%;
	text-align: center;
	margin: auto;
	color: White; 
}
div#bloc_inferior div#copyright{
	text-align: right;
	margin: auto;
	color: Black; 
	padding: 0 10px;
}



/**	*	*	*	*	*	*	*	**/
/**	*	*	*	*	*	*	*	**/
/**	*	*	*    ESTILS GENÈRICS 	*	*	**/
/**	*	*	*	*	*	*	*	**/
/***   Són estils que es poden fer servir en qualsevol layout 	**/
/**	*	*	*	*	*	*	*	**/
/**	*	*	*	*	*	*	*	**/





/**	*	*	*	*	*	*	*	**/
/**	*	*	*    LINKS GENÈRICS  	*	*	**/
/**	*	*	*	*	*	*	*	**/

a{margin: 5px 0 0 0; color: #E20A16; text-align: justify; text-decoration: none;}
a:link{color: #E20A16; }
a:visited{ color: #E20A16; }
a:active{ color: #E20A16; }
a:hover { color: #E20A16; text-decoration: underline;}
/* ······················ */

a.link { margin: 5px 0 0 0; color: #E20A16; text-align: justify; text-decoration: none;}
a.link:link{ color: #E20A16;  text-decoration: none;}
a.link:visited{ color: #E20A16; }
a.link:active{ color: #E20A16; }
a.link:hover { color: #E20A16; text-decoration: underline;}
/* ······················ */

a.linkNegre { margin: 5px 0 0 0; color: black; text-align: justify; text-decoration: none;}
a.linkNegre:link{ color: black;  text-decoration: none;}
a.linkNegre:visited{ color: black; }
a.linkNegre:active{ color: #E20A16; }
a.linkNegre:hover { color: #E20A16; text-decoration: underline;}
/* ······················ */


/**	*	*	*	*	*	*	*	**/
/**	*       LINKS ESPECIFICS A NIVELLS ARBRE RESULTATS	**/
/**	*	*	*	*	*	*	*	**/

.arbreResultatsNodeN0 { font-size: 1.1em;                    color: #E20A16; text-decoration: none; }
.arbreResultatsNodeN1 { font-size: 1.1em; font-weight: bold; color: #E20A16; text-decoration: none; }
.arbreResultatsNodeN2 { font-size: 1.1em;}
.arbreResultatsNodeN3 { font-size: 1.1em;}
.arbreResultatsNodeN4 { font-size: 1.1em;}
.arbreResultatsNodeN5 { font-size: 1.1em;}
.arbreResultatsNodeN6 { font-size: 1.1em;}
.arbreResultatsNodeN7 { font-size: 1.1em;}
.arbreResultatsNodeN8 { font-size: 1.1em;}
.arbreResultatsNodeN9 { font-size: 1.1em;}

/**	*	*	*	*	*	*	*	**/
/**	*      LINKS AMB ICONES ASSOCIATS EN CSS         	**/
/**	*	*	*	*	*	*	*	**/

a.linkvideo{
	background-image: url("/Uploads/ico_video_b.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 27px;
	margin: 7px 0;
	text-decoration: underline;
	color: black;
}
a.linkvideo:link { 
	background-image: url("/Uploads/ico_video_b.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 27px;
	margin: 7px 0;
	text-decoration: underline;
	color: black;
	}
a.linkvideo:visited { color: black; }
a.linkvideo:active {
	color: #E20A16;
	background-image: url("/Uploads/ico_video_v.gif");
}
a.linkvideo:hover {
	color: #E20A16;
	background-image: url("/Uploads/ico_video_v.gif");
}




a#linkagendaoberta{
	background-image: url("/cat/asp/img/sobre.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 17px;
	margin: 7px 0;
	text-decoration: none;
	color: #E20A16;
}
a#linkagendaoberta:link {
	background-image: url("/cat/asp/img/sobre.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 17px;
	margin: 7px 0;
	text-decoration: none;
	color: #E20A16;
}
a#linkagendaoberta:visited { color: #E20A16; }
a#linkagendaoberta:active { color: #E20A16; }
a#linkagendaoberta:hover {
	color: black;
	background-image: url("/cat/asp/img/sobre_ov.gif");
}



a.linkAlta{
	background-image: url("/cat/asp/img/icona_donarse_alta.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 22px;
}
a.linkAlta:hover{
	background-image: url("/cat/asp/img/icona_donarse_alta_ov.gif");
}

a.linkSeguretat{
	background-image: url("/cat/asp/img/candau_stdr.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 17px;
}
a.linkSeguretat:hover{
	background-image: url("/cat/asp/img/candau_stdr_ov.gif");
}



/**	*	*	*	*	*	*	*	**/
/**	*   ESTILS DEL SELECTOR DE l'ASPEDIT	*	*	**/
/**	*	*	*	*	*	*	*	**/

.titolNoticiaHome { font-weight: bold; font-size: 1.1em; color: #E20A16; margin: 0; padding: 0; text-decoration: none; }
.titolNoticiaHome:link{ color: #E20A16; }
.titolNoticiaHome:visited{ color: #E20A16; }
.titolNoticiaHome:active{ color: #000000; }
.titolNoticiaHome:hover { color: #000000; }

.capcalera {
	font-size: 1.1em;
	margin: 0 0 10px 0;
	font-weight: bold;
	color: #303030;
	text-decoration: none;
	text-align: justify;
}

/* Usat per signa d'admiració en error. Mirar traduccion 2600 */
.capcaleraroja {
	font-size: 1.1em;
	margin: 0;
	font-weight: bold;
	color: #E20A16;
	text-decoration: none;
	text-align: justify;
}

/*Ara, els estils subtit i subsubtit els mostrem com a h2 i h3, per donar estructura al text
  Però com h2 i h3 estan ja definits a nivell general pels títols dels diferents menus de navegació,
  cal redefinir-los aqui dins la div de contingut editable:
*/
div#bloc_central div#content h2 {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #444444;
	text-align: justify;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	display:block;
}

div#bloc_central div#content h3 {
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
	color: #444444;
	text-align: justify;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	display:block;
}

/*Mantenim els estils originals subtit i subsubtit, perquè s'usen encara en certs includes
però tindrèm els H2 i H3 com a prioritaris, sobretot dins les zones editable*/
.subtit {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #444444;
	text-align: justify;
	display:block;
}
.subsubtit {
	font-weight: bold;
	text-decoration: none;
	color: #444444;
	text-align: justify;
	display:block;
}

/*Durant un temps, vem passar subtit i subsubtit com a h4 i h5, no h2 i h3
Els vàrem deixar fins que no es va fer el replace de tot al complet.
Ara ja no calen. Els deixem per si de cas tornen a fer falta
h4 {	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #444444;
	text-align: justify;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}

h5 {	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
	color: #444444;
	text-align: justify;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}
*/

.cuerpo  {
	margin: 5px 0 0 0;
	color: #000000;
	text-decoration: none;
	text-align: left;
}

.cuerpodreta  {
	text-align: right;
	margin: 5px 0 0 0;
	color: #000000;
	text-decoration: none;
}

.cuerpobold  {
	margin: 5px 0 0 0;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	text-align: justify;
}

.back  {
	margin: 5px 0 0 0;
	color: #810209;
	text-decoration: none;
	text-align: justify;
}
.back2 {color:#d42e25;}

.alignleft  	{ display:block; text-align: left;}
.alignesquerra  { display:block; text-align: left;}
.aligndreta  	{ display:block; text-align: right;}
.alignright  	{ display:block; text-align: right;}
.aligncentre  	{ display:block; text-align: center;}
.aligncenter  	{ display:block; text-align: center;}


/**	*	*	*	*	*	*	*	**/
/**	*	*	*      VINYETES  	*	*	**/
/**	*	*	*	*	*	*	*	**/
.vinyetes{
	background-image: url("/cat/asp/img/bullet.gif");
	background-repeat: no-repeat;
	background-position: center left;
	margin: 10px;
	padding:0 0 0 20px;
}

/* Aquest es especial perquè no deixa marge per dalt. */
.vinyetesesp{
	background-image: url("/cat/asp/img/bullet.gif");
	background-repeat: no-repeat;
	background-position: center left;
	margin: 0;
	padding:0 0 0 20px;
}


li.a{
	list-style-image: url("/cat/asp/img/bullet.gif");
	margin: 10px 0 0 25px;
	padding: 0 0 0 10px;
	text-align: left;
	list-style-position: outside;
}

/* Jordi - 9/11/2004
Compatible amb les llistes amb bullet al davant. En l'editor
es fa servir l'estil "vinyetes" per substituir aquest. */
ul,ol{
	padding: 0;
	margin: 0;	
}

li{
	list-style-image: url("/cat/asp/img/bullet.gif");
	margin: 10px 0 0 25px;
	padding: 0;
	text-align: left;
	list-style-position: outside;
}


ol li{
	list-style-image: none;
	margin: 10px 0 0 8px;
	padding: 0;
	text-align: left;
	list-style-position: inside;
}


p{
	margin: 0 0 10px 0;
	/* tot això és redundant
	color: #000000;
	text-decoration: none;
	text-align: left;
	*/
}


/**	*	*	*	*	*	*	*	**/
/**	*       LLEGENDA CANDIDATURES ELECCIONS	*	*	**/
/**	*	*	*	*	*	*	*	**/


table.llegenda{	width: 340px;	border: none; }
table.llegenda td{padding: 2px}
table.llegenda td.llegendaSenseColor{width: 12px; height: 10px;}
table.llegenda td.textLlegenda{padding-left: 7px;}
table.llegenda td img{width: 10px; height: 10px; border: 1px solid #777881;}

/**	*	*	*	*	*	*	*	**/
/**	*                CONTENIDORS FOTOS	*	*	**/
/**	*	*	*	*	*	*	*	**/



/* Jordi - 9/11/2004
Per les imatges ampliables i no ampliables.
També hi ha estils per respectar la comptabilitat amb imatges que
no tenien amplada 127px.*/
/* INICI del contenidor d'imatge bàsic.
El que s'ha de portar per usar en d'altres sites és el contenidor bàsic.*/

/*Només s'usa per la pastilla automàtica de les webcam*/
div.imatgeContenidor88  {width: 94px;  float: left; margin: 3px 15px 0 0; padding: 0; text-align: right;}
div.imatgeContenidor100 {width: 106px; float: left; margin: 3px 15px 0 0; padding: 0; text-align: right;}/*Només s'usa per la pastilla automàtica de les webcam*/
div.imatgeContenidor150 {width: 156px;  float: left; margin: 20px 10px 10px 0; padding: 0; text-align: right;}/*Només s'usa per les fotos dels visitants de la Fira*/
div.imatgeContenidor    {width: 133px; float: left; margin: 3px 15px 0 0; padding: 0; text-align: right;}
div.imatgeContenidor225 {width: 231px; float: left; margin: 3px 15px 0 0; padding: 0; text-align: right;}
div.imatgeContenidor211 {width: 217px; float: left; margin: 3px 15px 0 0; padding: 0; text-align: right;}

span.fotoContenidorAmpliableB  {display: block; float:left; clear:both; padding: 2px 2px 2px 2px; border: 1px solid #777881; margin: 0; text-align: left; }
a.fotoContenidorAmpliableB     {display: block; float:left; clear:both; padding: 1px 2px 3px 2px; border: 1px solid #777881; margin: 0; text-align: left; }

span.fotoContenidorNoAmpliableB{display: block; float:left; clear:both; padding: 2px 2px 2px 2px; border: 1px solid #777881; margin: 0 0 10px 0; text-align: left; }
a.fotoContenidorNoAmpliableB   {display: block; float:left; clear:both; padding: 1px 2px 3px 2px; border: 1px solid #777881; margin: 0 0 10px 0; text-align: left; }


/* FORÇA LA AMPLADA DE LA IMATGE abans fotoAmpliableB fotoNoAmpliableB*/
img.amplada88    {width: 88px; }
img.amplada100   {width: 100px;}/*Només s'usa per la pastilla automàtica de les webcam*/
img.amplada150   {width: 150px;}/*Només s'usa per les fotos dels visitants de la Fira*/
img.amplada      {width: 127px;}
img.amplada225   {width: 225px;}
img.amplada211   {width: 211px;}

.peudefoto {
	color: #666666;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: left;
}
.peudefotogran {
	color: #666666;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align:left;
}

/************* BASURA ????????? *********/


/*El signe + que apareix a la maquetació. En cas de voler-lo canviar
s'hauria de fer un search and replace a la BD. */
.iconaAmpliarb{ margin: 0; padding: 0; border: 0; vertical-align: top; text-align: right; clear: both; }

/* PEr mantenir compatibilitat amb el codi anterior d'anterior portals*/
/* Aquest es fa servir per ampliables home */
/*div.imatgeContenidor88 .iconaAmpliarb{ height: 10px; background: url("/cat/asp/img/plus_imatge.gif") no-repeat top right; display: block; font-size: 0; margin: 0; padding: 0; text-align: right; vertical-align: top; }*/


/*
/* Les imatges del PORTAL 2004 tenen tamany 127px 
.fotoAmpliable{
	clear: both;
	padding: 2px 2px 2px 2px;
	border: 1px solid #777881;
	border: 0;
	margin: 0;
	text-align: left;
	width: 127px;
}

.fotoNoAmpliable{
	clear: both;
	padding: 2px 2px 2px 2px;
	border: 1px solid #777881;
	margin: 0 0 10px 0;
	text-align: left;
	width: 127px;
}
Vaig provar diverses maquetacions pel signe més(+) d'ampliació de les imatges
que tenien aquesta opció.

Per motius de compatibilitat, mantinc .iconaAmpliar ja que vam actualitzar el
format de les imatges ampliables amb una maquetació que no era del tot definitiva.

.imatgeContenidor .iconaAmpliar{ height: 10px; background: url("/cat/asp/img/plus_imatge.gif") no-repeat top right; display: block; font-size: 0; margin: 0; padding: 0; text-align: right; vertical-align: top; }

 Compatibilitat cap enrera amb imatges més petites de 127px. 
.imatgeContenidorPopUp{ float: left; margin: 3px 15px 0 0; padding: 0; width: 94px; text-align: right; }
.imatgeContenidorPopUp .fotoAmpliable{ clear: both; padding: 2px 2px 2px 2px; border: 1px solid #777881; margin: 0; text-align: left; width: 88px; }
.imatgeContenidorPopUp .fotoNoAmpliable{ clear: both; padding: 2px 2px 2px 2px; border: 1px solid #777881; margin: 0 0 10px 0; text-align: left; width: 88px; }

   Compatibilitat cap enrera amb imatges més petites de 127px. 
.imatgeContenidor88{ float: left; margin: 3px 15px 0 0; padding: 0; width: 94px; height: 160px; text-align: right; }
.imatgeContenidor88 .fotoAmpliable{
	border: 1px solid #777881;
	padding: 2px 2px 2px 2px;
	margin: 0;
	text-align: left;
	width: 88px;
}
.imatgeContenidor88 .fotoAmpliableB{
	border: 0;
	margin: 0;
	text-align: left;
	width: 88px;
}
.imatgeContenidor88 .fotoNoAmpliable{ clear: both; padding: 2px 2px 2px 2px; border: 1px solid #777881; margin: 0 0 10px 0; text-align: left; width: 88px; }
.imatgeContenidor88 .fotoNoAmpliableB{
	border: 0;
	margin: 0;
	text-align: left;
	width: 88px;
}
.imatgeContenidor88 .iconaAmpliar{ height: 10px; background: url("/cat/asp/img/plus_imatge.gif") no-repeat top right; display: block; font-size: 0; margin: 0; padding: 0; text-align: right; }
*/


/**	*	*	*	*	*	*	*	**/
/**	*	*	*TABLES de dades 	*	*	**/
/**	*	*	*	*	*	*	*	**/

/* Jordi - 9/11/2004.
La secció que ve ara agrupa tots els estils de taules que hem anat fent servir.*/
/* INICI de les definicions de TAULES */
/* La taula bàsica. */
.taulaContenidor{
	border: 1px solid #C9C9C9;
	margin: 10px 0px 10px 0;
	empty-cells: show;
	border-collapse: collapse;
	border-spacing: 0;
}

/* Casella capçalera de la taula bàsica.
Atenció al "text-transform: uppercase" per ficar el
contingut en majúscules.*/
.taulaContenidor thead td{
	background-color: #efefef;
	padding: 5px 10px 5px 10px;
	color: #777881;
	text-decoration:none;
	text-align: left;
	font-weight: bold;
	border-left: 1px solid #C9C9C9;
	border-top: 1px solid #C9C9C9;
	text-transform: uppercase;
	vertical-align:top;	
}

/* Una casella normal de la taula bàsica. */
.taulaContenidor tbody td{
	background: #ffffff;
	padding: 5px 10px 5px 10px;
	color: #000000;
	text-decoration:none;
	text-align: left;
	font-weight: normal;
	border-top: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
	vertical-align:top;
}

/* Variació de la taula bàsica per poder afegir més d'una fila
de headers, ja que el navegador OPERA ens putejava. */
.taulaContenidorNHeaders{
	border: 1px solid #C9C9C9;
	margin: 10px 0px 10px 0;
	empty-cells: show;
	border-collapse: collapse;
	border-spacing: 0;
}

/* Equivalent a THEAD TD de la taula bàsica. */
.taulaContenidorNHeadersTH{
	background-color: #efefef;
	padding: 5px 10px 5px 10px;
	color: #777881;
	text-decoration:none;
	text-align: left;
	font-weight: bold;
	border-top: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
	text-transform: uppercase;
}

/* Equivalent a TBODY TD de la taula bàsica. */
.taulaContenidorNHeadersTD{
	background: #ffffff;
	padding: 5px 10px 5px 10px;
	color: #000000;
	text-decoration:none;
	text-align: left;
	font-weight: normal;
	border-top: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
}

/* La taula del perfilcontractant. */
.taulaPerfilContractant{
	border: 1px solid #C9C9C9;
	margin: 5px 0px 5px 0;
	empty-cells: show;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout:fixed;
	width:auto;
}

/* Casella capçalera de la taula taulaPerfilContractant.*/
.taulaPerfilContractant thead td{
	background-color: #efefef;
	padding: 5px 1px 5px 1px;
	color: #777881;
	text-decoration:none;
	text-align: left;
	font-weight: bold;
	border-left: 1px solid #C9C9C9;
	border-top: 1px solid #C9C9C9;
	vertical-align:top;	
}

.taulaPerfilContractant *.tipus {
	width:80px;
}

.taulaPerfilContractant *.estat {
	width:80px;
}

/* Una casella normal de la taula bàsica. */
.taulaPerfilContractant tbody td{
	background: #ffffff;
	padding: 5px 1px 5px 1px;
	color: #000000;
	text-decoration:none;
	text-align: left;
	font-weight: normal;
	border-top: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
	vertical-align:top;
}


/***********        TABLES de tables		         *********/
/**			per graella TV 				**/
table.taulaDeTaules td	{vertical-align:top;}
table.taulaDeTaules td.separadorEntreTaules {width: 5%;}


/**	*	*	*	*	*	*	*	**/
/**	*	*	*	*	*	*	*	**/
/***********        FORMULARIS         *********/
/**	*	*	*	*	*	*	*	**/
/**	*	*	*	*	*	*	*	**/

.formulariContenidor{
	background: #efefef;
	border: 1px solid #C9C9C9;
	margin: 10px 0px 10px 0;
	border-collapse: collapse;
	padding: 5px 5px 5px 5px;
}

.formulariContenidor td{
	padding: 5px 5px 5px 5px;
}


.formulariContenidor td.espai{
	height: 15px;
}

.formulariContenidor td.separador{
	height: 1px;
	border-top: 1px dashed #C9C9C9;
}

.formulariContenidor input{
	border: 1px solid #9EA0AA;
	background-color: #ffffff;
	margin-top: 5px;
	margin-left: 5px;
}

.formulariContenidor input.radio{
	border: 0;
	background-color: transparent;
	margin-top: 5px;
}

.formulariContenidor input.checkbox{
	border: 0;
	background-color: transparent;	
	margin-top: 5px;
}

.formulariContenidor textarea{
	border: 1px solid #9EA0AA;
	background-color: #ffffff;
	margin-top: 5px;
}

.formulariContenidor select{
	border: 1px solid #9EA0AA;
	background-color: #fff;
	margin-top: 5px;
	margin-left: 0px;
}

.formulariContenidor label { white-space: nowrap;}
.formulariContenidor label.normal { white-space: normal;}

.formulariContenidor input.botoSubmit{
	border: none;
	margin: 5px 0 0 0;
	background-image: url("/cat/asp/img/forms/botoform_bg.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	vertical-align: middle;
}

.formulariContenidor input.botoSubmit:hover{
 	cursor: pointer;
	background-image: url("/cat/asp/img/forms/botoform_bg_ov.gif");
}


.formulariContenidor input.botoSubmitTxt{
	border: none;
	margin: 5px 0 0 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	vertical-align: middle;
}

.formulariContenidor input.botoSubmitTxt:hover{
 	cursor: pointer;
}




/* Només Per iExplorer, com no va l'efecet hover en un input type submit, es fa amb JS
amb un className=*_hover! Per això cal reescriure totes les propietats del class original*/
.formulariContenidor input.botoSubmit_hover{
 	cursor: pointer;
	border: none;
	margin: 5px 0 0 0;
	background-image: url("/cat/asp/img/forms/botoform_bg_ov.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	vertical-align: middle;
}

/* Perque les taula contenidor no ensenyin línia entre TRs si formen part d'un formulari
   Exemple: veure SEatenctramite_inscripciodecentresenserveiseducatius.asp*/
.formulariContenidor table.taulaContenidor thead td{
	border-top: none;
	padding: 5px 2px 5px 2px;
	border-bottom: 1px solid #C9C9C9;
	font-size: .9em;
}
.formulariContenidor table.taulaContenidor tbody td{
	border-top: none;
	border-left: none;
	padding: 5px 2px 5px 2px;
}


/**	*	*	*	*	*	*	*	**/
/********           SEPARADORS                ********/
/**	*	*	*	*	*	*	*	**/

/*SEPARADOR HORITZONTAL ENTRE DIVS EN COLUMNA VERTICAL*/
/*Línia puntejada per separar elements Construïda amb un <div>. */
.separador{
	border-top: 1px dashed #C9C9C9;
	margin: 12px 0 7px 0;
	padding: 0 0 0 0;
	color: white;
	height: 1px;
	line-height: 1px;
	width:100%;
	display: block;
}

/*SEPARADOR VERTICAL ENTRE DIVS EN FILA HORITZONTAL*/
/*Línia puntejada per separar elements Construïda amb un &nbsp;<span class="separadorEnFila">&nbsp;</span>&nbsp;. */

/* Com el div#barra_eines span.separadorEines, però en separador GRIS (no blanc) i per us general*/
.separadorEnFila{
	width: 1px;
	background-image: url("/cat/asp/img/home/separadorEinesGris.gif");
	background-repeat: repeat-y;
	background-position: top;
	background-color: transparent;
	margin: 0 0 0 1px; 
}




/**	*	*	*	*	*	*	*	**/
/********            PER IMPRIMIR             ********/
/**	*	*	*	*	*	*	*	**/
div#imprimirMarc{ position:relative; width: 100%; margin: 0; padding: 5px; font-size: 0.7em; background-color:#fff !important;}

div#imprimirMarc div#imprimirLiniaNegra{
	border-bottom: 2px solid black;
	margin: 5px 0;
	color: white;
	height: 0;
	line-height: 0px;
	width:100%;
	display: block;
	font-size: 0;
}
div#imprimirMarc div#imprimirMigues{
	color: #666666;
	margin: 0 0 16px 0;
	padding: 0 0;
}


div#imprimirMarc div#imprimirDestacatsAgendaPpal{
	width: 500px;
}

div#imprimirMarc div#imprimirTitolPrincipal{
	font: normal 2em Arial;
	color: #E20A16;
}

div#imprimirMarc div#imprimirSubtitolPrincipal {
	font: normal 1.5em Arial;
	color: #E20A16;
	padding: 5px 0 20px 0;
}

div#imprimirMarc div#imprimirImatgePpal{
	float: left; 
	margin: 0 10px 10px 0;
	border-top: 14px solid #E20A16;
	border-bottom: 7px solid #E20A16;
}

div#imprimirMarc div#imprimirContingut table{font-size:1em;}