/**/

* {
	margin: 0 auto;
	padding: 0;
	border:0;
}

body {
	background: #353F7B url(../../Imagens/bg.jpg) repeat-y center;
	color: #397092;
	font: normal 10px Verdana;	
}

html, body {
	height: 100%;
}

h1 {
	font: bold 20px "Trebuchet MS";
	color: #24A9A6;
	margin: 10px 0;
}

h2 {
	font: bold 20px "Trebuchet MS";
	color: #397092;
	margin: 10px 0;
}

h3 {
	font: bold 16px "Trebuchet MS";
	color: #24A9A6;
	text-decoration: underline;
	margin: 10px 0;
}

label {
	display: block;
	width: 90px;
	float: left;
	font: bold 12px "Trebuchet MS";
	color: #000;
}

p {
	margin: 10px 0 5px 0;
}

a {
	color: #397092;
	font-weight: bold;
}

/**/
.corpo {	
	/*display: block;*/
	position: relative;
	background: url(../../Imagens/bg-corpo.jpg) no-repeat top;
	width: 800px;
	min-height: 100%;
	height:auto !important;
	height:100%;
}

	/**/
	.InputText {
		border: 1px solid #CCC;
		font: normal 10px Verdana;
		width: 146px;
		height: 12px;
		padding: 2px;
		margin-bottom: 3px;
		vertical-align: middle;
	}
	
	.DropDown {
		border: 1px solid #CCC;
		font: normal 10px Verdana;
		width: 146px;
		height: 18px;
		padding: 2px;
		margin-bottom: 3px;
		vertical-align: middle;
	}
	
	.Button {
		border: 1px solid #FFF;
		height: 22px;
		background: #397092;
		font: normal 10px Verdana;
		color: #FFF;
		padding: 1px 2px;
		cursor: pointer;		
	}
	
	.ButtonCian {
		border: 1px solid #FFF;
		height: 22px;
		background: #24A9A5;
		font: normal 10px Verdana;
		color: #FFF;
		padding: 1px 2px;
		cursor: pointer;
	}
	
	.LineWrap {
		clear: both;
		height: 3px;
	}
	
	.ParagraphWrap {
		clear: both;
		height: 20px;
	}
	
	.Required {
		color: #C00;
		margin-left: 5px;
	}
	
	.ErroMsg {
		width: 700px;
		padding: 2px 10px;
		margin: 5px 0;
		color: #000;
		font: bold 10px Verdana;
		border: 1px dashed #333;
		text-align: center;
		background: #D1EFE0;
	}
	
	.Warning {
		float: right;
		font: bold 10px Verdana;
		border: 1px dashed #FC3;
		padding: 2px 5px;
		background: #FFC;
		margin-right: 12px;
	}
	
	.TermoAceite {
		width:540px;
		border:1px solid #000;
		height:140px;
		padding:5px;
		overflow:auto;
		background:#FFF;
	}
	
	.TermoAceiteCheck {
		width:550px;
		text-align: right;
		margin-top: 5px;
	}
	/**/
	.topo {
		background: url(../../Imagens/bg-topo.jpg) no-repeat 0 23px;
		width: 764px;
		height: 150px;
		margin-left: 18px;		
	}
	
	.topo .topolink {
		width: 157px;
		height: 90px;
		cursor: pointer;
		margin: 30px 0 -100px 14px;
		float: left;
		display: block;		
	}
	
	.topo label {
		display: block;
		width: 40px;
		float: left;
		font: bold 12px "Trebuchet MS";
		color: #000;
	}
	
	.topo #formLogin {
		margin-left: 560px;
		padding-top: 40px;
	}
	
	/**/
	.content {
		background: url(../../Imagens/bg-content.jpg) repeat-y;
		width: 732px;
		min-height: 280px;
		padding: 10px 15px;
		margin-left: 18px;
		padding-bottom: 97px;
	}
	
	/***** Menu *****/

	.menu
	{
		width: 564px;
		height: 19px;		
		position:absolute;		
	}
	
	.menulink
	{
		background: url(../../Imagens/bg-btn-menu.gif) no-repeat 0px 0px;
		width: 111px;
		height: 13px;
		left: 15px;
		top: 113px;
		font: normal 10px Verdana;
		color: #FFF;
		text-align: center;		
		padding: 3px 0px;		
		cursor: pointer;	
		position:relative;
		float: left;
				
	}
	.menulink:hover
	{
		/*filter: alpha(opacity=50);
	    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity:0.60;
		opacity:0.60;*/
		background-position: 0px -19px;		
	}
	
	.menulinkcian 
	{
		background: url(../../Imagens/bg-btn-menu-cian.gif) no-repeat 0px 0px;
		width: 111px;
		height: 13px;
		left: 15px;
		top: 113px;
		font: normal 10px Verdana;
		color: #FFF;
		text-align:center;
		padding: 3px 0px;
		cursor: pointer;
		position:relative;
		float: left;
	}	
	.menulinkcian:hover
	{
		/*filter: alpha(opacity=50);
	    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity:0.60;
		opacity:0.60;*/
		background-position: 0px -19px;		
	}
	
	.requisitos 
	{
		background: url(../../Imagens/requisitos.jpg) no-repeat center 0px;
		width: 430px;
		height: 220px;		
	}	
	
	.voltar
	{
		margin-top: 30px;
	}
	
	.title {
		font: bold 11px "Trebuchet MS";
		color: Black;
	}
	
	.BoxAutenticacao {
		float: left;
		width: 200px;
		height: 155px;
		margin: 25px;
	}
		.BoxAutenticacao .Title {			
			background: url(../../Imagens/bg-autenticacao-title.gif) repeat-x;
			height: 22px;
			font: bold 11px Arial;
			color:#FFF;
			text-align: center;
			padding-top: 8px;
		}
		.BoxAutenticacao .Content {			
			background-color: #E3EEF4;
			height: 125px;			
		}
			.BoxAutenticacao .Content form {
				padding-top: 15px;
			}
			.BoxAutenticacao .Content p {
				width: 180px;				
				font: normal 12px Arial;
				color:#637092;
				text-align: left;
				margin-top: 3px;
				margin-left: 10px;			
			}
			.BoxAutenticacao .Content label {
				font: bold 11px Arial;
				color:#397092;				
				width: 60px;
				text-align: right;				
			}
			.BoxAutenticacao .Content .InputText {
				display: block;
			}
			.BoxAutenticacao .Content .Button {
				font: bold 11px Arial;
				width: 140px;
				height: 25px;
			}
				.BoxAutenticacao .Content .Button:hover {			
					background-color: #A7C8DC;
			}					


