@charset "utf-8";
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	overflow:auto}
html{overflow-y:scroll}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
:focus {outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
address{font-style:normal}
.clearfix:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix { display: inline-block;}   
* html .clearfix { height: 1%; }
.clearfix { display: block; }
* html .tlc, * html .trc { height: 1%; }
a img{border:none}

/* Template */
body{
	background:#fbfcec;
	color:#052916;
	font:13px Arial, Helvetica, sans-serif normal;
	line-height:1.8em;
	text-align:center;
}
a{color:#0c396b;}
	a:hover{color:#c9ef53}
big{font-size:16px;}
div#container{
	background:#fff;
	margin:0 auto;
	padding:10px;
	text-align:left;
	width:760px;
}

div#header{height:64px;}
	div#header.home img{float:left;}
	div#header.home h1{float:right}
	div#header span{float:left}
div.internas div#header{height:46px;}

/* Botoes e Navegacao */
div.sub{
	background-color:#e4f7a9;
	padding:5px 20px;
}
div.nav dl dd,div.sub ul{margin-top:5px;}
div.nav dl{float:right}
div.sub ul{float:left}
	div.nav ul li,
	div.nav dl dt,div.nav dl dd{
		display:inline;
	}	
		div.nav ul li a,
		div.nav dl dd a,
		a#seguir,
		a#indicarAmigos,
		input.pular,
		input.finalizar,
		input.cadastrar,
		.resultado input.finalizar,
		input.indique,
		div.top-banner span a,
		a#ganhadores{
			background:transparent url(../img/promo2009/btn-participe-w.jpg) no-repeat 0 0;
			display:block;
			float:left;
			height:40px;
			text-indent:-99em;
			width:94px;
		}
		div.sub ul li a{background-image:url(../img/promo2009/btn-participe.jpg);}
			div.nav ul li a:hover,div.nav ul li a#participe.actived{background-position:-94px 0;}
		div.nav ul li a#regulamento{
			background-image:url(../img/promo2009/btn-regulamento-w.jpg);
			width:124px;
		}
		div.sub ul li a#regulamento{background-image:url(../img/promo2009/btn-regulamento.jpg);}
			div.nav ul li a#regulamento:hover,div.nav ul li a#regulamento.actived{background-position:-124px 0;}
		div.nav ul li a#cursos,
		div.nav ul li a#twitter{
			background-image:url(../img/promo2009/btn-cursos-w.jpg);
			width:79px;
		}
		div.sub ul li a#cursos{background-image:url(../img/promo2009/btn-cursos.jpg);}
			div.nav ul li a#cursos:hover,div.nav ul li a#cursos.actived,
			div.nav ul li a#twitter:hover{background-position:-79px 0;}
		div.nav ul li a#twitter{background-image:url(../img/promo2009/btn-twitter.jpg);}
		div.nav dl dd{float:left}
		a#seguir{
			background-image:url(../img/promo2009/btn-seguir.jpg);
			width:69px;
		}
			a#seguir:hover{background-position:-69px 0;}
			blockquote a#seguir{
				background-image:url(../img/promo2009/btn-seguir-w.jpg);
				float:right;
				margin-top:-32px;
			}
		div.nav dl dt{
			float:left;
			padding-top:4px;
			width:184px;
		}
		a#indicarAmigos{
			background-image:url(../img/promo2009/btn-indique-amigos.jpg);
			margin-top:20px;
			width:142px !important;
		}
			a#indicarAmigos:hover{background-position:-141px 0;}
		input.pular,input.finalizar,input.cadastrar,input.indique{border:none}
		input.pular{
			background-image:url(../img/promo2009/btn-pular-passo.jpg);
			height:34px;
			margin-top:15px;
			width:135px !important;
		}
			input.pular:hover{background-position:-135px 0;}
		input.finalizar{
			background:url(../img/promo2009/btn-finalizar.jpg) -152px 0;
			height:55px;
			margin-top:3px;
			width:152px !important;
		}
			input.finalizar:hover{background-position:0 0;}
		input.cadastrar{
			background:url(../img/promo2009/btn-cadastrar.jpg) 0 0;
			height:59px;
			margin-top:28px;
			width:177px !important;
		}
			input.cadastrar:hover{background-position:-178px 0;}
		.resultado input.finalizar{
			background:url(../img/promo2009/btn-finalizar-p.jpg) 0 0;
			height:38px;
			margin-top:13px;
			width:87px !important;
		}
			.resultado input.finalizar:hover{background-position:-87px 0;}
		input.indique{
			background:url(../img/promo2009/btn-indique-b.jpg) 0 0;
			height:59px;
			margin-top:1px;
			width:222px !important;
		}
			input.indique:hover{background-position:-226px 0;}
		div.top-banner span a,
		a#ganhadores{
			background-image:url(../img/promo2009/btn-ganhadores-b.jpg);
			width:114px;
		}
			a#ganhadores{background-image:url(../img/promo2009/btn-ganhadores.jpg);}
			div.top-banner span a:hover,div.top-banner span a.actived,
			a#ganhadores:hover,a#ganhadores.actived{background-position:-117px 0;}
