@charset "utf-8";

/* CSS Document */

#curso { border:1px solid #e7e4e1; width:965px; height:587px; position:relative; overflow:hidden }

/* FONTS */

#curso h2,
#curso h3,
#curso h4,
#curso h5,
#curso h6,
#curso #menu li { font-family: 'Droid Sans', sans-serif; letter-spacing:-0.06em; margin-left:0; margin-right:0; color:#d1571d; line-height:normal; } 

h1.curso { font-size:32px; letter-spacing:-0.06em; color:#d1571d; margin:15px 0 !important; font-family:MyriadProSemiBold,Arial,Tahoma,Verdana; line-height:normal; }

#curso h2 { font-size:25px; }

#curso h3, #curso #menu li { font-size:16px; text-transform:uppercase; font-weight:bold; letter-spacing:-0.03em; font-family:MyriadProSemiBold,Arial,Tahoma,Verdana; }

#curso * {
	border-collapse:collapse;
}

#curso table td {
	font-size:12px;
	border-bottom:1px solid #ddd;
	padding:10px 0;
}

#curso table tbody tr:nth-child(even) {
	background:#e9e8e8;
}

a.navDown, a.navDown.done, a.navUp { 
	position:absolute; 
	background:url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/nav-down.png?16092) no-repeat; 
	width:38px; height:38px; 
	display:block; 
	cursor:pointer;
	bottom:20px;
	left:350px;
	display:none;
}
a.navUp {
	width:25px; height:25px; 
	background:url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/nav-up.png?16092) no-repeat; 
	bottom:auto;
	top:10px;
}

.done a.navDown, a.navUp { display:block; }

/* SLIDER */

.slider { margin:10px 0; background:#e7e4e1 url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/slider-bg.png?16092) no-repeat -205px center; display:block; height:5px; width:205px; }

#pontos { display:none; }

/* ACOMPANHAMENTO */

#acompanhamento { position:absolute; top:0; left:0; width:225px; border-right:1px solid #e7e4e1; height:100%; background:white; z-index:92 }

#curso #acompanhamento h2 { margin: 10px; }

#curso #progresso, #curso #pontos, #curso #conquistas { margin:15px 10px 10px; }
#curso #conquistas, #curso #menu { margin-top:25px; }

#curso #progresso h3, #curso #pontos h3, #curso #conquistas h3 { color:#c6c3c1; }

#curso #progresso h3 span, #curso #pontos h3 span { color:#008b11; }

/* MENU */

#curso #menu li { padding:0; list-style:none; max-height:38px; overflow:hidden; background:url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/menu-li-bg.gif?16092) no-repeat 32px bottom; border-left:3px solid #fff;  }
#curso #menu li:hover,
#curso #menu li.selected { border-left:3px solid #007e0f; }

#curso #menu li a { padding:9px 0; color:#979797; display:block; -webkit-transition: 0.25s; transition: 0.25s; }
#curso #menu li a:hover,
#curso #menu li.selected a { background:#e7e4e1 url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/menu-li-bg.gif?16092) no-repeat 32px bottom; color:#979797; }

#curso #menu li a span { padding:0 6px; margin:0 6px; color:#c6c3c1; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background:none; display:block; width:9px; text-align:center; float:left;  }
#curso #menu li a:hover span,
#curso #menu li.selected a span { background:white; }

#curso #menu li.done { background:#fff url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/menu-li-bg.gif?16092) no-repeat 32px bottom;  border-left:3px solid #fff; }
#curso #menu li.done a { color:#007e0f;  }
#curso #menu li.done a span { text-indent:-5000px; background:#007e0f url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/menu-done.png?16092) no-repeat center center; }

/* BADGES */

#badges { margin:5px -5px 0; float:left; }

#badges li { float:left; margin:4px 6px; }

#badges li a { display:block; width:58px; height:78px; background:no-repeat 0 -78px; }
#badges li.conquered a { background-position:0 0; }


#badges li a { background-image:url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/badge-1.png?16092); }
#badges li#badge-1 a { background-image:url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/badge-1.png?16092); }
#badges li#badge-2 a { background-image:url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/badge-2.png?16092); }
#badges li#badge-3 a { background-image:url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/badge-3.png?16092); }


#curso .final {
	background:#008b11;
}

.avisoBadge {
	background:#f5f3f2;
	position:absolute;
	top:0; left:226px; width:739px; height:100%;	
	text-align:center;
	z-index:91;
	padding:20px 0;
	display:none;
}

