


#principal {
	border-bottom:2px solid Gray;
	border-left:2px solid gray;
	border-right:2px solid gray;
	margin-top: 5px;
	width:777px;
	height:309px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../imagens/figura_fundo.gif);
}

#tutorial_verde{
	    border-top:2px solid Gray;
		border-bottom:2px solid Gray;
		border-left:2px solid gray;
		border-right:2px solid gray;
		margin-top: 5px;
		width:777px;
		height:309px;
		margin-left: auto;
		margin-right: auto;
		background-image:url(../imagens/tela_tutoria_verdel.png);
		background-repeat:no-repeat;
}

#tutorial_amarelo{
	    border-top:2px solid Gray;
		border-bottom:2px solid Gray;
		border-left:2px solid gray;
		border-right:2px solid gray;
		margin-top: 5px;
		width:777px;
		height:309px;
		margin-left: auto;
		margin-right: auto;
		background-image:url(../imagens/tela_tutorial_amarela.png);
		background-repeat:no-repeat;
}

#tutorial_azul{
	    border-top:2px solid Gray;
		border-bottom:2px solid Gray;
		border-left:2px solid gray;
		border-right:2px solid gray;
		margin-top: 5px;
		width:777px;
		height:309px;
		margin-left: auto;
		margin-right: auto;
		background-image:url(../imagens/tela_tutorial_azul.png);
		background-repeat:no-repeat;
}

#estilo_tutorial{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	width: 700px;
	margin-top: 35px;
	
}

