@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 4px 0 0 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	/*background:url(../../imatges_accessible/img10/bg-body-07.jpg) top center no-repeat #f2f2f2;*/
	color: #666;
}

/* Genérics */
*{ outline:none;}
object{ display:block;}
img{ border:0;}
ul{ list-style-type:none; margin:0; padding:0; font-size:1.1em;}
h1, h2, h3, h4, h5{ margin:0; padding:0; font-weight:normal;}

h1{  font-size:1em;}

h1 img{ display:block;  }


#capsalera{ position:relative; padding: 0 0 0 4.2em; height:7.8em;}
#capsalera .beta{ top:10px; right:35px; position:absolute;}
#capsalera a, #capsalera a:hover{ border:none;}

h2{ color:#013365; font-size:2.4em; letter-spacing:-1px; }



a{ text-decoration:none; color:#0d8ed1; border-bottom: 1px dotted #0d8ed1;}
a:hover{ border-bottom: 1px solid #0d8ed1;}

p{ font-size:1.2em;}

#marc-web {
	margin:0 auto;
	width:99.5em;
}

#menu-web {
	background:url(../../imatges_accessible/img10/bg-menu-inferior.jpg) repeat-x top #f2f2f2;
	width:100%;
	
}

#menu-web #items {
	width:99.5em;
	margin:0 auto;
}


body.js #la-ciutat-per h3{ position:absolute; top:0; z-index:10;  }



/* bloc */
.bloc{ background: url(../../imatges_accessible/img10/pestanya_sup.gif) no-repeat left top;}

	.bloc-end{background: url(../../imatges_accessible/img10/pestanya_inf.gif) no-repeat right bottom; margin-top:0; margin-left:0.4em; height:auto; overflow:hidden;} 


/* Barra corporativa Idiomes
************************************************************************/
#barra-corporativa{ height:32px; position:relative; overflow:hidden; width:99.5em; background:transparent url(../../imatges_accessible/img10/barra-right.png) right no-repeat;}
#barra-corporativa #idiomes{ margin:0; padding:0.8em 1.4em; position:absolute; right:0; top:0; }
#barra-corporativa div{ }
#barra-corporativa ul{ }
		#barra-corporativa #idiomes li{ display:inline; margin-left:.2em; }
		#barra-corporativa #idiomes li a {color:#FFFFFF; border:none;}
		#barra-corporativa #idiomes li.separador{ padding-left:1em; background:url(../../imatges_accessible/img10/separador.gif) no-repeat left center;}


/* Navegacio //-> Menu principal //-> Form cerca  */
#navegacio {}
ul#menu-principal{ float: left; padding-left:8px; padding-top:7px; margin-bottom:1.8em;}
ul#menu-principal li{ display: block; float: left; font-size:1.5em; margin-right:15px;  }
ul#menu-principal li a{color:#FFFFFF; font-weight:bold; border:0;}
ul#menu-principal li { background:none;}
ul#menu-principal li.separa a{ background: url(../../imatges_accessible/img10/separador-menu.gif) right no-repeat; padding-right:19px;  }
ul#menu-principal li.tramits{ padding:0;}

/* Cercador 
*************************************************************************/
#search{ float:right; padding-right:0.3em;}
#search p{ margin:1em 0 0; float:left; font-size:1.1em;}
#search form {float:left; margin-right:0.8em;}
#search form p { padding:0; margin-top:0.6em;  background: url(../../imatges_accessible/img10/input-cercador.png) no-repeat left top; width:17em; position:relative; font-size:1.2em;}
#search a{ color:#FFFFFF; border:0; padding-left:0.6em; }
#search #cerca{ border:0; height:1.6em; line-height:2em; padding-right:1em; width:14.2em; background:none; margin-left:0.8em; padding-top:0.15em; font-size:1em; color:#939393;}
#search #envia{ position:absolute; top:0.28em; right:0.5em;}
#search label{ position:absolute; top:0.3em; left:1em; font-size:0.9em; color:#939393;}
/*** Contenidor ***/

#contenidor{ padding:0 35px;}

/** Columna 0 //-> Columna 1 **/

#col-0{ float:left; width:64em; margin-right:1.5em; margin-top:0.2em;}
	#col-0 .bloc{ margin-bottom:4.6em;}
#col-1{ width:27em; float:left; }



/* Districtes
************************************************************************/	

#districtes{ clear: both;}
#districtes .bloc-end{ padding-top:2.6em;padding-left:2.4em; padding-bottom:2.8em;}
	
	#districtes img {float:left; margin-left:1.3em; margin-right:4.3em;}
	#districtes ul {float:left; width:22.3%; font-size:1.2em; margin-left:0.2em; margin-bottom:2em; margin-top:5.2em;}
		#districtes ul li {letter-spacing:-0.5px; margin-bottom:.4em; background:url(../../imatges_accessible/img10/raquo-pestanya.gif) no-repeat left 4px; padding-left:.5em;}
		#districtes ul li a {color:#0d8ed1;}

