@charset "utf-8";



/* CSS Document */



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



body{ font-family:Tahoma; padding-bottom:30px; color:#FFFFFF; background-color:#111111}



#marc-web{ width:900px; }

p{ font-size:1em; text-align:justify;margin-bottom:15px; font-size:11px;}

h1{ font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:42px; margin-bottom:14px; padding:0px 0px 0px 25px;}

h2{ font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#b0de27; font-size:18px; margin-bottom:15px;}

h3{ font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}



a{ position:relative;}



ul{ list-style-type:none; margin:0px; padding:0px;}

dl{ margin:0px; font-size:11px;}

dt{ float:left; margin-right:3px;}

dd{ padding:0px; margin:0px;}





/** barra *********************************************************/



#barra-corporativa{ height:1%;}



/** idiomes *********************************************************/



ul#idiomes li a{ font-family:Arial, Helvetica, sans-serif; font-weight:normal!important; font-size:1em!important; }



/** Menu ************************************************************/



#menu{  background:url(../img/bg_menu.jpg) no-repeat; width:900px; height:344px; padding-top:40px;}

	#menu a{ color:#FFFFFF;}

	#menu ul{ list-style-type:none; margin:0; padding:0px 0px 15px 0px; font-size:11px;}

		#menu ul li{ padding-bottom:12px; display:inline; padding:10px 10px 25px 10px; background-color:#252126; width:248px; height:233px; float:left; margin: 0px 16px;}

		#menu ul li#passat { background:url(../img/menu1.png) no-repeat;}

		#menu ul li#present { background:url(../img/menu2.png) no-repeat;}

		#menu ul li#futur { background:url(../img/menu3.png) no-repeat;}

		#menu ul li p { margin-top:200px; font-family:Helvetiva, Verdana, Arial, Tahoma, sans-serif; color:#ffffff; font-size:20px; text-align:center;}

		

/** Contingut *******************************************************/



#contingut{ background:url(../img/bg_contingut.jpg) #3b383c repeat-x; padding:15px 25px; height:1%;}

#contingut ul{font-size:11px;}

#contingut:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}







#home div{ float:left; width:214px;}

#home-presentacio{ position:relative; background:url(../img/bg_home.jpg) repeat-x; height:366px;  padding:22px 18px; margin-right:50px;}

#home-informacio{ position:relative; background:url(../img/bg_home.jpg) repeat-x; height:366px; padding:22px 18px; margin-right:50px; height:auto;}

#home-utilitats{ position:relative; background:url(../img/bg_home.jpg) repeat-x; height:366px; padding:22px 18px;}

	#home-utilitats ul { margin-top:-2px;}

	#home-utilitats ul li{ margin-left:0px;}

	#mapa{ background:url(../img/mapa.gif) no-repeat;}

	#arribar{ background:url(../img/arribar.gif) no-repeat;}

	#aparcament{ background:url(../img/aparcament.gif) no-repeat;}

	#agenda{ background:url(../img/agenda.gif) no-repeat;}

	#mapa, #arribar, #aparcament, #agenda{padding:2px 0px 2px 25px; margin-bottom:10px;}

#home a{color:#b0de27; border-bottom:1px dashed; text-decoration:none;}

#home a:hover{color:#b0de27;}

#home a:visited{color:#b0de27;}

.texto{ width:515px; float:left; padding-left:18px;}

.texto ul{ margin-bottom:15px;}

.texto dl{ margin-left:20px;}

.texto dt{ font-weight:bold;}

.texto dd{ margin-bottom:15px;}

.foto{ float:right; margin-top:37px; padding:0px 7px;}

.foto ul li { padding:2px; border:#999999; border:1px solid #E4E4E4; background:#FFFFFF; width:230px; height:150px; margin-bottom:12px;

}



#cont_present .texto dl{ margin-left:0px; margin:0px;}

#cont_present .texto dd{ margin-left:0px; margin:0px;}





.titol{ margin-bottom:0px; margin-top:30px; font-weight:bold;}

.subtitol{ font-weight:bold;}

.nom{ font-weight:bold;}

.autor{ margin:0px; font-weight:bold;}

.carrec{ font-weight:bold;}

.lloc{ margin:0px;}

.horari{ margin:0px;}



.entrada{ margin-top:15px;}





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



#peu{ background:#000000; padding:9px 0px; text-align:center;}

#peu a{color:#FFFFFF; text-decoration:none;}

#peu a:hover{color:#FFFFFF;}

#peu a:visited{color:#FFFFFF;}



/** cantonades ****************************************************/

.se { position:absolute; width:12px; height:12px; background:transparent url(../img/cantonada_se.jpg) no-repeat scroll 0 0;

top:0px; right:-2px;}



.sd { position:absolute; width:12px; height:12px; background:transparent url(../img/cantonada_sd.jpg) no-repeat scroll 0 0; top:0px; left:0px;}