/********************************************/
/* CSS - Estrutura das Aulas Versão 1.1     */
/*                                          */
/*   Versão do CSS voltada para monitores   */
/*      em resolução 1024x768               */
/*                                          */
/*                                          */
/* Versão 1.1:                              */
/* 1) Revisão de todas as tags, arrumando   */
/*    algumas classes e ids.                */
/*                                          */
/*                                          */
/* Desenvolvido por Miguel Medeiros         */
/* Email: miguel.albuquerque@ibacbrasil.com */
/* Site: www.ibacbrasil.com                 */
/********************************************/

@charset "utf-8";

* {
	margin:0;
	padding:0;
	text-indent:0px;
}


body {
	top:0;
	left:0;
}

#conteudo_aula{
	width:990px;
}

#corpo_texto {
	width:716px;
	margin: 30px 0px 0px 60px;
	padding:10px 0px 0px 15px;
	/*background:left repeat-y;*/
	position:absolute;
	font:10pt Verdana;
	text-align:justify;
	line-height:180%;
}

#header {
	width:716px;
	margin:0 174px 0 90px;
	padding:0px 0px 0px 15px;
	background:left repeat-y;
	position:absolute;
	font:10pt Verdana;
	text-align:justify;
	line-height:180%;
}

#corpo_texto p {
	text-indent:55px;
	padding:10px 0px 20px 0px;
}

#corpo_texto a {
	text-decoration:none;
}

#corpo_texto ul {
	margin:0px 0px 10px 80px;
	color: #1d96c0 !important;
}

#corpo_texto ul ul {
	margin:0px 0px 10px 45px;
}

#corpo_texto ul li {
	/*list-style-type:square;*/
	color: #3e3d40 !important;
	list-style-image: #3e3d40; 
}

#corpo_texto ol {
	list-style:decimal;
	margin:0px 0px 10px 80px;
	
}

#corpo_texto ol ol {
	margin:0px 0px 10px 45px;
}

#corpo_texto ol span {
	color:#3e3d40;
}

#cabecalho_curso {
	font:8pt Tahoma;
	padding:20px 0px 0px 0px;
	line-height: 140%;
}

#cabecalho_curso ul {
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
}

#cabecalho_curso ul li {
	list-style-type:square;
}

#indicador_nav {
	font:11pt Tahoma;
	margin-top:30px;
	border-top:2px dotted;
	border-bottom:2px dotted;
}

#indicador_nav p {
	text-indent:0px;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
}

#indicador_nav span {

}

#titulo_ue {
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 13pt;	
	padding-top:30px;
	margin-left:55px;
}

#titulo_ue ul {	
	padding: 0px;
	margin: 0px;
}

#titulo_ue ul li {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 5px; 
	background-repeat:no-repeat;
	background-position:left center;
	list-style:none;
	list-style-type:none;
	border-bottom: 2px solid;
}

#titulo_img {
	background:no-repeat right;
	width:auto;
	height:57px;		
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#objetivos {
	display:block;
	font:10pt Tahoma;
	background:repeat-y left;
	margin:20px 0px 20px 100px !important;
	padding: 0px 0px 0px 0px;	
}

#objetivos h1 {
	font:10pt Tahoma;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}

#objetivos ul{
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 35px;
}

#objetivos ul li{
	line-height: 150%;
	list-style-position: 5px;
}

.titulo_01 {
	font:12pt Tahoma;
	margin:40px 0px 0px 35px;
	padding:0px 0px 0px 20px;
	background:no-repeat url(../imagens/azul/corpo_texto_titulo_01.jpg);
	background-position:left center;
}

.titulo_02 {
	font:12pt Tahoma;
	font-weight: bold;
	margin:30px 0px 0px 35px;
	padding:0px 0px 0px 20px;
	background:no-repeat url(../imagens/azul/corpo_texto_titulo_01.jpg);
	background-position:left center;
}

.topico_01 ul li {
	list-style:square;
}

.subtitulo_01 {
	font:11pt Tahoma;
	margin:30px 0px 0px 55px;
	padding:0px 0px 0px 15px;
	background:no-repeat url(../imagens/azul/corpo_texto_titulo_02.jpg);
	background-position:left center;
}

