@import "../produtos_default.css";

#content #main-content {
	position: relative;
	}

#content #header-produtos {
	overflow: hidden;
	}

#content h3 {
	text-indent: -9999em;
	background: url('../../imagem/produtos/linguagem/tit_linguagem.png') no-repeat;
	width: 369px;
	height: 62px;
	float: right;
	}
	
#content a.voltar-passo, #content a.avancar-passo {
	position: absolute;
	width: 33px;
	height: 116px;
	top: 200px;
	cursor: pointer;
	display: block;
	padding: 18px 0 0 23px;
	}
	#content a.voltar-passo span, #content a.avancar-passo span {
		width: 26px;
		height: 25px;
		display: block;
		}
#content a.voltar-passo {
	background: url('../../imagem/produtos/linguagem/seta_voltar.png') no-repeat;
	left: 45px;
	display: none;
	}
	#content a.voltar-passo span {
		background: url('../../imagem/produtos/linguagem/seta_esquerda.gif') no-repeat;
		}
#content a.avancar-passo {
	background: url('../../imagem/produtos/linguagem/seta_avancar.png') no-repeat;
	right: 45px;
	}
	#content a.avancar-passo span {
		background: url('../../imagem/produtos/linguagem/seta_direita.gif') no-repeat;
		}

ul#passos {
	margin: 80px auto 0;
	*margin-top: 20px;
	position: relative;
	height: 310px;
	width: 470px;
	}
	ul#passos li {
		list-style: none;
		position: absolute;
		width: 470px;
		height: 310px;
		left: 50%;
		margin-left: -235px;
		display: none;
		}
		ul#passos li h4 {
			font-size: 20px;
			font-weight: normal;
			color: #000;
			}
		ul#passos li h5 {
			font-size: 13px;
			font-weight: normal;
			}
		ul#passos li h6 {
			font-size: 13px;
			}
		ul#passos li p {
			font-size: 13px;
			}
	ul#passos li.passo-1 {
		background: url('../../imagem/produtos/linguagem/bg_passo1.png') no-repeat center;
		padding: 40px 0 0 152px;
		width: 318px;
		height: 270px;
		display: list-item;
		}
		ul#passos li.passo-1 h4 {
			margin-bottom: 15px;
			}
		ul#passos li.passo-1 .respostas1, ul#passos li.passo-1 .respostas2 {
			float: left;
			width: 122px;
			padding-top: 140px;
			}
			ul#passos li.passo-1 .respostas1 p, ul#passos li.passo-1 .respostas2 p {
				text-align: center;
				font-size: 11px;
				}
				ul#passos li.passo-1 .respostas1 p span, ul#passos li.passo-1 .respostas2 p span {
					visibility: hidden;
					}
		ul#passos li.passo-1 .respostas1 {
			background: url('../../imagem/produtos/linguagem/ps1_respostas1.png') no-repeat center 45px;
			margin: 0 15px 0 15px;
			_display: inline;
			}
		ul#passos li.passo-1 .respostas2 {
			background: url('../../imagem/produtos/linguagem/ps1_respostas2.png') no-repeat center top;
			_display: inline;
			}
	ul#passos li.passo-2 {
		background: url('../../imagem/produtos/linguagem/bg_passo2.png') no-repeat center;
		padding: 50px 0 0 115px;
		text-align: center;
		width: 355px;
		height: 260px;
		}
		ul#passos li.passo-2 h4 {
			width: 215px;
			margin: 0 auto 10px;
			}
		ul#passos li.passo-2 h5 {
			margin: 0 auto;
			width: 220px;
			}
		ul#passos li.passo-2 h6 {
			margin-bottom: 15px;
			}
		ul#passos li.passo-2 p.lapis {
			padding: 3px 130px 3px 0;
			text-align: right;
			width: 145px;
			margin: 0 auto 2px;
			font-size: 11px;
			}
		ul#passos li.passo-2 p.lapis span {
			display: none;
			}
		ul#passos li.passo-2 p.lapis1 {
			background: url('../../imagem/produtos/linguagem/ps2_lapis1.png') no-repeat right center;
			}
		ul#passos li.passo-2 p.lapis2 {
			background: url('../../imagem/produtos/linguagem/ps2_lapis2.png') no-repeat 152px center;
			margin-bottom: 10px;
			}
		ul#passos li.passo-2 p.lapis3 {
			background: url('../../imagem/produtos/linguagem/ps2_lapis3.png') no-repeat right center;
			}
		ul#passos li.passo-2 p.lapis4 {
			background: url('../../imagem/produtos/linguagem/ps2_lapis4.png') no-repeat 152px center;
			}
	ul#passos li.passo-3 {
		background: url('../../imagem/produtos/linguagem/bg_passo3.png') no-repeat center;
		padding: 50px 130px 0 100px;
		text-align: center;
		width: 240px;
		}
		ul#passos li.passo-3 h4 {
			width: 135px;
			margin: 0 auto 5px;
			}
		ul#passos li.passo-3 p {
			width: 170px;
			margin: 0 auto 10px;
			}
	ul#passos li.passo-4 {
		background: url('../../imagem/produtos/linguagem/bg_passo4.png') no-repeat center;
		padding: 50px 90px 0 75px;
		width: 305px;
		text-align: center;
		}
		ul#passos li.passo-4 h4 {
			margin-bottom: 5px;
			}
		ul#passos li.passo-4 p.frase {
			position: absolute;
			height: 17px;
			width: 105px;
			}
		ul#passos li.passo-4 p.frase-1 {
			top: 192px;
			left: 0;
			}
		ul#passos li.passo-4 p.frase-2 {
			top: 168px;
			left: 63px;
			}
		ul#passos li.passo-4 p.frase-3 {
			top: 156px;
			left: 182px;
			}
		ul#passos li.passo-4 p.frase-4 {
			top: 187px;
			left: 200px;
			}
		ul#passos li.passo-4 p.frase-5 {
			top: 165px;
			left: 318px;
			}
		ul#passos li.passo-4 p.frase-6 {
			top: 188px;
			left: 364px;
			height: 35px;
			}
	ul#passos li.passo-5 {
		background: url('../../imagem/produtos/linguagem/bg_passo5.png') no-repeat center;
		padding: 100px 220px 0 70px;
		width: 180px;
		height: 285px;
		text-align: center;
		}
		ul#passos li.passo-5 h4 {
			margin-bottom: 20px
			}
	ul#passos li.passo-6 {
		background: url('../../imagem/produtos/linguagem/bg_passo6.png') no-repeat center;
		padding: 45px 30px 0 170px;
		width: 250px;
		height: 285px;
		text-align: center;
		}
		ul#passos li.passo-6 h4 {
			margin-bottom: 10px;
			}
		ul#passos li.passo-6 h5 {
			margin-bottom: 20px;
			}
		ul#passos li.passo-6 p.graph {
			margin-bottom: 5px;
			font-size: 11px;
			text-align: left;
			padding: 45px 0 0 80px;
			}
			ul#passos li.passo-6 p.graph span {
				display: none;
				}
		ul#passos li.passo-6 p.grafico-1 {
			background: url('../../imagem/produtos/linguagem/ps6_grafico1.png') no-repeat 3px 0;
			}
		ul#passos li.passo-6 p.grafico-2 {
			background: url('../../imagem/produtos/linguagem/ps6_grafico2.png') no-repeat;
			}

#content p.voltar {
	float: left;
	width: 300px;
	}
#content p.fonte {
	float: right;
	width: 300px;
	text-align: right;
	margin-top: 40px;
	}
	#content p.fonte a {
		color: #3a3a3a;
		}