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

/* Genérics */

body{ 
	margin: 0;
	padding: 0;
    font-family:  Arial,  Helvetica, sans-serif;
    font-size: 62.5%;
    background-color: #fff;
    color: #555;
}

img{ border:0;}
map { display:block;}
ul{ list-style-type:none;  }

ul, h1, h2, h3, h4, h5{ margin:0; padding:0;}
ol{ font-size:1.2em; padding-bottom:.5em;}
ol li{  margin-bottom:1em;}
h1 img{ display:block; }
a{ text-decoration:none; color:#8ea82a;}

p{ font-size:1.2em; margin:0; padding:0; line-height:1.2em;}

#content-elements #detail ul li ul{font-size:.8em; margin-top:1em;}



#marc-web{ width:99.5em; margin:1.7em auto;  position:relative;}


a.more-info{color:#8ea82a; border-bottom:1px dashed #cad895; background:url(../img/ico-link.gif) left 5px no-repeat; padding-left:.5em;}


	a.more-info:hover{border-bottom:1px solid #8ea82a;}

p.contact{ background:url(../img/arroba.gif) no-repeat .7em; padding-left:2.2em; font-size:1.2em;}
	p.contact a{ border-bottom:1px dashed #cad895;}
	
p.contact a:hover{border-bottom:1px solid #8ea82a;}


/* Idiomes */

#languages{ position:absolute; background-color:#FFFFFF; top:1.2em; right:0; font-family:tahoma, verdana; padding:.2em .6em;}
	#languages a{ color:#000; text-transform:uppercase; }
	#languages li{ display:inline; border-right:1px solid #000; padding-right:.6em;}
	#languages li.ultim{ border:0; padding-left:.5em; padding-right:0;}

/* Header */ 

#header{ background:url(../img/header-1.jpg) no-repeat; }
body#welcome #header{ width:99.5em; height:33.3em;}
body#welcome #header h1{ font-size:1em; height:33.3em; width:30em;}
body#segona #header{ width:99.5em; height:18em; background:url(../img/second-header-1.jpg) no-repeat; }
#header div.data-event { position:absolute; right:0.4em; top:15.1em; }
#welcome #header div.data-event { right:5em; top:27.7em; }



/* Main menu */

map{  margin-bottom:4em;}

#main-menu{ width:16.9em; float:left; }
	#main-menu h2{ background-color:#c1c1c1; color:#FFF; font-size:1.1em;  font-weight:bold; text-transform:uppercase; letter-spacing:-.1px; padding:.43em .4em;}

#main-menu li{ color:#b6b5b5; border-bottom:1px solid #d2d2d2; padding:.7em .6em;font-size:1.2em; line-height:1.1em;}
#main-menu li span{ }
#main-menu li span.adjunt{font-size:.9em;}
#main-menu li span.active{ cursor: pointer; color:#8ea82a;}
	#main-menu li ul{ font-size:.9em; padding-top:.3em; margin-bottom:-.2em;}
	#main-menu li ul li{ border:0;  line-height:1.3em; background:url(../img/ico-menu.gif) no-repeat left 6px; padding-left:.7em; padding-top:.2em; padding-bottom:.2em; font-size:1.1em;}		
		 #main-menu li ul li ul li { font-size:1.1em;}
		  #main-menu li ul li ul li ul li{ font-size:1.1em;}
#main-menu a{ color:#8ea82a; }

map#section-barcelona a{color:#00adef;}
#main-menu map#section-barcelona li span.active{cursor: pointer; color:#00adef;}


/* content-group */

#content-group{ padding-top:4.3em; border-bottom:1px solid #d3d3d3; padding-bottom:3.2em;  }
	
	body#welcome #content-group{background:url(../img/bg-content-welcome.gif) repeat-y right #FFF;}
	body#segona #content-group{background:url(../img/bg-content-second.jpg) no-repeat top right #FFF; padding-top:6.9em;}
	
	#content-group:after{ clear:both; height:0;  display:block; visibility:hidden; content:'.';}


/* content-elements */

#content-elements{ float:left; width:77.3em; padding-left:5.3em; }
	body#segona #content-elements{ width:72.3em; padding-right:5em; position:relative;}
	
	#content-elements h2{ font-size:2.2em; margin-bottom:1em;  font-weight:normal; letter-spacing:-1px; line-height:.9em; color:#000000;}

	#content-elements h3{ font-size:1.6em; font-weight:bold;  width:auto; color:#444;}
	
	body#segona #content-elements h3{ color:#000;}

body#welcome #content-elements h4{ font-size:1.4em; margin-bottom:.8em; margin-top:-.3em; }
 		#content-elements h4 a{ color:#8ea82a; border-bottom:1px dashed #cad895; }
 			 #content-elements h4 a:hover{border-bottom:1px solid #8ea82a; }
			 
	
/* columns */
			 			 
#column-1, #column-2{  float:left;}

#column-1{ padding-right:2.6em; width:33.4em; }
	#column-1 p{ margin-bottom:1.5em;}
	#column-1 img{ display:block; margin-bottom:1.1em;}
	
	#column-1 div{ position:relative; border-top:1px solid #c5c5c5; padding-top:2.5em; margin-top:3.9em;} 
		#column-1 div h3{ position:absolute; display:inline; padding-right:.3em; background-color:#FFFFFF; top:-1em; left:0;}
	
	#column-1 div.news{ margin-top:4.3em;}
	 img.mapa{ margin-bottom:7px; display:block;}


#column-2{ padding-left:2.7em;  width:33.3em;}

/* sections */

#sections{ padding-top:3.2em; padding-bottom:1.6em; }
	#sections:after{ clear:both; height:0;  display:block; visibility:hidden; content:'.';}
	
	#column-2 .box-information{ width:16em; float:left; margin-bottom:1.3em; margin-right:1.3em; }
		#column-2 .box-information.par{ margin-right:0;}  
		#column-2 .box-information h3{ background-color:#00c0f3; font-size:1.2em; padding:.4em .7em .3em; font-weight:normal; }		 
			#column-2 .box-information h3 a{color:#FFFFFF;}	 
		#column-2 .box-information div{ border:1px solid #c2c2b2; border-top:none; min-height:5.8em; padding:.6em; background:url(../img/bg-box-information.jpg) bottom no-repeat #fff;}
	#column-2 .box-information p{ font-size:1.1em;}
#column-2 .box-information p img{ float:left; padding-right:.4em;}



/* temps */

#temps{float:left; margin-bottom:1.3em; margin-right:1.3em; width:16em; position:relative;}
#content-elements #temps h2{ background-color:#00c0f3; font-size:1.2em; padding:.4em .7em .3em; margin:0;  letter-spacing:0; line-height: normal;}
#content-elements #temps h2 a{ color:#FFFFFF;}
#temps h3{position:absolute; left:6.1em; top:3em; z-index:1; font-size:1.1em; font-weight:normal;}
	
	#temps dl{ position:relative; margin:0; padding:0; border:1px solid #c2c2b2; border-top:none; min-height:5.8em; padding:.6em; background:url(../img/bg-box-information.jpg) bottom no-repeat #fff;}

			#temps dl dd{ color:#000;   float:left; margin:0; padding:0; font-size:1.1em;}

			#temps dl abbr{ color:#000;  margin:0; padding:0; font-weight:normal; border:0;}

.pictograma_temps{ display:block; position:absolute; left:1em; bottom:.6em;  }

#temps dl dd.maximes{  position:absolute; left:6.1em; bottom:3.1em;}

#temps dl dd.minimes{ position:absolute; left:6.1em; bottom:1.9em;}


.access{ display:none;}


/* events-calendar */

#column-2 .events-calendar{ clear:both;  border-top:1px solid #c5c5c5; position:relative; margin-top:1.4em;}
	#column-2 .events-calendar h2{ font-size:1.6em; color:#444; font-weight:bold;  width:auto; position:absolute; top:-.8em; padding-right:.4em; background-color:#e5e5e5; }
	#column-2 .events-calendar img{ vertical-align:middle; margin-top:2.4em; border:1px solid #c2c2b2; }

/* organizers */

#organizers{ clear: both; padding:1.5em 0; vertical-align:middle;}
	#organizers li { display:inline; margin-left:4.6em; } 
		#organizers li img{ vertical-align:middle;}


/* Segona */

body#segona.barcelona #content-elements a{ color:#10b1ef;}



body#segona p{ margin-bottom:1.4em;}

body#segona #content-elements h2{ margin-bottom:1em;}
body#segona #content-elements h3{ font-size:1.4em; margin-bottom:1em; padding-top:0em;}


#content-elements .amiga{ font-size:1em; margin-bottom:3.3em; color:#000;}
	

body#segona #content-elements a{color:#8ea82a; border-bottom:1px dashed #cad895;}
	body#segona #content-elements a:hover{border-bottom:1px solid #8ea82a;}

body#segona.barcelona #content-elements a{color:#00adef; border-bottom:1px dashed #87d8f7;}
	body#segona.barcelona  #content-elements a:hover{border-bottom:1px solid #87d8f7;}

.print{ position:absolute; top:-2.8em; right:4.8em; font-size:.9em; text-transform:uppercase;}
	.print img{ padding-left:.2em;}
	.print a{ border:0 !important;}
	
	body#segona.barcelona #content-elements .print a, body#segona.barcelona #content-elements .print a:hover{ border:0;}


body#segona p.consulta{ margin-bottom:2em;}	

/* News */


#news-1, #news-2{ width:34.7em; float:left;}
	#news-1 div, #news-2 div { padding-bottom:2.5em; float:left;}
#news-1{ margin-right:2.4em;}
#news-1 img, #news-2 img{ display:block; margin-bottom:.8em; float:left; margin-right:.9em; padding-top:.4em;}
body#segona #news-1 p,body#segona #news-2 p{ margin-bottom:1.8em; }
body.section-news h3{font-size:1.4em; margin-bottom:1.1em; }


body#segona .box p{ margin:0; padding:0;}

body#segona .box dl{ font-size:1.2em;}
	body#segona .box dl dt{ font-weight:bold; color:#000000; margin-bottom:.5em; }
	body#segona .box dl dd{ margin:0 0 1em 0; padding:0; }
	body#segona .box dl dd.dates{ margin:0; padding:0;}



/* Paginador */



.paginador{background:url(../img/bg-paginador.gif) repeat-x top #fafafa; height:3.7em; position:relative;  margin-bottom:4em; clear:both;text-align:center; width:100%; text-align:center;}


	.paginador a.anterior{ position:absolute; left:3%; top:0.9em;  padding-left:1em;  font-size:1.1em; background:url(../img/raquo-ant-pag.gif) no-repeat left; font-weight:bold;}	

	.paginador a.seguent{ position:absolute; right:3%; top:0.9em; padding-right:1em; font-size:1.1em; background:url(../img/raquo-seg-pag.gif) no-repeat right;  font-weight:bold;}

		.paginador ul{ padding-top:.9em; text-align:center; padding-left:29.8em;  }	

		.paginador ul li{ display:inline; float:left; font-size:1.2em; margin-right:.8em; color:#FFFFFF; background-color:#555555; width:17px; height:17px; }
	
			.paginador ul li a {border:0!important; background-color:#8ea82a; color:#fff!important; display:block;  width:100%; height:100%;}



/* How to get conference */

body#segona.section-how-to-get #content-elements h3{  color:#8ea82a; }

body#segona.section-how-to-get .box{ background:url(../img/bg-box.gif) top repeat-x #fff; padding:3em 1.5em; }
	
	
	body#segona p.info-destacada{ color:#000000;}
	
	
/* detail noticia */	


#detail #gallery{ float:right; width:30em; margin-left:2.4em; padding-top:.2em;}
#detail #gallery2{ float:right; width:12em; margin-left:2.4em; padding-top:.2em;}

body#segona #detail dl{}
body#segona #detail dt,body#segona #detail h3{  font-weight:bold;  letter-spacing:-1px; margin-bottom:.6em;font-size:1.4em; color:#000000;}
	body#segona #detail h3 span{ font-weight:normal;font-size:.9em;}
		body#segona #detail h4{  font-weight:bold; font-size:1.2em; margin-bottom:0.5em;}
			body#segona #detail h4 span{ font-weight:normal;}
	body#segona.barcelona #content-elements h3{ margin-bottom:0.6em!important;}
	/* com arribar */
		body#segona #detail #tota-info h3{ margin-bottom:0.6em;}
		body#segona #detail #tota-info a { border:0;}
body#segona #detail dd{ padding:0; margin:0; font-size:1.2em; margin-bottom:1.8em;}
	body#segona #detail dd ul{ font-size:1em;}
body#segona #detail dd span{ display:block;}

body#segona #detail ul{ font-size:1.2em; margin-bottom:1.5em;}
body#segona #detail ul li{ margin-bottom:.5em; margin-top:0;}
body#segona #detail ul li a{ background:url(../img/ico-list.jpg) no-repeat left; padding-left:.7em; }
body#segona.barcelona #detail ul li a{ background:url(../img/ico-link-agenda.gif) no-repeat left; padding-left:.7em; }

body#segona #detail ul#thumbnail{ font-size:1em; margin-bottom:0; padding-top:.2em;}
body#segona #detail ul#thumbnail li{ margin-bottom:.2em; display:inline; margin-right:.2em;}
body#segona #detail ul#thumbnail li a{ background:none; padding-left:0em; border:0; }
	body#segona #detail ul#thumbnail li a:hover{ border:0;}


body#segona #content-elements p.banner a{ border:0;}
	body#segona #content-elements p.banner a:hover{ border:0;}


body#segona #map_canvas .gmnoprint p.direccio, body#segona #map_canvas .gmnoprint span{ color:#000000; }
body#segona #map_canvas .gmnoprint p.direccio { font-size:1.1em; margin-top:0.4em; }
body#segona #map_canvas .gmnoprint span { font-size:1.2em; font-weight:bold; }

/* llista-actes */

body#segona #content-elements dl#llistat-actes .link-actes{ border:0; color:#555;}


dl#llistat-actes{ padding-top:.3em;}

dl#llistat-actes dt{ border:1px solid #d9d9d9; border-right:0; float:left; width:9em; height:6.4em; position:relative; font-family:"Times New Roman", Times, serif;}

dl#llistat-actes dt span.data{ position:absolute; top:.2em; left:.85em; width:24px; height:29px; }
dl#llistat-actes dt span{ font-weight:bold; color:#FFF; text-align:center; font-size:2.5em;}

dl#llistat-actes dt span span { position:relative; width:auto; font-size:.2em;  }
dl#llistat-actes dt span.mes{ display:block; margin:-.4em; padding:0; font-size:.1em;  }


	dl#llistat-actes dd{ border:1px solid #d9d9d9; border-left:0; margin-left:0; font-size:1.2em; margin-bottom:.4em; height:4.15em; vertical-align:middle; padding-top:1.2em; padding-left:8.6em!important; padding-right:1em;}
	


/* detail agenda */

body#segona.agenda #content-elements a{ color:#00adef;}

body#segona #content-elements #banners a{ margin-right:1em; border:0;}
body#segona #content-elements #banners a:hover{border:0;}


ul.llistat, ol.llistat{ font-size:1.2em; margin-bottom:1.4em; padding-bottom:0;}
ul.llistat li{ background:url(../img/ico-guio.gif) no-repeat left 0.5em; padding-left:1em;}
ol.llistat-altres-entitats{ padding:0 0 0 1.8em;;}
	ul.llistat li a{ background:none!important; padding:0!important;}
dd ul.llistat { margin:1em;}
/* pop up
-------------------------------------------------------------------------------------*/



body#popup #marc-web{ padding:0; margin:0; width:62.0em; height: 43.6em;}
body#popup #content-group { border:0; padding:3em 0 1.8em 19.5em; margin:0; background:url(../img/fons-form.gif) no-repeat left bottom; width:auto;}

body#popup h1{ color:#000000; font-size:2.2em; margin-bottom:0.8em; font-weight:normal;}
body#popup p{ color:#555; padding:0 0 0 1em; position:relative; display:inline-block; line-height:1.4em;}
	body#popup div p span.asterisc{ font-size:1.6em; position:absolute; top:0; left:0; font-weight:bold; color:#000000;}
body#popup form{ margin:0; padding:0 0 0 0.2em;}
body#popup div{ width:48.5%; float:left; margin-top:1.1em; margin-bottom:0.3em;}

	body#popup div.missatge{ width:100%; }
	
	body#popup div label{ width:auto; position:relative; padding:0 0.7em 0em 0.1em; clear:both; font-size:1.2em; font-weight:bold; color:#000000;  display:inline-block;}
		body#popup div label span.asterisc{ font-size:1.6em; position:absolute; top:-.3em; right:0;}
	body#popup div input { border:1px solid #a19e9e; width:15.2em; margin-top:0.2em; font-family:Tahoma; color:#555;  font-size:1.2em;}
		body#popup div#accions input { border:0; width:auto;}
	body#popup div textarea{ width:32.2em; display:block; border:1px solid #a19e9e;  margin-top:0.2em; overflow:auto; height:11.2em;  font-family:Tahoma; color:#555; font-size:1.2em;}
	
	body#popup div#accions{ width:93.5%; text-align:right;}

	body#popup .errors-formulari { width:15em; height:10em; position:absolute; top:5.7em; left:1.3em; }
	body#popup .errors-formulari h2{ font-size:1.2em; margin-bottom:.5em; margin-left:.5em; font-weight:bold; color:#ff0000; }
	body#popup .errors-formulari label{ color:#ff0000; font-weight:normal; }
	body#popup .errors-formulari ul li label{ background:url(../img/warning.jpg) no-repeat; padding-left:1.9em; /*padding-top:.1em;*/ }

	body#popup label.error, body#popup label.error span { color:#FF0000; }

	body#popup .resposta { border:0; padding:3em 0 3.2em 19.5em; margin:0; background:url(../img/fons-form.gif) no-repeat left bottom; color:#555555; height:37em; }
	body#popup .resposta p{ margin:0 0 .5em 0; padding:0; width:100%; font-size:1.2em; }
	body#popup .resposta p.notificacio { background:url(../img/ico-acceptar.jpg) no-repeat 0 0; padding:.3em 0 4em 1.9em; }
	body#popup .resposta h1 { margin-bottom:2.5em; }
	body#popup .resposta input { width:89px; height:30px; border:none; margin-left:-.2em; }

/* Calendar
-----------------------------------------------------*/
.events-calendar object{ width:41.3em; height:45em; margin-top:2.5em; margin-left:-2.7em;}
object { outline:none; }



/* Benvingudes
-----------------------------------------------------*/

#llistat-benvingudes div{ border:1px solid #d9d9d9; width:34.4em; float:left; padding:2px; margin-bottom:2em; margin-right:2em;}
#llistat-benvingudes div:after{ clear:both; content:'.'; display:block; visibility:hidden; height:0;}
#llistat-benvingudes div.par{ margin-right:0;}
	#llistat-benvingudes div img{  float:left; margin-right:.9em;}
body#segona #llistat-benvingudes div h3{ padding-top:.5em; margin-bottom:0.2em; }
body#segona #llistat-benvingudes div p{ margin:0; padding:0; }
body#segona #llistat-benvingudes div a.link-benvinguda{ color:#000000; border:0; outline:none; }
	body#segona #llistat-benvingudes div a.link-benvinguda:hover{ border:0;}

/* taula
-----------------------------------------------------*/
table { border-collapse:collapse; font-size:1.2em; margin:1.5em 0; width:100%;}
table td, table th{ border:1px solid #999999; padding:.2em .4em ;}
table th{ background-color:#666666; color:#FFFFFF;}

table#centres{ width:50%; text-align:center; margin:2em auto; text-align:left;}
	table#centres thead th#c1{ width:55%;}
	table#centres thead th#c2{ width:45%;}
	
	table#centres tbody th{ background:#FFFFFF; font-weight:normal; color:#555555;}