#conteudo_texto table.tabl{

}

	/* Div que contem o topo, navegacao e a barra de separacao */
	#topo {	
		background-repeat:no-repeat;
		height:45px;
		margin-top:-26px;
		background-image:url(../imagens/barra_superior.jpg);
		background-repeat:no-repeat;

	}
		#topo .separacao {

				height:6px;
				margin-top:37px;			
		}
		#navegacao{
			height:6px;
			margin-top:30px;				
		}
		#navegacao ul{	
				margin-left:0;
				padding:25px 0 0;
				
			}
		/* mapeamento do "home" na imagem do topo*/
		
		#home a{
			height:27px;
			margin-top:8px;
			position:absolute;
			text-decoration:none;
			width:28px;
		}
		#home a.home {  
			margin-left:741px;
		}

		#home a.creditos {  
			margin-left:704px;
		}
		#home  i { 
			visibility: hidden; 
		}
	/* fim do mapeamento do topo */
				
	#conteudo {
		margin-right:8px;
	}	
	 
	#conteudo_texto {
		overflow: auto;
		height:200px;
		padding-right:5px;
	}
		#conteudo_texto a.impressao{
			float:right;
			margin-right: 2px;
			margin-top: 1px;			
		}
		#conteudo_texto a.impressao img{ 
			border: none; 
			float:right;
			
		}
		
	#migalha {
		float: left;
		color: #666666;
		font:Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		/*color: #C992C9;*/
		margin: 15px 0px 0px 15px;
	}
	#migalha span.sublinhado {
		border-bottom: 1px solid ;
		color: #666666;
		
	}
		#conteudo ul{
			float: right;
			margin-right:3px;
				
		}

		#pagination li{
		border:0; margin:0; padding:0;	
		float: left;
		font-size:11px;
		list-style:none;
		}
		#pagination a{
			border:solid 1px #9aafe5;
			margin-right:2px;
		}
		#pagination .previous-off,
		#pagination .next-off {
			border:solid 1px #DEDEDE;
			color:#888888;
			display:block;
			float:left;
			font-weight:bold;
				margin-right:2px;
			padding:3px 4px;
		}
		#pagination .next a,
		#pagination .previous a {
		 font-weight:bold;
		}	
		#pagination .active{
			background:#2e6ab1;
			color:#FFFFFF;
			font-weight:bold;
			display:block;
			float:left;
			padding:4px 6px;
		}
		#pagination a:link, 
		#pagination a:visited {
			color:#0e509e;
			display:block;
			float:left;
			padding:3px 6px;
			text-decoration:none;
		}
		#pagination a:hover{
			border:solid 1px #0e509e;
		}
		
		.menu {
			 margin:0; 
			 list-style:none; 
			 font-family:arial, verdana, sans-serif; 
		}
		.menu li.top {
			display:block; 
			float:left; 
			position:relative;
		}
		.menu li a.top_link {
			display:block; 
			float:left; 
			height:40px; 
			line-height:33px; 
			color:#bbb; 
			text-decoration:none; 
			font-size:11px; 
			font-weight:bold; 
			padding:0 0 0 12px; 
			cursor:pointer;
		}
		
		/* icones do topico 1 (visao geral) e seus eventos de mouse over*/
		.menu li a.top_tem1 {
			padding-left: 96px;
			background-image:url(../imagens/visao_geral.jpg);
			background-repeat:no-repeat;
		}
		
		.menu li a.top_tem1:hover span {
			background-image:url(../imagens/visao_geral_atv.jpg);
		}
		.menu li a.top_tem1:hover span.down {
			background-image:url(../imagens/visao_geral_atv.jpg);
		 }
		
		.menu li:hover > a.top_tem1 {
			color:#000; 
			background-image:url(../imagens/visao_geral_atv.jpg);
		}
		.menu li:hover > a.top_tem1 span {
			background-image:url(../imagens/visao_geral_atv.jpg);
		}
		.menu li:hover > a.top_tem1 span.down {
			background-image:url(../imagens/visao_geral_atv.jpg);
		}
		
		/* icones do topicos 2 (lap top) e os eventos de mouse over */
		
		.menu li a.top_tem2 {
			padding-left: 140px;
			background-image:url(../imagens/lap_top.jpg);
			background-repeat:no-repeat;
		}
		
		.menu li a.top_tem2:hover {
			color:#000; 
			background-image:url(../imagens/lap_top_atv.jpg);
		}
		.menu li a.top_tem2:hover span {
			background-image:url(../imagens/lap_top_atv.jpg);
		}
		.menu li a.top_tem2:hover span.down {
			background-image:url(../imagens/lap_top_atv.jpg);
		 }
		
		.menu li:hover > a.top_tem2 {
			color:#000; 
			background-image:url(../imagens/lap_top_atv.jpg);
		}
		.menu li:hover > a.top_tem2 span {
			background-image:url(../imagens/lap_top_atv.jpg);
		}
		.menu li:hover > a.top_tem2 span.down {
			background-image:url(../imagens/lap_top_atv.jpg);
		}
		
		/* icones do topico 3 (formacao) e os eventos de mouse over */
		
		.menu li a.top_tem3 {
			padding-left: 90px;
			background-image:url(../imagens/formacao.jpg);
			background-repeat:no-repeat;
		}
		
		.menu li a.top_tem3:hover span {
			background-image:url(../imagens/formacao_atv.jpg);
		}
		.menu li a.top_tem3:hover span.down {
			background-image:url(../imagens/formacao_atv.jpg);
		 }
		
		.menu li:hover > a.top_tem3 {
			color:#000; 
			background-image:url(../imagens/formacao_atv.jpg);
		}
		.menu li:hover > a.top_tem3 span {
			background-image:url(../imagens/formacao_atv.jpg);
		}
		.menu li:hover > a.top_tem3 span.down {
			background-image:url(../imagens/formacao_atv.jpg);
		}
	/* icones do topico 4 (atividade) e os eventos de mouse over */
		
		.menu li a.top_manuais {
			padding-left: 91px;
			background-image:url(../imagens/atividade.jpg);
			background-repeat:no-repeat;
		}

		.menu li a.top_manuais:hover span {
			background-image:url(../imagens/atividade_atv.jpg);
		}
		.menu li a.top_manuais:hover span.down {
			background-image:url(../imagens/atividade_atv.jpg);
		 }
		
		.menu li:hover > a.top_manuais {
			color:#000; 
			background-image:url(../imagens/atividade_atv.jpg);
			background-repeat:no-repeat;
		}
		.menu li:hover > a.top_manuais span {
			background-image:url(../imagens/atividade_atv.jpg);
		}
		.menu li:hover > a.top_manuais span.down {
			background-image:url(../imagens/atividade_atv.jpg);
		}
		
		
		/* fim dos eventos dos manuais */
	
	/* organizacao geral */
	
	
	p {
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

	#setas_navegacao{
		margin-top: 10px;
	}
	#navegacao_anterior{
	
	}
	#navegacao_proximo{
		float: right;
		margin-right: 10px;
	}
	#tutorialanterior{
		font-size: 0.8em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin-right: 120px;
		padding-left:10px;
		padding-bottom:10px;
	}
	#tutorialproximo {
		font-size: 0.8em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		float: right;
		padding-right:10px;
		padding-bottom:10px;
	}
	#textocentralizado{
		text-align:center;
		padding-bottom:5px;
		padding-left:auto;
		padding-right:auto;
		font-size: 0.8em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

		
	h1 {
	font-size:17px;
	margin-right: 40px;
	width: 500px;
	font-weight:bold;
	margin:5px 0 5px 0;
	
}

h1 {
	color:#8ca1ff;
	border-bottom:1px #6582ff solid;
}

    h2 {
	font-size:15px;
	font-weight:bold;
	margin:10px 0 10px 0;
	color:#8ca1ff;
}