.subtitulo_02 {
	font:11pt Tahoma;
	margin:10px 0px 0px 55px;
	padding:0px 0px 0px 15px;
	font-weight: bold;
	background:no-repeat url(../imagens/azul/corpo_texto_titulo_02.jpg);
	background-position:left center;
}

.subtitulo_03 {
	font:11pt Tahoma;
	margin:10px 0px 0px 55px;
	padding:0px 0px 0px 15px;
	background:none;
	background-position:left center;
}

.dialog {
	margin-right:10px;
}

.dialogico  {
	width:450px;
	min-height:40px;
	background:no-repeat top left;
	margin:40px 0px 30px 0px;
	padding:0px 0px 0px 55px;
}

.dialogico p {
	font: Tahoma;
	line-height:140%;
}

 #corpo_texto .dialogico p {
	text-indent:0px;
}

.dialogico_02 {
	text-indent:0px;
	width:350px;
	background:no-repeat top left;
	margin:40px 0px 30px 0px;
	padding:0px 0px 0px 55px;
}

.saiba_mais {
	font:10pt Tahoma;
	position: relative;	
	left:-50px;
	width:350px;
	background:no-repeat top;
	margin: 20px 0px 10px 0px;
	padding: 0px 10px 10px 10px;
	border:2px dotted;
	float:left;
	display:block;
}

.saiba_mais ul {
	margin-left: 30px;
}


.saiba_mais p {
	text-indent:0px;
	padding: 10px 8px 10px 8px;
	line-height:180%;
}

.saiba_mais h1 {
	font-size:12pt;
	background-repeat:no-repeat;
	background-position:left;
	margin: 0px 0px 10px 10px;
	padding: 5px 0px 0px 20px;
}

.saiba_mais span{
	font-weight: bold;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
}

.saiba_mais span a { 
	text-decoration:none;
}

.conteudo_esquerda {
	position:relative;
	float:left;
}

.box_01_esq {
	width:350px;
	float:left;
	margin: 12px 25px 5px 0px;
	padding: 5px 10px 5px 10px;
	display:block;
	border:2px dotted;
}

.box_01_dir {
	width:350px;
	float:right;
	margin: 12px 0px 5px 25px;
	padding: 5px 10px 5px 10px;
	display:block;
	border:2px dotted;
}

.box_02 {
	background-repeat:repeat-y;
	width:200px;
	float:left;
	margin: 12px -60px 0px 0px;
	padding: 5px 10px 5px 25px;
	display:block;
	left:-80px;
	position:relative;
	border:2px dotted;
}

.box_03 {
	border:2px dotted;
	text-align:justify;
	padding:5px 20px 0px 20px;
	margin:0px 40px 10px 40px;
	color:#3e3d40;
}

.box_03 ul{
	margin-left:20px;
}

.box_03 table {
	padding: 0px 0px 0px 0px;
	font: 10pt Verdana;
	line-height:180%;
	text-align:justify;
}

.box_03 table tr td p {
	padding:10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	font:10pt Verdana;
	text-align:justify;
	line-height:150%;
}

.box_03 .titulo_01 {
	margin-top: 10px;
}

.img_esq {
	float:left;
	padding:12px 10px 10px 0px;
	margin:0px 7px 0px 0px;
}

.img_dir {
	float:right;
	padding:12px 0px 10px 10px;
	margin:0px 0px 0px 9px;
}

.legenda_01 {
	font-size:8pt;
	text-align: center;
	text-indent:0px;
	font-style: italic;
	line-height:110%;
}

.legenda_01 a {}

.destaque_01 {}

.citacao_2 {
	background-position:left top;
	background-repeat:no-repeat;
	padding: 30px 20px 10px 40px;
	margin: 10px 20px 0px 20px;
	min-height:120px;
}

.citacao_1 {
	background-position:right bottom;
	background-repeat:no-repeat;
	text-align:justify;
	position:relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 60px 0px;
	min-height:120px;
}