/* Serveis
****************************************************************/
ul#serveis{ width:100%; height:auto; overflow:hidden; margin-bottom:.9em;}
ul#serveis li{ width:22.55em; height: 8em; display:block; float:left;}
ul#serveis li.principal{ width:16.4em; height:18.4em;}
#serveis a:hover,#serveis a{ border:0; }

 ul#serveis li a { width:100%; height:100%; display:block;}
 ul#serveis li strong{ display:block; font-size:1.6em; letter-spacing:-0.05em; padding:1em 0 0 0.8em; font-weight:bold;}
ul#serveis li span{ color:#555; display:block;  line-height:1.1em; margin-left:1.4em; width:11em;}
ul#serveis li.principal{position:relative;}
	ul#serveis li.principal a{ position:absolute; top:0; left:0; height:16em; width:16em;}
		ul#serveis li.principal a strong{ border-bottom:1px dotted #0D8ED1; display:inline-block; font-size:1.5em; letter-spacing:-0.06em; margin-left:0.8em; margin-top:4.3em; padding:0; width:auto; word-spacing:-0.1em;}	
	ul#serveis li.principal ul{line-height:1em; margin-left:1.4em; margin-top:8em;}
		ul#serveis li.principal ul li{ width:auto; height:auto; clear:both; clear:both; font-weight:bold; height:auto; letter-spacing:0; padding:0 0 0 0.8em; width:auto; color:#1a4059; }

/*ul#serveis li.webs-bcn span{ width:9em;}*/
	
ul#serveis li.agenda{ }
ul#serveis li.directoris{ background: url(../../imatges_accessible/img10/bn-serveis-directoris.jpg) no-repeat left top;}		
ul#serveis li.webs-bcn{ background: url(../../imatges_accessible/img10/bn-serveis-webs-bcn.jpg) no-repeat left top;}
ul#serveis li.planol{ background: url(../../imatges_accessible/img10/bn-serveis-planol.jpg) no-repeat left top;}
ul#serveis li.com-si-va{ background:url(../../imatges_accessible/img10/bn-serveis-com-si-va.jpg) no-repeat left top;}
ul#serveis li.transit{ background: url(../../imatges_accessible/img10/bn-serveis-transit.jpg) no-repeat left top;}



/** Actualitat //-> Noticies //-> Agenda **/

#bloc-actualitat .bloc-end{ padding-left:2.4em; padding-right:1.7em; padding-top:2.4em; padding-bottom:2.1em;}

	
#bloc-actualitat h2{ margin-bottom:.8em;}
#llista-noticies{ padding-right:1.5em; background:url(../../imatges_accessible/img10/borde-menu-web.gif) repeat-y right top;  }

#llista-noticies, #llista-agenda{ width:27.6em; float:left; }
 #llista-agenda{ padding-left:2.4em; margin-left:-0.1em;background:url(../../imatges_accessible/img10/borde-menu-web.gif) repeat-y left top;}
#llista-noticies h3,  #llista-agenda h3{ font-size:1.4em; font-weight:bold; margin-bottom:.7em;}
	#llista-noticies div img, #llista-agenda div img{float: left; margin:.3em 1em 0 0; width:50px; height:50px;}
	#llista-noticies div p, #llista-agenda div p {margin:0; padding:0; }
	
	#llista-noticies div, #llista-agenda div {margin:0 0 1em 0; }

#llista-noticies div:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#llista-agenda div:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


#espai-promo{ clear:both; margin-bottom:1em;}
#espai-promo .bloc{ background:#FFFFFF none;}
#espai-promo div{ height:34.8em; margin:0 0 6.9em;overflow:auto; padding:0!important;}
#espai-promo ul{ padding:2em; }
#espai-promo ul li{ padding-bottom:2em; padding-right:1em; height:8em; float:left; margin-left:2em; /*background:url(../../imatges_accessible/img10/borde-menu-web.gif) right top repeat-y;*/  width:46%;}
	#espai-promo ul li h2{ font-size:1.4em; margin:0; padding:0; font-weight:bold;}
	#espai-promo ul li p{ padding:0; margin:0;}
	#espai-promo ul li p a{ background:url(../../imatges_accessible/img10/raquo-pestanya.gif) no-repeat left 0.4em; padding-left:0.8em; font-size:0.9em; } 
/** Alcalde **/

#alcalde .bloc-end{ padding-left:2.3em; padding-top:5px; padding-right:0.6em; padding-bottom:0.5em;}
#alcalde .video-actual{ background:url(../../imatges_accessible/img10/borde-menu-web.gif) repeat-y right top; float:left; padding-top:2.2em;height:41.3em;  margin-left:0; padding-right:2.1em;}
#alcalde .video-actual object, #alcalde .video-actual img{ display:block; }
#navegacio-videos-alcalde{ width:16.6em; height:41em; float:right;   margin:0; padding-left:0.2em; padding-top:2.8em; position:relative; overflow:auto;}
	body.js #navegacio-videos-alcalde{ padding-left:1em; width:15.8em; overflow:hidden;} 
