/* ------------------------------------------------------------------------------------------------------------------ */
/* corpo */

div#sitemap { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* coluna esquerda */

div#sitemap div.left { display: block; position: relative; width: 200px; background-color: #e5e6e9; margin: 15px 0 0 0; padding: 0 0 0 0; float: left; overflow: hidden; }

@media all and ( max-width: 1199px )
{
	div#sitemap div.left { display: none; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* coluna direita */

div#sitemap div.right { display: block; position: relative; width: 700px; margin: 15px 0 0 0; float: right; overflow: hidden; }
	div#sitemap div.right p { display: block; position: relative; font-family: 'ArialNarrow', sans-serif; font-size: 14px; color:#003B5C; line-height: 25px; margin: 0; text-align: justify; text-decoration: none; text-transform: lowercase; }
	div#sitemap div.right p.top { text-transform: uppercase; margin: 10px 0 0 0; }
	div#sitemap div.right p.children { margin: 0 0 0 25px; }
	div#sitemap div.right p.grandson { margin: 0 0 0 50px; }
	div#sitemap div.right p.grandgrandson { margin: 0 0 0 75px; }
	div#sitemap div.right p.grandgrandgrandson { margin: 0 0 0 100px; }
	div#sitemap div.right a { display: block; position: relative; font-family: 'ArialNarrow', sans-serif; font-size: 14px; color:#003B5C; line-height: 25px; margin: 0; text-align: justify; text-decoration: none; text-transform: lowercase; }
	div#sitemap div.right a.top { text-transform: uppercase; margin: 10px 0 0 0; }
	div#sitemap div.right a.children { margin: 0 0 0 25px; }
	div#sitemap div.right a.grandson { margin: 0 0 0 50px; }
	div#sitemap div.right a.grandgrandson { margin: 0 0 0 75px; }
	div#sitemap div.right a.grandgrandgrandson { margin: 0 0 0 100px; }
	div#sitemap div.right a:hover { text-decoration: underline }

@media all and ( max-width: 1199px )
{
	div#sitemap div.right { width: 90%; float: none; margin: 15px auto 0 auto; }
		div#sitemap div.right p { font-size: 12px; line-height: 30px; }
		div#sitemap div.right a { font-size: 12px; line-height: 30px; }
		div#sitemap div.right a.children { margin: 0 0 0 15px; }
		div#sitemap div.right a.grandson { margin: 0 0 0 30px; }
		div#sitemap div.right a.grandgrandson { margin: 0 0 0 45px; }
		div#sitemap div.right a.grandgrandgrandson { margin: 0 0 0 60px; }
}


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