@charset "iso-8859-1";
/* CSS Document */

* { margin: 0; padding: 0; }

.hide { display: none; }

.flagged { outline: 5px solid red; }

img { border: 0; }

a {
	color: #4F8030;
	text-decoration: none;
	font-weight:bold;
	/*treure bordes al clicar */
	outline: 0 none;
	}
	
a:hover {
	text-decoration: underline;
	}

hr {
	clear: both;
	height: 0;
	border: 0;
	visibility: hidden;
	}
	
sup {
	font-size: 6px;
	}
	
.textmig {
	vertical-align: middle;
	}
	
.text_taula_1 {
	float: left;
	padding-top: 5px;
	padding-left: 20px;
	}
	
.text_taula_2 {
	float: right;
	padding: 5px 20px 5px 30px;
	text-align: right justify;
	}
	
.text_taula_3 {
	float: left;
	padding: 9px 0 0 20px;
	}

.text_taula_4 {
	padding: 5px 20px 5px 30px;
	text-align: left justify;
	}
	
.tick {
	float: right;
	color: #53891D;
	text-align: right;
}

html {
	height: 100%;
	padding: 0px;
	margin: 0px;
	text-align: center;
	}

body {
	height: 100%;
	padding: 0px;
	margin: 0px;
	background: #999999 url(../img/fons.gif) top left repeat-x;
	color: #262626;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.container {
	min-height: 100%;
	margin: 0 auto;
	width: 100%;
	text-align: left;
	margin-bottom: -138px;
	position: relative;
	background: #999999;
	}
	
.espais {
	padding: 20px;
	}

#enllaços:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	}
	
#fila_logos_entitats:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	}
	
#fila_dades:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	}

#fitxa:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	}
	
#video {
	width: 860px;
	text-align: center;
	margin:	0 auto;
}

	
	
/* Capçalera */	
	
div#header {
	height: 69px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	background: #eeefef url(../img/fons_cap.gif) repeat-x;
	}
	
#header a{
	font-weight: bold;
	}

#header a:hover{
	text-decoration: none;
	}
	
#header h1 {
	position: absolute;
	top: 15px;
	left: 12px;
	color: #333;
	font-family: sans-serif;
	font-size: 22px;
	}
	
#header h1 a {
	display: block;
	color: #333;
	}
	
#header p {
	font-size:16px;
	color:#009CFC;
	}
	
div#header_logo{
	position: relative;
	float: left;
	}

div#header_titol{
	width: 600px;
	position: relative;
	float: left;
	}

div#header_logo_consorci{
	position: relative;
	float: right;
	}


/* Menú */

ul#menu {
	height: 27px;
	text-align: left;
	padding-left: 40px;
	padding-right: 40px;
	list-style: none;
	margin: 0 auto 0 auto;
	clear: both;
	background: #ffffff url(../img/fons_menu.gif) repeat-x;
	}
	
#menu li, #menu li a {
	float: left;
	height: 27px;
	/*width: 130px;*/
	color: #595959;
	font-weight: normal;
	}

#menu #mapa_general,
#menu #presentacio,
#menu #enllaços_interes,
#menu #dades_basiques,
#menu #entitats_participants {
	position: relative;
	top: 7px;
	}
	
#menu a:hover,
.mapa_general #menu #mapa_general a,
.presentacio #menu #presentacio a,
.enllaços_interes #menu #enllaços_interes a,
.dades_basiques #menu #dades_basiques a,
.entitats_participants #menu #entitats_participants a {
	color: #009CFC;
	}
	
#menu a:hover {
	color: #333333;
	text-decoration: none;
	}
	
#menu li#separador {
	width: 28px;
	background-image: url(../img/separador_menu.gif);
	}

ul#idiomes {
	list-style: none;
	float: right;
	//position: relative;
	//top: -8px;
	}
	
ul#idiomes li#separador_idioma {
	padding: 0px 8px;
	position: relative;
	top: 7px;
	color: #999999;
	font-weight: bold;
	}
	
#menu #idiomes #catala a {
	position: relative;
	top: 7px;
	/*height: 11px;
	width: 16px;
	background: url(../img/catala.png) no-repeat;*/
	}
	