#navegacio-videos-alcalde #galeria{}
#navegacio-videos-alcalde #galeria div{ overflow:hidden; position:relative; padding-bottom:2.8em;}
	body.js #navegacio-videos-alcalde #galeria div{ height:38em; padding-bottom:0;}

#galeria ul li a { line-height:1em !important; display:block;}
	#galeria ul li span, #galeria ul li strong{ font-weight:normal !important; font-size:0.9em; width:13em; padding-top:0.25em; padding-right:1.1em; display:block;}
	#galeria ul li span{ display:none;}
#navegacio-videos-alcalde ul{ position:relative;}
#navegacio-videos-alcalde ul li{ background:url(../../imatges_accessible/img10/bg-video-alcalde.jpg) no-repeat; width:13.2em;  height:11em; padding-top:.8em; padding-left:.8em; padding-right:.8em; margin-bottom:-.2em; }
	#navegacio-videos-alcalde ul li img{ display:block; margin-bottom:.2em;}
	#navegacio-videos-alcalde ul li p{ font-size:1em; margin:0; }
	#navegacio-videos-alcalde ul li a, #navegacio-videos-alcalde ul li a:hover{ border:0; }
	
#navegacio-videos-alcalde img#sup , #navegacio-videos-alcalde img#inf  { position:absolute; left:6em;}
		#navegacio-videos-alcalde #inf{ bottom:0; }
		#navegacio-videos-alcalde #sup{ top:0;}
			
	#reproductor-alcalde div{ padding-bottom:2.5em; padding-top:1.4em; height:26em;}
#reproductor-alcalde p{ width:34em;}

.alcalde{ font-size:1.2em; padding-top:2px; letter-spacing:-.5px; text-align:center; width:94px; height:20px; color:#FFFFFF; border:0; display:block;}
.alcalde:hover{ border:0;}

/** Atencio el ciutada //-> Telefons urgencia **/

#atencio-ciutada, #telefons-urgencies{ width: 31.6em; float:left;}
#telefons-urgencies{ margin-right:.8em; }
#telefons-urgencies .bloc-end{ padding-right:0.3em; padding-bottom:0.3em; }
#telefons-urgencies .bloc-end div{ }
/*** Info ajBarna ***/

#info-ajbarna{ width:100%; background:#0d8ed1; text-align:center;}


/* bloc-actualitat 
********************************************************************************/
#bloc-actualitat .video{  padding-left:2em; line-height:1.6em; margin-top:0;}

#bloc-actualitat .altresopcions{
clear:both;
color:#0D8ED1;
font-size:1.4em;
font-weight:bold;
letter-spacing:-0.5px;
padding-left:0.5em;
margin-top:1.1em;}
#bloc-actualitat .rss{ 
color:#FFFFFF;
font-size:1em;
margin-top:2.5em;
padding-bottom:1em;
padding-left:1.7em;
padding-top:0.1em;
text-transform:uppercase;
word-spacing:0.5em;}
#bloc-actualitat .rss a{ color:#FFFFFF; border:0;}


/* Ajuntament a un clic
************************************************************************/

#aj-click{ height:1%;}
#aj-click:after{ height:0; display:block; visibility:hidden; clear:both; content:'.';}

#aj-click .bloc-end{ padding-top:2.5em; padding-left:2.4em; padding-bottom:1.8em;}
	#aj-click h2 { margin-bottom:0.5em;}
		#aj-click h2 span { font-size:0.75em;}
	
	#aj-click .bloc-end div {background:url(../../imatges_accessible/img10/borde-menu-web.gif) repeat-y right top; width:29.4em; float: left; padding-top:1.7em; }
		#aj-click.es .bloc-end div { width:30.4em }
		#aj-click h3 { font-weight:bold; margin-bottom:0.6em;}
		#aj-click ul { float:left; font-size:1.2em; margin-left:0.5em; margin-right:.4em; width:auto; margin-bottom:1.4em;}
			#aj-click ul.ultim { margin-right:0;}
			#aj-click.es ul { margin-left:0.4em } /* nou es */
			#aj-click.en ul{ width:44%;}
			#aj-click.en ul.ultim { width:50%;}
			#aj-click ul li{ margin-bottom:.4em;  padding-left:.5em;}
			 #aj-click ul li a { color:#0d8ed1;}
		#aj-click p {letter-spacing:-0.5px; clear: both; font-size:1.4em; background:url(../../imatges_accessible/img10/raquo-pestanya.gif) no-repeat left 4px; padding-left:.5em;   color:#0d8ed1; font-weight:bold;}
	
	#aj-click #retransmissio{ padding-left:2.3em; background:none; padding-top:2.2em; width:auto;}
		#aj-click.es #retransmissio{ padding-left:1.3em }
	
	#aj-click #retransmissio a, #aj-click #retransmissio a:hover{ border:0; }
	