/* Meio */
.meio
{
	display: block;	
	width: 700px;
	margin:auto;	
	margin-bottom: 0;
	min-height: 200px;	
}


/* Index */
.banner
{
	float: left;
	width:463px;
	height: 116px;
	background-color: #333333;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	z-index: 0;	
	text-align: left;
}

.quadros
{
	clear: both;
	width: 100%;
	font-weight: bold;
	font-family: Verdana;
}

.quadros .quadro
{
	width: 232px;
	height: 102px;
	float: left;	
	margin-right: 2px;	
	text-align: center;
	cursor: pointer;
}

.quadros .quadro a
{
	color: #FFFFFF;
	text-decoration: none;
}

.quadros .quadro1
{
	background-color: #24A9A6;
}

.quadros .quadro2
{
	background-color: #25495F;
}

.quadros .quadro3
{
	background-color: #62BF4D;
	margin-right: 0;
}

.quadros .link
{
	float: left;
	width: 230px;
	margin-right: 5px;
	height: 40px;
}

.quadros .link a
{
	color: #397092;
	font-size: 10px;
	font-weight: normal;
}

.quadros .link a:hover
{
	text-decoration: none;
}

.fonte15{font-size: 15px;}

.fonte20{font-size: 20px;}

.fonte25{font-size: 25px;}

.fonte30{font-size: 30px;}

.hrHorizontal
{
	clear:both;
	height: 2px;
	background-color: #CCCCCC;
	width: 700px;
	margin:auto;
	margin-bottom: 20px;
	display:block;
}

.carrinho
{
	width: 222px;
	height: 104px;
	border: solid 1px #CCCCCC;
	float: right;
	padding-top: 10px;
}

.carrinho img
{
	margin: 18px;
	float: left;
}

.carrinho h2 {
	font: bold 18px "Trebuchet MS";
	color: #397092;
	margin: 10px 0;
}

.carrinho .item
{	
	font-size: 14px;
	text-align: center;
	width: 130px;
	float: left;
	margin-top: -5px;
}

.carrinho .btnVer
{
	width: 88px;
	height: 19px;
	float: left;
	margin-left: 0px;
	margin-top: -7px;
}

.esquerda
{
	display: block;
	width: 335px;
	border-right: solid 1px #CCCCCC;
	float: left;
	margin-right: 28px;
}

.direita
{
	display: block;
	width: 335px;
	float: left;
}

