#container #content {
	float: left;
	width: 98%;
}

#artigo {
	margin-right: 0.50em;
	margin-left: 1em;
	float: left;		
}

#artigo.relacionado {
	width: 33em;
}

#artigo H1 {
	margin: 0;
	position: relative;
	left: -0.2em;
}

#artigo .texto {
	font-size: 13px;
	overflow-y:	auto;
	color: #26336C;
	clear: both;	
}

#artigo .principal{	
	float: left;
	position: relative;
	bottom: 2.5px;
}

#artigo .description {
	color: #3F537F;
	font-size: 13px;	
	position: relative;
	left: 10px;
}

#artigo .chamada {
	padding-bottom: 17px;
}

#relacionados {	
	float: left;
	height: 25em;
	width: 12em;
	margin: 0 0.50em;
	text-align: center;
	list-style: none;
	position: relative;
}

#relacionados #leftCorner, #relacionados #rightCorner {
	position: absolute;
	top:0;
}
#relacionados #leftCorner {
	left: 0;
}
#relacionados #rightCorner {
	right: 0;
}
#relacionados ul {
	list-style: none;
	margin: 0;
	padding: 0;	
}

#relacionados .title {
	background: url('../imagens/backgrounds/caption.gif') no-repeat center top;
	width: 11em;
	height: 2.27em;	
	margin: 1em auto 0;
	padding: 0.75em 0 0;	
	font-size: 0.95em;
	color: #001e55;	
	font-weight: normal;
	display: block;
	text-decoration: none;
	text-align: center;
	position: relative;
}

#relacionados .title sup {
	position: absolute;
	top: 25%;
	color: #8F863E;
	font-size: 0.60em;
}

#relacionados ul ul {
/*	list-style: url("../imagens/bullet_interna_relacionados.jpg") inside;*/
	list-style: none;
	margin-left: 0;
	padding-left: 2em;
	width: 90%;	
	font-size: 0.798em;
	text-align: left;
	display: none;
}

#relacionados #maisartigos ul {
	display: block;
}
 
#relacionados ul li a {
	/*background: url("../imagens/backgrounds/arrowleft.gif")  0.2em no-repeat;*/	
	padding-right: 1.20em;
	text-decoration: none;
	color: #2a3d5f;
}

#relacionados li:hover .title {
	font-weight: bold;
}
#relacionados li .title:hover {
	text-decoration: none;
}

#relacionados li:hover ul , #relacionados li.show ul {
	display: block;	
}

#relacionados ul li a:hover {
	text-decoration: underline;
}