@charset "utf-8";
/* CSS Document */

html, body
{
	width: 100%;
	height: 100%;
	background-color: #f3ffbf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #202621;
}
a
{
	color: #202621;
	text-decoration: underline;
}
a:hover 
{
	color: #445948;
	text-decoration:none;
}
ul 
{
	list-style-type:circle;
	float: left;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 5px;
	margin-left: 25px;
}
h1 
{
	font-size:18px;
	color:#525d2f;
	border-bottom: 2px solid #525d2f;
	display:block;
	margin-bottom:15px;
	text-align: right;
	padding: 10px;
}
h2 
{
	font-size:15px;
	color:#958629;
	display:block;
	padding:5px 0;
	text-decoration:none;
}
h4 
{
	color:#ef8015;
	font-size:13px;
	font-weight:bold;
	background:url(imgs/bg1.jpg);
	height:20px;
	padding-top:3px;
	margin:0 0 15px 0;		
}
#box
{
	background-color: #f8ffe7;
	border:2px solid #ACBF60;
	padding: 30px;
	height: 100%;
}
#box h1
{
	color: #A1B386;
	border: none;
	text-align: left;
}
* html #tudo {height: 100%;}
#tudo {

	width:100%;
	text-align:left;
	/*min-height:100%;*/
	border:1px solid #fff;
	border-top:none;
	border-bottom:none;
	margin-top: 0;
	margin-bottom: 0;
	margin-right:auto;
	margin-left: auto;
	padding-bottom: 30px;
}
#conteudo {
	padding-top: 10px;
	background: transparent url(img/fundo.png) repeat-y scroll 0px 0;
 }
#topo {
	height:80px;
	color:#FFF;	
	padding-bottom:90px;
	padding-right:50px;
	text-align:center;
	border: 1px solid black;
}

#topo h1.topo {
	color:#FFF;
	text-decoration:none;
	margin:0;
	padding:0;
	border-bottom: none;
	display:block;
}
.legenda
{
	font-size: 11px;
	line-height: 10px;
}

#principal {
	width:70%;
	text-align:justify;
	color:#565656;
	margin-left:260px;
	line-height: 20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	min-height:500px;
}

#bc {
	color:#305BCF;
	margin:0 0 10px 0;
}
#bc a {
	color:#91C8FF;
	text-decoration:none;
}
#bc a:hover {
	text-decoration:underline;
}

#menu 
{	
	float:left;
	width:220px;
	margin-bottom:60px;
	margin-top:-9px;
}

#menuList {
	list-style:none;
	margin:0px;
	margin-left: 7px;
	margin-top: 7px;
	padding:0px;
}

#menuList li {
	position:relative;
	list-style:none;
	padding:0;
	margin:0;
}
#menuList li ul {
	position: absolute;
	left: 208px;
	top: 0;
	display:none;
	margin:0;
	padding:0;
}
#menuList ul li a {
	padding:5px;
	display:block;
	border:1px solid #707856;
	text-decoration:none;
	color:#958629;
	text-align:center;
	background:#E2E2E2;
	width:180px;
	position: relative;
	line-height: 30px;
}

#menuList li ul li ul {
	position: absolute;
	left: 241px;
	top: 0;
	display:none;
	margin:0;
	padding:0;
}
#menuList ul li ul li a {
	padding:5px;
	display:block;
	border:1px solid #707856;
	text-decoration:none;
	color:#958629;
	text-align:center;
	background:#E2E2E2;
	width:230px;
	position: relative;
}
#menuList li ul li ul li ul{
	position: absolute;
	left: 225px;
	top: 0;
	display:none;
	margin:0;
	padding:0;
}
#menuList ul li ul li ul li a {
	padding:5px;
	display:block;
	border:1px solid #707856;
	text-decoration:none;
	color:#958629;
	text-align:center;
	background:#E2E2E2;
	width:230px;
	position: relative;
}
#menuList ul li a {
	padding:5px;
	display:block;
	border:1px solid #707856;
	text-decoration:none;
	color:#958629;
	text-align:center;
	background:#E2E2E2;
	width:230px;
	position: relative;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

#menuList li:hover ul {
	display:block;
	text-align:center;
}

#menu li:hover ul ul{display:none;}

#menu li: hover ul ul ul {display: none;}

#menu li: hover ul ul ul ul {display: none;}

#menuList li ul li:hover ul {
	display:block;
	text-align:center;
}

#menu li ul li:hover ul ul{display:none;}

#menu li ul li: hover ul ul ul {display: none;}

#menu li ul li: hover ul ul ul ul {display: none;}

#menuList li ul li ul li:hover ul {
	display:block;
	text-align: center;
}

#menu li ul li ul li:hover ul ul{display:none;}

#menu li ul li ul li: hover ul ul ul {display: none;}

