* {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #333;
	/*
	border: dotted #f00 1px;
	*/
}

body {
	background: url(imagens/fundo.jpg) repeat-x #ccc;
}

p {
	padding: 0px 0px 8px 0px;
	font-size: 11px;
	text-align: justify;
}

a {
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: underline;
	color: #000000;
}

img {
	border: none;
	vertical-align: middle;
}

ol li {
	list-style-type: decimal;
	margin: 5px 25px;
}

h1 {
	padding: 25px 0 0 25px;
	font-size: 20px;
	color: #767675;
}

#rodape h1 {
	padding: 0 0 0 25px;
	color: #767675;
	margin: 0;
}

h2 {
	font-size: 18px;
	color: #c60;
	text-transform: uppercase;		
}

h3 {
	font-size: 12px;
	color: #c60;
	margin: 5px 0 10px 0px;
	text-transform: uppercase;
}

h5 {
	font-size: 15px;
	color: #c60;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

h6 {
	font-size: 10px;
	color: #957051;
	text-align: center;
}

#rodape h6{
	font-size: 10px;
	color: #957051;
	text-align: center;
}

br {
	float: none;
	clear: both;
}

#site {
	margin: auto;
	min-height: 800px;
	height: auto;
	width: 770px;
}

#site {
	background: url(imagens/conteudo.jpg) repeat center;
}

#topo, #titulos, #meio, #rodape {
	float: none;
	clear: both;
}

#topo { 
	height: 125px;
	background: url(imagens/topo.jpg) left top no-repeat;
	margin: auto;
	padding: 20px 0 0 0;
}

#menu {
	/*margin: 8px 20px;*/
	padding: 10px 20px 8px 21px;
	float: left;
	clear: both;
}

#menu li {
	float: left;
	list-style: none;
	font-weight: bold;
}

#menu img {
	vertical-align:middle;
	border: none;
}

#menu a, #menu a:hover  {
	padding: 0;
	width: 145px;
	display: block;
	font-size: 12px;
	text-align: center;
}

#menu a:hover {
	/*background: url(imagens/grid.gif);*/
	color: #fff;
}

#titulos { 
	padding: 15px 0 0 0;
	margin: auto;
	width: 710px;
}

#esquerda, #direita {
	display: none;
}

#meio { 
	margin: auto;
	width: 710px;
	padding: 15px 10px;
}

#rodape { 
	width: 770px;
	height: 120px;	
	padding: 0px;
	margin: auto;
	/*background: url(imagens/rodape.jpg) bottom center no-repeat;*/
	/*background: url(imagens/rodape_final.jpg) no-repeat bottom center;*/
}

#acoes {
	margin: auto;
	padding: 0;
}

#acoes div {
	float: left;
	clear: none;
	width: 110px;
}

.listagem {
	width: 100%;
	background: #ddd;
}

.listagem th{
	background: #eee;
}

.listagem td{
	text-align: left;
}

.listagem tr{
	background: #fff;
}

.listagem tr:hover{
	background: #ffc;
}

.listagem td:hover{
	background: #eec;
}

.formulario {
	width: 100%;
	margin: auto;
}

.bloco fieldset, .bloco2 fieldset, .iniciar fieldset {
	float: left;
	padding: 0 5px 5px 4px;
	margin: 2px;
	border: 1px solid #eee;
}

fieldset fieldset legend {
	color: #c60;
}

.formulario input, .formulario textarea, .formulario select {
	border: 1px dotted #69c;	
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	/*height: 19px;*/
}

.listagem, .listagem th, .listagem td  {
	display: table-cell;
	/*vertical-align: top;*/
	border: none;
	padding: 3px;
}

.imagem_esquerda, .imagem_direita  {
	float: left;
	margin: 0 10px 0 0;
}

.imagem_borda {
	border: solid 5px #F3EFE5;
}

.formulario_campo_simples {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	border: solid 2px #ddc;
	color: #F90;
	background: #f8f8f8;
}

.formulario_botao_simples {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
	border: solid 2px #33a;
	color: #333;
	background: #ddd;
}

.obrigatorio {
	font-weight: bold;
	color: #000;
}

.force_50x50 {
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
}

.force_25x25 {
	width: 25px;
	height: 25px;
	margin: 0;
	padding: 0;	
}

.justificar {
	text-align: justify;
}

.texto_esquerda {
	text-align: left;
}

.texto_direita {
	text-align: right;
}

.caixa_alta {
	text-transform: uppercase;
}

.mini_fonte select {
	font-size: 8px;
}

input:hover, textarea:hover, select:hover {
	background:#eee;
}

input:focus, textarea:focus, select:focus  {
	background:#ffb;
	border: dotted 1px #000;
}

input[type=submit], input[type=button], input[type=reset]{
	border: none;
}

.botao_gravar, .botao_desfazer, .botao_novo, .botao_listar, .botao_alterar, .botao_excluir , .botao_outros {
	height: 20px;
	width: 100px;
	border: solid 1px #fff;
	padding: 0 0 0 22px;
	text-align: left;
	font-weight: bold;
	float: left;
	clear: none;
	margin: 0;
	cursor: pointer;
}

.botao_gravar {
	background: url(imagens/botao_gravar.gif) left no-repeat;
}

.botao_desfazer {
	background: url(imagens/botao_desfazer.gif) left no-repeat;
}

.botao_novo {
	background: url(imagens/botao_novo.gif) left no-repeat;
}