/* Webs destacades
-------------------------------------------------------------------------- */

#webs-destacadas{ clear:both;  height:1%; margin:0 0 1.9em 0; position: relative; width:92em }
#webs-destacadas div{}
#webs-destacadas .bloc-end { padding-right:0;  background: url(../../imatges_accessible/img10/pestanya_inf_dest.gif) no-repeat bottom right;}
#webs-destacadas .bloc-end div{  overflow:hidden; margin:2.8em 3em 3em; width:85.7em; position:relative;}
#webs-destacadas h2{ margin-bottom:.8em; color:#013365; margin-left:1.3em; margin-top:1em;}
#webs-destacadas ul{  padding:0; display:inline; position:relative;  margin:0; left:0; font-size:1em!important; width:1000em;}
	#webs-destacadas ul li{ width:10em; height:13.9em; padding:1.6em 1.6em 1em 1.8em; float:left; background:url(../../imatges_accessible/img10/bg_lidestaquem.gif) no-repeat left top; margin-right:1em; margin-bottom:1em;}
	#webs-destacadas ul li img { display:block; margin-bottom:.3em;}
		#webs-destacadas ul li p{ color:#000000; font-size:1em; font-family:tahoma, verdana; margin:0; padding:0;}
	#webs-destacadas ul li a{ color:#000; border:0;  text-decoration:none; height:auto; width:100%; height:100%; display:block; font-size:1em; line-height:1.1em;}
	#webs-destacadas ul li.fla a{ height:auto;}
	#webs-destacadas ul li a:hover{ text-decoration:none;}
		#webs-destacadas ul li a span{ clear:both;}
		
		body.js #webs-destacadas ul{ display:block; overflow:hidden; }
	body.js #webs-destacadas ul li{ margin-bottom:0;}

#webs-destacadas ul:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

	#webs-destacadas img#dret , #webs-destacadas img#esq  { position:absolute; top:9.4em;}
		#webs-destacadas #dret{ right:0.3em; }
		#webs-destacadas #esq{ left:0.4em;}
		


/* Pestanyes
************************************************************************/
#la-ciutat-per{ position:relative; margin-bottom:4.3em; clear:both;}
#la-ciutat-per h2{ margin-left:1.1em;}
#la-ciutat-per h3{ color:#FFF; font-size:1.4em; margin:0 0 0 0.7em; padding:0.7em 0 0 1.2em; cursor:pointer;  width:9em; height:1.4em; }
#la-ciutat-per h3.activa {  color:#013365; padding-bottom:.2em; top:-0.05em}
#la-ciutat-per .bloc{ position:relative;}
#la-ciutat-per .bloc-end{ margin-top:-0.2em; padding:2.2em 0.3em ; }
#la-ciutat-per ul{ display:block; float:left; height:8em; margin-left:-0.6em; overflow:hidden; padding:0 0.7em 0 0;}
 	 #la-ciutat-per ul li{background:url(../../imatges_accessible/img10/borde-menu-web.gif) repeat-y left top; margin-right:1em; padding-bottom:0.35em; padding-left:2.4em; margin-left:0.2em; width:13em; float:left;}
	 #la-ciutat-per #tema ul li{float:none!important; width:12.9em!important;}
 #la-ciutat-per a{ padding-left:0.8em;  } 
 


.temes{left:10.4em;}
.gent{left:20.7em;}
.xifres{left:31em;}
.district{left:41.25em;}


/* telefons-urgencies
************************************************************************/	

#telefons-urgencies .bloc-end div{ padding-top:2.6em; padding-left:2.3em; padding-bottom:2.8em; height:30.5em;}

#telefons-urgencies h2 {color: #aa0707; margin-bottom:0.5em; letter-spacing:-0.05em;}

#telefons-urgencies dl{ margin:0; margin-bottom:1.8em; margin-left:0em;}

	#telefons-urgencies dl dt{ float: left; font-size:1.8em;  color:#aa0707; font-weight:bold;}

	#telefons-urgencies dl dd{ padding-top: 0.3em;padding-bottom:0.3em; margin-bottom:.1em; font-size:1.2em; letter-spacing:-.5px; margin-left:3em; }
