/* CSS Document */

/* BODY */
body { 
	background-color:Wheat;
	margin:0; 
	padding:0; 
	font-family:Tahoma; 
	color:#000000; 
	font-size:100%;
	}


#headerwrapper {
  position: relative;	
  background-color:Tan;
  width: 100%;
  height: 150px;
}

#header {
  background-color:SlateGray ;
	width: 800px;
  height: 150px;
  display: block;
  margin: 0 auto;
}


#breadcrumb {
	background-color:Tan;
	width:800px;
  height: 25px;
	font-family:Tahoma, Geneva, sans-serif; 
	font-size:12px;
}	

#breadcrumb a {
	position: relative;
	top: 5px;
	left: 160px;
}	

#contentwrapper {
  position: relative;	
  background-color:black;
  width: 800px;
  margin: 0 auto;
}

#leftcol {
  background-color: pink;
  float:left;
  width: 160px;
}

#content {
	background-color:white;
  float:right;
  width: 640px;
}

#footer {
  position: relative;
	background-color: Tan;
	left:-160px;
	width:800px;
  height: 25px;
	font-family:Trebuchet MS; 
	font-size:10px;
}

#footer a {
	position: relative;
	top: 5px;
	left: 160px;
}	

.logo {
	position:relative; 
	top:16px; 
	left:48px; 
	width:280px; 
	height:72px; 
	font-family:Trebuchet MS; 
	font-size:22px; 
	color:#FFF; 
	background:url(../images/logo.gif); }

hr {
	background-color: SlateGray;
	align: center;
	height:1px;
	width: 80%;
}

/* MENU 
Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 160px; /*For KHTML*/
	list-style: none;
	}

ul#navmenu:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

ul#navmenu li {
	float: left; /*For IE 7 lack of compliance*/
	display: block !important; /*For GOOD browsers*/
	display: inline; /*For IE*/
	position: relative;
	}

/* Root Menu */
ul#navmenu a {
	border: 1px solid #FFF;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	padding: 0 6px;
	display: block;
	background: #EEE;
	color: #666;
	font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	cursor:default;
	}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	background: #CCC;
	color: #FFF;
	}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	background: #EEE;
	color: #666;
	}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	background: #CCC;
	color: #FFF;
	}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	background: #CCC;
	color: #FFF;
	}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
	}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background: #CCC;
	color: #FFF;
	}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 160px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
	}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
	}

/* -------------------------------------------------------- */
/* Menu vertical sliding - Aulas em flash */
/* -------------------------------------------------------- */
/* MENU HEADER */
.menuheader{
	background-color:#999;
	color:#FFFFFF;
	clear:both;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:160px;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:0px;
	margin-left::0px;
	border-bottom:solid 1px #CCC;
}
	a.menuheader {
		text-decoration:none;
	}
	.menuheader span {
		display:block;
		padding-left:5px;
		padding-right:5px;
	}
/* -------------------------------------------------------- */
/* MENU ITEM */
.v-menu{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px;
	border:solid 0px #7F9FBF;
	width:160px;
	clear:both;
	background-color:#CCC;
	text-indent:-12px;
}

	ul.v-menu, .v-menu li{
		padding:0; 
		margin:0;
		list-style:none;
	}
	ul.v-menu{
		clear:both;
		margin-top:6px;
	}
		.v-menu li a{
			color:#555555;
			display:block;
			border-top:solid 1px #DEDEDE;
			padding-left:16px;
			padding-right:4px;
			padding-top:4px;
			padding-bottom:4px;
			text-decoration:none;
		}
		.v-menu li a:hover{
			color:#999999;
		}
/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
/* Definições do arquivo INDEX.HTML */
/* -------------------------------------------------------- */
.indextitulo {	color: Sienna; 
			font-family: Trebuchet MS;
			font-size: 18pt;
			text-align: center;}

.indexmenulink:link {	color: white; 
											font-family:Trebuchet MS; 
											font-size:10pt; 
											text-decoration:none;}
.indexmenulink:visited {	color: white; 
													font-family:Trebuchet MS; 
													font-size:10pt; 
													text-decoration:none;}
.indexmenulink:hover {	color: black; 
												font-family:Trebuchet MS; 
												font-size:10pt; 
												text-decoration:underline;}

.indexmenutexto {	color:white;
									font-family:Trebuchet MS;
									font-size:10pt;
									text-align:center;}

/* Definições do arquivo PRINCIPAL.HTML */

.principaltitulo {	color:Black;
										font-family:Trebuchet MS;
										font-size:14pt;
										font-weight: bolder;}

.principalcargo {	color:Black;
									font-family:Trebuchet MS;
									font-size:12pt;}

.principalitem {	color:Black;
									font-family:Trebuchet MS;
									font-size:10pt;
									font-weight: bolder;}

