/* Estilização da tag #Body */
body {
	scrollbar-face-color:#808080;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-base-color:#FFFFFF;
	background-image:url(../../imgs/fundo.gif);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	color:#666666;										/* Textos na cor preta, por padrão      */
	font-size:9pt;										/* Alteração no tamanho da letra  */ 
	font-family:Tahoma, Verdana, Arial, sans-serif;		/* Alteração na fonte para Monotype Corsiva */
	text-align:justify;
}

/* Estilização de links */
a { 
	color:#2486BB;
	text-decoration:none;
}

a:hover { 
	color:#2486BB;
	text-decoration:underline;
}

/* Estilização de img */
img {
	border:none;
}

/* Estilização de img Space */
img#space {
	border:none;
	height:1px;
	vertical-align:middle;
}

/* Estilização de img Space */
img#logo {
	border:none;
	vertical-align:middle;
	padding-right:20px;
	padding-bottom:3px;
}

/* Estilização de tag label dentro de formulários */
form label {
	font-weight:bold;
	display:block;	/* Transforma os elementos em nivel de bloco fazendo com que renderize um abaixo do outro. */
	margin-bottom:3px;
	margin-top:15px;
}

form label span {
	font-size:7pt;
	color:#FF0000;
	font-weight:normal;
}

/* Estilização de input que tenha o id "botao" dentro de formulários */
form input#botao {
	display:block;	/* Transforma os elementos em nivel de bloco fazendo com que renderize um abaixo do outro. */
	margin-bottom:3px;
	margin-top:15px;
}

/* Estilização de Tabelas */
table {
	width:100%;
	border:none;
	padding:5px;
	empty-cells:show;
	text-align:left;
	margin-bottom:20px;
}

/* Estilização de Títulos */
h2 {
	font-size:18px;
	color:#006572;
	margin-top:10px;
	margin-bottom:10px;
}

h3 {
	font-size:10px;
	color:#006572;
	margin-top:3px;
	margin-bottom:10px;
}		


/* * * * * DIVS * * * * */

/* Estilização da div#tudo */
#tudo {   
	width:700px; 										 /* Largura do layout  */
	margin-top:0;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
}

/* Estilização da div#topo */
#topo {
	position:relative;
	width:700px;										/* Largura do topo */
	height:106px;										/* Altura do topo de 106px */
}

/* Estilização da div#menu */
#menuBanner {
	position:relative;
	width:700px;										/* Largura do menu */
	height:194px;										/* Altura do menu de 130px */
}

/* Estilização da div#principal */
#principal {
	position:relative;
	width:700px;  /* Largura da Coluna principal */
	margin-top:10px;
	margin-bottom:5px;
}

#principal span {
	color:#006572;
	font-size:7pt;
}

#principal dt {
	color:#006572;	 		/* define a cor laranja para as tags dt e li na div principal_quemsomos e auxiliar_quemsomos */ 
	font-weight:bold;	/* define em negrito os iténs acima mencionados*/
	margin-bottom:5px; 	/* criar espaçamento entre os termos da lista definição*/
}
			
#principal dd {
	margin:0; 		/* retirar o recuo padrão em relação ao elemento dt*/
}

#principal dl {
	margin-top:0px;
	margin-bottom:0px;
}

#principalHomeE {
	position:relative;
	background-image:url(../../imgs/quadro_home_1.png);
	width:340px;
	height:185px;
	float:left;
}

#principalHomeD {
	position:relative;
	background-image:url(../../imgs/quadro_home_2.png);
	width:340px;
	height:185px;
	float:right;
}

#contentHome {
	position:relative;
	padding-top:40px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	font-size:8pt;
}

#contentHome a {
	color:#333333;
	text-decoration:none;
}

#content {
	position:relative;
	padding-top:40px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
}

#content a:hover {
	color:#006572;
	text-decoration:underline;
}

#internoOrganizacao {
	position:relative;
	background-image:url(../../imgs/tit_organizacao.png);
	background-repeat:no-repeat;
	height:33px;
	margin-bottom:3px;
}

#internoInfo {
	position:relative;
	background-image:url(../../imgs/tit_info.png);
	background-repeat:no-repeat;
	height:33px;
	margin-bottom:3px;
}

#internoContato {
	position:relative;
	background-image:url(../../imgs/tit_contato.png);
	background-repeat:no-repeat;
	height:33px;
	margin-bottom:3px;
}

#internoPrograma {
	position:relative;
	background-image:url(../../imgs/tit_programa.png);
	background-repeat:no-repeat;
	height:33px;
	margin-bottom:3px;
}