#telefons-urgencies .mesinformacio {color: #aa0707; font-weight:bold; font-size:1.4em; line-height:1.6em; }
#telefons-urgencies.en .mesinformacio {background: url(../../imatges_accessible/img10/ico-tel.gif) no-repeat left;}
#telefons-urgencies .mesinformacio a{ margin-left:1.5em;color: #aa0707; border-color:#aa0707;}
#telefons-urgencies .bloc-end div{ background:url(../../imatges_accessible/img10/bg-dit-tlf-urg.jpg) bottom no-repeat;}
/* atencio-ciutada
************************************************************************/
#atencio-ciutada .bloc-end {padding-top:2.6em;padding-left:2.1em; padding-bottom:2.8em; height:30.7em;}
#atencio-ciutada h2 {margin-bottom:0.6em; letter-spacing:-0.05em;}
#atencio-ciutada h3 {font-weight:bold; font-size:1.6em; margin-bottom:0.1em; }
.bloc-end h3.linea { padding-left:1.5em; }
.bloc-end h3.telefonica { padding-left:1.5em;}
.bloc-end h3.presencial { padding-left:1.5em;}
#atencio-ciutada .bloc-end img { float:left; padding-right:0.5em; margin-top:0.2em;}
	#atencio-ciutada .bloc-end li a strong{ color:#12a5bf; font-size:1.2em; word-spacing:-0.1em;}
	#atencio-ciutada .bloc-end li.incidencies a strong{ color:#1fae1e;}
	#atencio-ciutada .bloc-end li.incidencies a strong span{ color:#12a5bf;}
ul.linea-telf {margin-bottom:0.4em;}
#atencio-ciutada ul { margin-left:0; font-size:1.2em;}
#atencio-ciutada ul.aten-presencial {margin-bottom:1.4em;}
#atencio-ciutada ul.aten-telef {margin-bottom:0.2em;}
#atencio-ciutada ul.aten-telef li { padding-bottom:0.2em;}
#atencio-ciutada li {padding-left:.6em; padding-bottom:0.5em; margin-left:0.8em;}
	#atencio-ciutada li a { color:#0d8ed1;}
#atencio-ciutada p {padding:0;  font-weight:bold; margin-top:0; margin-left:0.8em;}
#atencio-ciutada p.carta-serveis { 
clear:both;
color:#0D8ED1;
font-size:1.4em;
font-weight:bold;
letter-spacing:-0.5px;
padding-left:0.5em; margin-left:.2em;}	
#atencio-ciutada p.carta-serveis a {}


#telefons-urgencies.en .bloc-end div{ height:32em;}
#atencio-ciutada.en .bloc-end{ height:32.2em;}

/* col-1 */



#tweeter .bloc-end {margin-bottom:0em;}
#temps { margin-bottom:2em; margin-top:-1.6em; padding-left:.3em;}
#tweeter .bloc-end, #temps .bloc-end, #tweets-bcn .bloc-end, #flick .bloc-end, #b-visio .bloc-end, #transit .bloc-end, #cams-transit .bloc-end, #blog-bcn .bloc-end, #firmament .bloc-end {padding:0.6em 0.4em; /*margin-bottom:2em;*/}
#serie-bcn {margin-bottom:1.5em; text-align:center;  }

#firmament img{ display:block;}
#firmament a, #firmament a:hover{ border:0;}


/* Banner columna 
******************************************************************************/

#banners li { margin-bottom:2em;  background: url(../../imatges_accessible/img10/bg-bloc-colright-inf.gif) no-repeat right bottom;}
#banners li a {border:none; padding:0.65em 0.65em 0.1em; background: url(../../imatges_accessible/img10/bg-bloc-colright.gif) no-repeat left top; display:block; }

#bcn-blog div div{padding: 6px 0 6px 4px;}
#bcn-blog div div a, #bcn-blog div div a:hover{border:none;}
#bcn-blog div div img{ display:block;}
/* Blog-Bcn
************************************************************************/
#blog-bcn #blog-complet object {display:block;}
	#blog-bcn a {  color:#FFFFFF!important; font-size:1.1em!important; font-weight:bold!important;  padding:0.3em 0.6em 0.6em 0; float:left; border:none; display:block; letter-spacing:-0.5px;text-align:center; width:93px;  text-transform:uppercase;}
		#blog-bcn a.es {width:120px; padding:0.4em 0 0.2em; letter-spacing:0; height:22px; }
	#blog-bcn h3 { font-size:1.6em; color:#0f9fcc; font-weight:bold; letter-spacing:-0.05em; margin-left:-0.05em}
	#blog-bcn a.logo-blog {background:none; border:none; position:absolute; bottom:0; right:0; padding-bottom:1.2em;}
#blog-bcn #blog-complet img{ display:block;}
		#blog-bcn .bloc-end #blog-complet{background:#dadfde; padding:0.8em 0.8em 0; width:24em; height:28em; position:relative;}
	#blog-complet div { padding-top:1.7em;}
	#blog-bcn p {margin-bottom:1.8em; margin-top:0; font-size:1.1em; line-height:1.2em;}

/* Menu web (peu)
************************************************************/
#menu-web {
	background:url(../../imatges_accessible/img10/bg-menu-inferior.jpg) repeat-x top #f2f2f2;
	width:100%;
	height:auto;
	overflow:hidden;
	}

