/*-- -------------------------------------------------------------------- */
/*-- -------------------------------------------------------------------- */
.spc_topo {
	float: left;
	overflow: hidden;
	width: 20px;
	height: 1px;
}
.ctr_topo {
	float: left;
	width: 100%;
	cursor: pointer;
	text-align: center;
	padding: 5px 0 0 0;
}

#menu UL 
{
	margin: 0;
	padding: 0;
	
    width: 100%;
    height: 25px;

    background-color: #213753;
    color: #FFFFFF;
	
	z-index: 10000;
	list-style-type: none;
}
#menu UL LI {
	margin: 0;
	padding: 0;
	height: 22px;
	float: left;
	position: relative;
	
	text-align: left;
}
#menu UL LI A:hover {
	background-color: #8EA0B7;
	color: #000000;
	
	FILTER: alpha(opacity=75);
    moz-opacity: 0.75;
	opacity: 0.75;
	khtml-opacity: 0.75;
}
/* FONTE DOS MENUS ------------------------------------------------------ */
#menu UL LI A {
	DISPLAY: block;
	COLOR: #FFFFFF;
	line-height: 20px;
	height: 32px;
	text-decoration: none;
}
/* POSIÇÃO DOS SUB-MENUS ------------------------------------------------ */
#menu UL LI UL {
	border: 0;
	
	display: none;
	width: 149px;
	position: absolute;
	top: 32px;
	left: 0px;
	z-index: 500;
	
	FILTER: alpha(opacity=95);
	moz-opacity: 0.9;
	opacity: 0.9;
	khtml-opacity: 0.9
}
#menu UL LI UL:hover {
	display: block
}
#menu UL LI:hover UL {
	display: block
}
#menu UL LI.over UL {
	display: block;
}

/* SUB-MENUS ------------------------------------------------------------ */
#menu UL LI UL LI {
	padding: 0;
	
	width: 200px;
	height: 20px;
	background-image: none;
	BORDER-BOTTOM: medium none;
	background-color: #213753;
	text-align: left;
}

/* FONTE DOS SUB-MENUS -------------------------------------------------- */
#menu UL LI UL LI A {
	display: block;
	padding-left: 20px;
	width: auto;
	color: #FFFFFF;
	height: 20px;
	text-decoration: none;
}

/* ************************************************************************/
/* ESTILO DOS MENUS OVER ------------------------------------------------ */
#link{
	width: 50px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
	
	float: left;

    display: block;
    color: #FFFFFF;
    text-decoration: none;
}
#link A:hover {
	background-color: #213753;
	height: 32px;
	display: block;
}

/* + 45px que o espaço que as letras ocupam */
#link #home         {width: 75px;}
#link #plastval     {width: 100px;}
#link #plastico     {width: 85px;}
#link #ecoconsumo   {width: 115px;}
#link #directorio   {width: 155px;}
#link #noticias     {width: 85px;}
#link #contactos    {width: 100px;}