@charset "utf-8";

/* CSS Document */
/* Genèrics */


body{ 
  padding: 0;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 62.5%;	  
  color: #FFF;
  background:#0083a4;
  height:auto;
}

a{ text-decoration:none; color:#FEDD00; border-bottom:1px dashed #7faa4a;}
a:hover{ border-bottom:1px dashed #FEDD00; text-decoration:none!important;}
a:visited{color:#FEDD00;}
a.altres-link{ font-weight:bold; line-height:1.4;}
img{ border:0;}
ul{ list-style:none; padding:0; margin:0 0 2.1em;}
h1, h2, h3, h4, form, dl{ margin:0; padding:0;}
p{ margin:0; padding:0; font-size:1.2em; line-height:1.2em;}
object {display:block; }

h1{ font-size:1em; width:99.5em; height:25.6em;}
h1 object{ width:100%; height:100%;  }
#contingut_plantilla h1{ width:auto; height:auto;}
h2{color:#FEDD00; font-size:2.5em; font-weight:bold;}
h2 img{ margin:0!important; }
h3{color:#FEDD00; font-size:1.3em; margin:0.5em 0 0; clear:both;}
h4{ font-size:1.2em; font-weight:bold;}
#marc-web{ width:99.5em; margin: 0 auto;}

#brand a{ border:0; }

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

#barra-corporativa{
	background-color:#000000;
	color:#FFFFFF;
	margin:0;
	height:30px;
	padding:0;
	text-align:right;
	font-size:1em;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
    #barra-corporativa a{ color:#FFFFFF; border:0;}
	#barra-corporativa img{display:block; float:left; height:auto!important;}
	#barra-corporativa #idiomes{ float:right!important; margin:0!important; padding:0.8em 1.4em!important; font-size:0.9em!important; font-weight:normal!important; height:auto!important;}
	#barra-corporativa ul li{ line-height:normal!important; height:auto!important;}
		#barra-corporativa ul#idiomes a { font-weight:normal!important; font-size:1.1em!important}

/* Capcalera
---------------------------------------------------------------------------------*/

h1 {
    background: url(../img/bg-capsalera-1.jpg) no-repeat scroll 0 0 transparent; font-size: 1em; height: 119px; padding-left: 30px;
    padding-top: 25px;
}
h1 a, h1 a:hover{ border:0;}


/* Contenidor 
---------------------------------------------------------------------------------*/

#contenidor { padding:0 0 4.5em; overflow:hidden; height:auto; display:inline-block;background:url(../img/fons-centrals.gif) no-repeat top left;}
body#home #contenidor {	 background:url(../img/fons-home.gif) no-repeat top left; padding-top:2.7em;}



#contenidor p{ margin-bottom:1.1em;}
body#home #noticies, body#home .caixa-destacada { width:27.2em; float:left; padding:0 3em; }
 body#home .caixa-destacada .tit-interrupcio-gif{ background: url("../img/bg-punts.gif") center top no-repeat; margin-top: 0.6em;
    padding-top: 1.2em;}
body#home #noticies{width:27.1em;}
	#noticies div { padding:0.5em 0 1.2em; height:auto; overflow:hidden;}
		#noticies div img { float:left; margin-right:1.2em; margin-top:0.3em; margin-bottom:0.5em;}
		#noticies div p{ margin-bottom:0.4em;}

/*body#home #perque { width:27.3em; float:right; padding:0 3em; }*/
	
/*#noticies.interior{ background:url(../img/bg-noticies-interior.jpg) top no-repeat!important;}*/

/* Peu
---------------------------------------------------------------------------------*/
#info-pagina{ clear:both; background:url(../img/inf.gif) repeat-x 0.1em top; padding:0; margin:-1.8em 0 0;
padding:2em 0; z-index:2; position:relative; font-size:1em; text-align:center; margin-bottom:1em;}
	/*#info-pagina a{ font-weight:bold!important; border:none;}*/
	#info-pagina ul{  list-style:none; position:absolute; left:18%; }
		#info-pagina ul li{ display:inline; padding:0 1em; float:left;}
		#info-pagina ul li.separador{ background:url(../img/separador.gif) no-repeat right center; padding-top:0.2em; }
		#info-pagina a{ color:#FEDD00!important;}

/* home */

#info-pagina #coefinansat { margin:3em auto; text-align:left; width:20em;}
	#info-pagina #coefinansat p{ font-size:.9em; line-height:1.1em; }		
		#info-pagina #coefinansat p.slogan{ font-weight:bold; text-transform:uppercase; font-size:1em;}			
	#info-pagina #coefinansat img{ float:left; margin-right:.5em;}
p.subt{ font-weight:normal;}
/* Centrals 
----------------------------------------------------------------------------------*/

#contenidor #contingut {width:60.2em; float:left; padding:2.7em 3em 1.8em;}

	#contenidor #contingut .col-0, #contenidor #contingut .col-1{ margin:0; padding:0; width:27.1em; float:left;}
		#contenidor #contingut .col-0 { padding-right:3em;}
		#contenidor #contingut .col-1 { padding-left:3em;}
#contenidor #destacats { float:left; padding:0; background:#0083A4 url(../img/bg-destacats.jpg) no-repeat left bottom;}
body#home #contenidor #destacats { background:none; width:auto; float:left;}
	 .caixa-destacada ,#destacats #noticies{padding:2.7em 3em 1.4em; width:27.3em; margin:0;}
	 .columna, #noticies.interior { background:url(../img/bg-punts.gif) top center no-repeat; padding-top:3em; }
	 body#home .columna{ background:none; padding:0;}
	 .columna .caixa-destacada{ padding-top:0em;}
	 
	  .caixa-destacada.obres a, .caixa-destacada.obres a:hover { border:0;}
	 .visites{ background:url(../img/bg-punts-2.gif) repeat-x top; padding-top:2.8em; margin-top:1.4em;}
	  
	  .caixa-destacada a{ color:#FEDD00!important; }
	  
	 
		/*#contenidor #destacats .caixa-destacada, #contenidor #destacats #noticies{ background:url(../img/fons-caixa.gif) no-repeat left top; }*/
		.caixa-destacada img{ margin:0.3em 0 1.1em;}
ul.consulta-obres{ margin-bottom:1.9em;}
ul.consulta-obres li img{ display: block; margin-bottom:2em;}
  ul.consulta-obres li a{ border:0; outline:none;}
	ul.consulta-obres li a:hover{ border:0;}

#contenidor #destacats h2{ margin-bottom:.3em;}


.unio-europea{ background:url(../img/bg-unio-europea.jpg) no-repeat; height:16.4em; padding-top:4.4em;}
.unio-europea div{ padding-bottom:3em;margin:0 auto; width:65.7em; position:relative;  }
.unio-europea div.es{ width:71.5em; }

.unio-europea img{ float:left;  display:block; margin-left:1.3em; margin-right:1.1em;}
.unio-europea h2{ font-size:2.4em; font-weight:bold; padding-top:.5em; color:#FFFFFF!important; padding-left:7.15em;}
.unio-europea h3, .unio-europea p{ font-size:2.1em; font-weight:normal; color:#FFFFFF!important; padding-left:8.2em;}
.unio-europea h2,.unio-europea h3 {  clear:none; margin:0; text-transform:uppercase; position:relative; }
	.unio-europea a, .unio-europea a:hover{ border:0; color:#FFFFFF; outline:none; position:absolute; top:0; left:0; width:100%; height:100%; display:block; z-index:10;}

body#home #contenidor{ padding-bottom:2em;}
body#home #destacats { margin:0 0 0 0; padding:0;}		
	/*body#home #destacats .caixa-destacada{ background:none;}	*/
	 #destacats .columna .caixa-destacada{ background:url(../img/bg-punts.gif) bottom center no-repeat; padding-bottom:2em; margin-bottom:2.6em; }
	 #home #destacats .columna { float:right;}
	 #home #destacats .columna .caixa-destacada{ clear:both;}
	 #destacats .columna .ultim{ background:none!important; margin-bottom:0; padding-bottom:0;}

/* Paginador */

.paginador{ height:5.3em!important; position:relative; margin:0 0 2em; clear:both; width:auto; border-top:1px dashed #4d9e72;}
	.paginador h3{ display:none;}
	.paginador a.anterior { position:absolute; left:3%; top:1.6em; background:url(../img/raquo-anterior-pag.gif) no-repeat left; padding-left:1em; padding-bottom:.2em; font-size:1.1em;}	
	.paginador a.seguent { position:absolute; right:3%; top:1.6em; background:url(../img/raquo-seguent-pag.gif) no-repeat right; padding-bottom:.2em; padding-right:1em; font-size:1.1em;}
		
		.paginador ul{ padding-top:1.7em!important; text-align:center; margin-right:3em; font-family:Arial, Helvetica, sans-serif; display:block; float:none;}	
		.paginador ul li{ display:inline; font-size:1.2em; margin-right:.6em;}
		.paginador ul li.marcat{ font-weight:bold; font-size:1.4em; }
			.paginador ul li.marcat a{ color:#FFFFFF!important;}
			.paginador ul li a{ border:none!important;}		
		

/* Detalls
----------------------------------------------------------------------------------*/
#detall-noticies h3{ font-size:1.6em; font-weight:bold; margin-top:.3em;}
#contenidor #contingut #detall-noticies .col-0 { width:34.7em;}
		#contenidor #contingut #detall-noticies .col-1 { width:22.5em; padding-left:0; padding-top:1em;}
#detall-noticies .col-0 h4{ margin-bottom:.8em;}
#detall-noticies .col-1 h4{ font-weight:normal; font-size:1.2em; background:#2c9ebe; padding:0.2em .5em .1em; line-height:1.2em;}
#detall-noticies .col-0 span{ color:#FFFFFF!important; font-size:1.2em!important; font-family:Arial, Helvetica, sans-serif!important;}
#detall-noticies .col-1 img{ margin-bottom:1.7em;}
p.data { font-style:italic; margin-bottom:1.6em!important;}
.caixa-info{ border:1px solid #2c9ebe; padding:1.4em .6em .8em; margin-bottom:1.3em;}		
.caixa-info ul{ padding:0; margin:0;}
.caixa-info ul li{ background:url(../img/ico-list.gif) no-repeat left 0.4em;; padding: 0 0 0 .7em; font-size:1.2em; margin-bottom:.4em;}
ul.afectacions li a{ background:url(../img/ico-list.gif) no-repeat left 5px; padding: 0 0 0 .7em;}
ul.afectacions li{ margin-bottom:.4em;}
/* Per que */

#contenidor #contingut #detall-perque .col-videos { width:27.1em; float:right; margin-left:3em; padding-top:3.5em;}

	#contenidor #contingut #detall-perque .col-videos h3{ padding:0; margin:0; font-size:1.2em; line-height:1.2em; margin-bottom:0.4em;}
	#contenidor #contingut #detall-perque .col-videos object{ margin-bottom:2.4em;}
	
#contenidor #contingut #detall-perque p.eslogan{ margin-top:0.6em;}
#contenidor #contingut #detall-obres object { margin-top: 1.4em;}
#contenidor #contingut #detall-obres h2{ margin-bottom:0.3em;}


#destacats .columna .mapa { padding-bottom:1.8em; }

/* Plantilla
---------------------------------------------------------------------------------*/

body#popup #marc-web{ width:100%;}
body#popup #contingut_plantilla h1{ color:#FEDD00; font-size:2.5em; font-weight:bold; margin-top:0.2em; margin-bottom:.75em; height:auto; }
body#popup #contingut_plantilla h2 { color:#FFFFFF; font-size:1.2em; text-transform:uppercase; background:#2c9ebe; margin-top:1.4em; padding:0.3em 0.9em 0.1em; line-height:1.2em;}

#contingut_plantilla.detall h2 { margin-bottom:.7em; font-size:2.2em; letter-spacing:-1px;}
	#contingut_plantilla.detall h3{color:#FFFFFF; font-size:1.2em; text-transform:uppercase; background:#2c9ebe; margin-top:1.4em; padding:0.3em 0.9em 0.1em; line-height:1.2em;}

#contingut_plantilla p.resultat{ font-size:1.2em; margin-bottom:0;}
 #contingut_plantilla #asia-observacions{ margin-bottom:1.6em;}

#contingut_plantilla{ background:url(../img/inf.gif) repeat-x 0.1em bottom; padding:1em 3em 6.9em; }
	
	#contingut_plantilla.detall{ padding-left:0; padding-right:0;background:none;}

#situar{ float:right; margin-top:-1em; background:url(../img/ico_planol.gif) no-repeat right; padding-right:1.8em; margin-bottom:1em; }






#contingut_plantilla .adr, #contingut_plantilla #asia-observacions p, #contingut_plantilla ul{ border-left:1px solid #2c9ebe; border-bottom:1px solid #2c9ebe; border-right:1px solid #2c9ebe; padding:0.8em 0.9em; font-size:1.2em;} 

#contingut_plantilla dl, #contingut_plantilla ul{ font-size:1.2em;}
	#contingut_plantilla dl dt{ float:left; font-weight:bold; width:11.1em; display:block; }

#contingut_plantilla .adr dd{margin-left:11em;}


#contingut_plantilla #coefinansat { padding-bottom:0.6em;}
	#contingut_plantilla #coefinansat p{ font-weight:bold; font-size:1.1em; margin-bottom:0;}		
		#contingut_plantilla #coefinansat p.slogan{ text-transform:uppercase; font-size:1.2em; padding-top:0.15em;}		
		#contingut_plantilla #coefinansat p.feder{ font-size:1em;}		
	#contingut_plantilla #coefinansat img{ float:left; margin-right:.6em;}
	

/*llistat asia*/

body#llistat #contingut_plantilla{ background:none; padding:0em 0em 0.8em; }
body#llistat #contingut_plantilla h2 {font-size:2.2em;letter-spacing:-1px; margin-bottom:0.55em;}

body#llistat #contenidor #destacats h2{ margin-bottom:0.55em;}
body#llistat #contingut_plantilla ul { padding:0!important; margin-top:1.5em;}
body#llistat #contingut_plantilla ul li{ clear:both; margin-bottom:1.9em;}
body#llistat #contingut_plantilla ul.llistat span{ display:block; float:left; margin-bottom:1.5em; width:4%;}
body#llistat #contingut_plantilla ul.llistat a{ width:auto!important; }
body#llistat .paginador { border-bottom:1px dashed #4D9E72; border-top:0;}
body#llistat .paginador a.seguent {font-size:0.75em; top:0; right:0;}
body#llistat .paginador a.anterior {top:0; font-size:1.2em; left:0;}
body#llistat .paginador li.pagines{ text-align:center; padding-top:0.2em; font-size:1.1em; }

body#detall-asia #contenidor #destacats h2{ margin-bottom:0.55em;}



		
.video{ background:url(../img/ico-video.gif) no-repeat left; padding-left:1.7em; }	



ul.llistat{ border:none!important;}
	ul.llistat li{ color:#fedd00;} 

#form-paraula{ background-color:#339cb6; padding:1.1em 1.4em;}
#form-paraula label{ width:100%; font-weight:bold; display:block; margin-bottom:0.2em; margin-left:0.1em;}
#form-paraula input#paraula{ background:none; border:0; padding:0.1em 0.4em 0.4em; width:18.6em; color:#555;}
#form-paraula p{ margin-bottom:0; margin-top:1em; background:url(../img/bg-input.gif) no-repeat left 1.3em;}
#form-paraula #boto{ vertical-align:bottom;}


#incidencia{ margin-bottom:1.5em!important;}

#accions{ position:relative; padding-bottom:2.5em; }

#contingut_plantilla .print{ text-align:left; font-size:1.2em;position:absolute; right:0; background: url(../img/ico-print.gif) left no-repeat; padding-left:2em;}

		#contingut_plantilla .print a img{ vertical-align:text-bottom;}

p.tornar{ background:url(../img/raquo-tornar.gif) no-repeat left; padding-left:.9em; position:absolute; left:0;}
#accions a{ color:#FFFFFF;}
	#accions a:hover{ border-bottom:1px solid #80c1d2;}
	#accions a{ border-bottom:1px dashed #80c1d2;}


div#imatges { position:relative; height:159px; margin-bottom:20px; margin-top:20px; overflow:hidden;}
div#imatges:after{ clear: both; display:block; content:'.'; height:0; visibility:hidden;}
div#imatges h2{margin:0; padding:0; font-size:11px!important; padding-left:0!important; font-family:Arial, Helvetica, sans-serif; text-transform:none!important; color:#fff!important; background:none!important; font-weight:normal; letter-spacing:0px!important;}
div#imatges dd{  margin:0 1em 0 0; padding:0; display:inline; position:absolute; left:0; top:18px;   }


div#imatges #titol-1{ float:left; width:149px;height:143px; }
div#imatges #titol-2{ width:171px; float:left;height:143px; }
div#imatges #titol-3{ float:left; width:280px; overflow:hidden; }

div#imatges #titol-3 h3{ text-transform:none; padding-left:0; padding-bottom:0.5em; background:none;font-size:1.1em;}


/* videos-ciutat
-----------------------------------------------------------------------------------------*/

#detall-videos #visor-video{ height:41em; padding-bottom:2.6em; }
#detall-videos #visor-video h3{ font-size:1.6em;}
#detall-videos #videos a { border:0; }	

#detall-videos #videos h3.entrevistes { color:#FFFFFF; width:37.1em; background-color:#2499b9; padding:.3em 0 .3em .5em; margin:0; font-size:1.6em; }

#detall-videos #videos ul { margin:1.8em 0 1em 0.9em; }

    #detall-videos #videos ul li { display:block; background:url(../img/bg-capsa-video.jpg) no-repeat top left; display:block; float:left; width:289px; height:96px; margin:.6em .6em 0 0; }
	   #detall-videos #videos ul li.par { margin-right:0; }

    #detall-videos #videos ul li div { display:block; width:14.8em; float:right; margin:1.3em 1em 0 1em; }
		#detall-videos #videos ul li div p { margin:.5em 0 0 0; }
		#detall-videos #videos ul li div h4 {  line-height:1em; }

	#detall-videos #videos ul li img { padding:.1em 0 0 .1em; height:94px; width:120px; float:left;  }
	
	
/* HOME PROVISIONAL
-----------------------------------------------------------------------------------------*/

body#home_provisional h1{ font-size:3.5em; margin:2.05em 1.1em 1em; height:auto; width:auto;}

body#home_provisional #contenidor{ background: url(../img/inf.gif) repeat-x bottom left; width:91.9em; padding:2.7em 3.8em 9.1em;}

body#home_provisional #contenidor p{ color:#FFDD00; font-family:Arial, Helvetica, sans-serif; font-size:2.2em; margin-bottom:0;}
body#home_provisional #contenidor p strong{color:#FFFFFF;}



.info-relacionada{ padding:1em 0 1.5em; margin-bottom:2.5em; background:url(../img/bg-punts-2.gif) bottom center repeat-x; }
.relacionat{ margin-bottom:.5em;}

.ejecucion{ background-color:#fed025; color:#0183a5!important;  padding-left:2px; padding-right:2px; font-weight:normal;}
.finalizadas{ background-color:#025608; padding-left:2px; padding-right:2px;  font-weight:normal;}


/* Detall-europa
--------------------------------------------------------------------------------------------*/

#contenidor #contingut #detall-fonseuropeu h3, #contenidor #contingut #detall-fonseuropeu h4{ margin-bottom:1.1em;}
ol{ color:#fed025;}
.banners a{ float:left; display:block; border:0!important; margin-left:.3em;}
.banners a.ultim{ margin-left:1.1em;  border:0!important;}


#detall-fonseuropeu .llistat{ margin-top:1.5em;}
#detall-fonseuropeu .llistat li{ font-size:1.2em; margin-bottom:1.1em;}


.contingut{padding:2.7em 3em 1.8em!important; }


/* Boto enviar */
#formObres, #formObres-pl { float:left;}
#formObres div, #formObres-pl div { float:left;}
#boto-enviar, #boto-enviar-pl{ background:none; border:0; font-size:1em; color:#FEDD00; border-bottom:1px dashed #7faa4a; padding:0; cursor:pointer; border:0;}


/* Iris
--------------------------------------------------------------------------------------------*/
#caixa-mare h4.capcalera{ margin:2.7em 0 0 2.7em;}

.taula-border h2{ margin-top:1em; margin-left:1.3em;}


/* Nou "Per què les Obres?"
--------------------------------------------------------------------------------------------*/

	#contenidor.perque #fancybox-close { border:none !important; background: url("../img/fancy_close.png") no-repeat scroll left top transparent !important; height: 33px; right: -18px; top: -13px; width: 34px; }
	#contenidor.perque #contingut { width:auto;  float: none; padding: 2.7em 3em 2.8em; }
	#contenidor.perque { background: url("../img/fons-centrals-perque.gif") no-repeat scroll left top transparent; }
	#destacats-perque { background: url("../img/bg-perqueobres.jpg") no-repeat scroll 0 0 transparent; height:1%; }
	#destacats-perque:after{ clear:both; content:'.'; height:0; visibility:hidden; display:block;} 
	#destacats-perque .caixa-destacada{ float:left; width: 27.3em;  height: 25em; background: url("../img/bg-punts-v.gif") no-repeat scroll right 2.5em transparent;  }
	#destacats-perque .noticies { background:none; padding-right:0; }

.bloc-avis { position:relative; }
	.bloc-avis p{ position:absolute; right:0; top:3px; }


/* Llegenda 
--------------------------------------------------------------------------------------------*/

#llegenda{ background-color:#FFF; width:334px; margin-left:0; padding:9px 0 14px 0; height:60px; border:#000 1px solid; }
	#llegenda ul { margin:0; }
	#llegenda li { color:#13404c; font-size:11px; float:left; padding:2px 0 9px 24px; margin-left:8px; letter-spacing:-0.1px; }
		#llegenda li.llegenda1 { background:url(../img/llegenda/llegenda1.png) 0 0 no-repeat; width:125px; }
		#llegenda li.llegenda2 { background:url(../img/llegenda/llegenda2.png) 0 0 no-repeat; width:125px; }
		#llegenda li.llegenda3 { background:url(../img/llegenda/llegenda3.png) 0 0 no-repeat; width:125px; }
		#llegenda li.desactivat { background:url(../img/llegenda/desactivat.png) 0 0 no-repeat; width:140px; }
		#llegenda li.europeu { background:url(../img/llegenda/europeu.png) 0 0 no-repeat; width:140px; }