#menu #idiomes #castellano a {
	position: relative;
	top: 7px;
	/*height: 11px;
	width: 16px;
	background: url(../img/castellano.png) no-repeat;*/
	}
	
#menu #idiomes #english a {
	position: relative;
	top: 7px;
	/*height: 11px;
	width: 16px;
	background: url(../img/english.png) no-repeat;*/
	}
	
.catala #menu #idiomes #catala a {
	color: #009CFC;
	}
	
.catala #menu #idiomes #castellano a {
	color: #595959;
	}
	
.catala #menu #idiomes #castellano a:hover {
	color: #333333;
	}
	
.catala #menu #idiomes #english a {
	color: #595959;
	}
	
.catala #menu #idiomes #english a:hover {
	color: #333333;
	}
	
.castellano #menu #idiomes #catala a {
	color: #595959;
	}
	
.castellano #menu #idiomes #catala a:hover {
	color: #333333;
	}
	
.castellano #menu #idiomes #castellano a {
	color: #009CFC;
	}
	
.castellano #menu #idiomes #english a {
	color: #595959;
	}
	
.castellano #menu #idiomes #english a:hover {
	color: #333333;
	}
	
.english #menu #idiomes #catala a {
	color: #595959;
	}
	
.english #menu #idiomes #catala a:hover {
	color: #333333;
	}
	
.english #menu #idiomes #castellano a {
	color: #595959;
	}
	
.english #menu #idiomes #castellano a:hover {
	color: #333333;
	}
	
.english #menu #idiomes #english a {
	color: #009CFC;
	}

/* Inici */
div#inici {
	display:block;
	height: 621px;
	width: 100%;
	background: #cccccc;
	}
	
div#titol_inici {
	width: auto;
	height: 20px;
	padding: 6px 0 0 20px;	
	font-weight: bold;
	color: #009CFC;
	background: url(../img/fons_titol_fitxa.gif) repeat-x;
}
	
div#mapa {
	float:left;
	height: 552px;
	width: 100%;
	border: 1px solid #8C8C8C;
	overflow:hidden;
	}

#copyright {
	color:#F00;
	visibility:hidden;
}

div#seleccio {
	color: #ffffff;
	font-size:10px;
	}
	
div#llista_muni {
	float: right;
	position: absolute;
	right: 46px;
	top: 195px;
	width: 320px;
	border: 1px solid #333;
	/* background: url(../img/fons_modul.png) repeat-x; */
	background: #444444;
	}
	
.english #llista_muni{
	width: 360px;
	}
	
div#llista_muni label{
	font-weight: bold;
	}
	
div#llista_poli {
	float: right;
	position: absolute;
	right: 46px;
	top: 224px;
	width: 320px;
	border: 1px solid #333;
	/* background: url(../img/fons_modul.png) repeat-x; */
	background: #444444;
	}

.english #llista_poli{
	width: 360px;
	}
	
div#llista_poli label{
	font-weight: bold;
	}

div#info {
	/*float: right;*/
	position: absolute;
	right: 46px;
	top: 253px;
	width: 320px;
	text-align: justify;
	border: 1px solid #303030;
	background: url(../img/fons_modul.png) repeat-x;
	}
	
.english #info{
	width: 360px;
	}
	
#titol_0 {
	font-size:10px;
	font-weight: bold;
	color:#009CFC;
	}
	
#titol_1, #titol_2, #titol_3, #titol_4, #titol_5, #titol_6, #titol_7, #titol_8, #titol_9, #titol_10, #titol_11, #titol_12, #titol_13, #titol_14, #titol_15, #titol_16, #titol_17, #titol_18{
	font-size:10px;
	font-weight: bold;
	color:#009CFC;
	display:none;
	}
	
.info_plega {
	color: #262626;
	background: #ffffff;
	padding: 16px;
	text-align: justify;
	border: 1px solid #333;
	border-top: none;
	}
	
.info_plega input{
	margin-right: 5px;
	}
	
div#info_text .info_plega{
	min-height: 190px;
	}
	
#info_text p {
	margin-bottom: 10px;
	}
	
div#info_text #seguir {
	margin-top: 20px;
	text-align: right;
	font-size: 10px;
	}
	