#menu li ul li ul li: hover ul ul ul ul {display: none;}



#menuList li a{
	padding:5px;
	display:block;
	border:1px solid #707856;
	text-decoration:none;
	color:#958629;
	text-align:center;
	background:#E2E2E2;
	line-height: 30px;
}
#menuList li ul li a{
	padding:5px;
	display:block;
	border:1px solid #707856;
	text-decoration:none;
	color:#958629;
	text-align:center;
	background:#E2E2E2;
}
#menuList li ul li ul li a{
	padding:5px;
	display:block;
	border:1px solid #707856;
	text-decoration:none;
	color:#958629;
	text-align:center;
	background:#E2E2E2;
}
#menuList li a:hover {
	background:#D8D8D8;
	text-decoration:underline;
}

table.border {
	border-left:1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding:0px;
	margin:0px;
}
table.border tr td {
	border-right:1px solid #CCC;
	border-top: 1px solid #CCC;
	padding:5px;
	margin:0px;
}
table th {
	border-right:1px solid #CCC;
	border-top: 1px solid #CCC;
	padding:5px 5px 5px 20px;
	margin:0px;
	background:#0F3;
	cursor:pointer;
	background-color:#7fa1a5;
	color:#FFF;
}
th.headerSortDown {
   background: url(hipertexto/down.jpg) 3px 50% no-repeat #7fa1a5;

}
th.headerSortUp { 
	background: url(hipertexto/up.jpg) 3px 50% no-repeat #7fa1a5;
}

.even {
	background-color:#F2F2F2;
}
table.border tr.hl {
	/*background-color:#e4e4e4;*/
	background-color:#b2d6da;
}
table.border tr td.titulo {
	font-size:12px;
}
a img {
	border:none;
}
.icone{
	padding-right: 8px;
	margin-bottom: 2px;
}
.block, .feedback {
    display: block;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}
input.feedbackbutton {
    margin-top: 10px;
    margin-bottom: 10px;
}
.feedback { display: block; }

/* This is the CSS stylesheet used in the exercise. */
/* Elements in square brackets are replaced by data based on configuration settings when the exercise is built. */
/* BeginCorePageCSS */
/* Made with executable version 6.3 Release 0 Build 4 */
/* Hack to hide a nested Quicktime player from IE, which can't handle it. */
* html object.MediaPlayerNotForIE {
	display: none;
}
div.Titles{
	padding: 0.5em;;
	text-align: center;
	color: #000000;
}
button{
	display: inline;
}
.ExerciseTitle{
	color: #000000;
}
.ExerciseSubtitle{
	color: #000000;
}
div.StdDiv{
	background-color: #dddddd;
	text-align: center;
	color: #000000;
	padding: 0.5em;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #000000;
	margin-bottom: 1px;
}
/* EndCorePageCSS */
.RTLText{
	text-align: right;
	direction: rtl;
}
.CentredRTLText{
	text-align: center;
	direction: rtl;
}
button p.RTLText{
	text-align: center;
}
.RTLGapBox{
	text-align: right;
	direction: rtl;
}
.Guess{
	font-weight: bold;
}
.CorrectAnswer{
	font-weight: bold;
}
div#Timer{
	padding: 0.25em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #000000;
}
span#TimerText{
	padding: 0.25em;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	display: none;
	color: #000000;
}
span.Instructions{
}
div.ExerciseText{
}
.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{
	color: #000000;
}
.LeftItem{
	color: #000000;
	text-align: left;
}
.RightItem{
	font-weight: bold;
	color: #000000;
}
span.CorrectMark{
}
input, textarea{
}
select{
}
div.Feedback {
	background-color: #ffffff;
	left: 33%;
	width: 34%;
	top: 33%;
	z-index: 1;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	text-align: center;
	color: #000000;
	position: absolute;
	display: none;
}
div.ExerciseDiv{
	color: #000000;
}
/* JMatch flashcard styles */
table.FlashcardTable{
	background-color: transparent;
	color: #000000;
	border-color: #000000;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2em;
	margin-bottom: 2em;
	width: 90%;
	position: relative;
	text-align: center;
	padding: 0px;
}
table.FlashcardTable tr{
	border-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #dddddd;
}
table.FlashcardTable td.Showing{
	text-align: center;
	width: 50%;
	display: table-cell;
	padding: 2em;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	background-color: #dddddd;
}
table.FlashcardTable td.Hidden{
	display: none;
}
/* JMix styles */
div#SegmentDiv{
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}
a.ExSegment{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
span.RemainingWordList{
	font-style: italic;
}
div.DropLine {
	position: absolute;
	text-align: center;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	width: 80%;
}
/* JCloze styles */
.ClozeWordList{
	text-align: center;
	font-weight: bold;
}
div.ClozeBody{
	text-align: left;
	margin-top: 2em;
	margin-bottom: 2em;
	line-height: 2.0
}
span.GapSpan{
	font-weight: bold;
}
/* JCross styles */
table.CrosswordGrid{
	margin: auto auto 1em auto;
	border-collapse: collapse;
	padding: 0px;
	background-color: #000000;
}
table.CrosswordGrid tbody tr td{
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	vertical-align: middle;
	padding: 1px;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	color: #000000;
}
table.CrosswordGrid span{
	color: #000000;
}
table.CrosswordGrid td.BlankCell{
	background-color: #000000;
	color: #000000;
}
table.CrosswordGrid td.LetterOnlyCell{
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
}
table.CrosswordGrid td.NumLetterCell{
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	color: #000000;
	padding: 1px;
	font-weight: bold;
}
.NumLetterCellText{
	cursor: pointer;
	color: #000000;
}
.GridNum{
	vertical-align: super;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.GridNum:hover, .GridNum:visited{
	color: #000000;
}
table#Clues{
	margin: auto;
	vertical-align: top;
}
table#Clues td{
	vertical-align: top;
}
table.ClueList{
  margin: auto;
}
td.ClueNum{
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}
td.Clue{
	text-align: left;
}
div#ClueEntry{
	text-align: left;
	margin-bottom: 1em;
}
/* Keypad styles */
div.Keypad{
	text-align: center;
	display: none; /* initially hidden, shown if needed */
	margin-bottom: 0.5em;
}
div.Keypad button{
	background-color: #ffffff;
	color: #000000;
	width: 2em;
}
/* JQuiz styles */
div.QuestionNavigation{
	text-align: center;
}
.QNum{
	margin: 0em 1em 0.5em 1em;
	font-weight: bold;
	vertical-align: middle;
}
textarea{
}
.QuestionText{
	text-align: left;
	margin: 0px;
}
.Answer{
	letter-spacing: 0.1em;
}
.PartialAnswer{
	letter-spacing: 0.1em;
	color: #000000;
}
.Highlight{
	color: #000000;
	background-color: #ffff00;
	font-weight: bold;
}
ol.QuizQuestions{
	text-align: left;
	list-style-type: none;
}
li.QuizQuestion{
	padding: 1em;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
}
ol.MCAnswers{
	text-align: left;
	list-style-type: upper-alpha;
	padding: 1em;
}
ol.MCAnswers li{
	margin-bottom: 1em;
}
ol.MSelAnswers{
	text-align: left;
	list-style-type: lower-alpha;
	padding: 1em;
}
div.ShortAnswer{
	padding: 1em;
}
.FuncButton {
	text-align: center;
	border-style: solid;
	border-left-color: #eeeeee;
	border-top-color: #eeeeee;
	border-right-color: #6e6e6e;
	border-bottom-color: #6e6e6e;
	color: #000000;
	background-color: #dddddd;
	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}
