/* TOC
	- imports
	- barres de la capalera de la home
		- menu serveis del web
		- barra cercador
	- contenidor
		- estructura contenidor
		- menu
		- menu maco de sota
		- contingut
			- banner alcalde
			- contingut principal
			- columna 3 (banners,...)
	- informacio  pagina
	- cantonades
	*/

/* imports
--------------------------------------------------------------------------- */

@import 'http://www.bcn.cat/css_accessible/basic.css';

/* barres de la capsalera de la home
--------------------------------------------------------------------------- */

/*- menu serveis del web
--------------------------------------------------------------------------- */
#utilitats ul {margin: 0; padding: 0; font-size: 1.1em; clear:left; text-align:center;}
#utilitats ul li {display: inline; margin: 0 1.3em 0 1.3em; padding: 0; line-height: 2.2em; text-transform: uppercase;}
#utilitats a {color: #fff;}

/*- barra cercador
--------------------------------------------------------------------------- */
p.mapa_web, p.mapa-web {float: right; margin: 0 1em 0 0; background: #43719F;}
	p.mapa_web a, p.mapa-web a { padding: 0.26em 0.9em 0.26em 2.7em; display: block; color: #fff; text-transform: uppercase; background: transparent url(../../imatges_accessible/ico_mapa_web2.gif) no-repeat 1em center;}

form#frmcerca {float: left; margin: 0 0 0 0.8em; padding: 0; background: transparent url(../../imatges_accessible/separa_cerca.gif) repeat-y right;}
form#frmLink {float: left; margin: 0 0 0.2em 0; padding: 0 0 0 1.8em; text-align: center; background: transparent url(../../imatges_accessible/separa_cerca.gif) repeat-y left;}
	form#frmLink p {padding: 0 1.5em 0 0; background: transparent url(../../imatges_accessible/separa_cerca.gif) repeat-y right;}
	#cerca, #weblinks {font-family:  Arial, Geneva, Helvetica, sans-serif; color: #555; border: 1px solid #A3A3A3;}
	#weblinks { width: 24em;}
	#cercador label {text-transform: uppercase;}
	#cercador a{ color:#fff;}
#cercador form label, #cercador form input, #cercador form select {vertical-align: middle;}

/* contenidor
--------------------------------------------------------------------------- */

/*- estructura contenidor
--------------------------------------------------------------------------- */

/*#contenidor {background: transparent url(../../imatges_accessible/fons_wrapper.gif) repeat-y;}*/
#columna0 { width: 16em; padding: 0 0 0 0.75em; margin: 0 1.25em 0 0; float: left;}
	#columna1 {width: 21.05em; padding: 0; margin: 0; float: left;}
	#columna2 {width: 21.05em; padding: 0; margin: 0 0 0 0.95em; float: left;}
	#columna3 {
		width: 9.6em;
		padding: .9em 0 0;
		margin: -.9em -9.6em 0 0;
		float: right;
		position: absolute;
		right:9.6em;
		background: url(../../imatges_accessible/bg_columna3_degr.gif) repeat-x top left;
		z-index:1000;
	}


/*- menu
--------------------------------------------------------------------------- */

#menu_principal div, #menu-principal div {border-left: 1px solid #dfd9d9; color: #2a6691; border-right: 1px solid #dfd9d9; border-bottom: 1px solid #dfd9d9; background-color: transparent;}
#menu_principal div ul, #menu-principal div ul {margin: 0; padding: 0; list-style-type: none;}
#menu_principal div ul a, #menu-principal div ul a, #menu_principal ul.primer_nivell span.node, #menu-principal ul.primer-nivell span.node {padding: 0 0 0 0.8em; margin: 0 0 0 0.5em; background: transparent url(../../imatges_accessible/bullet_menu_tblau.gif) no-repeat 0 0.3em;}
#menu_principal div ul li, #menu-principal div ul li {padding: 0.4em 0; font-weight: bold; border-top: 1px solid #dfd9d9; background: transparent url(../../imatges_accessible/fons_menu_main.gif) repeat-x top;}
	#menu_principal div ul.primer_nivell li, #menu-principal div ul.primer-nivell li {text-transform: uppercase; font-family: Tahoma, Verdana;}
	#menu_principal div ul.segon_nivell li, #menu-principal div ul.segon-nivell li {text-transform: none;}
	#menu_principal div ul li.node, #menu-principal div ul li.node {padding: 0;}
#menu_principal div ul ul a, #menu-principal div ul ul a, #menu_principal div ul ul span, #menu-principal div ul ul span {padding: 0 0 0 1.2em; margin: 0 0 0 1.2em; background: transparent url(../../imatges_accessible/bullet_menu_qblau.gif) no-repeat 0 0.4em;}
	.marge_especial, .marge-especial {line-height: 2em;}
	.marge_especial1, .marge-especial1 {line-height: 1.6em;}
	#menu_principal div ul li ul, #menu-principal div ul li ul {background-color: #fff;}
	#menu_principal div ul ul li, #menu-principal div ul ul li {background: none;}
	#menu_principal div ul ul ul li, #menu-principal div ul ul ul li {font-weight: normal;}
	#menu_principal div ul ul ul a, #menu-principal div ul ul ul a, #menu_principal div ul ul ul span, #menu-principal div ul ul ul span {display: block; padding: 0 0 0 1.3em; margin: 0 0 0 2.5em; background: transparent url(../../imatges_accessible/bullet_menu.gif) no-repeat 0 0.4em;}
.c_de_catala, .c-de-catala {padding: 1em 0 0 0;}

/*- menu maco de sota
--------------------------------------------------------------------------- */

#menu_dsota ul, #menu-dsota ul{margin: 2em 0 0; padding: 0 0 .3em; list-style-type: none; border: 1px solid #dfd9d9; background: url(../../imatges_accessible/bg_menu_dsota.gif) repeat-y right top; font-family: Tahoma, Verdana;}
	#menu_dsota ul a, #menu-dsota ul a {padding: 0 0 0 0.8em; margin: 0 0 0 0.5em; background: transparent url(../../imatges_accessible/bullet_menu_tblau.gif) no-repeat 0 0.3em; color:#204162;}
	
	#menu_dsota ul li, #menu-dsota ul li { text-transform: uppercase; padding: 0.3em 0; font-weight: bold; line-height: 1.6em;}
		#menu_dsota ul li span, #menu-dsota ul li span {padding: 0 0 0 0.8em; margin: 0 0 0 0.5em; background: transparent url(../../imatges_accessible/bullet_menu_tblau.gif) no-repeat 0 0.6em; color:#204162; display:block;}
		
		#menu_dsota ul li.dsota_mobil, #menu-dsota ul li.dsota-mobil { border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
		#menu_dsota ul li.dsota_mobil span, #menu-dsota ul li.dsota-mobil span { padding:.3em 1.3em .5em 0; background: transparent url(../../imatges_accessible/ico_mobilb.gif) no-repeat right top; margin:0; display:inline;}
		#menu_dsota ul li ul, #menu-dsota ul li ul { border:none; margin:.3em 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding:0;}
		
			#menu_dsota ul li ul a, #menu-dsota ul li ul a { background: transparent url(../../imatges_accessible/bullet_menu_qblau.gif) no-repeat 0 0.5em; color:#43719F; font-weight:normal;}
			#menu_dsota ul li ul li, #menu-dsota ul li ul li { text-transform: none; line-height:1em; margin-left:1.1em;}
			#menu_dsota ul li.menu_dsota_lastli ul li, #menu-dsota ul li.menu-dsota-lastli ul li { margin-left:.6em}			
				#menu_dsota ul li.menu_dsota_lastli ul li.area_usuari a, #menu-dsota ul li.menu-dsota-lastli ul li.area-usuari a { padding: 0 0 .1em 1.7em; background:none; background: transparent url(../../imatges_accessible/ico_usuaris.gif) no-repeat 0 0;}
				#menu_dsota ul li.menu_dsota_lastli ul li.dsota_rss a, #menu-dsota ul li.menu-dsota-lastli ul li.dsota-rss a { padding: 0 0 .1em 1.7em; background:none; background: transparent url(../../imatges_accessible/ico_rss.gif) no-repeat 0 0;}
				#menu_dsota ul li.menu_dsota_lastli ul li.ciutada a, #menu-dsota ul li.menu-dsota-lastli ul li.ciutada a { padding: 0 0 .3em 1.7em; background:none; background: transparent url(../../imatges_accessible/bullet_arrobab.gif) no-repeat 0 0;}

/*- contingut
--------------------------------------------------------------------------- */

/*-- banner alcalde
--------------------------------------------------------------------------- */

#banner_alcalde, #banner-alcalde { margin:0 0 .3em 0; }
	#banner_alcalde h2 img, #banner-alcalde h2 img { width:14.5em;  }
	#banner_alcalde ul, #banner-alcalde ul{ list-style-type:none; margin-top:-2.5em; margin-left:.3em; padding:0;}
	#banner_alcalde li, #banner-alcalde li{ display:inline; margin-right:-.1em;}
	#banner_alcalde  li img, #banner-alcalde  li img{ height:2em; width:7.5em;}
/*-- contingut principal
--------------------------------------------------------------------------- */
#banner-blog { margin:0 0 .8em 0; width:auto; height:6.3em; }



#columna0, #columna1, #columna2 {font-size: 1.1em;}
#contenidor { border-right: 9.6em solid #E7E6E6; border-left: 1px solid #E0E4E9; border-top:1px solid #fff; background: url(../../imatges_accessible/bg_contenidor_home_degr.gif) repeat-x left top;}
#marc_web, #marc-web{ background: url(../../imatges_accessible/bg_contenidor_home_degr_bt.gif) repeat-x left bottom;}
#contenidor h2 { font-size: 1.1em;}
/*#columna1 div, #columna2 div {background: transparent url(../../imatges_accessible/fons_col1.gif) repeat-y;}*/
#columna1 div, #columna2 div { border: 1px solid #43719F; background:#fff;}
#experiencies ul, #tramits_municipals ul, #tramits-municipals ul, #ajment_clic ul, #ajment-clic ul, #entitats_espais ul, #entitats-espais ul, #telefons_urgencies ul, #telefons-urgencies ul {margin: 0 1em 1em 1em; padding: 0; list-style: none;}
#experiencies ul { padding:1em 0; background-color:#eee;}
#experiencies ul li, #tramits_municipals ul li, #tramits-municipals ul li, #ajment_clic ul li, #ajment-clic ul li, #entitats_espais ul li, #entitats-espais ul li, #telefons_info dt, #telefons-info dt {padding: 0.2em 0 0.2em 1em; background: transparent url(../../imatges_accessible/bullet.gif) no-repeat 0 0.5em;}
#llista_noticies, #llista-noticies, #llista-agenda, #llista_agenda, #tramits_municipals, #tramits-municipals, #ajment_clic, #ajment-clic, #barcelona_clic, #barcelona-clic, #entitats_espais, #entitats-espais, #telefons_utilitat, #telefons-utilitat {margin: 0 0 1em 0; border-bottom: 1px solid #43719F;}

/* Aquesta tecnica esta basada en la de Gianluca Troiani, pero corregeix el 
   problema d accessibilitat que es produeix al augmentar la mida de la font  */
#columna2 div {z-index: 1;}
	#llista_noticies, #llista-noticies, #llista_agenda, #llista-agenda {z-index: 1;}                                                        
#columna1 div h2, #columna2 div h2 {display: block; min-height: 27px;}
#columna2 div h3 {display: block; min-height: 23px; font-size:1em;}
#columna1 h2 span, #columna2 h2 span {position: relative; z-index: -1; color: #fff; background:#43719F; display: block; padding: 0.2em 1em;}
#columna2 h3 span {position: relative; z-index: -1; padding: 0 1.4em;}
#llista_agenda, #llista-agenda { overflow: visible;}/* Fi Image Replacement */

#columna1 h2, #ajment_clic h2, #ajment-clic h2 {margin: 0 0 1.3em 0;}
	#columna2 div#sabieu { margin: 0 0 1em 0; background: #fff url(../../imatges_accessible/bg_sabieu.jpg) repeat-x bottom;}
		#sabieu p{ color: #555555; padding: 1em 4.2em 1.3em 1em; background: url(../../imatges_accessible/bg_interrogant.gif) no-repeat bottom right;}
		#sabieu a { font-weight:bold;}
		
/*--- Promo ---*/
	#columna2 div.promo, #columna2 .promo-flash { border: none; background: none; margin: 0 0 .7em; padding:0; width: 100%;}
		#columna2 div.promo img { display: inline; margin:0 auto; width:21.07em;}
		#columna2 div.promo p.promo1 img, #columna2 div.promo p.promo2 img { width:10.17em;}
	#columna2 div.promo-segona {border: none; margin: 0 0 .7em; padding:0; text-align:center;}
	#columna2 div.promo p.promo1, #columna2 div.promo-segona p.promo1 { border: none; padding:0; margin:0; display:inline;}
	#columna2 div.promo p.promo2, #columna2 div.promo-segona p.promo2 { border: none; padding:0; margin:0 0 0 .21em; display:inline;}
	#columna2 .promo-segona img {width: 10.15em;}
	#columna2 .promo-flash{ height:9.97em;}
/*------*/
	
  #columna2 div h3 {margin: 0 0.1em 1.3em 0.1em;}
	#columna2 div#experiencies { border: none; margin: 0 0 1em 0;}
		#columna2 div#experiencies div { width:21.15em; height:10.6em; border:none; background:#eee;}
		a.flash {background: transparent url(../../imatges_accessible/ico_flash.gif) no-repeat right; padding-right: 2em;}
#llista_noticies h3, #llista-noticies h3, #llista_agenda h3, #llista-agenda h3 {display: block; clear: left; margin: 1em 1em 0.5em 0; padding: 0 0 0 1.7em; font-size: 1.0em; background: transparent url(../../imatges_accessible/bullet.gif) no-repeat 0.7em 0.25em;}
#llista_noticies p, #llista-noticies p, #llista_agenda p, #llista-agenda p {margin: 0 1em 0 1.7em;}

#llista_noticies p.video a, #llista-noticies p.video a { font-weight:bold; font-size:.9em; background: url(../../imatges_accessible/ico_video.gif) no-repeat 0 .1em; padding-left: 16px; display: block; height:1%; margin-top: .3em;}
#llista_noticies p img, #llista-noticies p img, #llista_agenda p img, #llista-agenda p img {float: left; margin: 0 1em 0 0; width:4.5em; height:4.5em;}


#llista_noticies div, #llista_agenda div{ margin: 0 1em 0 1.7em; border:0;}
		#llista_noticies div img, #llista_agenda div img{float: left; margin: 0 1em 0 0; width:4.5em; height:4.5em;}
		#llista_noticies div p, #llista_agenda div p{margin:0 0 3px 0; padding:0;}

#llista-noticies div, #llista-agenda div{ margin: 0 1em 0 1.7em; border:0;}
		#llista-noticies div img, #llista-agenda div img{float: left; margin: 0 1em 0 0; width:4.5em; height:4.5em;}
		#llista-noticies div p, #llista-agenda div p{margin:0 0 3px 0; padding:0;}

#llista_noticies div div, #llista_agenda div div{ margin: 0; border:0;}
		#llista_noticies div div img, #llista_agenda div div img{float: none; margin: 0; width:auto; height:auto;}
		#llista_noticies div div p, #llista_agenda div div p{margin:0; padding:0;}

#llista-noticies div div, #llista-agenda div div{ margin: 0; border:0;}
		#llista-noticies div div img, #llista-agenda div div img{float: none; margin: 0; width:auto; height:auto;}
		#llista-noticies div div p, #llista-agenda div div p{margin:0; padding:0;}





		#llista_noticies p:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
		#llista-noticies p:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#columna1 ul {clear: left; margin: 1em 0 0 0; padding: 0; list-style-type: none;}
		#barcelona_clic:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
		#barcelona-clic:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Formularis */

#columna2 form {margin: 0 0 1.2em 0; padding: 0;}
		#columna2 form:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#barcelona_clic form p, #barcelona-clic form p {float: left;}
	#barcelona_clic form p.menys_marge, #barcelona-clic form p.menys-marge {margin: 0 0 0.5em 0;}
#barcelona_clic label, #barcelona-clic label {display: block; text-transform: uppercase; font-size: 0.9em;}
#barcelona_clic form label, #barcelona-clic form label, #barcelona_clic form input, #barcelona-clic form input {margin: 0 0 0 0.7em;}
	#calle, #pcarrer1, #pcarrer2 {width: 10em; border: 1px solid #A3A3A3; vertical-align: top;} 
	#numero, #pnumero1, #pnumero2 {width: 2em; border: 1px solid #A3A3A3; vertical-align: top;}
	#calle:focus, #pcarrer1:focus, #pcarrer2:focus, #numero:focus, #pnumero1:focus, #pnumero2:focus {border: 1px solid #000;}
	input[type="image"] {vertical-align: top;}
#barcelona_clic div, #barcelona-clic div, #telefons_utilitat div, #telefons-utilitat div {border: none;}
	
/* llistes no estandard */

#telefons_urgencies li, #telefons-urgencies li {padding: 0.2em 0 0.2em 1em; background: transparent url(../../imatges_accessible/bullet_urg.gif) no-repeat 0 0.7em;}
#telefons_info dl, #telefons-info dl {margin: 0 0 1em 1em;}
	#telefons_info dt, #telefons-info dt {margin-top: 0.5em;}
	#telefons_info dt img, #telefons-info dt img {vertical-align: middle;}
	#telefons_info dd, #telefons-info dd {margin: 0 0 0 1em;}
	#telefons_info dt strong, #telefons-info dt strong, #telefons_urgencies li strong, #telefons-urgencies li strong {color: #2a6691;}

#ajment_clic, #ajment-clic {position: relative; z-index: 1;}
	#ajment_clic li.aj_temes, #ajment-clic li.aj-temes {padding-bottom: 1em;}
	#ajment_clic ul.amb_fons, #ajment-clic ul.amb-fons {position: relative; }
	#ajment_clic li.plenari_ca, #ajment-clic li.plenari-ca, #ajment_clic li.plenari_es, #ajment-clic li.plenari-es,#ajment_clic li.plenari_en, #ajment-clic li.plenari-en  { background:none; text-align:center; padding:0 0 .5em; margin-top:.3em;}
		#ajment_clic li.plenari_ca img, #ajment-clic li.plenari-ca img{ width: 15.45em;}
		#ajment_clic li.plenari_es img, #ajment-clic li.plenari-es img{ width: 16.2em;}
		#ajment_clic li.plenari_en img, #ajment-clic li.plenari-en img{ width: 13.6em;}

	/*#ajment_clic ul#amb_fons li#ajuntament_escolta { margin: 0; padding: 0; border: 1px solid #43719F; z-index:1;}
	#ajment_clic ul#amb_fons li#ajuntament_escolta strong { display:block; background: transparent url(../../../imatges_accessible/ca/home/bg_aj_escolta_sup.gif) no-repeat left top; }
	#ajment_clic ul#amb_fons li#ajuntament_escolta span.titol_amagat { position: relative; z-index: -1; padding: 0.4em 0.2em;}*/
	#ajment_clic ul.amb_fons li#ajuntament_escolta, #ajment-clic ul.amb-fons li#ajuntament-escolta { margin: 0; padding: 0; border: 1px solid #C9CED5; position:relative;}
	#ajment_clic ul.amb_fons li#ajuntament_escolta span.titol_amagat, #ajment-clic ul.amb-fons li#ajuntament-escolta span.titol-amagat {
		position: absolute;
		height: 2em;
		width: 18em;
		top: 0;
		left: 0;
		z-index: 1;
	}
	#ajment_clic ul#aj_escolta_opcions, #ajment-clic ul#aj-escolta-opcions {margin: 1em 0 0 0; padding: 0 0 0.6em 0;}
	#ajment_clic ul#aj_escolta_opcions li, #ajment-clic ul#aj-escolta-opcions li {margin: 0; padding: 0 0 0 2.6em; line-height: 1.5em; background-position: 1.5em 0.5em;}

