/* Imports */

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


/* Estils generals */

body {
    margin: 0;
    padding: 0;

    font-family: Verdana, sans-serif;
    font-size: 62.5%;
    color: #333333;
	background-color: #fff;	
}

img {
    border: 0;
}

a {
    text-decoration: underline;
    color: #43719F;
}

h1 {
    margin: 0;
    padding: 0;
    
    font-family: Verdana, sans-serif;
    font-weight: normal;
    font-size: 2.2em;    
    color: #43719F;
}


h2 {
    margin: 0 0 .8em 0;
    padding: 0;    

    font-family: Verdana, sans-serif;
    font-weight: normal;
    font-size: 2.4em;
    color: #43719F;
}

h3 {
    margin: 0 0 1em 0;
    padding: 0;

    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    color: #43719F;
}

h4 {
    margin: 0 0 2em 0;
    padding: 0;

    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 1em;
    color: #000;
}

address { font-style: normal; }

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

p, td, div {
    font-family: Verdana, sans-serif;
    font-size: 1em;
    color: #333333;
}

p {
    color: #333;
    font-size: 1.1em;
    margin: 0 0 1.5em 0;    
}

li {
	color: #333;
}

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

ol { margin: 0; padding: 0; }

.hidden {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}

/* ---------------- */




/* Estils d'elements generals (marc del web, barra corporativa, capcelera...) */

#marcweb {
    width: 77.8em;
}


/* Estils de la capsalera amb l'span i la imatge de l'h1 com a fons */

#capsalera {
    height: 9em;
	overflow: hidden;
	border-bottom: 1px solid #fff;
}

    #capsalera h1 span {display: block; position: relative; z-index: -1; }    
    #capsalera h1 {display: block; height: 9em; background: url("../images/capcelera_transit.jpg") no-repeat top left; }

	#capsalera img { display: block; }

/* ----------------------------------------------------------------- */




#contenidor {
	clear: both;
	margin-bottom: 5em;
	padding-top: 1em;
	margin-left: 3em;
	overflow: hidden;
}


#barra_footer {
	clear: both;
	border-top: 1px solid #fff;
	background-color: #000;
	font-size: .8em;	
}

	#barra_footer p {
		margin: 0;
		padding: .8em;
	}

	#barra_footer a {
		color: #fff;
	}

/* ------------------------------ */



    
/* Menu principal (horitzontal) */

#menu_principal ul {
	height: 3em;
	clear: left;
	display: block;
	width: 100%;
	background-color: #43719F;
}

#menu_principal li {
    float: left;
    margin-left: 3em;
}

#menu_principal a, #menu_principal span {
    display: block;
    line-height: 2.6em;
    font-size: 1.1em;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
}

#menu_principal li span {
    font-weight: bold;
}

/* --------------------------- */



/* Mdul general de contingut */

#contingut {
	width: 60.5em;
    float: right;
}

/* -------------------------- */



/* Moduls laterals -> Submenu, llegenda i incid ncies */

#submenu {
	float: left;
	width: 12.5em;
}

	#submenu ul {
		padding: 0 0 2px 0;		
	}
	
	#submenu ul p {
		font-size: 1em;
		margin-bottom: 8px;
	}
	
	#submenu ul li {
		margin: 0;
		padding: 0;
		font-size: 1.1em;
		margin-bottom: 8px;
	}
	
		.informacio_mapa {
			font-size: .8em !important;
		}


		#submenu #nav_transit_ampliacio {
			border-top: 1px dotted #666;
			margin-top: 15px;
			padding-top: 10px;
		}


	.modul_informacio {
		border-top: 1px dotted #666;
		float: left;
		width: 12.5em;		
		padding: .8em 0;
	}
	
		
		.zoom {
			border: 1px solid #666;
		}
	
		.modul_informacio h4 {
			margin-bottom: .75em;
		}
		
		.modul_informacio dl {	
			margin: 0;
			padding: 0;
		}
		
		.modul_informacio li {
			padding-left: 5px;	
			margin-left: 5px;
			margin-bottom: 5px;
			background: url("../images/bullet_quadrat.gif") no-repeat left .5em;	
		}
	
		.modul_informacio dt {
			float: left;
		}