div#canvi_info_1, #canvi_info_2, #canvi_info_3, #canvi_info_4, #canvi_info_5, #canvi_info_6, #canvi_info_7, #canvi_info_8, #canvi_info_9, #canvi_info_10, #canvi_info_11, #canvi_info_12, #canvi_info_13, #canvi_info_14, #canvi_info_15, #canvi_info_16, #canvi_info_17, #canvi_info_18, #canvi_info_19, #canvi_info_20, #canvi_info_21, #canvi_info_22, #canvi_info_23{
	display: none;
	}
	
.text_inicial{
	font-size: 12px;
	line-height: 22px;
	}
	
div#parades_urb{
	margin: 10px 0 4px 0; 
	padding-left: 10px;
	background-color: #FC9;
	}
	
div#parades_int{
	margin: 10px 0 4px 0;
	padding-left: 10px;
	background-color: #CFC;
	}
	
/* Llista línies bus */
div#linies_bus {
	float: right;
	position: absolute;
	right: 46px;
	top: 282px;
	width: 320px;
	text-align: justify;
	border: 1px solid #303030;
	background: url(../img/fons_modul.png) repeat;	
	}
	
.english #linies_bus{
	width: 360px;
	}

#titol_bus {
	font-size:10px;
	font-weight: bold;
	color:#ffffff;
	//height: 12px;
	}
	
div#plegable_bus{
	line-height: 24px;
	height: 220px;
	overflow-x: none;
	overflow-y: auto;
	}
	
/* Llista parades ferrocarril */
div#parades_ferrocarril {
	float: right;
	position: absolute;
	right: 46px;
	top: 311px;
	width: 320px;
	text-align: justify;
	border: 1px solid #303030;
	background: url(../img/fons_modul.png) repeat;	
	}
	
.english #parades_ferrocarril{
	width: 360px;
	}

#titol_ferrocarril {
	font-size:10px;
	font-weight: bold;
	color:#ffffff;
	//height: 12px;
	}
	
div#plegable_ferrocarril{
	line-height: 24px;
	overflow-x: none;
	overflow-y: auto;
	}

/* Llegenda */
div#llegenda {
	float: right;
	position: absolute;
	right: 48px;
	top: 170px;
	left: 112px;
	width: 509px;
	text-align: justify;
	border: 1px solid #303030;
	background: url(../img/fons_modul.png) repeat-x;
	}
	
.english div#llegenda {
	width: 395px;
	}
	
div#llegenda #contingut {
	padding: 5px 5px 3px 5px;
	}

div#llegenda #senyals #titol {
	margin-left: 0px;
	font-weight: bold;
	}
	
div#llegenda #senyals {
	font-size:10px;
	}
	
div#llegenda #senyals ul{
	list-style: none;
	}

div#llegenda #senyals li{
	display: inline;
	margin-left: 5px;
	}
	
div#llegenda #senyals li img{
	margin-right: 2px;
	}
	
	
/* Popup */
div#popup{
	height: auto;
	width: 440px;
	margin: 20px;
	padding: 20px;
	list-style: inside disc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: auto;
	text-align: justify;
	color: #262626;
	background: #f2f2f2;
	border: 1px solid #8c8c8c;
	}
	
div#popup p{
	line-height: 16px;
	margin-top: 10px;
	}
	
div#popup ul{
	line-height: 16px;
	padding-right: 10px;
	}
	
div#img_popup{
	height: 135px;
	width: 210px;
	margin-left: 10px;
	display: inline;
	}
	
div#img_popup_ultima{
	height: 135px;
	width: 210px;
	margin: 10px auto auto auto;
	}

div#espai_popup{
	height: 1px;
	}

#lightwindow_contents img{
	padding: 20px !important;
	background-color:transparent !important;
	border: 1px solid #8c8c8c !important;
	padding:0 !important;
	}


/* Menús desplegables (la resta de CSS s'ha de modificar a jqtransform.css) */

.catala select {
	width: 220px;
	margin-left: 20px;
	position:absolute;
	right:5px;
	top:3px;
	top:1px\9 /* Només IE */
	}

.castellano select {
	width: 220px;
	margin-left: 20px;
	position:absolute;
	right:5px;
	top:3px;
	top:1px\9 /* Només IE */
	}
	