#internoETematicos {
	position:relative;
	background-image:url(../../imgs/tit_etematicos.png);
	background-repeat:no-repeat;
	height:33px;
	margin-bottom:3px;
}

#internoInscricao {
	position:relative;
	background-image:url(../../imgs/tit_inscricao.png);
	background-repeat:no-repeat;
	height:33px;
	margin-bottom:3px;
}

#internoAdm {
	position:relative;
	background-image:url(../../imgs/tit_adm.png);
	background-repeat:no-repeat;
	height:33px;
	margin-bottom:3px;
}

#interno {
	width:auto; /* definindo 530px para a largura do div */
	margin:auto; /* colocando auto, para que o #geral fique de acordo com o alinhamento do body, ou seja, centralizado */
	background-image:url(../../imgs/quadro_interno_meio.png);
	background-repeat:repeat-y; /* definido o background para branco e a imagem corpo.jpg como fundo repetindo somente na vertical */
}

#internoDivTopo {
	background-image:url(../../imgs/quadro_interno_top.png);
	background-color:#FFFFFF;
	background-repeat:no-repeat; /* definido o background para branco e a imagem topo.jpg como fundo sem repetição */
	height:3px; /* definido a altura para que a imagem de background seja visualizada */
}

#internoDivContent {
	padding-top:20px;
	padding-right:20px;
	padding-left:150px;/* definindo padding de 20px para o topo, 20px para a lateral direita e 100px para lateral esquerda para que o conteúdo não cole nas extremidades */
}

#internoDivBase {
	background-image:url(../../imgs/quadro_interno_base.png);
	background-color:#FFFFFF;
	background-repeat:no-repeat; /* definido o background para branco e a imagem rodape.jpg como fundo sem repetição */
	height:15px; /* definido a altura para que a imagem de background seja visualizada */
	clear: both; /* definindo o clear para futuras atualizações que o conteúdo pode ter, com divs possuindo floats não interfira no rodapé */
}

/* Estilização da div#rodape */
#rodape {
	position:relative;
	clear:both;											/* Evita a sudiba do rodape */
	width:auto;
	margin-top:5px;
	height:40px;										/* Altura do menu de 130px */
	color:#000000;										/* Textos na cor preta, por padrão      */
	font-size:8pt;										/* Alteração no tamanho da letra  */
	line-height:15px;
}

#rodape a {
	color:#000000;										/* Textos na cor preta, por padrão      */
	text-decoration:none;
}

#rodape a:hover {
	color:#006572;
	text-decoration:underline;
}

#rodapeE {
	position:relative;
	background-image:url(../../imgs/fundo_rodape_e.gif);
	width:20px;
	height:40px;
	float:left;
}

#rodapeC {
	position:relative;
	background-image:url(../../imgs/fundo_rodape.gif);
	background-repeat:repeat-x;
	padding-top:3px;
	width:660px;
	height:40px;
	float:left;
}

#rodapeAss {
	position:relative;
	width:auto;
	height:auto;
	float:right;
	z-index:1;
}

#rodapeD {
	position:relative;
	background-image:url(../../imgs/fundo_rodape_d.gif);
	width:20px;
	height:40px;
	float:right;
}
				

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

.form {
	font-size:8pt;
	color:#333333;
	background-color:#F4F4F4;
	border:1px solid #A5B6C6;
	padding:3px;
}

.formCapitular {
	font-size:8pt;
	color:#333333;
	background-color:#F4F4F4;
	border:1px solid #A5B6C6;
	padding:3px;
	text-transform:capitalize;
}

.formMinuscula {
	font-size:8pt;
	color:#333333;
	background-color:#F4F4F4;
	border:1px solid #A5B6C6;
	padding:3px;
	text-transform:lowercase;
}

.formMaiuscula {
	font-size:8pt;
	color:#333333;
	background-color:#F4F4F4;
	border:1px solid #A5B6C6;
	padding:3px;
	text-transform:uppercase;
}

/* Linha divisória */
.clear {
	clear:both;
	border-top-width:2px;								/* Espessura da borda*/
	border-top-style:solid;								/* Estilo de borda */
	border-top-color:#006572;							/* Cor da borda */
}

/* Formatação para quadros de avisos */
.aviso {
	background-color:#FFFBEA;
	padding:5px;
	border:1px dotted #A5B6C6;
	color:#007532;
	font-size:8pt;
	float:center;
}

/* Formatação do programa */
.progHora {
	font-size:8pt;
	color:#2486BB;
	font-weight:bold;
	width:100px;
}

.progTema {
	color:#2486BB;
	font-weight:bold;
	text-transform:uppercase;
}

.progPalestrante {
	font-size:8pt;
	padding-left:105px;
	padding-bottom:20px;
}