#curso .avisoBadge h2,
#curso .final h2 { font-family:'Droid Sans', sans-serif; color:#fff; font-size:24px; font-weight:normal; margin:10px 0 5px; text-align:center; }

#curso .avisoBadge h2 { margin-bottom:0; }

#curso .avisoBadge h3,
#curso .final h3 { color:#fff; text-transform:none; font-size:32px; text-align:center  }

#curso .avisoBadge h3 { padding:0; }

#curso .avisoBadge p,
#curso .final p { margin:10px 0; color:#fff; text-align:center;  }

#curso .avisoBadge img { opacity:0;  }

#curso .avisoBadge .fecharavisolink { color:#2684c4; }
#curso .avisoBadge p,
#curso .avisoBadge h3,
#curso .avisoBadge h2 { color:#979797; }


/* SALA */

#sala { position:absolute; top:0; left:226px; width:739px; height:100%; background:yellow; overflow:hidden; z-index:0; }

/* NOTIFICACOES */

#notificacoes {
	position:absolute;
	top: 0; right: 10px;
	width:5px; height:5px; display:block;
	background:none; z-index:110; 
}

.notifyjs-bootstrap-base { 
	background-image:none !important;
    padding: 8px 15px 8px 10px;
}
	
	
/* INSTRUCOES */

#instrucoes { background:white; position:absolute; left:247px; top:0; border:1px solid #e7e4e1; width:225px; border-top:none; z-index:100; padding:0 10px; }

/* AULAS */

.aula { width:739px; display:block; height:100%; z-index:90; position:relative;  }

/* AULA 1 - APRESENTACAO */

#aula-1 { background:url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/tela-1.gif?16092?16092); }

#aula-1 .navDown { top:480px; left:349px; display:block; }

#aula-1 .proximaaula { position:absolute; top:450px; left:290px  }

/* AULA 2 - TUTORIAL */

#aula-2 { background:url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/tela-2.gif?16092?2); }

#aula-2 .navDown { top:420px; left:672px; display:block; }

#aula-2 .proximaaula {
    position: absolute;
    top: 362px;
    right: 28px;
    width: 230px;
    text-align: right;
    line-height: 22px;
}

/* AULA 3 - ENTENDA */

#aula-3 { background:#f5f3f2 url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/aula-1-b.png?16092) no-repeat center center    }

#aula-3-topico-1 {
	top: 215px;
    left: 50px;
    width: 300px;
    text-align: left;
}

#aula-3-topico-2 {
	top: 415px;
    left: 285px;
    width: 300px;
    text-align: left;
}

/* AULA 4 - TITULOS */

#aula-4 { background:url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/aula-2-e.png?16092) no-repeat center center  }

#aula-4-topico-1 {
    top: 200px;
    left: 460px;
    width: 455px;
    text-align: left;
}

#aula-4-topico-2 {
    top: 320px;
    left: 470px;
    width: 455px;
    text-align: left;
}

#aula-4-topico-3 {
    top: 440px;
    left: 550px;
    width: 455px;
    text-align: left;
}


/* AULA 5 - OSCILACAO  */

#aula-5 { background:url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/aula-3.gif?16092) no-repeat center center  }

#aula-5-topico-1 {
	top: 275px;
    left: 200px;
}

#aula-5-topico-2 {
	top: 333px;
    left: 200px;
}

#aula-5-topico-3 {
	top: 390px;
    left: 200px;
}

#aula-5-conteudo-1,
#aula-5-conteudo-2,
#aula-5-conteudo-3 { z-index:500000000000000; }

#aula-5-conteudo-1.conteudoaula .conteudointerno,
#aula-5-conteudo-2.conteudoaula .conteudointerno,
#aula-5-conteudo-3.conteudoaula .conteudointerno {     margin-top: 505px; margin-left: 65px; }

#aula-5-conteudo-1.conteudoaula { background:#f5f3f2 url(img/oscilacao-1b.gif?16092) no-repeat center center  }

#aula-5-conteudo-2.conteudoaula { background:#f5f3f2 url(img/oscilacao-2b.gif?16092) no-repeat center center  }

#aula-5-conteudo-3.conteudoaula { background:#f5f3f2 url(img/oscilacao-3b.gif?16092) no-repeat center center  }

#aula-5-conteudo-1 .numbers.num1 {
	position:absolute;
	top:330px;
	left:170px;
}
			
#aula-5-conteudo-1 .numbers.num2 {
	position:absolute;
	top:254px;
	left:352px;
}
			
#aula-5-conteudo-1 .numbers.num3 {
	position:absolute;
	top:230px;
	right:130px;
}

