div{
	/*border: thin dotted red;*/
}

/************************ SITE CONTEÚDO ************************/
.siteConteudo{
	clear: both;
	padding-top: 20px;
}

.colunaEsq{
	float: left;
	width: 325px;
}
.colunaDir{
	float: left;
	width: 650px;
}

p span.linha1,
p span.linha2,
p span.linha3,
p span.linha4,
p span.linha5,
p span.linha6{
	display: block;
}
p span.linha1{
	padding-left: 9px;
}
p span.linha2{
	padding-left: 18px;
}
p span.linha3{
	padding-left: 27px;
}
p span.linha4{
	padding-left: 36px;
}



/******************* AREA SORTEIO *******************/
.areaSorteio{
	width: 445px;
	height: 140px;
}

.areaSorteio .titulo{
	width: 445px;
}
.areaSorteio .titulo h3{
	font-size: 155%;
}
.areaSorteio .titulo .linha{
	position: absolute;
	width: 233px;
	height: 464px;
	margin-top: -20px;
	margin-left: -235px;
	background-image: url(img/promo/linha_1.gif);
}
.areaSorteio p{
	line-height: 145%;
}


/******************* AREA LIVRO *******************/
.areaLivro{
	width: 400px;
	text-align: right;
	padding-bottom: 270px;
	padding-right: 10px;
	background: url(img/promo/livro_capa.jpg) no-repeat right bottom;
}
.areaLivro h2{
	font-size: 160%;
	font-weight: normal;
}
.areaLivro .linha{
	position: relative;
	float: right;
	width: 223px;
	height: 444px;
	margin-top: -14px;
	margin-right: -229px;
	margin-bottom: -444px;
	margin-left: 6px;
	background-image: url(img/promo/linha_5.gif);
}
.areaLivro p{
	height: 100px;
	padding-top: 13px;
	padding-left: 70px;
}


/******************* AREA DATAS *******************/
.areaDatas{
	width: 400px;
	padding-top: 10px;
	text-align: right;
}
.areaDatas ul{
	width: 309px;
	padding-left: 81px;
	margin-left: auto;
	text-align: center;
	background: url(img/promo/linha_6.gif) no-repeat left center;
}
.areaDatas ul li{
	width: 309px;
	height: 53px;
	padding-bottom: 6px;
	background: url(img/promo/data.gif) no-repeat top;
}
.areaDatas ul .data{
	float: left;
	margin-top: -4px;
	width: 158px;
	font-size: 150%;
	color: #ece7db;
}
.areaDatas .data .dia{
	padding-right: 4px;
	font-size: 215%;
}
.areaDatas .data .mes{
	padding-left: 5px;
	font-size: 110%;
}

.areaDatas ul .evento{
	float: right;
	width: 140px;
	padding-top: 12px;
	text-align: left;
}
.areaDatas ul .evento b{
	float: left;
	padding-right: 13px;
	margin-top: -3px;
	font-size: 230%;
	font-weight: normal;
	line-height: normal;
}
.areaDatas ul .evento .local{
	line-height: 110%;
}


/******************* AREA LOGO P*******************/
.areaLogoP{
	width: 245px;
	height: 81px;
	padding-left: 54px;
}
.areaLogoP h1{
	float: left;
	width: 245px;
	height: 81px;
	font-size: 0;
	text-indent: -2000px;
	background-image: url(img/site_logo_p.gif);
}

/******************* AREA Outros Cursos*******************/
.outrosCursos{
	width: 158px;
	height: 36px;
	padding-left: 54px;
	padding-top: 63px;
}
.outrosCursos h2{
	float: left;
	width: 158px;
	height: 36px;
	font-size: 0;
	text-indent: -2000px;
	background-image: url(img/cursos/tit_outrosCursos.gif);
}


/******************* AREA Cursos*******************/
.listaCursos{
	padding-left: 54px;
}

.listaCursos .curso{
	background: url(img/cursos/mais.gif) no-repeat;
	background-position-y: 3px;
}

.listaCursos .curso{
	color: #010101;
	font-weight: normal;
	margin-left: 20px;
	margin-top: 23px;
}
.listaCursos .curso a{
	text-decoration: none;
}

.listaCursos .curso h2{
	color: #010101;
	size: 20px;
	font-weight: normal;
	font-family: Georgia;
	margin-left: 20px;
}

.listaCursos .curso h3{
	color: #010101;
	size: 14px;
	font-weight: normal;
	font-family: Georgia;
	font-style: italic;
	margin-left: 37px;
	letter-spacing: 0.5px;
}

