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

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


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

div#terms div.left { display: block; position: relative; width: 200px; background-color: #e5e6e9; margin: 15px 0 0 0; padding: 0 0 35px 0; float: left; overflow: hidden; }
	div#terms div.left hr { display: block; position: relative; margin: 2px 25px 10px 0; border: none; border-bottom: 1px dotted rgb(142,144,144); }
	div#terms div.left a.top { display: block; position: relative; margin: 0 25px 0 0; padding: 0 4px; color:#003B5C; text-align: left; font-family: 'ArialNarrow', sans-serif; font-size: 14px; line-height: 22px; text-decoration: none; text-transform: uppercase; text-indent: 4px; }
	div#terms div.left a.top:hover { text-decoration: underline; }

	div#terms div.left a.children { display: block; position: relative; margin: 6px 0 6px 4px; padding: 0 0 0 0; color:#003B5C; text-align: left; font-family: 'ArialNarrow', sans-serif; font-size: 14px; line-height: 22px; text-decoration: none; text-indent: 4px; }
	div#terms div.left a.children:hover { text-decoration: underline; }
		div#terms div.left a.children span { display: inline-block; position: relative; color:#003B5C; font-family: 'ArialNarrow', sans-serif; font-size: 14px; line-height: 22px; text-decoration: none; background-color: #e5e6e9; padding: 0 2px 0 0; margin: 0 2px 0 0; }

	div#terms div.left a.grandson { display: block; position: relative; margin: 3px 0 3px 35px; padding: 0 0 0 0; color:#003B5C; text-align: left; font-family: 'ArialNarrow', sans-serif; font-size: 14px; line-height: 22px; text-decoration: none; text-indent: 4px; }
	div#terms div.left a.grandson:hover { text-decoration: underline; }
		div#terms div.left a.grandson span { display: inline-block; position: relative; color:#003B5C; font-family: 'ArialNarrow', sans-serif; font-size: 14px; line-height: 22px; text-decoration: none; background-color: #e5e6e9; padding: 0 2px 0 0; margin: 0 2px 0 0; }

	div#terms div.left a.selected { background-color:#003B5C; color: #ffffff; }

@media all and ( max-width: 600px )
{
	div#terms div.left { width: 90%; float: none; padding: 0; margin: 15px auto 0 auto; }
		div#terms div.left hr { display: none; width: 100%; }
		div#terms div.left a.top { padding: 0; }
		div#terms div.left a.children { margin: 0; padding: 6px 0; border-top: 1px solid #ffffff; }
}
@media all and ( min-width: 601px ) and ( max-width: 1199px )
{
	div#terms div.left { margin: 15px 0 0 15px; }
}


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

div#terms div.right { display: block; position: relative; width: 650px; margin: 15px 50px 0 0; float: right; overflow: hidden; }
	div#terms div.right h1 { display: block; position: relative; font-family: 'ArialBold', sans-serif; font-size: 18px; color:#003B5C; line-height: 25px; }
	div#terms div.right div.htmlContent { display: block; position: relative; margin: 20px 0 35px 0; }

@media all and ( max-width: 600px )
{
	div#terms div.right { width: 90%; float: none; margin: 15px auto 0 auto; }
}
@media all and ( min-width: 601px ) and ( max-width: 1199px )
{
	div#terms div.right { margin: 15px 15px 0 25px; }
	div#terms div.right
	{
		width: 100%;
		width: calc( 100% - 200px - 25px - 15px - 15px );
		width: -webkit-calc( 100% - 200px - 25px - 15px - 15px );
		width: -moz-calc( 100% - 200px - 25px - 15px - 15px );
	}
}


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