@charset "ISO-8859-1";
/* CSS Document */

body {
	font-family: Verdana;
	padding: 0;
	margin: 10px 0 0 0;
}
img { border:none }
/* ----------------------- */
div.all { 
	min-width: 750px;
	width: 100%;
}
/*
	'max-width' and 'width' are defined on each class below
	5 main DIV's {header, main, navigation up, navigation down, foot}
*/
/* ----------------------- */
div.header {
	display: table;
	color: #FFFFFF;
	background-color: #4BA075;
	font-weight: bold;
	max-width: 1200px;
	width: 98%;
}
div.header-title {
	text-align: left;
	float: left;
	margin: 10px;
}
	div.header-title-1 {
		font-size: 28px;
		margin-left: 25px;
	}
	div.header-title-2 {
		font-size: 22px;
		font-style: italic;
		margin-left: 25px;
		padding-top: 5px;
		padding-bottom: 8px;
	}
div.header-ext-links {
	text-align: right;
	font-size: 12px;
	float:right;
	margin: 5px;
}
	div.header-link { margin-top: 5px; }
	a.header-link { text-decoration: none; }
	a.header-link:link 		{ color: #FFFFFF; }
	a.header-link:visited 	{ color: #FFFFFF; }
	a.header-link:hover 	{ color: #FFCC00; }
/* ----------------------- */
div.main {
	/*display: table;*/
	max-width: 1200px;
	position: relative;
	width: 98%;
}
	div#main:after{ /*  fixes firefox float bug  */
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		height: 0;
		overflow: hidden;
	}

div.main-summary {
	float: left;
	color: #FFFFFF;
	background-color: #8FDFBF;
	font-size:13px;
	font-weight: bold;
	position: relative;
	width: 25%;
	/*min-width: 250px;*/
}
div.main-text {
	float: right;
	background-color: #8FDFBF; 
	padding: 5px 0px 5px 0px;
	position: relative;
	width: 74%;
}

div.main-topic, div.main-topic-atual { 
	text-align: left; 
	margin-top: 3px; 
	width: 97%; 
}
div.main-topic 			{ background-color: #4BA075; }
div.main-topic-atual 	{ background-color: #77BB66; }

a.main-topic-link { text-decoration: none; margin-left: 5px; }
a.main-topic-link:link 		{ color: #FFFFFF; }
a.main-topic-link:visited 	{ color: #FFFFFF; }
a.main-topic-link:hover		{ color: #FFCC00; }

div.text {
	text-align: justify;
	width: 98%;
}
.title1 { font-size: 13px; }
.title2 { font-size: 15px; }
.title3 { font-size: 18px; }
.title4 { font-size: 21px; }
/* ----------------------- */
div.teacher-name { /* none */ }
div.teacher-name table th { font-weight: normal; }
div.teacher-name table td { text-align: left; }
div.teacher-name a { text-decoration: none; }
div.teacher-name a:link 	{ color: #000000; }
div.teacher-name a:visited 	{ color: #000000; }
div.teacher-name a:hover 	{ color: #FF9900; }
/* ----------------------- */
div.image {  /* imagens utilizadas no meio do texto */
	border: 1px inset #FF9900;
}
/* ----------------------- */
div.question {
	font-size: 14px;
	background-color: #4BA075;
	color: #E9E9E9;
	padding: 5px 2px 5px 2px;
}
	div.question a.hide-show-answer { font-size: 12px; }
	div.question a.hide-show-answer:link 	{ color: #E9E9E9; }
	div.question a.hide-show-answer:visited { color: #E9E9E9; }
	div.question a.hide-show-answer:hover 	{ color: #000000; }
	
	div.question ul { margin: 0px; }
	
div.answer {
	font-size: 14px;
	background-color: #8FDFBF;
	color: #000000;
	margin-top: 8px;
	padding: 0px 20px 0px 20px;
}
div.hide-show-all-answers {
	font-size: 11px;
	color: #000000;
	padding-right: 5px;
	padding-bottom: 8px;
}
	div.hide-show-all-answers a:link 	{ color: #000000; }
	div.hide-show-all-answers a:visited { color: #000000; }
	div.hide-show-all-answers a:hover 	{ color: #FF9900; }
/* ----------------------- */
div.navigation-up {
	font-size: 10px;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	max-width: 1200px;
	width: 98%;
}
	div.navigation-up span { margin-right: 10px; }
div.navigation-down {
	font-size: 10px;
	text-align: center;
	padding: 5px 0px 5px 0px;
	max-width: 1200px;
	width: 98%;
}
/* ----------------------- */
div.foot {
	display: table;
	font-size: 11px;
	font-style: italic;
	border-top: 2px dotted #009966;
	padding: 3px 0px 20px 0px;
	max-width: 1200px;
	width: 98%;
}
div.foot-left {
	text-align: left;
	float: left;
	width: 40%;
}
div.foot-center {
	text-align: center;
	font-style: normal;
	padding-top: 3px;
	float:left;
	width: 20%;
}
	div.foot-center a:link 		{ color: #000000; text-decoration: none; }
	div.foot-center a:visited 	{ color: #000000; text-decoration: none; }
	div.foot-center a:hover		{ color: #000000; text-decoration: underline; }
	
div.foot-right {
	text-align: right;
	float: left;
	width: 40%;
}
/* ----------------------- */