body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(engenharia/fundo_engenharia.jpg);
	background-repeat:repeat-x;
	background-color:#F7F7F7
}
	
	
	.titulo_eng {
		color:#8E5344;
		font-size:13px;
		font-weight:bold}
		
		.plano_formacao {
			color:#B31733;
			font-size:12px}
			
			.plano_formacao a:link{
			color:#B31733;
			font-size:12px;
			text-decoration:underline}
			.plano_formacao a:visited{
			color:#B31733;
			font-size:12px;
			text-decoration:underline}
			.plano_formacao a:hover{
			color:#B31733;
			font-size:12px;
			text-decoration:none}
		
		.data_formacao {
	font-size:11px;
	color:#666;}
	
	.topo {
		height:140px;
}

.contactos_topo {
	font-size:12px;
	color:#333333;}
	
	.contactos_topo a:link{
	font-size:12px;
	color:#036;
	text-decoration:underline
}

	.contactos_topo a:visited{
	font-size:12px;
	color:#036;
	text-decoration:underline
}

	.contactos_topo a:hover{
	font-size:12px;
	color:#036;
	text-decoration:none
}


.titulonotica {
	color:#D81C3F;
	font-size:12px;
	font-weight:bold}
	
	.texto_noticia {
	color:#666;
	font-size:12px;

}

	.texto_noticia a:link{
	color:#143046;
	font-size:12px;
	text-decoration:underline
}

	.texto_noticia a:visited{
	color:#143046;
	font-size:12px;
	text-decoration:underline
}

	.texto_noticia a:hover{
	color:#265984;
	font-size:12px;
	text-decoration:underline
}
.titulos_footer {
	font-size:17px;
	color:#FFF;
	font-weight:bold}


.texto_footer {
	font-size:11px;
	color:#FFF;
	}
	
	.texto_footer a:link{
	font-size:11px;
	color:#E63E5B;
	text-decoration:underline
	}


.texto_footer a:visited{
	font-size:11px;
	color:#E63E5B;
	text-decoration:underline
	}
	
	
	.texto_footer a:hover{
	font-size:11px;
	color:#E63E5B;
	text-decoration:none
	}

.titulos {
	font-size:17px;
	color:#002E58;
	font-weight:bold}





 
		#divNav {
	margin: 0;
	padding: 0;
	width: 79px; z-index:999
	}
 
	#nav {
	position: relative;
	width: 79px;margin: 0;z-index:999
	padding: 0;
	}
 
	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;width: 79px;z-index:999
	}
 
	#nav a {
		text-decoration: none;margin: 0;
	padding: 0;width: 79px;z-index:999
	}
 
	#nav li { /*float the main list items*/
	margin: 0;
	display: inline; list-style:none;
	}
 
	#nav li ul {
		display: none;margin: 0;
	padding: 0;
	}
 
	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position: absolute;
	top: 38px;
	left: 0;
	padding-top: 10px;
	background: #224d6f;
	height: 26px;
	width: 413px;
	font-size:11px;
	padding-left: 30px;
	}
 
	#nav li.on ul {
		background: #f90;
	}
 
	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #224d6f;
	}
 
	#nav li a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		width: 93px;
		padding: 0;
	}
 
	#nav li.on a {
		color: #f90;
	}
 
	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #f90;
		width: auto;
		margin-right: 15px;
	}
 
	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #224d6f;
	}
 
	#nav li.on ul {
		display: block;
	}
 
	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}
 
	#nav li.off a:hover, #nav li.on a:hover { 
		color: #f90;
	}
 
	/*do the image replacement*/
 
	#nav li span {
		position: absolute;
		left: -9384px;
	}
 
	#liRenaissance a, #liArtNouveau a, #liModern a, #liPostModern a, #liDigital a {
		display: block;
		position: relative;
		height: 26px;
		background: url(bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
	}
 
/*first, put the initial states in place*/
 
#liRenaissance a {
	background-position: 0 0;
}
 
#liArtNouveau a {
	background-position: -102px 0;
}
 
#liModern a {
	background-position: -204px 0;
}
 
#liPostModern a {
	background-position: -306px 0;
}
 
#liDigital a {
	background-position: -408px 0;
}
 
/*active area - for this demo - the code could be based on a body class, and probably work better.*/
 
 #liModern.on a {
 	background-position: -204px -37px;
 } /*add selectors for the other li's and background-positions*/
 
/*hover states*/
 
#liRenaissance a:hover, #liRenaissance:hover a, #liRenaissance.over a {
	background-position: 0 -73px;
}
 
#liArtNouveau a:hover, #liArtNouveau:hover a, #liArtNouveau.over a {
	background-position: -102px -73px;
}
 
#liModern a:hover, #liModern:hover a, #liModern.over a {
	background-position: -204px -73px;
}
 
#liPostModern a:hover, #liPostModern:hover a, #liPostModern.over a {
	background-position: -306px -73px;
}
 
#liDigital a:hover, #liDigital:hover a, #liDigital.over a {
	background-position: -408px -73px;
}
 
/*subnav formatting*/
 
#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #224d6f;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
}		
 
#nav li.on ul a {
	background: #f90;
}