#menu-web h2{
color:#0d8ed1;
font-size:1.8em;
font-weight:normal;
}
#menu-web h3{ color:#000000; font-size:1.1em; font-weight:bold;}
#menu-web a{ color:#000000; text-decoration:none;  border:0;}
#menu-web a:hover{ text-decoration:underline;}
#menu-web ul{ margin:0.7em 0 2em; font-size:1em; line-height:1.2em;}
#menu-web #items {
	width:95.4em;
	margin:0 auto;
	padding:3em 0 2.7em 4em;
	height:auto;
	overflow:hidden;
}

#menu-web #items div{ background:url(../../imatges_accessible/img10/borde-menu-web.gif) repeat-y left top; float:left; width:16.1em;  padding:0  2.1em; height:33.4em; }
#menu-web #items div#menu-web-ciutat{ width:30.9em; background:none; padding:0;} 
	#menu-web #items div#menu-web-ciutat .col-0,#menu-web #items div#menu-web-ciutat .col-1{ width:15.4em; margin-right:0.5em; margin-top:0.7em;}
	#menu-web #items div#menu-web-ciutat .col-1{ width:13.4em;}
	#menu-web #items div#menu-web-ciutat ul{ margin-top:0; margin-bottom:0.7em;}
	#menu-web #items div div { background:none; padding:0;}


#menu-web #items div  div#llegenda{ height:auto; width:auto; margin:0; padding:0;}
	#menu-web #items div  div#llegenda p{color:#000000; font-weight:bold; font-size:1em; margin:0; padding:0; font-weight:bold;}

/* Peu
************************************************************************/

#info-ajbarna{ width:100%; background:#0d8ed1; text-align:center; clear:both; color:#FFFFFF; font-size:1.1em; padding:.8em 0 .7em;}
	#info-ajbarna a{ color:#FFFFFF; border:0;}
	#info-ajbarna a:hover{ text-decoration:underline;}
	#info-ajbarna #copy{ font-weight:bold; margin:0 0 0.5em;}
	#info-ajbarna address{ font-style:normal;}


/** FancyBox 
************************************************************************/

#fancybox-close{ right:-1px!important; top:-24px!important;}
#fancybox-close, #fancybox-close:hover{ border:0;}

/** Cantonades 
************************************************************************/

#la-ciutat-per .bloc-end, #la-ciutat-per .bloc{}

#la-ciutat-per .bloc .sd, 
#la-ciutat-per .bloc .id,
#la-ciutat-per .bloc .se,
#la-ciutat-per .bloc .ie{
width:14px; height:14px; display:block; position:absolute;}

#la-ciutat-per .bloc .sd{ 
top:1px; right:1px;}
#la-ciutat-per .bloc .id{  bottom:1px; right:1px;}
#la-ciutat-per .bloc .se{ top:1px; left:2px;}
#la-ciutat-per .bloc .ie{  bottom:1px; left:2px;}




#col-1 .bloc{ margin-bottom:1.6em!important;}

/** Cantonades Fancy Tramits
************************************************************************/

#tramits .bloc-tramit{ position:relative;}
#tramits .bloc-tramit .sd, 
#tramits .bloc-tramit .id,
#tramits .bloc-tramit .se,
#tramits .bloc-tramit .ie{
width:14px; height:14px; display:block; position:absolute; }

#tramits #ciutadans .sd{ background:url(../../imatges_accessible/img10/cantonada-sup-dr-blanc.gif) no-repeat;  top:-2.6px; right:-6px;}
#tramits #ciutadans .id{ background:url(../../imatges_accessible/img10/cantonada-inf-esq-blanc.gif) no-repeat;  bottom:-6px; right:-6px;}
#tramits #ciutadans .se{ background:url(../../imatges_accessible/img10/cantonada-sup-esq-blanc.gif) no-repeat;  top:-2.6px; left:-2.6px;}
#tramits #ciutadans .ie{ background:url(../../imatges_accessible/img10/cantonada-inf-dr-blanc.gif) no-repeat; bottom:-5.5px; left:-3px;}

#tramits #empreses .sd{ background:url(../../imatges_accessible/img10/cantonada-sup-dr-blau.gif) no-repeat;  top:-4px; right:-6px;}
#tramits #empreses .id{ background:url(../../imatges_accessible/img10/cantonada-inf-dr-blau.gif) no-repeat;  bottom:-6px; right:-6.3px;}
#tramits #empreses .se{ background:url(../../imatges_accessible/img10/cantonada-sup-esq-blau.gif) no-repeat;  top:0px; left:0;}
#tramits #empreses .ie{ background:url(../../imatges_accessible/img10/cantonada-inf-esq-blau.gif) no-repeat; bottom:-6px; left:-2.8px;}



/** Aux **/

h2{
 color:#013365;
 font-size:2.4em;
 }

 h3{
 color:#013365;
 font-size:1.6em;
 }