.english select {
	width: 200px;
	margin-left: 20px;
	position:absolute;
	right:5px;
	top:3px;
	top:1px\9 /* Només IE */
	}	
	
.rowElem {
	padding: 5px;
	}



/* Presentacio */

div#presentacio {
	display:block;
	width: 100%;
	background: #cccccc;
	}
	
div#presentacio_text {
	width: auto;
	background: #E6E6E6;
	border: 1px solid #8C8C8C;
	padding: 20px;
	text-align: justify;
	}

div#titol_presentacio {
	width: auto;
	height: 20px;
	padding: 6px 0 0 20px;
	font-weight: bold;
	color: #009CFC;
	background: url(../img/fons_titol_fitxa.gif) repeat-x;
}


/* Enllaços d'interès */

div#enllaços {
	/*height: 768px;*/
	width: 100%;
	background: #cccccc;
	}
	
div#enllaços a{
	color: #262626;
	font-weight: normal;
	}
	
div#titol_enllaços {
	width: auto;
	height: 20px;
	padding: 6px 0 0 20px;	
	font-weight: bold;
	color: #009CFC;
	background: url(../img/fons_titol_fitxa.gif) repeat-x;
}

div#columna_enllaços_1{
	float: left;
	width: 49%;
	}
	
div#columna_enllaços_2{
	float: right;
	width: 49%;
	}

div#modul_enllaços {
	width: 100%;
	margin-bottom: 20px;
	background: #E6E6E6;
	border: 1px solid #8C8C8C;
	}
	
div#titol_modul_enllaços {
	height: 34px; /* 12px de padding */
	padding: 12px 0 0 20px;
	font-weight: bold;
	background: url(../img/fons_titol_modul.gif) bottom repeat-x;
	}

div#subtitol_modul_enllaços {
	padding: 12px 0 6px 20px;
	font-weight: bold;
	}
	
div#taula_enllacos table {
	width: 100%;
	}
	
div#taula_enllacos table tr{
	height: 20px;
	}


/* Dades bàsiques */

div#dades {
	display:block;
	height: 100%;
	width: 100%;
	background: #cccccc;
	}
	
div#titol_dades {
	width: auto;
	height: 20px;
	padding: 6px 0 0 20px;	
	font-weight: bold;
	color: #009CFC;
	background: url(../img/fons_titol_fitxa.gif) repeat-x;
}
	
div#modul_dades {
	width: auto;
	margin-bottom: 20px;
	background: #E6E6E6;
	border: 1px solid #8C8C8C;
	}
	
div#modul_dades_ultim {
	width: auto;
	background: #E6E6E6;
	border: 1px solid #8C8C8C;
	}
	
div#titol_modul_dades {
	height: 30px; /* 12px de padding */
	padding: 16px 0 0 20px;
	font-weight: bold;
	background: url(../img/fons_titol_modul.gif) bottom repeat-x;
	}

div#fila_dades {
	padding: 20px;
	margin: 0 auto 0 auto;
	position: relative;
	text-align: justify;
	}

div#graf_dades {
	text-align: center;
	}
	
div#map_dades {
	text-align: center;
	}
	
div#text_dades {
	margin-bottom: 20px;
	}

div#taula_dades {
	float: right;
	margin-left: 20px;
	}
	
div#taula_dades table {
	text-align:left;
	}
	
div#taula_dades table tr{
	height: 20px;
	}


/* Entitats participants */

div#entitats {
	display:block;
	height: 100%;
	width: 100%;
	background: #cccccc;
	}
	
div#titol_entitats {
	width: auto;
	height: 20px;
	padding: 6px 0 0 20px;	
	font-weight: bold;
	color: #009CFC;
	background: url(../img/fons_titol_fitxa.gif) repeat-x;
}
	
div#modul_entitats {
	width: auto;
	margin-bottom: 20px;
	background: #E6E6E6;
	border: 1px solid #8C8C8C;
	}
	
div#modul_entitats_ultim {
	width: auto;
	background: #E6E6E6;
	border: 1px solid #8C8C8C;
	}
	
div#titol_modul_entitats {
	height: 30px; /* 12px de padding */
	padding: 16px 0 0 20px;
	font-weight: bold;
	background: url(../img/fons_titol_modul.gif) bottom repeat-x;
	}