/* --------------- */




/* Estils per als elements dels plnols dels trams (pl nol general i plnols d'ampliacions) */

#tramsMapa, #tramsMapaFutur {
    position: relative;
	margin-bottom: 2em;
}

    #tramsEstatActual, #tramsEstatFutur, #tramsAmpliacio {
        position: absolute;
        left: 0px;        
        top: 0px;
    }
   
	
	/* ToolTip */
	
	#dataPopUpActual, #dataPopUpFutur, #dataPopUp {
		position: absolute;
		padding: 5px;		
		top: 0px;
		left: 0px;
		
		visibility: hidden;
		border: 1px solid #666;
		background-color: #ffc;
	}
	
		#dataPopUpActual p, #dataPopUpFutur p, #dataPopUp p {
			margin: 0;
			font-size: .9em;
		}
		
		#dataPopUpActual .temps, #dataPopUpFutur .temps {
			padding: 5px;
			color: #666;
		}
	
	/* ------- */

/* ----------------------------------------------- */



/* Estils per a la taula recorreguts dels trams */

#taula_recorreguts {
	margin-bottom: 2.5em;
    width: 100%;
    font-size: 1em;
    line-height: 1.5em;
    border-collapse: collapse;
    border: 1px solid #ccc;
}

	#taula_recorreguts caption {
		padding-bottom: 1em;
		font-size: 1.1em;
		font-weight: bold;
		text-align: left;
	}

    #taula_recorreguts th, #taula_recorreguts td {
        color: #333;
    }

    #taula_recorreguts th {
		text-align: left;
        font-size: 1em; 
        padding: 15px 5px 5px 5px;
        border-bottom: 2px solid #43719F;        
    }
    
    #taula_recorreguts td {
        font-size: 1.1em;    
        padding: 5px;
        border-bottom: 1px solid #ccc;
    }

    #taula_recorreguts .recorregut {
		width: 100%;
		vertical-align: bottom;
    }

   
    #taula_recorreguts .temps_15, #taula_recorreguts .increment, #taula_recorreguts .temps {
		white-space: nowrap;
    }
	
   
    
    #taula_recorreguts .dia_hora {
        font-weight: normal;
        color: #43719F;
    }

/* ----------------- */





/* Estils per als elements de la seccio de cameres */

#mapa_cameres {
	margin: 0;
	padding: 0;
	width: 36em;
	float: left;
	position:relative;	
}

	#mapa_cameres h3 {		
		margin-top: 5px;
		margin-bottom: 5px;
				
		font-weight: bold;
		font-size: 1.1em;
	}
	
	#mapa_cameres ul {
		clear: both;
		border-top: 1px dotted #999;
		padding-top: 5px;
	}
	
	#mapa_cameres li {
		line-height: 2em;
		font-size: 1.1em;		
	}
	
		#mapa_cameres li strong {
			color: #666;
		}
	

	#llistat_cameres .seleccionada {
		font-weight: bold;
	}



#fotografia_camera {
	width: 32em;
	margin-right: 2em;
	padding: 0;
	float: right;
}

	#fotografia_camera img {
		border: 1px solid #666;
	}

	#fotografia_camera h3 {		
		float: left;
		margin-top: 5px;
		margin-bottom: 5px;
				
		font-weight: bold;
		font-size: 1.1em;
	}

	#fotografia_camera #data {
		margin-top: 5px;
		margin-bottom: 5px;

		float: right;
		color: #666;
		font-size: 1em;
	}
	
	#fotografia_camera ul {
		clear: both;		
		padding-top: 5px;
		border-top: 1px dotted #999;
	}
	
	#fotografia_camera li {
		line-height: 1.5em;
		font-size: 1.1em;
	}	



	/* Estils especifics de text */

	.avis {
		font-size: 1.3em;
	}
	
	.peu_imatge {
		margin-top: .8em;
		line-height: 1.5em;
	}
	
	/* ------------------------- */

/* ----------------------------------------------- */