.citacao_1 span {
	text-align:right;
	float:right;
	font-weight: bold;
	padding:0px 50px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.tabela_01 {
	border:1px dotted; 
	padding:0px 0px 0px 0px;
	margin: 0px 30px 0px 30px;
}

.tabela_01 tr {}

.tabela_01 tr td {	
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	font: 10pt;
}

.tabela_01_titulo {
	color:#000000;
	background-repeat:repeat-x, repeat-y;
}

.tabela_02{
	max-width:700px;	
}


.explicacao {}

.glossario {}

.codigo {
	font: 11pt;
	width:500px;
	margin:0px 0px 0px 55px;
	padding:20px 0px 20px 10px;
	border: 2px dotted;
}

.titulo_ref {
	line-height:130%;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 45px;
	background:no-repeat top left;	
}

.referencia {
	margin: 20px 0px 0px 30px;
}

.referencia hr {
	margin: 10px 0px 10px 0px;
}

.referencia h1 {
	font-size: 12pt;
	font-family: Verdana;
	line-height:130%;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 45px;
	background:no-repeat top left;
}

.referencia p {
	line-height: 100%;
	text-indent: 0px !important;
	margin: 5px 0px 5px 0px;
}


.referencia ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.referencia ul li {
	list-style-position:outside;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}



.dialogico .link_video  {
	font-weight:bold;
}

.link_externo, .link_arquivo, .explicacao_link,  .link_video  {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
}

.alianca .link_externo, .alianca .link_arquivo, .alianca .explicacao_link, .alianca .link_video  {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
}

.azul .link_externo, .azul .link_arquivo, .azul .explicacao_link, .azul .link_video  {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
}

.dialogico .link_externo  {
	font-weight:bold;
}

.dialogico .link_arquivo  {
	font-weight:bold;
}

/* Outras Configurações de CSS */
/* Início */
.image-annotate-canvas{
	position:relative; 
	margin-left:105px; 
	z-index:349;
}

#image-annotate-edit-form {
	z-index:351;
}

.image-annotate-area, .image-annotate-edit-area{
	background:#CF0;
	opacity:0.3;
	filter: alpha(opacity = 30);
}

.explicacao_link, .glossario_link {
	position:relative !important; 
	z-index:350;
}

#image-annotate-add{
	left:895px;
	position:fixed;
	top:0px;
	width:63px;
	z-index:100;
}
.explicacao_link1 {
	position:relative; 
	z-index:350;
}
.glossario_link1 {
	position:relative; 
	z-index:350;
}

.center {
	display:block;
	margin:0 auto 5px;
	width:350px;	
}

.box_uploadfy{ 
	float:left; 
	width:160px; 
	margin:5px;	
}

.box_salvar{
	float:left; 
	width:160px; 
	margin:5px;
}
.preloader{
	background:no-repeat url(../imagens/azul/preloader.gif);
	background-position:center;
}
.alvo, .alvo1, .alvo2{
	display:none;	
}
#autores {
	position:relative;
	background-repeat:repeat-y;
	width:200px;
	margin:0px 0px 0px 10px;
	display:block;
	left:-80px;
	border:none;
}

.autores_linha{
	background: no-repeat url(../imagens/azul/autores_linha.jpg);
	width:811px;
	height: 2px;
}
#conteudo_autor{
	padding-left:20px;
	width:800px;
}
#corpo_texto #conteudo_autor p {
	line-height:100%;
	text-indent:0px;
	padding:0px;
	margin: 5px 0px;
}
/* Fim */

#corpo_texto a.tooltip{
	background-image:url(../imagens/azul/link_exp.jpg);
	background-repeat:no-repeat;
	position:relative; 
	text-decoration:none;
	cursor:help; 
	padding: 0px 0px 0px 20px;
}

#corpo_texto a.tooltip:hover{
	/*background:transparent;*/
	background-image:url(../imagens/azul/link_exp.jpg);
	background-repeat:no-repeat;
	/*color:#f00;*/
	z-index:25; 
}

#corpo_texto a.tooltip span{
	display: none
}

#corpo_texto a.tooltip:hover span{ 
	display:block;
	position:absolute;
	width:300px; 
	top:20px;
	left:0;
	font-size: 12px;
	padding:5px;
	border:1px solid #999;
	background:#e0ffff; 
	color:#000;
}