/* Fancy Tramits
************************************************************************/
body#tramits {background:none; padding:0; margin:0;}
	body#tramits #marc-web { width:91.4em; margin:0;padding:3.6em 4.4em 4.4em 4.6em; height:45em;background:url(../../imatges_accessible/img10/bg-tramits.jpg) no-repeat;}
	body#tramits h1{color:#013365; font-size:2.4em; letter-spacing:-1px; font-weight:bold; height:auto; float:left; margin-bottom:1em; margin-left:0.1em; padding:0;}
	body#tramits .tramits-online {border:none;margin-left:52.1em;}
		body#tramits .tramits-online img{margin-top:-2.6em;}
	body#tramits #ciutadans{clear:both;float:left; background: url(../../imatges_accessible/img10/bg-ciutadans.jpg) no-repeat #770101; border:2px #FFFFFF solid; margin-right:1.6em;}
		body#tramits #ciutadans a {background:url(../../imatges_accessible/img10/bg-llistat-vermell.gif) no-repeat left; padding-left:0.5em;}
	body#tramits #empreses {float:left; background: url(../../imatges_accessible/img10/bg-empreses.jpg) no-repeat #1a4059; border:2px #FFFFFF solid;}
		body#tramits #empreses a {background:url(../../imatges_accessible/img10/bg-llistat-blau.gif) no-repeat left; padding-left:0.5em;}
	body#tramits #contenidor {margin:0; padding:0;clear:both;}
		body#tramits #contenidor h2 {font-size:2em; letter-spacing:-1px; color:#FFFFFF; margin-bottom:0.5em;}
	body#tramits .bloc-tramit {padding:1.6em; width:40%; height:23.8em;}
		.bloc-tramit a{color:#FFFFFF; border-color:#FFFFFF; font-size:1.1em; letter-spacing:-0.6px;}
		.bloc-tramit li{padding-bottom:0.4em;}
		.bloc-tramit p {font-size:1.4em; margin-bottom:5em;}
		
/* Pestanyes
************************************************************************/
body#webs-bcn {background:#EAE9E9; padding:0; margin:0;}
body#webs-bcn #marc-web { width:91.4em; margin:0;padding:0; height:45em; background:url(../../imatges_accessible/img10/bg-websbcn.gif) no-repeat #eae9e9; padding-top:1em; padding-left:1.8em; padding-right:1.8em; padding-bottom:1.1em;}
body#webs-bcn #contenidor h3{
 color:#FFF;
 font-size:1.6em;
 font-weight:bold;
 background: url(../../imatges_accessible/img10/pestanya-off-web-bcn.gif) no-repeat left top;
 margin:0 0 0 0.7em;
 padding:0.2em  0.8em 0;
height:2.2em;
 cursor:pointer; 
 width:7.8em;
 letter-spacing:-1px;
 }
 
 body#webs-bcn #contenidor h3.de-p-z{
 
 background-image: url(../../imatges_accessible/img10/pestanya-off-web-bcn-llarga.gif);
 width:8.8em;

 }
 body#webs-bcn #contenidor h3.de-p-z.activa{
 
 background-image: url(../../imatges_accessible/img10/pestanya-activa-web-bcn-llarga.gif);
 width:8.8em;

 }

body#webs-bcn #contenidor {position:relative; padding:0; width:88em;}
body#webs-bcn.js #contenidor h3{ position:absolute; top:-1.4em;}
body#webs-bcn #contenidor h3.activa { background: url(../../imatges_accessible/img10/pestanya-activa-web-bcn.gif) no-repeat left top; color:#013365; padding-bottom:0; width:7.8em;top:-1.8em;; padding-top:0.6em; height:2.4em;}

.de-a-b{left:0.4em;}
.de-c-e{left:9.9em;}
.de-f-i{left:19.2em;}
.de-j-o{left:28.6em;}
.de-p-z{left:38.0em;}

body#webs-bcn h1 {color:#013365; font-size:2.4em; letter-spacing:-1px; font-weight:bold; height:2em;margin-bottom:1.6em;   background: url(../../imatges_accessible/img10/bg-titol-websbcn.jpg) no-repeat top left; padding-left:3.4em; padding-top:0.8em; margin-left:0.5em;}

body#webs-bcn #contenidor{clear:both; }

body#webs-bcn #contenidor .bloc{ margin-top:-0.2em; padding:2.2em 0.3em ; overflow:hidden; background:none #FFFFFF; border:1px solid #dedddd; height:auto; overflow:hidden;}
 
body#webs-bcn #contenidor ul.primer{ width:19.9em;}

body#webs-bcn #contenidor ul{ 
	margin-right:1em;
	margin-left:-0.6em;
	overflow:hidden;
	padding:0 0em 0 0;
	float:left;
}