#aula-5-conteudo-2 .numbers.num1 {
	position:absolute;
	top:238px;
	left:132px;
}
			
#aula-5-conteudo-2 .numbers.num2 {
	position:absolute;
	top:310px;
	left:170px;
}
			
#aula-5-conteudo-2 .numbers.num3 {
	position:absolute;
	top:256px;
	right:125px;
}

#aula-5-conteudo-3 .numbers.num1 {
	position:absolute;
	top:275px;
	left:127px;
}
			
#aula-5-conteudo-3 .numbers.num2 {
	position:absolute;
	top:358px;
	left:172px;
}
			
#aula-5-conteudo-3 .numbers.num3 {
	position:absolute;
	top:205px;
	right:125px;
}

#aula-5-conteudo-1.conteudoaula iframe,
#aula-5-conteudo-2.conteudoaula iframe,
#aula-5-conteudo-3.conteudoaula iframe { position:absolute; top:370px; right:88px; }

			
/* AULA 6 - RISCO DE MERCADO */

#aula-6 { background:url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/aula-4.png?16092) no-repeat center center  }

#aula-6-topico-1 {
    top: 350px;
    left: 130px;
    width: 300px;
    text-align: right;
}

#aula-6-bg1, #aula-6-bg2 { z-index:-1 }

/* AULA 7 - IMPOSTOS E TAXAS */

#aula-7 { background:url(https://ww69.itau.com.br/fileserver/images/aula-5-2018.png?16092) no-repeat center center  }

#aula-7-topico-1 {
    top: 300px;
    left: 15px;
    width: 290px;
    text-align: left;
}
#aula-7-topico-1 p {
	line-height:1px
}

/* AULA 8 - INVISTA E ACOMPANHE */

#aula-8 { background:url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/aula-6.jpg?16092) no-repeat center center  }

#aula-8-topico-1 {
    top: 0;
    left: 0;
}

#aula-8 .numbers.num1 {
	position:absolute;
	top:243px;
	left:30px;
}
			
#aula-8 .numbers.num2 {
	position:absolute;
	top:293px;
	left:30px;
}

/* CONTEUDO INTERNO */ 

.conteudoaula {
	background:#f5f3f2;	
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

.conteudointerno {
	padding:40px;
}

.final .conteudointerno {
	padding:20px;
}

.conteudoaula .conteudointerno h2 {
	font-size:48px !important;
	margin-top:0 !important;
}

.fecharconteudo, .fecharaviso {
	background:url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/fecharconteudo.png?16092);
	width:31px;
	height:31px;
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	-webkit-transition: 0.25s; transition: 0.25s;
}
#curso .avisoBadge .fecharconteudo, #curso .avisoBadge .fecharaviso,
#curso .final .fecharconteudo, #curso .final .fecharaviso { background:url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/fecharconteudo-b.png?16092); }

.fecharconteudo:hover, .fecharaviso:hover {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.fecharavisolink {
	font-size:20px;
	font-family:MyriadProSemiBold,Arial,Tahoma,Verdana;
	cursor:pointer;
	color:#fff;
}

.fecharavisolink:hover {
	color:#fff;
	text-decoration:underline;
}

.proximaaula, .okentendi {
	font-size:20px;
	color:#2684c4;
	font-family:MyriadProSemiBold,Arial,Tahoma,Verdana;
	cursor:pointer;
}
.final .proximaaula, .final .okentendi {
	color:#fed317;
}

.topico {
	position:absolute;
	display:block;
}

.topico a.linkaula {
	font-family:'Droid Sans', sans-serif;
	font-size:17px;
	font-weight:normal;
	letter-spacing:-0.03em; 
	-webkit-transition: 0.25s; transition: 0.25s;
}

.topico a.linkaula.done {
	color:#008b11;
	background:url('img/link-done.png?16092') no-repeat left 4px;
	display:inline-block;
	text-indent:20px;
}

.aula a.numbers { display:block; height:54px; width:54px; background:no-repeat center center; }

.aula a.num1 { background: url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/01.png?16092) }

.aula a.num2 { background: url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/02.png?16092) }

.aula a.num3 { background: url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/03.png?16092) }

.aula a.numbers.done { background: url(https://www.itaucorretora.com.br/SpinnexContent/etc/cursos/tesouro-direto/img/done.png?16092) }

#curso .topico h2 {
	font-size:17px;
	margin:5px 0;
}

#curso .topico p {
	color:#979797;
	margin:5px 0;
}