div#fila_logos_entitats {
	/*height: 100px;*/
	width: 788px;
	margin: 0 auto 0 auto;
	position: relative;
	}

div#subtitol_modul_entitats {
	padding: 12px 0 6px 20px;
	float: left;
	font-weight: bold;
	}

div#logo_entitats {
	width: 172px;
	height: 45px;
	margin: 5px 0 20px 0;
	}


/* Peu */

.clearpeu {
	height: 137px;
	clear: both;
	}

div#peu {
	margin: 0 auto;
	width: 100%;
	position: relative;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	background: url(../img/peu_top.gif) top repeat-x #cccccc; 
	}
	
div#peu_conti {
	}

div#credits {
	width: 980px;
	padding: 20px 0 20px 0;
	margin: 0 auto;
	background: url(../img/peu_top.gif) top repeat-x #cccccc;
	}
	
div#peu ul{
	list-style-type: none;
}

div#peu #primer_logo{
	float:left;
}

div#logos_peu{
	padding: 5px 50px 12px 70px;
}

#suport{
	text-align: left;
	padding-left: 70px;
}

/* Cartells mapa */

div.markerLabel {
  /*  display: block;
	padding: 5px;
	font-size: 8px;
	color: #ffffff;
	background: #333333; */
	display: block;
	padding: 5px;
	font-size: 10px;
	color: #000000;
	line-height: 10px;
	background: #ffffff;
		
	/* per IE */
  	filter:alpha(opacity=90);
  	/* CSS3 standard */
 	 opacity:0.90;
	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
  	border-radius: 3px
	
}

/* Fitxa */

div#columna_fitxa_1{
	padding: 20px 0 0 20px;
	float: left;
	}
	
div#columna_fitxa_2{
	padding: 20px 20px 0 0;
	float: right;
	}

div#fitxa {
	/*height: 1143px;*/
	width: 940px;
	margin: 20px 20px 20px 20px;
	background: #cccccc;
	}

div#titol_fitxa {
	width: 920px;
	height: 20px;
	padding: 6px 0 0 20px;	
	font-weight: bold;
	color: #009CFC;
	background: url(../img/fons_titol_fitxa.gif) repeat-x;
}

div#titol_fitxa ul {
	list-style:none;
	padding-right: 20px;
}

div#titol_fitxa ul li{
	width: 50%;
	float:left;
}

div#titol_fitxa ul #pdf{
	text-align: right;
}

div#titol_fitxa #img_pdf{
	vertical-align: top;
	}

div#modul_fitxa {
	width: 440px;
	margin-bottom: 20px;
	background: #E6E6E6;
	border: 1px solid #8C8C8C;
	}
	
div#titol_modul_fitxa {
	height: 34px; /* 12px de padding */
	padding: 12px 0 0 20px;
	font-weight: bold;
	background: url(../img/fons_titol_modul.gif) bottom repeat-x;
	}

div#subtitol_modul_fitxa {
	padding: 12px 0 6px 20px;
	font-weight: bold;
	}

div#mapa_fitxa {
	height: 298px; /* 2px de bordes */
	width: 398px; /* 2px de bordes */
	margin: 0px 20px 20px 20px;
	border: 1px solid #8C8C8C;
	overflow:hidden;
	}
	
div#taula_fitxa {
	}
	
div#taula_fitxa table {
	width: 440px;
	}
	
div#taula_fitxa table tr{
	height: 20px;
	}
	
div#grafic_fitxa{
	padding-left: 20px;
	}
	
div#logo_fitxa{
	padding: 20px 0 20px 20px;
	}
	
/* Desplegables */
#accordion {width:322px; margin:50px auto; position:absolute; top:198px; right:46px;}
.accordion {width:322px;}
.accordion dt {width:308px; padding:4px 6px; font-weight:bold; cursor:pointer; background-color:#666; background-image:url(../images/plegables/arrow_down.gif); background-position:right center; background-repeat:no-repeat; color:#fff; border:1px solid #333; margin-top:5px;}
.accordion dt:hover {background-color:#555}
.accordion .open {background-color:#444; background-image:url(../images/plegables/arrow_up.gif)}
.accordion dd {overflow:hidden; background:#fff}
.accordion span {display:block; width:229px; border-top:none; padding:15px}