body#webs-bcn #contenidor ul li{
background: url(../../imatges_accessible/img10/borde-menu-web.gif) repeat-y top left;
display:block;
padding-bottom:0.35em;
padding-left:2.1em;
margin-left:0.2em;
float:none;
width:23.7em;

}
body#webs-bcn #contenidor .bloc ul{height:19.2em; width:32.7%;}

body#webs-bcn #contenidor a{ background:url(../../imatges_accessible/img10/raquo-pestanya.gif) no-repeat left 0.4em; padding-left:0.8em;  }

 #search a, ul#serveis li.principal ul li, #la-ciutat-per a, #la-ciutat-per h3.activa, #la-ciutat-per h3, #bloc-actualitat .video, #bloc-actualitat .altresopcions, #bloc-actualitat .rss, .alcalde, #la-ciutat-per .bloc .sd, #la-ciutat-per .bloc .se, #la-ciutat-per .bloc .id, #la-ciutat-per .bloc .ie, #reproductor-alcalde div, #navegacio-videos-alcalde, #blog-bcn a, #blog-complet div, #telefons-urgencies .mesinformacio, .bloc-end h3.linea, .bloc-end h3.telefonica, .bloc-end h3.presencial, #atencio-ciutada li, #aj-click ul li, #atencio-ciutada p.carta-serveis, #blog-bcn a.es  {background:url(../../imatges_accessible/img10/sprites-1.gif) no-repeat;}

ul#menu-principal li.separa{ background-position:left -2px; } 
#search a{ background-position:left -45px;}
ul#serveis li.principal ul li{ background-position: left -2723px;}
#la-ciutat-per a {background-position:left -81px;}
#blog-bcn a.es { background-position:left -2789px; }

#la-ciutat-per h3.activa {background-position:left -163px;}
#la-ciutat-per h3 {background-position:left -263px;}
#bloc-actualitat .video {background-position: left -719px;}
#bloc-actualitat .altresopcions {background-position:left -79px;}
#bloc-actualitat .rss {background-position:left -818px;}
.alcalde { background-position:left -1325px;}
#la-ciutat-per .bloc .sd { background-position:left -563px;}
#la-ciutat-per .bloc .se{background-position:left -373px;}
#la-ciutat-per .bloc .id{ background-position:left -458px;}
#la-ciutat-per .bloc .ie{background-position:left -636px;}
#reproductor-alcalde div {background-position: left -947px;}
#navegacio-videos-alcalde {background-position:left -1410px;}
#blog-bcn a {background-position:left -1919px;}
#blog-complet div {background-position: left -2346px;}
#telefons-urgencies .mesinformacio {background-position:left -2450px;}
.bloc-end h3.linea {background-position:left -2522px;}
.bloc-end h3.telefonica {background-position:left -2647px;}
.bloc-end h3.presencial {background-position:left -2587px;}
#atencio-ciutada li {background-position:left -81px;}

#aj-click ul li {background-position:left -81px;}


#atencio-ciutada p.carta-serveis {background-position:left -81px;}
 

ul#serveis li.principal, ul#serveis li.agenda, ul#serveis li.directoris, ul#serveis li.webs-bcn, ul#serveis li.planol, ul#serveis li.com-si-va, ul#serveis li.transit  {background:url(../../imatges_accessible/img10/sprites-2.jpg) no-repeat;}
ul#serveis li.principal {background-position:top -2px; }
ul#serveis li.agenda{ background-position:-1px -273px;}
ul#serveis li.directoris{ background-position:1px -633px;}		
ul#serveis li.webs-bcn{ background-position:left -1174px;}
ul#serveis li.planol{ background-position:left -788px;}
ul#serveis li.com-si-va{ background-position:left -478px;}
ul#serveis li.transit{ background-position:left -984px;}	

ul#serveis li.guia {background: url("../../imatges_accessible/img10/bn-guia-bcn-ca.jpg") no-repeat scroll -1px 0 transparent;width: 45.05em;}
ul#serveis li.guia-es{ background: url(../../imatges_accessible/img10/bn-guia-bcn-es.jpg) no-repeat -1px 0px;width: 45.05em;}
ul#serveis li.guia-en{ background: url(../../imatges_accessible/img10/bn-guia-bcn-en.jpg) no-repeat -1px 0px;width: 45.05em;}


#serie-bcn {margin-bottom:1.5em; text-align:center;}

/* blog dels tecnics */

#blogtecnics .bloc-end{ padding:0.6em 0.4em 0.2em;}

/* I like Facebook */

#facebook{ overflow:hidden;  width: 270px; height: 270px;}
			#facebook .bloc-end { height:265px; padding:4px;}
				#facebook .bloc-end div{ overflow:hidden; height: 260px; width:257px; }
    	    #facebook iframe{ margin:-2px;}
			
			
/* Barcelona Blog */

#barcelonablog .bloc-end{ padding:0.6em 0.4em 0.2em;}