.FuncButtonUp {
	color: #dddddd;
	text-align: center;
	border-style: solid;
	border-left-color: #eeeeee;
	border-top-color: #eeeeee;
	border-right-color: #6e6e6e;
	border-bottom-color: #6e6e6e;
	background-color: #000000;
	color: #dddddd;
	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}
.FuncButtonDown {
	color: #dddddd;
	text-align: center;
	border-style: solid;
	border-left-color: #6e6e6e;
	border-top-color: #6e6e6e;
	border-right-color: #eeeeee;
	border-bottom-color: #eeeeee;
	background-color: #000000;
	color: #dddddd;
	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}
/*BeginNavBarStyle*/
div.NavButtonBar{
	background-color: #000000;
	text-align: center;
	margin: 2px 0px 2px 0px;
	clear: both;
}
.NavButton {
	border-style: solid;
	border-left-color: #7f7f7f;
	border-top-color: #7f7f7f;
	border-right-color: #000000;
	border-bottom-color: #000000;
	background-color: #000000;
	color: #ffffff;
	border-width: 2px;
	cursor: pointer;	
}
.NavButtonUp {
	border-style: solid;
	border-left-color: #7f7f7f;
	border-top-color: #7f7f7f;
	border-right-color: #000000;
	border-bottom-color: #000000;
	color: #000000;
	background-color: #ffffff;
	border-width: 2px;
	cursor: pointer;	
}
.NavButtonDown {
	border-style: solid;
	border-left-color: #000000;
	border-top-color: #000000;
	border-right-color: #7f7f7f;
	border-bottom-color: #7f7f7f;
	color: #000000;
	background-color: #ffffff;
	border-width: 2px;
	cursor: pointer;	
}
div.CardStyle {
	position: absolute;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	background-color: #dddddd;
	left: -50px;
	top: -50px;
	overflow: visible;
}
.rtl{
	text-align: right;
}

#rodape {
	border-top: 2px solid #525d2f;
	padding-top:40px;
	text-align:right;
}