.curso
{
	display: block;
	/*margin-bottom: 40px;	*/
}

.curso .divisorEsquerda, .curso .divisorDireita
{
	clear: both;
	display: block;	
	background: url(../../Imagens/line-divisor-esquerda.gif) no-repeat center;
	width: 300px;
	height: 2px;	
	margin-top: 40px;
	margin-bottom: 30px;
}

.curso .divisorDireita
{
	background: url(../../Imagens/line-divisor-direita.gif) no-repeat center;
}

.curso .box
{	
	display: block;		
	min-height: 110px;	
}

.curso .box h2
{
	min-height: 60px;
}

.curso .box .pagamento
{
	/*display: block;*/	
	margin: 5px 0px 0px 10px;
	color: #000000;
}

.curso .box .preco
{	
	font: normal 14px Verdana;		
}

.curso .box .negrito
{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.curso .btnComprar, .curso .btnAcessar, .curso .btnDetalhes
{
	background: url(../../Imagens/btn-comprar.jpg) no-repeat;
	float: left;
	margin-top: 5px;
	width: 71px;
	height: 19px;
	margin-right: 5px;
	font: normal 10px Verdana;
	color: #FFFFFF;
	cursor: pointer;
	
}
.curso .btnAcessar, .curso .btnDetalhes
{
	background: url(../../Imagens/btn-acessar.jpg) no-repeat;
}

/* Páginas de Compra */

/*Menu Compra*/
.menuCompra
{
	height:75px;
}

.menuCompra .itemMenu
{
	float: left;
	margin-left: 1px;
}

.Message
{
	width: 688px;
	background-color: #F3F3F3;
	border: solid 1px #CCCCCC;
	font-size: small; 
	text-align: center;
	color: #FF0000;
	padding: 5px;
	margin-bottom: 1px;
}

/* Conteúdo Compra*/
.conteudoCompra
{
	width: 700px;
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;	
}

.conteudoCompra td
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.conteudoCompra .cupomDesconto td
{
	padding-top: 20px;
	padding-bottom: 0px;
	background-color: #F3F3F3;
}

.conteudoCompra .titulo, .conteudoCompra .footer, .conteudoCompra th
{
	font-size: 13px;
	color: #397092;
	font-family: Trebuchet MS;
	font-weight: bold;
	height: 40px;
	line-height: 50px;	
	background-color: #F3F3F3;
}

.conteudoCompra .footer .titulo
{
	font-size: 14px;
}

.conteudoCompra .btnExcluir
{
	background: url(../../Imagens/ico-excluir.gif) no-repeat;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.conteudoCompra .dados
{
	width: 100%;

}

.conteudoCompra .descricao, .conteudoCompra .turma, .conteudoCompra .valor
{
	width: 232px;
	float: left;
	background: #FFFFFF;
	font-size: 12px;
	text-align: center;
	font-weight: normal;	
}

.conteudoCompra .texto
{
	margin: 25px 20px 0px 20px;
}

.conteudoCompra .hrVertical
{
	height: 88px;
	background-color: #CCCCCC;
	width: 1px;
	float: left;
	margin-top: 6px;
	margin-bottom: 6px;
}

.botoes
{
	margin-top: 10px;
	height: 22px;
	text-align: right;
}

.botoes .Button
{
	height: 22px;
}

.conteudoCompra .boxCadastro
{
	background-color: #FFFFFF;
	width: 328px;
	float: left;
	text-align: center;
	padding: 10px;
}

	.conteudoCompra .boxCadastro p
	{		
		width: 250px;
		display: inline-block;		
		text-align: left;
		font: normal 12px Verdana;
		color: #397092;
		margin: 0px;
	}
	
	.conteudoCompra .boxCadastro label
	{		
		float: none;
		display: inline;		
		width: 60px;
		font: bold 12px Verdana;
		color: #397092;
		text-align: right;
		margin-right: 5px;
	}
	
	.conteudoCompra .boxCadastro h1
	{
		padding-bottom: 10px;
	}
	
.conteudoCompra h1
{
	font-family: Trebuchet MS, Arial;
	font-size: 14px;
	text-align: center;
	color: #24A9A6;
}

.conteudoCompra .boxCadastro table th, td
{
	font-size: 12px;
}

.conteudoCompra .boxCadastro table td input
{
	width: 160px;
	border: solid 1px #CCCCCC;
	padding: 2px;
	font-family:Verdana;
	color: #333333;
}

.conteudoCompra .boxCadastro .btnLogin
{
	clear:both;
	width: 118px;
	height: 22px;
	margin: auto;
	margin-top: 5px;
}

.conteudoCompra .boxCadastro .btnFinalizar
{
	clear:both;
	width: 118px;
	height: 22px;
	margin-top: 10px;
	float:right;
	margin-right: 150px;
	margin-bottom: 20px;
}

.conteudoCompra .boxConfirmaPagamento
{
	float:left;
	width: 100%;
	background-color: #FFFFFF;
	border: solid 0px #CCCCCC;	
}

.conteudoCompra h1
{
	font-size: 16px;
}

.conteudoCompra .boxConfirmaPagamento table
{
	width: 100%;
}
	.conteudoCompra .boxConfirmaPagamento table tr
	{
		padding: 0px;
		margin: 0px;
	}
	.conteudoCompra .boxConfirmaPagamento table th
	{		
		text-align: right;
		background-color: #FFFFFF;
		font: bold 13px Verdana;
		color: #397092;
		height: 0px;
		padding-bottom: 0px;
		padding-top: 5px;		
	}

	.conteudoCompra .boxConfirmaPagamento table td
	{
		font: normal 11px Verdana;
		color: #000000;				
		height: 0px;		
		padding-bottom: 0px;
		padding-top: 5px;
	}

.conteudoCompra .boxConfirmaPagamento .alterarDados
{
	margin-left: 100px;
}

.conteudoCompra .boxConfirmaCompra
{
	padding: 20px;
	padding-left: 70px;
	padding-right: 70px;
}

.conteudoCompra .boxConfirmaCompra p
{
	text-align: justify;
}

.conteudoCompra .boxConfirmaCompra label
{
	width: 185px;
	font: bold 12px Verdana;
	color: #397092;
	padding-top: 2px;	
}

.conteudoCompra .boxConfirmaCompra span
{
	font: normal 15px Arial;
	color: #000000;	
}

.conteudoCompra .boxConfirmaCompra .texto
{
	clear:both;
	color: #000000;
	font-size: 12px;
	width: 500px;
	margin:auto;
}

.conteudoCompra .boxConfirmaCompra table
{
	float: left;
	margin-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 500px;
}

.conteudoCompra .boxConfirmaCompra table th
{
	font-size: 12px;
	text-align: right;
}

.conteudoCompra .boxConfirmaCompra table td
{
	font-size: 10px;
	color: #000000;
}

.conteudoCompra .boxConfirmaCompra .fechar
{
	margin: 15px 0 15px 100px;
}

.conteudoMeusCursos .curso
{
	float: left;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
	.conteudoMeusCursos .curso .esquerda {
		float: left;
		width: 90px;
		border: solid 0px;
	}
	.conteudoMeusCursos .curso .direita {
		float: left;
		width: 580px;		
		border: solid 0px;
	}
	.conteudoMeusCursos .curso span
	{		
		font: normal 11px Verdana;		
	}
	.conteudoMeusCursos .curso .data
	{
		font: bold 11px Arial;						
	}
	.conteudoMeusCursos .aguarde
	{
		float: left;
		width: 90px;
		height: 22px;
		border: 1px dashed #FFCC33;		
		background-color: #FFFFCC;		
		font: normal 10px Verdana;		
		color: #397092;
		text-align: center;
		padding: 3px 2px;
		margin: 0px;
		margin-top: -5px;
		margin-bottom: 10px;
		cursor: default;		
	}

/* Rodapé */
.rodape
{	
	position: absolute;
	width: 762px; 
	height: 97px; 
	margin-left: -15px;
	margin-bottom: -10px;
	background: #FFFFFF;	
	bottom: 0 !important;
	z-index: 5;
}

.rodape .pagamento
{	
	width: 418px;
	height: 75px;
	background: url("../../Imagens/bg-pagamento.jpg") no-repeat;
	margin-top: 10px;
}

.Busca, .BuscaLarge
{
	float: right;
	background: url("../../Imagens/bg-barra-busca.jpg") no-repeat;
	width: 350px;
	height: 34px;
	margin-top: -5px;
	text-align: center;
	padding-top: 5px;	
}
.BuscaLarge
{
	float: none;
	background: url("../../Imagens/bg-barra-busca-large.jpg") no-repeat;
	width: 550px;
	height: 53px;
	padding-top: 15px;
}
	.Busca label, .BuscaLarge label
	{		
		font: normal 11px Arial;
		color: #25495F;
		margin: 9px 15px 0px 30px;
		padding: 0px;
		width: 0px;		
	}
	.BuscaLarge label
	{
		float: none;
		display: inline-block;	
		width: 50px;
		margin: 0px 0px 0px 0px;
	}	
	.Busca .Caixa, .BuscaLarge .Caixa
	{
		width: 196px;
		height: 17px;
		border: solid 1px #FFFFFF;
		margin: 5px 0px 0px 0px;
		padding: 2px 4px;		
	}

.BoxDetalhesProduto {
	width: 693px;
}
	.BoxDetalhesProduto .Header {		
		background: url("../../Imagens/box-detalhes-produto-header.png") no-repeat 0px bottom;
		width: 100%;		
		height: 39px;	
	}	
		.BoxDetalhesProduto .Header .Abas{
			float: left;
			width: 100%;
			height: 39px;
			padding: 0px;
			padding-left: 10px;
			list-style-type: none;					
		}
			.BoxDetalhesProduto .Header .Abas .Aba, .BoxDetalhesProduto .Header .Abas .AbaDestaque{
				float: left;
				background: url("../../Imagens/box-detalhes-produto-aba.png") no-repeat;
				width: 110px;
				height: 23px;
				margin-left: -1px;
				margin-top: 13px;				
				font: normal 12px Arial;
				color: #397092;				
				text-align: center;
				padding: 0px;
				padding-top: 5px;
				text-decoration: none;
				cursor: pointer;				
			}								
				.BoxDetalhesProduto .Header .Abas .Aba:hover {
					text-decoration: underline;
				}
			.BoxDetalhesProduto .Header .Abas .AbaDestaque{
				background: url("../../Imagens/box-detalhes-produto-aba-destaque.png") no-repeat;
				width: 120px;
				height: 39px;
				margin-top: 0px;
				margin-left: 0px;				
				font: bold 15px Arial;
				padding: 0px;				
				padding-top: 12px;				
				cursor: default;				
			}		
	.BoxDetalhesProduto .Content {
		width: 100%;
		background: url("../../Imagens/box-detalhes-produto-content.jpg") repeat-y;		
		min-height: 300px;		
		margin: 0px;
		padding: 0px;
		padding: 5px;
		padding-left: 0px;
		font: normal 12px Arial;
		color: #397092;		
	}	
		.BoxDetalhesProduto .Content .Item {
			width: 650px;			
		}
	.BoxDetalhesProduto .Footer {
		width: 100%;		
		background: url("../../Imagens/box-detalhes-produto-footer.jpg") repeat-y;
		height: 5px;
	}

.BoxInformation{
	position: absolute;
	background-color: #397092;
	background: url("../../Imagens/bg-box-information.jpg") no-repeat;	
	width: 720px;
	height: 421px;
	z-index: 20000;
	top: 27%;
	padding: 0;
	margin-left: 6px;
	text-align: center;
}
	.BoxInformation p {		
		font: normal 16px Arial;
		color: #FFFFFF;
		text-align: justify;
		margin-left: 30px;
		*margin-left: 0px;		
		/*margin: 0;
		top: 0;
		padding: 0;*/
	}
	.BoxInformation .Title {
		display: block;
		font: bold 20px Arial;
		color: #24A9A5;
		text-align: center;		
		padding: 0;		
		margin: 0;
		top: 0;
		padding-top: 19px;		
	}
.BoxInformation .ButtonClose{
	display: block;
	background: url("../../Imagens/btn-close-information.gif") no-repeat;
	width: 98px;
	height: 30px;
	font: normal 14px Arial;
	color: #FFFFFF;	
	margin-top: 20px;
	cursor: pointer;
}

.BoxMessage{
	position: absolute;
	background-color: #3A7190;	
	width: 500px;
	min-height: 100px;
	z-index: 20000;
	top: 27%;
	margin-left: 6px;
	text-align: center;	
	top: 35%;
	left: 20%;
}
	.BoxMessage .BoxMessageContent {
		border: solid 2px #FFF;		
		margin: 5px;
		padding: 3px;
		padding-bottom: 20px;	
	}
	
	.BoxMessage .BoxMessageContent .Title {
		display: block;
		background-color: #FFF;
		font: bold 20px Arial;
		color: #24A9A5;
		text-align: center;		
		padding: 5px 0;		
		margin: 0;
		top: 0;	
		margin-bottom: 20px;	
	}
	
	.BoxMessage .BoxMessageContent p {		
		font: normal 16px Arial;
		color: #FFFFFF;
		text-align: center;
		margin-left: 30px;
		*margin-left: 0px;
	}