﻿* 
{
	font-family: Arial, Sans-Serif, MS Sans Serif;
	font-size: 12px;
	color: #000;
}

img 
{
	border: none;
}

p 
{
	line-height: 130%;
	margin: 5px 0 10px 0;
	padding: 0;
}

html 
{
	background-color: #F4F4F4;
	background-image: url(/imagem/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

body { /*, #corpo*/
	background-color: #FFFFFF;
	width: 700px;
	margin: 0 auto;
	position: relative;
}



td, th 
{
	padding: 5px;
	border-bottom: solid 1px #00B4E9;
}

th 
{
	color: #00B4E9;
}




.destaque 
{
	font-size: 30px;
}
.espaco 
{
	padding: 0 5px 5px 5px;
}


#menu
{
	width: 500px;
	position: absolute;
	top: 0;
	right: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 999;
	
}
#menu li 
{
	background-color: #FFF;
	width: 124px;
	height: 80px;
	display: block;
	float: left;
	border-left: solid 1px #EAEEF1;
}

#menu li, #menu li a 
{
	font-size: 10px;
	text-decoration: none;
}

#menu li a 
{
	display: block;
	vertical-align: bottom;
	padding: 60px 0 7px 10px;
}

#menu li a:hover 
{
	background-color: #f7f7f7;
}


#menu_objetivo
{
	border-bottom: solid 3px #00B4E9;
}
#menu_quemparticipa
{
	border-bottom: solid 3px #E8A401;
}
#menu_procedimentos
{
	border-bottom: solid 3px #E84700;
}
#menu_hospedagem
{
	border-bottom: solid 3px #00AA40;
}



#conteudo 
{
	position: relative;
	width: 680px;
	margin: 0 auto 0;
	/*top: 100px;*/
	padding-top: 100px;
	padding-bottom: 30px;
	/*_padding-bottom: 100px;*/
}
#conteudo_interna 
{
	position: relative;
	padding-top: 1px;
	padding-bottom: 10px;
	top: 50px;
}



#banner 
{
	margin-bottom: 20px;
}

#texto_capa
{
	width: 400px;
	float: left;
}

#ficha_capa 
{
	width: 265px;
	float: right;
}



#revenda
{
	width: 625px;
	height: 35px;
	background-color: #FAFAFA;
	overflow: hidden;
	border-bottom: solid 2px #E0E0E0;
	position: absolute;
	z-index: 999;
}
#revenda_conteudo
{
	width: 625px;
	height: 80px;
	position: absolute;
	top: 0;
}

#revenda:hover 
{
	height: 80px;
}


#menu_alterarevenda 
{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background-image: url(/imagem/btn_atualizar.jpg);
	background-repeat: no-repeat;
}



.revenda_puxada,
.revenda_nome,
.revenda_cnpj,
.revenda_marca,
.revenda_endereco
{
	position: absolute;
	font-size: 9px;
	color: #696969;
}

.revenda_puxada strong,
.revenda_nome strong,
.revenda_cnpj strong,
.revenda_marca strong,
.revenda_endereco strong
{
	font-size: 12px;
	margin-left: 5px;
	color: #696969;
}

.revenda_puxada
{
	top: 10px;
	left: 10px;
}

.revenda_nome 
{
	top: 10px;
	left: 200px;
}


.revenda_cnpj
{
	top: 35px;
	left: 10px;
}

.revenda_marca
{
	top: 35px;
	left: 200px;
}


.revenda_endereco
{
	top: 60px;
	left: 10px;
}







#menu_sair 
{
	width: 50px;
	height: 35px;
	background-color: #FAFAFA;
	border-bottom: solid 2px #E84700;
	
	position: absolute;
	right: 0;	
	display: block;	
	text-decoration: none;
	text-transform: uppercase;
}
#menu_sair span 
{
	display: block;
	margin: 13px auto 0;
	width: 25px;
	font-size: 10px;
	cursor: pointer;
}
#menu_sair:hover 
{
}


.ocultar_revenda #revenda, .ocultar_revenda #menu_sair
{
	display: none;
}

.ocultar_revenda #conteudo_interna 
{
	top: 0 !important;
}





#pendencia, #participante, #pagamento, #traslado
{
	position: relative;
	padding-top: 1px;
	overflow: visible;
	clear: both;
}


#pendencia h2 { border-top-color: #E84700; color: #E84700; }
#participante h2 { border-top-color: #E8A401; color: #E8A401; }
#pagamento h2 { border-top-color: #02A940; color: #02A940; }
#traslado h2 { border-top-color: #00B4E9; color: #00B4E9; }

#pendencia ul, #participante ul, #pagamento ul, #traslado ul
{
	background-image: url(/imagem/pontilhado.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	list-style: none;
	margin: 0 5px 15px 5px;
	padding: 0 0 1px 0;
}


#pendencia ul li, #participante ul li, #pagamento ul li, #traslado ul li
{
	background-image: url(/imagem/pontilhado.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 10px;
	position: relative;
}
#pendencia ul li 
{
	height: 18px;
}
#pendencia ul li span 
{
	background-image: url(/imagem/atencao.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	font-size: 12px;
}

#participante ul li, #pagamento ul li, #traslado ul li
{
	height: 45px;
	overflow: hidden;
}

#pendencia ul li a, 
#participante ul li a, 
#pagamento ul li a,
#traslado ul li a
{
	display: none;
}

#pendencia ul li:hover, 
#participante ul li:hover, 
#pagamento ul li:hover,
#traslado ul li:hover
{
	background-color: #FAFAFA;
}

#pendencia ul li:hover a, 
#participante ul li:hover a, 
#pagamento ul li:hover a,
#traslado ul li:hover a
{
	display: block;
}


form 
{
	padding: 0 5px 5px 5px;
}
textarea 
{
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	padding: 5px;
}



/* ****************** CORES ****************** */


.azul
{
	color: #00B4E9;
	border-color: #00B4E9;
}

.vermelho 
{
	color: #E84700;
	border-color: #E84700;
}

.verde 
{
	color: #00AA40;
	border-color: #00AA40;
}

.laranja 
{
	color: #E8A401;
	border-color: #E8A401;
}



.bg_azul
{
	background-color: #00B4E9 !important;
}

.bg_vermelho 
{
	background-color: #E84700 !important;
}

.bg_verde 
{
	background-color: #00AA40 !important;
}

.bg_laranja 
{
	background-color: #E8A401 !important;
}

/* ****************** ESTILOS ****************** */
.sublinhado 
{
	text-decoration: underline;
}


.lista 
{
	line-height: 130%;
	padding-left: 20px;
}
.lista li 
{
	margin-bottom: 10px;
}

/* ****************** BOTOES ****************** */

.botao 
{
	color: #FFFFFF;
	display: block;
	float: left;
	padding: 5px;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #E8A401;
	border: none;
	margin-top: 10px;
	margin-right: 10px;
	width: auto;
	text-align: center;
	cursor: pointer;
}

.botao:hover 
{
	background-color: #D8A11D;
}

.botao_consultar,
.botao_imprimir, .botao_imprimir_topo,
.botao_alterar,
.botao_cancelar 
{
	position: absolute;
	right: 10px;
	width: 20px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
}

.botao_consultar
{
	top: 10px;
	background-image: url(/imagem/btn_consultar.gif);
}
.botao_imprimir
{
	top: 35px;
	background-image: url(/imagem/btn_imprimir.gif);
}
.botao_imprimir_topo
{
	top: 10px;
	background-image: url(/imagem/btn_imprimir.gif);
}

.botao_alterar
{
	top: 10px;
	background-image: url(/imagem/btn_alterar.gif);
}
.botao_cancelar 
{
	top: 35px;
	background-image: url(/imagem/btn_excluir.gif);
}

#btn_incluirparticipante,
#btn_gerarpagamento, 
#btn_adquirirtraslado
{
	color: #FFFFFF;
	display: block;
	position: absolute;
	top: 10px;
	right: 5px;
	padding: 5px;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
}

#btn_incluirparticipante
{
	background-color: #E8A401;
}
#btn_gerarpagamento
{
	background-color: #02A940;
}
#btn_adquirirtraslado
{
	background-color: #00B4E9;
}

#btn_incluirparticipante:hover
{
	background-color: #D8A11D;
}
#btn_gerarpagamento:hover
{
	background-color: #018B35;
}




#observacao 
{
	padding-top: 50px;
}

#observacao a
{
	width: 495px;
	height: 50px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
	background-image: url(/imagem/observacao.jpg);
	background-repeat: no-repeat;
}



/* ****************** HEADERS ****************** */


h1 
{
	margin: 0;
}

h1 a
{
	position: absolute;
	background-image: url(../imagem/logoagenda.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 150px;
	height: 70px;
	text-indent: -9999px;
	overflow: hidden;
	top: 6px;
	left: 20px;
	margin: 0;
	z-index: 999;
}

h1 a:hover 
{
	background-position: bottom;
}

h2 
{
	
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 20px;
	margin: 0 0 15px;
	border-top: solid 2px #E84700;
	padding: 5px 0 0 5px;
	clear: both;
}
h3
{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 20px;
	margin: 0 0 15px;
}

h4{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 18px;
	margin: 0 0 7px;
	padding: 5px 0 0 0;
	clear: both;
	color: #00B4E9;
	}


/* ****************** LISTAS DE PENDENCIAS, PARTICIPANTES e PAGAMENTOS ****************** */
.pgtoboleto,
.codigoparticipante,
.nomeparticipante,
.cargoparticipante,
.pgtocodigo,
.pgtoparticipantes,
.pgtovalorapagar,
.pgtovencimento,
.pgtodata
{
	position: absolute;
}
.pgtoboleto 
{
	left: 20px;
	top: 40px;
	display: block;
	width: 20px;
	height: 11px;
	background-image: url(/imagem/boleto.gif);
	background-repeat: no-repeat;
}
.codigoparticipante, .pgtocodigo
{
	left: 10px;
	top: 15px;
	font-size: 14px;
	font-weight: bold;
}

.nomeparticipante,
.cargoparticipante,
.pgtoparticipantes,
.pgtovalorapagar
{
	left: 70px;
}

.pgtovencimento,
.pgtodata
{
	left: 250px;
}
.nomeparticipante
{
	top: 15px;
	font-size: 14px;
	font-weight: bold;
}
.cargoparticipante,
.pgtovalorapagar,
.pgtodata
{
	top: 40px;
}

.pgtoparticipantes,
.pgtovencimento
{
	top: 15px;
}


.pgtoparticipantes,
.pgtovalorapagar,
.pgtovencimento,
.pgtodata
{
	font-size: 12px;
}


#pgtototal, #trasladototal 
{
	
	text-align: center;
	font-size: 10px;
	padding-bottom: 20px;
}


.pgtocancelado * 
{
	color: #696969;
}
.pgtopago * 
{
	color: #00AA40;
}
.pgtovencido * 
{
	color: #E84700;
}

.pgtovencido .botao_imprimir, .pgtocancelado .botao_imprimir, .pgtopago .botao_imprimir, 
.pgtovencido .pgtoboleto, .pgtocancelado .pgtoboleto, .pgtopago .pgtoboleto
{
	display: none !important;
}