.botao_listar {
	background: url(imagens/botao_listar.gif) left no-repeat;
}

.botao_alterar {
	background: url(imagens/botao_alterar.gif) left no-repeat;
}

.botao_excluir {
	background: url(imagens/botao_excluir.gif) left no-repeat;
}

.botao_outros {
	background: url(imagens/botao_outros.gif) left no-repeat;
}

.botao_gravar:hover, .botao_desfazer:hover, .botao_novo:hover, .botao_listar:hover, .botao_alterar:hover, .botao_excluir:hover, .botao_outros:hover  {
	background: #ddd url(imagens/botao_selecionado.gif) left no-repeat;
}

.botao_gravar:focus, .botao_desfazer:focus, .botao_novo:focus, .botao_listar:focus, .botao_alterar:focus, .botao_excluir:focus, .botao_outros:focus  {
	background: #ffb url(imagens/botao_selecionado.gif) left no-repeat;
}

.botao_alterar, .botao_excluir  {
	width: 64px;
}

.galerias {
	width: 690px;
	margin:auto;
}

.galerias span, .galerias span:hover {
	display: block;
	width: 72px;
	height: 96px;
	padding: 2px;
	margin: 0;
	text-align: center;
	float: left;
}

.galerias span:hover {
	background: #ddd;
}

.galerias img{
	border: solid 1px #fc0;
	margin: auto;	
}

.bloco, .bloco2 {
	display: block;
	float: left;
	border: none;
	border-top: 1px solid #ccc;
	background: url(imagens/fundo_degrade.jpg) repeat-x top center #fff;
	padding: 2px 10px;
	margin: 0 12px;	
}

.bloco fieldset, .bloco2 fieldset {
	border: 1px solid #ddd;
	border-left: 1px solid #aaa;
	height: auto;
	min-height: 35px;
	display: block;
	
}

div .bloco, div .bloco2 {
	width: 665px;
	background: url(imagens/fundo_degrade.jpg) repeat-x top center #fff;
}

div .bloco2 {
	width: 290px;
}

.iniciar {
	display: block;
	float: left;
	width: 310px;
	background: url(imagens/fundo_degrade.jpg) repeat-x top center #fff;
	border: none;
	border-top: 1px solid #ccc;
	padding: 2px 10px;
	margin: 0 12px;
}

.iniciar p, .bloco p, .bloco2 p{
	font-size: 12px;
	padding: 0 15px;
}

.botao_laranja, .botao_laranja:hover {
	display: block;
	float: none;
	margin: 10px auto;
	background: url(imagens/botao_laranja.gif) no-repeat top center;
	width: 180px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	color:#fff;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	cursor: pointer;
	border: none;
}

.botao_laranja:hover {
	background: url(imagens/botao_laranja_2.gif) no-repeat top center;
	color:#000;
}

.inputmenor {
	width: 200px;
}

.selectmaior {
	width: 600px;
}

.margemtexto {
	display:block;
	padding: 10px;
}

.tituloespecial {
	font-size: 14px;
	font-weight: bold;
	color:#900;
	padding: 5px 0 5px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.listacursos {
	display: block;
	width: 288px;
	height: 68px;
	overflow: auto;
	padding: 1px;
	background: #ddd;
	border: 1px solid #bbb;
}

.listacursos ul li {
	font-size: 10px;
}

.supernumero {
	font-size:36px;
	padding: 10px 20px;
	float: left;
	clear: none;
	display: block;
	font-weight: bold;
	color: #a21;
}

.centralizar {
	display: block;
	text-align: center;
	width: 100%;
}

.sinal_r, .sinal_p, .opcao, .opcao_nova {
	display: block;
	height: 30px;
	line-height: 30px;
	text-indent: 35px;
	background: url(imagens/sinal_amarelo.gif) no-repeat left top;
	font-size: 12px;
	font-weight: bold;
	color:#555;
}

.sinal_r{
	background: url(imagens/sinal_verde.gif) no-repeat left top;
}

.opcao, .opcao_nova{
	background: url(imagens/opcao.gif) no-repeat left top;
	color:#222;
}

.opcao_nova{
	background: url(imagens/opcao_nova.gif) no-repeat left top;
}

.acompanhamento_navegacao {
	float: right;
}

.acompanhamento_navegacao a {
	color: #900;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* mascara */

#bodyOverlay {
	color:inherit;
	background-color: #fff;
	opacity: 0.80;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index:999;
}

#mascara {
	position:absolute;
	left:0;
	top:0;
	z-index:999;
	border: 1px solid #000000;
	background-image: url(imagens/fundo_laranja.gif);
	margin: auto;
	vertical-align: middle;
	text-align: center;
}

.sem_quebra {
	white-space: nowrap;
}

.texto_vermelho {
	color: #f00;
}

.texto_verde {
	color: #0a0;
}

.caixaCinza, .caixaVerde {
	border: dotted 1px #888;
	margin: 20px auto;
	padding: 20px;
	width: 90%;
}

#chat h1 a{
	display: block;
	background: url(imagens/rodape_chat.jpg) no-repeat top center;
	width: 683px;
	height: 88px;
	text-indent: -9999px;
	margin: auto;
}

#rodape-final{
	clear: both;
	width: 770px;
	height: 92px;
	margin: auto;
	/*background: url(imagens/rodape_final.jpg) no-repeat bottom center;*/
}
