/* CSS Document */
/* Sky Blue	729fcf	3465a4	204a87 */
/*********** GERAL ************/
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
}

h1 {
	font-variant: small-caps;
	color: #213f99;
	border-bottom: 1px solid;
	clear: both;
}

h3 {
	font-style: italic;
}

/* A tag FONT é usada somente pelo Editor de textos da Adobe, onde são cadastradas as notícias */
font {
	font-size: 12px;
}

#site {
	position: relative;
	width: 100%;
	margin: 0;
}

#cabecalho, #online, #corpo, #rodape {
	width: 900px;
	margin: auto;
}

/********** CABECALHO ***********/
#logo {
	margin-top: 5px;
}

#cabecalho {
	position: relative;
	clear: both;
	height: 100px;
}

#cabecalho #opcoes {
	font-size: 11px;
	letter-spacing: 1px;
	float: right;
	line-height: 18px;
}

#cabecalho #opcoes a {
	color: #213f99;
}
/********* CHAMADA PRODUTOS **********/
#chamada_produtos, #chamada_congresso {
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
	height: 180px;
}

#chamada_congresso {
	height: auto;
	padding: 5px 0 0 0;
}

/********* ONLINE **********/
#online_wrapper {
	width: 100%;
	background-color: #204A87;
}

#online {
    position:relative;
	top: 0px;
	left: 0px;
	font-size: 9px;
	color: white;
 	padding: 6px 0 2px 0;
	text-align: right;
	height: 25px;
	*height: 20px;
}

#online a {
	color: white;
}

#online .formLogin{
	position: relative;
	font-size:11px;
	border: 1px solid gray;
}

/********** CORPO ***********/

#corpo {
	top:2px;
	position: relative;
	height: 100%;
	font-size: 11px;
	z-index: 0;
	margin-top: 2px;
}

#corpo a:link {
	color: #213f99;
	text-decoration: none;
	border-bottom: 1px dashed blue;
}

#corpo a:visited {
	color: #213f99;
}

#corpo a:hover {
	background-color: #AECDFF;
}

#corpo img {
	border: none;
}

#corpo .notitle {
	background-color: white;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	border-top: 1px solid #CCC;
}

/********** CONTEUDO INICIAL ***********/
#conteudo {
	
}

/********** COMUM ***********/

#centro h1, #esquerda h1, #direita h1, #direita_conteudo h1, #destaque_inicial h1, #chamada_congresso h1 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	letter-spacing: 1px;
	/*background-color: #213f99; */
}

#esquerda h2, #centro h2, #direita h2, #direita_conteudo h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 0;
}

#esquerda p, #centro p, #direita p, #direita_conteudo p {
	margin: 0 0 10px 0;
	*margin-bottom: 9px;
	text-align: justify;
}

#esquerda p, #centro p, #direita p {
	font-size: 13px;
	line-height: 18px;
}

/********** ESQUERDA ***********/
#esquerda {
	float: left;
	width: 31%;
}

/********** CENTRO ***********/

#centro {
	position: relative;
	float: left;
	width: 37%;
	/* border-left: 1px solid #CCC; RETIRADO */
	/* border-right: 1px solid #CCC; */
	padding: 0 10px 5px 25px;
}

/********** DIREITA ***********/

#direita {
	position: relative;
	float: right;
	width: 27%;
	padding: 0 0 5px 10px;
}

#direita h2 img {
	float: right;
	margin-left: 8px;
}

#direita #tabela_ps .celula_direita {
	width: 50%;
}

#direita #tabela_ps h2 {
	margin: 0; /* Para corrigir uma pequena distoro no FF */
}

#direita #tabela_ps tr td {
	padding: 5px 0;
	vertical-align: top;
}

#direita #tabela_ps tr td p {
	text-align: left;
	margin: 0;
}

#direita #tabela_ps tr td img {
	padding: 7px;
}

#direita #tabela_ps tr td .celula_esquerda {
	width: 50%;
	padding-right: 4px;
}

#parceiros p{
	text-align: left;
}

/********** ESQUERDA-CONTEDO ***********/

#direita_conteudo {
	position: relative;
	float: right;
	width: 20%;
	padding: 0 10px 0 5px;
}

#direita_conteudo p {
	text-align: left;
}

/********** CENTRO-CONTEDO ***********/

#centro_conteudo {
	position: relative;
	float: left;
	width: 77%;
	padding: 0 10px 0 0;
	border-right: 1px solid #CCC;
}

#centro_conteudo h1 {
	margin-top: 0;
	color: #213f99;
	font-size: 20px;
}

#centro_conteudo h2 {
	font-size: 18px;
}

#centro_conteudo h3 {
	font-size: 14px;
}

#centro_conteudo h4 {
	font-size: 14px;
}

/********** RODAP ***********/

#rodape {
	border-top: 1px solid black;
	padding: 15px 0 10px 0;
	margin-top: 10px;
	position: relative;
	clear: both;
	font-size: 10px;
	text-align: center;
}


/********** CLASSES ************/

/* Geralmente aplicado a <h2>, explicando algum <h1> (sem ter realmente a funcao visual de um h2) */
.explicacao_titulo {
	font-size: 12px;
	margin-top: -5px;
}

.div_hack {
	position: relative;
	clear: both;
	width: 100%;
}

.p_msg_erro {
	border: 1px solid #B00;
	background-color: #FFCECE;
	padding: 5px;
	text-align: center;
	margin: 5px 0;
}

.p_msg_sucesso {
	border: 1px solid #007500;
	background-color: #CAFFCA;
	padding: 5px;
	text-align: center;
	margin: 5px 0;
}

.p_msg_aviso {
	border: 1px solid #DE7A0C;
	background-color: #F9EAB0;
	padding: 5px;
	text-align: center;
	margin: 5px 0;
}

.ul_sem_margem {
	font-size: 12px;
	padding: 0 0 0 25px;
	line-height: 16px;
}

.p_msg_erro {
	border: 1px solid #B00;
	background-color: #FFCECE;
	padding: 5px;
	text-align: center;
	margin: 5px 0;
}

.p_msg_sucesso {
	border: 1px solid #007500;
	background-color: #CAFFCA;
	padding: 5px;
	text-align: center;
	margin: 5px 0;
}

.p_msg_aviso {
	border: 1px solid #DE7A0C;
	background-color: #F9EAB0;
	padding: 5px;
	text-align: center;
	margin: 5px 0;
}

.table_linhas tr td {
	border-bottom: 1px solid #CCC;
}

.cancelado {
	text-decoration: line-through;
}
/********** ITENS TEMPORARIOS DA PAGINA INICIAL ************/

#destaque_inicial{
	position: relative;
	margin-bottom: 10px;
	font-size: 14px;
	width: 640px;
	float: left;
}

#destaque_inicial_full {
	/* border-bottom: 1px solid gray; */
	/* padding: 5px; */
}

#destaque_inicial_esquerdo, #destaque_inicial_direito{
	/* height: 325px; */
}

#destaque_inicial_direito {
	float: right;
	width: 360px;
	border: 1px solid gray;
	padding: 0 5px;
}

#destaque_inicial_esquerdo {
	float: left;
	padding: 0 5px;
}