/********************
Destaque
********************/
#destaque {
	position: relative;
	float: left;
	width: 302px;
	margin-right: 5px;
}

#destaque big {
	color: #FFF;
	display: block;
	padding: 2px 5px 0;
}

#destaque h4 {
	margin-bottom: 3px;
	padding: 5px;
	padding-top: 3px;
}

#destaque h4 a {
	color: #FFF;
	font-size: 1.5em;
}

#destaque h4 a:hover { text-decoration: underline; }

#destaque a.imagem {
	display: block;
	width: 302px;
	height: 158px;
	overflow: hidden;
}

#destaque p a {
	color: #FFF;
	font-size: 1.1em;
	display: block;
	margin-top: 3px;
	padding: 5px;
}

	/********************
	Lista
	********************/
	#destaque .listagem {
		margin-top: 2px;
		padding: 5px;
		background-color: #E5E5E5;
	}

	#destaque .listagem big {
		color: #000;
		font-size: 1.1em;
		margin-left: 3px;
		padding: 0;
		padding-left: 10px;
		background: transparent url(../images/bullet02.gif) no-repeat left;
	}
	/********************
	Fim da lista
	********************/
/********************
Fim do Destaque
********************/



/********************
Demais informacoes sobre a area em questao
********************/
#mais {
	position: relative;
	float: left;
	width: 259px;
	padding: 2px 5px 20px;
	background-color: #FFF;
}

#mais .destaque {
	position: relative;
	height: 125px;
	margin-top: 3px;
	padding-bottom: 2px;
}

#mais .destaque * { color: #FFF; }

#mais a.imagem {
	float: left;
	width: 135px;
	height: 123px;
	padding: 1px;
}

#mais a.imagem:hover {
	padding: 0;
	border: 1px solid;
}

#mais a.imagem img {
	width: 135px;
	height: 123px;
}

#mais .destaque div {
	float: right;
	width: 111px;
	height: 85px;
	padding: 5px;
	padding-bottom: 35px;
	overflow: hidden;
}

#mais .destaque h4 {
	margin-top: 1px;
	height: 60px;
	overflow: hidden;
}

#mais .destaque h4 a { font-size: 1.6em; }

#mais p {
	position: absolute;
	bottom: 10px;
	width: 111px;
}

#mais .destaque a:hover { text-decoration: underline; }

#mais .listagem img {
	width: 52px;
	height: 40px;
}
/********************
Fim das demais informacoes sobre a area em questao
********************/



/********************
Lateral
********************/
#lateral {
	position: relative;
	float: right;
	width: 158px;
	height: 361px;
}

#lateral .destaque {
	position: absolute;
	bottom: 0;
	width: 158px;
	height: 170px;
}

#lateral .publicidade li { margin-bottom: 2px; }

#lateral .publicidade a img {
	width: 156px;
	height: 80px;
	margin: 0 auto;
	border: 1px solid #DBDBDB;
}

#lateral .publicidade a:hover img { border-color: #979797; }
/********************
Fim da lateral
********************/