div.internas div.nav{float:right}
/* Miolo */
div.internas div.middle{
	margin:0 20px;
}
	div.internas ol li{margin-bottom:10px}
		div.internas ol li ul{margin-left:36px}
			div.internas ol li ul li{margin-bottom:0}
div.internas h1,
form dl dt,
form fieldset legend{
	color:#064789;
	font:18px Myriad Pro, Arial, Helvetica, sans-serif;
	font-weight:700;
	margin-top:16px;
}
	div.internas h1.finalizado{
		font-size:24px;
		margin-bottom:10px;
	}
	div.internas h1 small{
		font-size:12px;
		font-weight:100;
	}
div.internas p{
	line-height:25px;
}
div.top-banner{
	padding-bottom:14px;
	position:relative;
}
	div.top-banner h1.page{
		margin-left:20px;
		margin-top:-27px;
	}
	div.top-banner span.btn{	
		bottom:12px;
		position:absolute;
		right:26px;
	}
		div.participe span.btn{bottom:0}
	div.top-banner ul{
		bottom:0;
		margin-left:20px;
		position:absolute;
	}
		div.top-banner ul li{
			display:inline;
			line-height:38px;
			vertical-align:middle;
		}
			div.top-banner ul li img{margin-bottom:-10px;}
			div.top-banner ul li span img{margin-bottom:-13px;}
		div.top-banner ul li small{
			color:#042954;
			font-size:7px;
		}