.quadro {
	margin-bottom:10px;
	margin-top:5px;
	width:80%;
}

.quadro-conteudo {
	border:solid 1px #7184f0;
	background:#deebff;
}
/*
.borda {
	border:1px solid #000000;
	}
*/	
	.quadro-logotipo {
	text-align:center;
	vertical-align:top;
	width:100px;
}
		
		.menu li a.top_link span {
			float:left; 
			font-weight:bold; 
			display:block; 
			padding:0 24px 0 12px; 
			height:40px;
		}
		.menu li a.top_link span.down {
			float:left; 
			display:block; 
			padding:0 24px 0 12px; 
			height:40px; 
			background:url(images/down.gif) no-repeat right top;}
		.menu li a.top_link:hover {
			color:#000; 
			background: url(images/button4.gif) no-repeat;
		}
		.menu li a.top_link:hover span {
			background:url(images/button4.gif) no-repeat right top;
		}
		.menu li a.top_link:hover span.down {
			background:url(images/button4a.gif) no-repeat right top;
		 }
		
		.menu li:hover > a.top_link {
			color:#000; background: url(images/button4.gif) no-repeat;
		}
		.menu li:hover > a.top_link span {
			background:url(images/button4.gif) no-repeat right top;
		}
		.menu li:hover > a.top_link span.down {
			background:url(images/button4a.gif) no-repeat right top;
		}
		.menu table {
			border-collapse:collapse; 
			width:0; height:0; 
			position:absolute; 
			top:0; 
			left:0;
		}
		
		.menu a:hover {
			visibility:visible;
		}
		.menu li:hover {
			position:relative; 
			z-index:200;
		}
		
		.menu ul, 
		.menu :hover ul ul, 
		.menu :hover ul :hover ul ul,
		.menu :hover ul :hover ul :hover ul ul,
		.menu :hover ul :hover ul :hover ul :hover ul ul {
			position:absolute; 
			left:-9999px; 
			top:-9999px; 
			width:0; 
			height:0; 
			margin:0; 
			padding:0; 
			list-style:none;
		}
		.menu :hover ul.sub {
			border-bottom:1px solid #95D2EE;
			height:auto;
			left:0;
			right:2px;
			top:0;
			white-space:nowrap;
			width:154px;
		}
		.menu :hover ul.sub li {
			background-color:#FFFFFF;
			border-left: 1px solid #95D2EE;
			border-right: 1px solid #95D2EE;
			display:block; 
			height:20px; 
			position:relative; 
			float:left; 
			width:154px;
		}
		.menu :hover ul.sub li a {
			font-weight:normal;
			display:block; 
			font-size:11px; 
			height:20px; 
			width: 149px;
			line-height:20px;
			text-indent:5px; 
			color:#000; 
			text-decoration:none;
			border:3px solid #fff; 
			border-width:0 0 0 3px;
		}
		.menu :hover ul.sub li a.fly {
			background:#fff url(images/arrow.gif) 80px 7px no-repeat;
		}
		.menu :hover ul.sub li a:hover {
			background:#95d2ee; color:#fff;
		}
		.menu :hover ul.sub li a.fly:hover {
			background:#95d2ee url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;
		}
		.menu :hover ul li:hover > a.fly {
			background:#95d2ee url(images/arrow_over.gif) 80px 7px no-repeat; 
			color:#fff;
		} 
		
		.menu :hover ul :hover ul,
		.menu :hover ul :hover ul :hover ul,
		.menu :hover ul :hover ul :hover ul :hover ul,
		.menu :hover ul :hover ul :hover ul :hover ul :hover ul {
			left:90px; 
			top:-4px; 
			background: #fff;
			padding:3px 0;
			border:1px solid 95d2ee; 
			white-space:nowrap; 
			width:93px; 
			z-index:200; 
			height:auto;
		}
		
		
		/* retratil */

.ativar {
	cursor:pointer;
	color:#25A122;
}

.fechar {
	display:none;
}

.retratil {
	margin-left:15px;
	display:none;
	border:1px solid;
	background:#FFFFFF;
}

.retratil p {
	margin:0px;
	padding:5px;
}

.ocultar {
	text-align:center;
	margin-bottom:0px;
	margin-top:5px;
	padding-bottom:3px;
	padding-top:3px;
	cursor:pointer;
}

.ocultar span {
	font-size:12px;
	font-weight:bold;
	padding:2px 5px 3px 5px;
	color:#7184f0;
	background-color:#deebff;
	border:solid 1px #8B56A8;
	border-bottom:none;
}