/* Altres opcions */

.altresopcions {display: block; margin: 0;}
	.altresopcions a {margin: 0; padding: 0 0 0 1.7em; font-weight: bold; background: transparent url(../../imatges_accessible/bullet.gif) no-repeat 0.6em 0.4em;}
.mesinformacio {margin: 0; padding: 0.4em 0 0.5em 0;border-top: 1px solid #43719F; background: transparent url(../../imatges_accessible/fons_opcions.gif) repeat-x bottom; clear: both;}
.totplanol {margin: 0; padding:  0.4em 0 0.5em 0;border-top: 1px solid #43719F; border-bottom: 1px solid #43719F; background: transparent url(../../imatges_accessible/fons_opcions.gif) repeat-x bottom; clear: both;}
.condicions_us, .condicions-us {margin: 0; padding: 0.3em 0 0.3em 0; border-top: 1px solid #43719F; border-bottom: 1px solid #43719F; background: transparent url(../../imatges_accessible/fons_opcions.gif) repeat-x bottom; clear: both;}
	.mesinformacio a {margin: 0 0 0 0.8em; padding: .1em 0 .1em 1em; font-weight: bold; background: transparent url(../../imatges_accessible/bullet.gif) no-repeat left .4em; display:block; line-height:0.95em;}
	.condicions_us a, .condicions-us a {margin: 0 0 0 0.8em; padding: 0.2em 0 0.2em 0; font-weight: bold; line-height: 1.5em;}
	.totplanol a {margin: 0 0 0 0.8em; padding: 0 0 0 1.2em; font-weight: bold; background: transparent url(../../imatges_accessible/ico_mapa.gif) left center no-repeat;}
	
.rss { margin: 1em 0 0; padding: 0.4em 0.7em 0.3em 0; border-top: 1px solid #43719F; background: url(../../imatges_accessible/fons_opcions.gif) repeat-x bottom;}
	li.rss:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.rss a { display: block; float: right; border: 1px solid #43719F; border-left: 14px solid #D84C00; background:#fff; cursor: pointer;}
	.rss a:hover { text-decoration:none; background: #f9f9f9;}
.rss span { font-size: 0.8em; background: url(../../imatges_accessible/ico_rss.jpg) no-repeat; padding: 0 .2em 0 18px; margin:-1px 0 0 -14px; display:block; font-weight: bold; text-transform:uppercase; letter-spacing: -0.02em;}
	
/*-- columna 3 (banners,...)
--------------------------------------------------------------------------- */

.data { font-weight: normal; margin: 0 0 0.7em 0; padding: 0 0 0.9em 0; border-bottom: 1px solid #fff; text-align: center;}

#temps { border-bottom:1px solid #FFF; width:9.6em; overflow:hidden;}
#temps h2 {padding: 0 0 0 0.5em; font-size: 1.1em;}
#temps dl {display: block; margin: 0.4em 0 0.9em 0; padding: 0 0 0 0.5em; font-family: Arial, Helvetica, sans-serif;}
#temps dd {margin: 0; padding: 0; white-space: nowrap;}
	.pictograma_temps, .pictograma-temps {width: 32px; float: left; text-align: right;}
	.pictograma_temps img, .pictograma-temps img {display: block; margin-left: auto; margin-right: auto;}

#novetats, #destacats { margin-top:2.1em; position: relative; z-index: 1;}
	#novetats li img, #destacats li img {display: block; width: 9.6em;}
	#novetats ul, #destacats ul {margin:0; padding:0.8em 0 0.5em 0; list-style-type:none; background:#AFAFAF; text-align: center;}
	#novetats li, #destacats li {margin:0 0 0.8em 0; padding:0; background: #AFAFAF;}
	#novetats a, #destacats a { display:block; background:#ddd;}
	#novetats h2, #destacats h2 {display: block; min-height: 27px;}
	#novetats h2 span, #destacats h2 span {position: relative; z-index: -1; color: #fff; background:#43719F; display: block; padding: 0.2em 0.2em 0.2em 1em; overflow:hidden;}

/* informacio pagina
--------------------------------------------------------------------------- */
#copy a{ font-weight:bold;}
#sobre_bcn, #sobre-bcn, #info_ajbarna, #info-ajbarna {padding: 0.5em 0; font-size: 1.1em; text-align: center;  margin:0;}

	#sobre_bcn h2, #sobre-bcn h2 {font-size: 1em; text-transform: uppercase; color: #2A6691;}
	#sobre_bcn, #sobre-bcn {background: transparent url(../../imatges_accessible/fons_about.gif) repeat-x; border-bottom: 1px solid #fff; border-top:1px solid #fff;}
	#sobre_bcn img, #sobre-bcn img {vertical-align: middle;}
	
	#sobre_bcn ul, #sobre-bcn ul{ list-style-type:none; margin:0; padding:0;}
	#sobre_bcn ul li, #sobre-bcn ul li{ display: inline; padding: 0 0.6em; border-right: 1px solid #555;}
		#sobre_bcn ul li.last, #sobre-bcn ul li.last{ border: none;}

	#info_ajbarna strong, #info-ajbarna strong {line-height: 1.5em; text-transform: uppercase;}
	#info_ajbarna, #info-ajbarna, #info_ajbarna a, #info-ajbarna a {color: #fff; background-color: #43719F;}
	#info_ajbarna address, #info-ajbarna address{ font-style: normal;}
	
/* cantonades
--------------------------------------------------------------------------- */

.cantonades, .cantonades_sup, .cantonades-sup, .cantonades_inf, .cantonades-inf {position: relative;}
.cantonades_sup .se, .cantonades-sup .se, .cantonades_sup .sd, .cantonades-sup .sd, .cantonades_inf .ie,
 .cantonades-inf .ie, .cantonades_inf .id, .cantonades-inf .id, .cantonades .se, .cantonades .sd, .cantonades .ie, .cantonades .id {
	position: absolute; width: 6px;	height: 6px; overflow: hidden;}
.cantonades .se, .cantonades_sup .se, .cantonades-sup .se {top: -1px; left: -1px; background: url(../../imatges_accessible/cantonada_se.gif) no-repeat;}
.cantonades .sd, .cantonades_sup .sd, .cantonades-sup .sd {top: -1px; right: -1px; background: url(../../imatges_accessible/cantonada_sd.gif) no-repeat;}
.cantonades .ie, .cantonades_inf .ie, .cantonades-inf .ie { bottom: -1px; left: -1px;}
.cantonades .id, .cantonades_inf .id, .cantonades-inf .id { bottom: -1px; right: -1px;}

#experiencies .se {top: 0; left: 0;}
#experiencies .sd {top: 0; right: 0;}
#novetats .se, #destacats .se {top: 0; left: 0; background: url(../../imatges_accessible/cantonada_se_c3.gif) no-repeat;}
#novetats .sd, #destacats .sd {top: 0; right: 0; background: url(../../imatges_accessible/cantonada_sd_c3.gif) no-repeat;}
#novetats .ie, #destacats .ie {bottom: 0; left: 0; background: url(../../imatges_accessible/cantonada_ie_gris.gif) no-repeat;}
#novetats .id, #destacats .id {bottom: 0; right: 0; background: url(../../imatges_accessible/cantonada_id_gris.gif) no-repeat;}
#llista_noticies span.se, #llista-noticies span.se,#sabieu .se{ background: url(../../imatges_accessible/cantonada_se_gris.gif) no-repeat; }
#llista_noticies span.sd, #llista-noticies span.sd,#sabieu .sd{ background: url(../../imatges_accessible/cantonada_sd_gris.gif) no-repeat; }
#sabieu .ie{ background: url(../../imatges_accessible/sabieu_cantonada_ie.gif) no-repeat; }
#sabieu .id{ background: url(../../imatges_accessible/sabieu_cantonada_id.gif) no-repeat; }
.cerca_avansada .se, .cerca-avansada .se, .mapa_web .se, .mapa-web .se {top: 0; left: 0; background: url(../../imatges_accessible/cercador_cantonada_se.gif) no-repeat;}
.cerca_avansada .sd, .cerca-avansada .sd, .mapa_web .sd, .mapa-web .sd {top: 0; right: 0; background: url(../../imatges_accessible/cercador_cantonada_sd.gif) no-repeat;}
.cerca_avansada .ie, .cerca-avansada .ie, .mapa_web .ie, .mapa-web .ie {bottom: 0; left: 0; background: url(../../imatges_accessible/cercador_cantonada_ie.gif) no-repeat;}
.cerca_avansada .id, .cerca-avansada .id, .mapa_web .id, .mapa-web .id {bottom: 0; right: 0; background: url(../../imatges_accessible/cercador_cantonada_id.gif) no-repeat;}

#elsmes_demanats .se, #elsmes-demanats .se { background: url(../../imatges_accessible/tramits_destacats_se.gif) no-repeat;z-index: 2;}
#elsmes_demanats .sd, #elsmes-demanats .sd {background: url(../../imatges_accessible/tramits_destacats_sd.gif) no-repeat; z-index: 2;}
#elsmes_demanats .ie, #elsmes-demanats .ie {background: url(../../imatges_accessible/tramits_destacats_ie.gif) no-repeat;}
#elsmes_demanats .id, #elsmes-demanats .id {background: url(../../imatges_accessible/tramits_destacats_id.gif) no-repeat;}

#ajuntament_escolta .se, #ajuntament-escolta .se {background: url(../../imatges_accessible/escolta_cantonada_se.gif) no-repeat; z-index: 2;}
#ajuntament_escolta .sd, #ajuntament-escolta .sd {background: url(../../imatges_accessible/escolta_cantonada_sd.gif) no-repeat; z-index: 2;}
#ajuntament_escolta .ie, #ajuntament-escolta .ie {background: url(../../imatges_accessible/escolta_cantonada_ie.gif) no-repeat;}
#ajuntament_escolta .id, #ajuntament-escolta .id {background: url(../../imatges_accessible/escolta_cantonada_id.gif) no-repeat;}
#salta_nav div .ie, #salta-nav div .ie{bottom: 0; left: 0; background: url(../../imatges_accessible/cantonada_navbar_ie.gif) no-repeat; width: 12px; height: 12px;}
#salta_nav div .id, #salta-nav div .id{bottom: 0; right: 0; background: url(../../imatges_accessible/cantonada_navbar_id.gif) no-repeat; width: 12px; height: 12px;}
#llista_noticies ul li.rss span.se, #llista-noticies ul li.rss span.se ,.rss .se {background: url(../../imatges_accessible/cantonada_rss_se.gif) no-repeat; width: 2px; height: 2px; top:0; left:0;}
#llista_noticies ul li.rss span.sd, #llista-noticies ul li.rss span.sd ,.rss .sd {background: url(../../imatges_accessible/cantonada_rss_sd.gif) no-repeat; width: 2px; height: 2px; top:0; right:-21px;}
.rss .ie {background: url(../../imatges_accessible/cantonada_rss_ie.gif) no-repeat; width: 2px; height: 2px; bottom:-1px; left:0;}
.rss .id {background: url(../../imatges_accessible/cantonada_rss_id.gif) no-repeat; width: 2px; height: 2px; bottom:-1px; right:-21px;}
/*#banner_alcalde .ie, #banner-alcalde .ie { bottom: -1px;	left: -1px;	background: url(../../imatges_accessible/banner_alcalde_ie.gif) no-repeat;}
#banner_alcalde .id, #banner-alcalde .id { bottom: -1px;	right: -1px; background: url(../../imatges_accessible/banner_alcalde_id.gif) no-repeat;}*/

/* ==================================== Flash Deastaquem ==================================== */

.flash_destaquem, .flash-destaquem{ height:9em; width:9.6em;}

/* ===================================== Punts d'acces a Internet ============================ */

#menu-punts-acces ul{margin: 2em 0 0; padding: 0 0 .3em; list-style-type: none; border: 1px solid #dfd9d9; background: url(../../imatges_accessible/bg_menu_dsota.gif) repeat-y right top; font-family: Tahoma, Verdana;}
#menu-punts-acces ul li {padding: 0 0 0 0.4em; margin: 0.3em 0 0 0.5em; color:#204162; display:block;}
#menu-punts-acces ul li a {text-transform: uppercase; padding: 0.3em 0; font-weight: bold; line-height: 1.2em;}