/******************************************************/

div.angulo1 {
	height: 0; 
	border-style: solid none none solid; 
	border-color: transparent gray yellow transparent; 
	border-width: 14px 6px;; 
	margin: 0 0px 0 0; 
	padding: 0; 
	float: right; 
	clear: right;
}

div.angulo2 {
	height: 0; 
	border-style: none solid solid none; 
	border-color: red transparent transparent blue; 
	border-width: 14px 6px; 
	margin: 0 3px 0 0; 
	padding: 0; 
	float: left; 
	clear: left;
}

div.cursoDesc{
	padding-top: 10px;
	position: relative;
	width: 398px;
	text-align: right;
	font-size: 14px;
	height: 320px;
}
div.cursoDesc p.nome{
	color: #2189c0;
	font-size: 30px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 25px;
}
div.fotoCurso{
	position: absolute;
	right: -270px;
	top: 50px;
}


.vergrade{
	width: 170px;
	height: 38px;
	float: right;
}
.vergrade h1{
	float: right;
	width: 170px;
	height: 15px;
	font-size: 0;
	margin-top: 23px;
	background-image: url(img/cursos/btn_vergrade.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}


div.ministrante{
	position: relative;
	width: 485px;
	text-align: right;
	font-size: 12px;
	padding-left: 80px;
}
div.ministrante p.nome{
	color: #2189c0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}
div.fotoMinistrante{
	position: absolute;
	right: -100px;
}

div.descricao{
	position: relative;
	width: 410px;
	text-align: right;
	font-size: 14px;
	padding-left: 0px;
	padding-top: 60px;
}

div.descricao p{
	padding-top: 30px;
}

.tituloInteressados{
	width: 400px;
	height: 14px;
}
.tituloInteressados h1{
	width: 281px;
	height: 14px;
	font-size: 0;
	background-image: url(img/cursos/tit_interessados.gif);
	float: right;
}
div.formularioCadastro{
	width: 300px;
	float: right;
	margin-top: -120px;
	margin-right: 30px;
}

div.formularioCadastro p{
	margin-left: -40px;
}


div.formularioCadastro div.cursoSelec{
	margin-left: 10px;
	text-indent: 24px;
	height: 20px;
	background: url(img/cursos/btn_option.gif) no-repeat 20px 0px ;
	color: #635a42;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.tituloForm{
	width: 300px;
	height: 34px;
}
.tituloForm h1{
	width: 212px;
	height: 13px;
	font-size: 0;
	background-image: url(img/cursos/tit_preencha.gif);
	float: right;
}


.cadastro{
	width: 184px;
	height: 38px;
	float: right;
	padding-top: 23px;
}
.cadastro h1{
	float: right;
	width: 184px;
	height: 38px;
	font-size: 0;
	background-image: url(img/cursos/btn_cadastre.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}


#facebox h1{
	font-family: Georgia;
	color: #2189c0;
	font-size: 30px;
	font-weight: normal;
}

#facebox h2{
	font-family: Georgia;
	color: #010101;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
}

#facebox p{
	padding-top: 20px;
	font-size: 14px;
}




/******************************************************/



/******************* AREA PARTICIPE *******************/
.areaParticipe{
	width: 500px;
	height: 285px;
}
.areaParticipe blockquote{
	display: block;
	height: 108px;
}

.areaParticipe .titulo{
	padding-top: 32px;
	padding-left: 22px;
}
.areaParticipe .titulo h3{
	padding-left: 30px;
	font-size: 110%;
	font-weight: bold;
}
.areaParticipe .titulo .linha{
	position: absolute;
	width: 26px;
	height: 49px;
	margin-top: -57px;
	background-image: url(img/promo/linha_3.gif);
}
.areaParticipe input.botao,
.areaParticipe p.confirmacao{
	clear: both;
	display: block;
	padding-left: 60px;
	text-align: left;
	font-size: 155%;
}
.areaParticipe input.botao{
	cursor: pointer;
	height: 60px;
	background: transparent url(img/promo/btn_confirm.gif) no-repeat left;
}
.areaParticipe div.confirmacao{
	width: 89px;
	height: 40px;
	padding-top: 20px;
	background: url(img/cursos/btn_ok.gif) no-repeat left;
}
.areaParticipe input.botao:hover{
	background-image: url(img/promo/btn_confirm_over.gif);
}
.areaParticipe p.alerta{
	position: absolute;
	display: block;
	margin-top: -15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 84px;
	font-style: italic;
	font-size: 90%;
	background: url(img/form_exclamacao.gif) no-repeat 60px top;
}
.areaParticipe label{
	color: #635a42;
	font-size: 90%;
}
.areaParticipe span.alerta{
	position: relative;
	float: right;
	display: block;
	width: 19px;
	height: 20px;
	margin-right: -20px;
	_margin-right: -10px;
	background: url(img/form_exclamacao.gif) no-repeat right bottom;
}