.principalexplicacao {	color:Black;
											font-family:Trebuchet MS;
											font-size:10pt;}

.principallink:link {	color: Black; 
											font-family:Trebuchet MS; 
											font-size:10pt; 
											text-decoration:none;}
.principallink:visited {	color: Black; 
													font-family:Trebuchet MS; 
													font-size:10pt; 
													text-decoration:none;}
.principallink:hover {	color: Blue; 
												font-family:Trebuchet MS; 
												font-size:10pt; 
												text-decoration:underline;}

/* Definições das demais páginas */

.titulo {	color: black; 
			font-family: Arial;
			font-size: 14pt;
			text-align: center;
			font-weight: bolder;}

.secao {	color: black;
			font-family: Arial;
			font-size: 12pt;
			font-weight: bolder;
			font-style: italic;
			text-align: left;
			margin-left: 10px}

.texto {	color:black;
			font-family:arial;
			font-size:8pt;
			text-align:left;
			margin-left:40px}

.legenda {	color:black;
			font-family:arial;
			font-size:8pt;
			text-align:center;
			margin-left:40px}

.texto select{	color:black;
			font-family:arial;
			font-size:8pt;
			text-align:left;
			margin-left:40px}

.lista {	color:black;
			font-family:arial;
			font-size:8pt;
			text-align:left;}

.tabela {	color:teal;
			font-family:arial;
			font-size:10pt;}

.inicio {	color:teal;
			font-family:arial;
			font-size:08pt;
			text-align:center;}

.rodape {	color:black;
			font-family:arial;
			font-size:08pt;
			text-align:center;
			margin-top:0;
			margin-bottom:0;}

.designed {	color:teal;
				font-family:arial;
				font-size:7pt;
				text-align:right;
				margin-top:0;
				margin-right:110px;}

.textolateral {	color:White;
			font-family:Trebuchet MS;
			font-size:8pt;
			text-align:left;
			margin-left:10px}

.linklateral:link { color: White; font-family:Trebuchet MS; font-size:8pt; text-decoration:none;}
.linklateral:visited { color: White; font-family:Trebuchet MS; font-size:8pt; text-decoration:none;}
.linklateral:hover { color: White; font-family:Trebuchet MS; font-size:8pt; text-decoration:underline;}

.basico:link { color: blue; font-family:Trebuchet MS; font-size:8pt; text-decoration:none;}
.basico:visited { color: blue; font-family:Trebuchet MS; font-size:8pt; text-decoration:none;}
.basico:hover { color: blue; font-family:Trebuchet MS; font-size:8pt; text-decoration:underline;}

.link:link { color: black; font-family:Trebuchet MS; font-size:8pt; text-decoration:none;}
.link:visited { color: black; font-family:Trebuchet MS; font-size:8pt; text-decoration:none;}
.link:hover { color: blue; font-family:Trebuchet MS; font-size:8pt; text-decoration:underline;}

.suave:link { color: brown; font-family:Trebuchet MS; font-size:8pt; text-decoration:none;}
.suave:visited { color: brown; font-family:Trebuchet MS; font-size:8pt; text-decoration:none;}
.suave:hover { color: black; font-family:Trebuchet MS; font-size:8pt; text-decoration:underline;}

.backtop:link { color: blue; font-family:Trebuchet MS; font-size:8pt; text-decoration:none;}
.backtop:visited { color: blue; font-family:Trebuchet MS; font-size:8pt; text-decoration:none;}
.backtop:hover { color: blue; font-family:Trebuchet MS; font-size:8pt;font-weight: bolder; text-decoration:underline;}

.artigo:link { color: blue; font-family:Trebuchet MS; font-size:8pt; text-decoration:none;}
.artigo:visited { color: blue; font-family:Trebuchet MS; font-size:8pt; text-decoration:none;}
.artigo:hover { color: blue; font-family:Trebuchet MS; font-size:8pt;font-weight: bolder; text-decoration:underline;}

.menu:link { color: Black; font-family:Trebuchet MS; font-size:8pt; margin-left:30px; text-decoration:none;}
.menu:visited { color: Black; font-family:Trebuchet MS; font-size:8pt; margin-left:30px; text-decoration:none;}
.menu:hover { color: Blue; font-family:Trebuchet MS; font-size:8pt; margin-left:30px;font-weight: bolder; text-decoration:underline;}

.problemas:link { color: blue; font-family:Trebuchet MS; font-size:8pt; text-decoration:none;}
.problemas:visited { color: blue; font-family:Trebuchet MS; font-size:8pt; text-decoration:none;}
.problemas:hover { color: blue; font-family:Trebuchet MS; font-size:8pt; text-decoration:underline;}