div.internas blockquote{
	background-color:#f4fcdd;
	border:3px solid #c9ef53;
	margin-top:20px;
	padding:17px 18px 7px;
	width:443px;
}
div.internas ul.cursos{
	margin:20px 0 35px;
	padding-bottom:25px
}
	div.internas ul.cursos:last-child{
		margin-bottom:0;
		padding-bottom:0;
	}
	div.internas ul.cursos li{
		border-right:2px solid #e4f7a9;
		display:inline;
		float:left;
		margin-right:20px;
		padding-right:20px;
		width:47%;
	}
		div.internas ul.cursos li:last-child{
			border:none;
			margin-right:0;
			padding-right:0;
		}
		div.internas ul.cursos li ul li{
			border-right:none;
			padding:0 0 10px 0;
			width:100%
		}
		div.internas ul.divs{border-bottom:1px solid #c9ef53;}
			div.internas ul.divs li ul li{
				border-bottom:1px solid #e8e8e8;
				display:block;
				margin-bottom:7px;
			}
				div.internas ul.divs li ul li ul li{
					border:none;
					font-size:11px;
					line-height:1.5em;
					margin:0 0 0 16px;
					padding:0;
					width:95%;
				}
			div.internas ul.divs li ul li small{
				font-size:11px;
				line-height:normal;
			}
			div.internas ul.mbas li:last-child{
				margin-bottom:0;
				padding:0
			}
div#mostra-resultados{
	position:relative;
}
	div.lista-resultados{width:100%;}
		div.box-graficos{
			float:left;
			margin-right:19px;
			width:160px;
		}
		div.bloco-grafico{
			float:left;
			margin-right:5px;
			width:47px;
		}
		div.tipo1{background:#636466 none repeat scroll 0 0;}
		div.grafico{
			height:105px;
			position:relative;
			width:47px;
		}
		div.controla-grafico{
			background:#FFFFFF none repeat scroll 0 0;
			left:0;
			position:absolute;
			top:0;
			width:47px;
		}
		div.bloco-grafico span{
			color:#636466;
			display:block;
			font-size:100%;
			font-style:italic;
			font-weight:bold;
			text-align:center;
		}
		div.tipo2{background:#8FC212 none repeat scroll 0 0;}
		div.tipo3{background:#C9EF53 none repeat scroll 0 0;}
		dl.respostas{width:475px;}
		dl.respostas dt{
			color:#2d8d00;
			font-size:110%;
			font-weight:bold;
			margin-bottom:8px;
		}
		dl.respostas dd{
			color:#636466;
			font-size:100%;
			margin-bottom:10px;
			padding-left:21px;
		}
		dd.porcenta1{background:url(../img/promo2009/bg-dl-resp1.jpg) no-repeat 0 5px;}
		dd.porcenta2{background:url(../img/promo2009/bg-dl-resp2.jpg) no-repeat 0 5px;}
		dd.porcenta3{background:url(../img/promo2009/bg-dl-resp3.jpg) no-repeat 0 5px;}
div.internas div.ganhadores ul,div.internas div.ganhadores dl,div.internas div.ganhadores p{margin-bottom:12px}		
		
/* Formularios */
form label{
	color:#000;
}
	form label span{color:#9c0000}
form input,form select{
	border:1px solid #a5acb2;
	display:block;
	float:left;
	height:17px;
	margin-top:3px;
	padding-top:3px;
}
form select{
	height:23px;
	padding-top:1px;
	width:95%;
}
	form ul li{
		float:left;
		width:49%;
	}
		form#promo2009-cadastro ul li{
			margin-top:7px;
			width:36%
		}
		form#promo2009-cadastro.indica ul li{width:50%}
		form#promo2009-cadastro.indica ul.btns li{
			margin-top:0;
			width:auto
		}
		form#promo2009-cadastro ul li.block,
		form#promo2009-cadastro ul.perguntas li{width:100%;}
		form ul li:last-child,form ul li.right{margin-left:10px;}
form dl{
	background-color:#f1fbd4;
	margin-top:20px;
	width:525px;
}
	form dl dt{
		background-color:#e4f7a9;
		border-bottom:1px solid #fff;
		color:#246b1d;
		display:block;
		line-height:28px;
		margin-top:0;
		padding-left:3px;
		position:relative;
	}
		form dl dt a{
			background:transparent url(http://www.ietec.com.br/hp2/site/ietec/img/promo2009/btn-excluir.jpg) no-repeat 0 0;
			border-left:1px solid #fff;
			display:block;
			float:right;
			height:28px;
			margin-top:-27px;
			position:relative;
			text-indent:-99em;
			width:28px;
			z-index:100;
		}
			form dl dt a:hover{background-position:-28px 0}
	form dl dd{
		padding:10px;
	}
form ul.btns,
form ul.resultado{
	background:#fff url(../img/promo2009/bg-ulbtns.jpg) repeat-x 0 center;
	clear:both;
	text-align:right;
	width:525px;
}
	form ul.btns li,
	form ul.resultado li{
		float:right;
		height:64px;
		width:auto;
	}
form#promo2009-cadastro ul li.right{width:62%}
form#promo2009-cadastro ul li label.required{float:left}
form .no-float{float:none;}
form label.error{
	background:#900 url(../img/promo2009/bg-erro.jpg) no-repeat 0 0;
	color:#fff;
	float:left;
	font-size:11px;
	font-weight:700;
	line-height:2em;
	margin:3px 0 0 20px;
	padding:0 9px 0 17px;
}
	form.indica label.error{
		background:#990000 none no-repeat scroll 0 0;
		margin:8px 0 0 37px;
		padding:0 9px 0 10px;
	}
	form#promo2009-cadastro ul li.rua{width:55%}
	form#promo2009-cadastro ul li.num{width:43%}
	form#promo2009-cadastro ul li.cep{width:18%}
	form#promo2009-cadastro ul li.bairro{width:62%}
	form#promo2009-cadastro ul li:last-child{margin-left:0}
form ul li.right select{width:57%}
form ul li.num select{width:35%}
form ul li.block select{width:514px}
form ul li.escolaridade-outro{display:none}
form fieldset{
	clear:both;
	margin-top:35px;
}
	form fieldset legend{margin-bottom:-23px;}
form#promo2009-cadastro ul li.opcoes{
	margin-top:0;
	width:72%
}
	form#promo2009-cadastro ul li.opcoes label{font-size:11px}
	form#promo2009-cadastro ul li.opcoes input.opcao-radio,
	form#promo2009-cadastro ul li.termos input{
		border:none;
		margin-top:5px;
		width:auto;
	}
form#promo2009-cadastro ul li.pergunta label.error{
	float:none;
	padding:4px 9px 4px 18px;
}
	form#promo2009-cadastro ul li.termos{margin-top:20px}
form ul.resultado{
	width:719px;
}
	form ul.resultado li{
		float:left;
		margin:0;
	}
		form ul.resultado li h1{
			background-color:#fff;
			margin:20px 72px 0 0;
			text-align:left;
			width:338px;
		}
	form ul.bottom li{
		float:right;
	}

/* Footer */
div#footer{
	clear:both;
	padding:30px 0;
	text-align:center
}
	address{
		font-size:11px;
		margin-bottom:20px;
	}
div.internas div#footer{
	border-top:1px solid #c9ef53;
	margin-top:50px;
	padding-top:10px;
}


