@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #fff;
	background:url("../img/bg.jpg") no-repeat scroll center top #000000;
}

img{ border:0;}
ul, ol { list-style-type:none; }
	ul, ol, h1, h2, h3, h4, h5, dt, dd, dl, table, td, tr { margin:0; padding:0;}
	h1 img, h2 img{ display:block;}
a{ text-decoration:none; color:#da2991; }

h1{ color:#FFFFFF; font-size:1em;}
h3{ color:#FFFFFF;font-size:1.4em;margin-bottom:2em;text-transform:uppercase;}
#titol { background:url(../img/bg-titol.png); width:100%; }
#titol h2{ color:#FFFFFF;font-size:1.3em;font-weight:bold;padding:1.4em 0 0.15em 2.2em;text-transform:uppercase;  }
#llista-welcome h2{color:#FFFFFF;font-size:1.3em;font-weight:bold;margin-bottom:-8px;padding:0.2em 0 0;text-transform:uppercase;}
#marc-web{ width:99.25em; margin:0 auto 5em; color:#afafaf; }
#contenidor{ margin:0 3em; background-color:#090909; padding:0.5em 3.35em 0;position:relative; }
#nit #contenidor{ padding:0.5em 3.35em 0}
#welcome #contenidor{ padding:3.5em 3.35em 0}
#contenidor:after{ content:'.'; display:block; overflow: hidden; height:0; clear:both;}
#contenidor p{font-size:1.2em;padding-bottom:0.2em}
#welcome #contenidor p{font-size:1em;}
	
	#contenidor h2{color:#FFFFFF;font-size:1.8em;font-weight:normal;text-transform:uppercase;margin-top:1.25em;}	
		#welcome #contenidor h2{font-size:1.3em;margin-top:0;font-weight:bold;}	
	
#capsalera { position:relative; height:14em; min-height:14em;  margin:0 3em;}
		#welcome #capsalera { height:11em; min-height:11em; }
		#welcome #contenidor:after{ content:'.'; display:block; overflow: hidden; height:0; clear:both;}
	#capsalera h1 { left:3.5em;position:absolute;top:3em; }


ul#menu {background-image:url("../img/bg_menu.png");bottom:0;font-size:1.4em;font-weight:bold;left:0;padding:0.6em 0;position:absolute;width:100%;height:1em;}
	ul#menu li{ background:url("../img/bg_border_lat.gif") repeat-y scroll left center transparent;display:inline;letter-spacing:-0.05em;padding-left:16px;
padding-right:13px;}
	ul#menu li.primer { background:none; padding-left:2.4em;border-left:0; }
	ul#menu li a { color:#fff; }
	ul#menu li.active { color:#DA2991; }
	ul#menu li.active a{ color:#DA2991; }
	ul#menu li a:hover { color:#DA2991;}

	
ul#submenu{ background:url("../img/bg_border.png") repeat-x scroll center bottom transparent;margin-bottom:3em;padding:0.8em 0 2.6em;}
	ul#submenu li{font-size:1.4em;line-height:1.4em;position:relative;background:url("../img/ul-list.png") no-repeat scroll 0 5px transparent;padding-left:15px; color:#fff;}
	ul#submenu li a:hover{ color:#FFFFFF; }
	

ul#submenu.en	{font-size:1.5em}
ul#submenu.en li{padding-right:.4em; padding-left:.4em;  }

/* Barra Corporativa 
--------------------------------------------------------------------------- 

#barra-corporativa { background-color:#000000; min-height:3em; margin:0; padding:0; position:relative; text-align:right; }
    #barra-corporativa a{ color:#FFFFFF; text-decoration:none; }
    #barra-corporativa a:hover { border-bottom:1px solid #ffffff; }
	#barra-corporativa img{ float:left; display:block;}
	#barra-corporativa #idiomes{ float:right; margin:0; padding:0.8em 1.4em;}
		#barra-corporativa #idiomes li{ display:inline; margin-left:.2em;}
		#barra-corporativa #idiomes li.separador{ background: url(http://www.bcn.cat/imatges_accessible/img09/separador.jpg) no-repeat right; padding-right:1em;}*/
 

/* Principal
--------------------------------------------------------------------------- */

dt{ font-weight:bold;color:#FFFFFF; }

#navegacio { position:relative; height:3.5em; margin:0 0 3em;clear:both;background:url("../img/bg_border_bottom.gif") repeat-x bottom; } 
.paginador { position:relative; height:3.5em; margin:0;clear:both; }
	#navegacio p.torna { position:absolute; left:0; background:url(../img/boto-anterior.jpg) left center no-repeat; }
		#navegacio p.torna a { text-decoration:none; font-size:1.2em; padding-left:1em; }
	#navegacio p.imprimeix { position:absolute; right:0; background:url(../img/boto-imprimeix.jpg) left center no-repeat; }
		#navegacio p.imprimeix a { text-decoration:none; font-size:1.2em; padding-left:1.2em; }	
	.paginador p.anterior { position:absolute; left:0; background:url(../img/boto-anterior.jpg) left center no-repeat; }
		.paginador p.anterior a { text-decoration:none; font-size:1.2em; padding-left:1em; }
	.paginador p.seguent { position:absolute; right:0; background:url(../img/boto-seguent.jpg) right center no-repeat; }
		.paginador p.seguent a { text-decoration:none; font-size:1.2em; padding-right:1em; }

	.paginador.ultim { margin-top:1em;  }
	ul#llista-welcome  {width:112%;}
		ul#llista-welcome li{float:left;font-size:1.2em;margin-bottom:1em;margin-right:2.5em;;position:relative;width:34.65em;}
		ul#llista-welcome li.ultim{margin-bottom:0;}
		
		
		ul#llista-welcome li.ultim_nou img{width:266px;}
		ul#llista-welcome li.ultim_nou{margin-bottom:0;width:269px;}
		
		
	
		ul#llista-welcome a{color:#fff;}
		ul#llista-welcome a:hover{color:#DA2991;}


	
/*	#navegacio p.torna a:hover, #navegacio p.imprimeix a:hover, 
	.paginador p.anterior a:hover, .paginador p.seguent a:hover
	{ border-bottom:1px solid #DA2991; }
*/
	/* noticies welcome */
	div#noticies { margin-top:44.5em; width:100%; overflow:hidden; font-size: 1.2em; padding:10px 0; background-color:#1c1c1c; }
		div#noticies ul{ width:1555em; }
			div#noticies ul li { display:inline; }
			div#noticies ul li.last { border-left: 1px dotted #777777; padding-left: 20px; margin-left:20px;}
			div#noticies span { color:#da2991; font-weight:bold;}


			
			div#noticies.ca {margin-top:45.5em;}
			div#noticies.es {margin-top:47em;}
			div#noticies.en {margin-top:44.5em;}
			
/* nit-magica   ul.ca li {height:21.5em;}
--------------------------------------------------------------------------- */
#paragraf-nit-magica {    background: url("../img/bg_border_lat.gif") repeat-y scroll right 40em transparent;
    margin-right: 28.8em;
    padding-right: 2em;
}
#paragraf-nit-magica  h3{ margin-top:2em;margin-bottom:1em;}
.clear {clear:both;}

ul#nit-magica {margin-top:1.5em;width:105%;}
ul#nit-magica li {display:inline;float:left;padding-right:27px;position:relative;width:271px;}

ul.ca li.ultim {height:19em;}
ul#nit-magica li img{width:271px;}
ul#nit-magica li p{width:100%;}

/* Barris
--------------------------------------------------------------------------- */
		
		body#barris .dades-principals a:hover { border-bottom:1px #DA2991 solid; }
		body#barris .detall-agenda a:hover { border-bottom:1px #DA2991 solid; }
		
		
		
	body#barris dl { font-size:1.2em;  }
		body#barris dl em { color:#DA2991; font-style:normal; }

		body#barris #llista-agenda, body#barris #detall-agenda, body#barris #detall-equipament { margin:1em 0; }


	


	
	
	
	body#barris dl.dades-principals { float:left; width:35em;position:relative; }
	body#barris dl.detall-agenda { margin-top:1em; }

	body#barris #opcions-equipament div { float:left;height:18.6em;margin:0.3em 0 0;position:relative;right:0;width:17em;}
	
		body#barris #opcions-equipament p { margin:0 1em 0 0;padding:0.3em;text-align:right; }			
		body#barris #opcions-equipament p a, body#barris #opcions-equipament p span { text-decoration:none; font-size:1.1em; padding-right:2.2em;  }
		body#barris #opcions-equipament p.mapa { background:url("../img/mapa.jpg") no-repeat scroll right center transparent; position:relative; }
		body#barris #opcions-equipament p.com-anar{ background:url("../img/bus.jpg") no-repeat scroll right center transparent; position:relative; }
		body#barris #opcions-equipament p.aparcament{ background:url("../img/parquing.jpg") no-repeat scroll right center transparent;position:relative; }
			body#barris #opcions-equipament p.accessibilitat {background:url("../img/acces.jpg") no-repeat scroll right center transparent;color:#FFFFFF;position:absolute;right:0;width:12em;bottom:1.9em;}
		
		body#barris 	#opcions-equipament {position:relative;}
		body#barris #opcions-equipament img { position:absolute;top:0;}


	body#barris dl.altres-dades {  clear:both; position:relative; }
		body#barris dl dt { float:left; padding-right:.4em; }
		body#barris dl dd { padding-bottom:0.5em; }
			body#barris dl .horaris { clear:both; position:relative;}
			body#barris dl dt.horaris {float:none;margin:0 0 1em;position:relative;}
				body#barris dl dd.horaris table { position:relative;top:0;clear:both;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; border:1px solid #FFFFFF !important; border-collapse:collapse; font-size:0.9em;  background:url(../img/bg-head-table.jpg) repeat-x; width:100%;	color:#AFAFAF;}
										body#barris dl dd.horaris table td { padding:.2em .4em; border:1px solid #FFFFFF !important; border-collapse:collapse;}
						body#barris dl dd.horaris table tr:first-child { color:#fff; }
						
					body#barris dl dd.horaris table strong{	display:block; padding:.3em 0; }	

				body#barris dl dd.organitzat, body#barris dl dd.text-info { clear:both;}
					body#barris dl dt.organitzat { margin-top:.8em; margin-bottom:.5em; }
					body#barris dl dd.organitzat span{ display:block; margin-top:0.2em;}
					body#barris dl dt.text-info{ margin:.7em 0 .1em 0; }
					body#barris dl dd.text-info{ margin-top:0.2em; line-height:1.5em; }

					
					
					
	
	/* llista-agenda */
	
	body#barris #llista-agenda p em { font-weight:bold; font-style:normal; }
	body#barris #llista-agenda h3{ font-size:1.2em; color:#DA2991;font-weight:normal; margin:2em 0 .8em 0; text-transform:none;}
		body#barris #llista-agenda h3 span{ margin-right:.5em; }
		
	body#barris #llista-agenda dl { margin-left:1.5em; }
	body#barris #llista-agenda p { font-size:1.2em; margin:0; padding:0; }
	body#barris #llista-agenda p span {color:#fff; }
	body#barris #llista-agenda dd, body#barris #llista-agenda dt { line-height:.8em; }
	body#barris #llista-agenda dd span { color:#DA2991;}
	

	/* venta-petards "home" */
		
	#venta-petards {margin-top:3.5em;position:relative;}
	#venta-petards .columna-1 {position:relative;float:left;width:50%;}
	#venta-petards .columna-2  {position:relative;background:url("../img/bg_border_lat.gif") repeat-y scroll left center transparent;float:right;height:310px;width:49%;}
	#venta-petards .columna-2 div {padding-left:4.5em;position:relative;}
	#venta-petards .columna-2 div h3{margin-bottom:1.2em;}
	#venta-petards .columna-2 p#info{  margin:11em auto;position:relative;width:78%;}	 

	
	
	/* venta-petards  per barris
	body#barris #venta-petards {margin-top:1em;}
	body#barris #venta-petards  #casetes{position:relative;background:url("../img/bg_border_lat.gif") repeat-x scroll left center transparent;}
	body#barris #venta-petards .columna-1 {height:200px;margin-bottom:2em;}
	body#barris #venta-petards .columna-1 h3 {bottom:0;margin-bottom:0;position:absolute;}
	body#barris #venta-petards .columna-2  {height:200px; margin-bottom:2em;}*/
	#venta-petards .columna-2  ul {position:relative;margin-top:0.5em;}
	#venta-petards  .columna-2 ul  li{background:url("../img/bullet-list.jpg") no-repeat scroll left 0.5em transparent;font-size:1.2em;letter-spacing:-1px;padding:0 2em 0 1em;}
	#venta-petards .columna-2  h4 {color:#fff;font-size:1.4em;}
	
	body#barris #venta-petards {clear:both;height:22em;margin-top:0;position:relative;}
	body#barris #venta-petards .columna-2  {height:200px;margin-right:1em;}
	body#barris #venta-petards .columna-1  {width:49%;height:200px;}
	body#barris #venta-petards .columna-2 object {position:absolute;top:1em;margin:-6em 12em;}
	body#barris #venta-petards .columna-1 #cnt {position:absolute;bottom:0;margin-bottom:0;}
	body#barris #venta-petards .columna-1 #cnt p{margin:0;}
	body#barris #venta-petards .columna-1 #cnt span{color:#fff;}
	body#barris #venta-petards .columna-1 #cnt h3{margin-bottom:1em;}
	
/* Receptes
--------------------------------------------------------------------------- */
	/*body#receptes #content {height:51em}*/
	body#receptes dt { font-size:1.4em; }

	body#receptes ul.ingredients { margin-top:0.4em; }
	body#receptes ul.ingredients li { font-size:1.2em; }
	body#receptes ul.ingredients li { font-size:1.2em; padding:0 2em 0 1em; background:url(../img/bullet-list.jpg) no-repeat left .5em; letter-spacing:-1px; }
		body#receptes ol.procediment li { font-size:1.2em; padding:0 2em 1em 0; }
	body#receptes ol.procediment  { position:relative; float:left; width:66%; }
/* 	body#receptes #coca  { position:relative; float:left; width:60%; }
 */	body#receptes #necessiteu  { float:right;position:relative;width:70%;margin-top:1em;}
	body#receptes #necessiteu  dl { float:left;position:relative;width:30%;}
	


	body#receptes #contenidor #coca { float:left;position:relative;width:22em;padding-bottom:2em;margin-left:0.5em;margin-top:1em;}


	
	body#receptes #contenidor h4{ clear:both;color:#fff;font-size:1.6em; margin-bottom:0.5em;}
	body#receptes #contenidor h4:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		#receptes #peu #imatge-recepte img{ width:271px; height:144px; float:right;}
		

			
				#bg-inferior {bottom:13em;position:absolute;right:3.5em;}
				/* vigila-amb
--------------------------------------------------------------------------- */
	
	body#vigila-amb #contenidor ul#imatges{ margin-top:-4em; }
	body#vigila-amb #contenidor ul#imatges li{ float:left;height:28.3em;margin:3em 3em 0 0;position:relative;width:19.1em;}
	body#vigila-amb #contenidor ul#imatges li.ultim{ margin-right:0; }
	body#vigila-amb #contenidor ul#imatges li img{ position:absolute; top:0; left:0; }
	body#vigila-amb #contenidor ul#imatges li p{ position:absolute; top:0; left:0; margin:0; padding:.5em; font-size:1.3em; letter-spacing:-1px; line-height:1.1em;color:#FFFFFF;  }

			body#vigila-amb #contenidor ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

			
			
			
			
					/* Tot apunt
--------------------------------------------------------------------------- */		
			
	
	img#tot-apunt {position:absolute;top:3em;right:3.35em;}		
			
			#tot-apunt 
			
			
			
			
			
/* Footer
--------------------------------------------------------------------------- */
#contenidor:before{content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#peu {background:none repeat scroll 0 0 #090909;clear:both;margin-left:3em;margin-right:3em;padding-bottom:19px;padding-top:36px;position:relative;text-align:center;}
#peu p {background-image:url("../img/bg_peu.png");background-repeat:repeat-x;bottom:0;font-size:1.1em !important;height:37px;margin:0 3em;padding:0.8em 0;position:relative;right:0;}
#imatge-recepte {position:relative; float:right;}



font {color:#AFAFAF;}
font.textoazulb { clear:both; margin-top:.8em; margin-bottom:.5em; display:block; font-weight:bold; color:#fff;}
a.linkazul2{margin-left:-3px;}








@media print {
  body{ background:none; }
  #contenidor{ background:none; }
  *{color:#000;}
  #contenidor h2 ,h2,h3,a.active{color:#000;}
  #peu { background:none; }
  ul#menu {display:none;}
  ul#submenu {display:none;}
  #capsalera h1 {background:black;}
 
  
  
  
}