.campoText{
	height: 17px;
	padding-top: 5px;
	padding-right: 20px;
	margin-left: 20px;
	float: right;
}
.campoText label{
	height: 14px;
	padding-top: 2px;
	padding-right: 5px;
	background-position: right bottom;
}
.campoText input.text{ 
	width: 200px;
	height: 16px;
	_height: 17px;	
	padding: 0;
	font-size: 100%;
	background-color: transparent;
	background-position: left bottom;
}
.campoText label,
.campoText input.text{
	float: left;
	padding-bottom: 1px;
	background-image: url(img/pontilhado.gif);
	background-repeat: repeat-x;
}
.cmpFoco label,
.cmpFoco input.text{
	background: none;
	padding-bottom: 0;
	color: #010101;
	border-bottom: 1px solid #010101;
}

.cmpNome{
	width: 415px;
}
.cmpNome input.text{
	width: 165px;
}
.cmpSobrenome{
	width: 425px;
}
.cmpSobrenome input.text{
	width: 127px;
}
.cmpEmail{
	width: 435px;
}
.cmpEmail input.text{
	width: 162px;
}

.campoSelect{
	float: left;
	height: 22px;
	padding-top: 5px;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: 9px bottom;
}
.campoSelect select{
	float: left;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 4px;
}
.cmpEstado{
	width: 90px;
	padding-left: 35px;
	/*background-image: url(img/form_select_estado.gif);*/
}
.cmpEstado select{
	width: 87px;
}
.cmpCidade{
	width: 107px;
	/*background-image: url(img/form_select_cidade.gif);*/
}
.cmpCidade select{
	width: 104px;
}

.cmpEstudante{
	padding-left: 21px;
}
.cmpoProfis{
	padding-left: 11px;
}

.campoCheck{
	float: left;
	padding-top: 7px;
	padding-right: 17px;
	margin-right: 9px;
	background: url(img/form_seta.gif) no-repeat right 10px;
}
.campoCheck input.checkbox{
	float: left;
	width: 18px;
	margin: 0;
	padding: 0;
	border: 0;
}


/******************* AREA CHANCES *******************/
.areaChances .linha{
	position: absolute;
	width: 39px;
	height: 78px;
	margin-left: -41px;
	margin-top: -88px;
	background-image: url(img/promo/linha_4.gif);
}
.areaChances p{
	width: 200px;
	min-height: 49px;
	padding-top: 11px;
	padding-left: 70px;
	background: url(img/promo/chance_bg.gif) no-repeat 0 7px;
}
.areaChances .botao{
	display: block;
	width: 58px;
	height: 54px;
	margin-left: 58px;
	background-image: url(img/promo/btn_chance.gif);
}
.areaChances .botao a{
	display: block;
	height: 54px;
	background: none;
	font-size: 0;
	text-indent: -2000px;
}
.areaChances .botao a:hover{
	background-image: url(img/promo/btn_chance_over.gif);
}



/******************* AREA RODAPE *******************/
.areaResultado h4,
.areaRegulamento h4{
	padding-top: 68px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.areaResultado{
	float: left;
	width: 226px;
	padding-top: 14px;
	padding-left: 50px;
}
.areaResultado .data{
	display: block;
	font-size: 160%;
	margin-top: -10px;
}
.areaResultado .data .dia{
	font-size: 210%;
	padding-right: 1px;
}
.areaResultado .data .mes{
	padding-left: 5px;
}

.areaRegulamento{
	float: left;
	width: 670px;
}
.areaRegulamento p{
	padding-top: 5px;
	font-size: 85%;
	text-align: justify;
}


/************************ SITE RODAPÉ ************************/
.siteRodape{
	clear: both;
	height: 30px;
	padding-top: 115px;
	padding-left: 50px;
	padding-right: 50px;
	margin-bottom: 0px;
}

.siteRodape p{
	font-size: 90%;
	color: #5c5a55;
	font-style: italic;
}
.siteRodape a{
	color: #5c5a55;
} 

p.direitos{
	float: right;
}
