@CHARSET "UTF-8";

/* _______________ */
/*|               |*/
/*| Regras gerais |*/
/*|_______________|*/

html * {
	margin: 0;	
	padding: 0;
}

a img {
	border-width: 0;
}

body {
	padding: 17px;
	padding-right: 11px;
	padding-bottom: 0; /* A assinatura já reserva espaco suficiente */
}

html,
body {
	background-color: #ECECEC;
}
/* ________________________________ *//*|                                
|*//*| Cantos sombreados do cabecalho 
|*//*|________________________________|*/

.cabecalho .fundoEsq {	
	background-image: url("/imagens/fundoCabecalhoEsq.gif");	
	background-repeat: no-repeat;	
	background-position: left 13px;
	/* 13px e a altura da sombra do topo */
}
.cabecalho .fundoDir {	
	background-image: url("/imagens/fundoCabecalhoDir.jpg");	
	background-repeat: no-repeat;	
	background-position: right 13px;
	/* 13px e a altura da sombra do topo */
}
.cabecalho .fundoTopoEsq {	
	background-image: url("/imagens/fundoCabecalhoTopoEsq.gif");	
	background-repeat: no-repeat;	
	background-position: left top;
}
.cabecalho .fundoTopoDir {	
	background-image: url("/imagens/fundoCabecalhoTopoDir.gif");	
	background-repeat: no-repeat;	
	background-position: right top;
}
.cabecalho .fundoBaseEsq {	
	background-image: url("/imagens/fundoCabecalhoBaseEsq.gif");	
	background-repeat: no-repeat;	
	background-position: left bottom;
}
.cabecalho .fundoBaseDir {	
	background-image: url("/imagens/fundoCabecalhoBaseDir.gif");	
	background-repeat: no-repeat;	
	background-position: right bottom;
}
.cabecalho .fundoBase {	
	margin-left: 13px;/* 13px e a largura da sombra do lado direito */	
	margin-right: 19px;/* 19px e a largura da sombra do lado esquerdo */	
	background-image: url("/imagens/fundoCabecalhoBase.gif");	
	background-repeat: repeat-x;	
	background-position: bottom;
}
/* Esse e o div mais interno do cabecalho, todas as margens internas devem ir aqui */
.cabecalho .fundoTopo {	
	margin-left: 12px;/* 12px e a largura do canto arredondado. */	
	margin-right: 12px;/* 12px e a largura do canto arredondado. */	
	padding-left: 31px;	
	padding-right: 22px;	
	padding-top: 32px;/* 13px + 19px.  13px e a altura da sombra do topo. 19px e a margem interna. */	
	padding-bottom: 20px;/* 4px + 16px. 4px e a altura da sombra da base. 16px e a margem interna. */	
	background-image: url("/imagens/sombraCabecalhoTopo.gif");	
	background-repeat: repeat-x;	
	background-position: top;
}
/* _______________________ *//*|                       |*//*| Conteúdo do cabecalho |*//*|_______________________|*/
.cabecalho {	
	background-color: #1f498b;
}
h1 {	
	font-family: "Trebuchet MS";	
	font-size: 23px;	
	line-height: 23px;
}
h2 {	
	margin-top: 3px;	
	font-family: Verdana;-size: 10px;	
	line-height: 15px;	
	clear: both;
}
h1,h2 {
	font-weight: normal;
	color: #FFFFFF;
}

h1 a,h2 a {
	padding-right: 19px;/* Espaco para o ícone do dropdown, na verdade o texto inteira vai ser clicável, mas tem que dar uma pista visual para o usuário saber o que e clicável ou nao */	background-image: url("/imagens/dropdownSeta.gif");	background-repeat: no-repeat;	background-position: bottom right;}
h2 a{	background-position: bottom left;	padding-left:20px;	}
h1 a:hover,h2 a:hover {
	background-image: url("/imagens/dropdownSetaHover.gif");
}

div.dropdown.ativo h1 a,div.dropdown.ativo h2 a {
	background-image: url("/imagens/dropdownSetaHover.gif");
}

div.dropdown	 {
	position: relative;/* As listas dentro do dropdown sao posicionadas absolutamente, por isso o dropdown e posicionado relativamente */	
	float: left;	
	margin-right: 17px;	
	font-family: "Trebuchet MS";	
	font-size: 12px;
	}
div.dropdownModulo {	
	position: relative;/* As listas dentro do dropdown sao posicionadas absolutamente, por isso o dropdown e posicionado relativamente */	
	margin-top: 50px;	
	margin-right: 17px;	
	float:none;	
	width:400px;
}

div.dropdownModulo h2{
	font-size:12px;
	}
div.dropdown ul {	
	display: none;	
	position: absolute;	
	left: 0;	
	right: 0;	
	background-color: #FFFFFF;	
	background-image: url("/imagens/dropdownFundo.gif");	
	background-repeat: repeat-x;	
	background-position: top;	
	border: 2px solid #878787;
}
div.dropdown.ativo ul {	
	display: block;
}
div.dropdown ul {	
	list-style-type: none;
}
div.dropdown li,
div.dropdown a  {
	display: block;
}
div.dropdown a {	
	text-decoration: none;	
	cursor: pointer;/* para os links que nao possuem href, mas possuem eventos de clique */
}

div.dropdown ul a {
	padding-left: 7px;	
	padding-right: 7px;	
	color: #000000;
}

div.dropdown ul a:hover {	
	background-color: #5D5D5D;	
	background-image: url("/imagens/dropdownItemSelecionado.gif");	
	background-repeat: repeat-x;	
	background-position: top;	
	color: #FFFFFF;
}

.cabecalho form {	float: right;}

.cabecalho form {
	padding-left: 30px;/* 8px + 22px. 8px e a margem. 22px e a largura da image. */
	padding-top: 8px;
	height: 22px;
	background-image: url("/imagens/usuario.png");
	background-repeat: no-repeat;
	background-position: left top;
}

.cabecalho form,
.cabecalho form input {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
}

.cabecalho form input {
	border-width: 0;
	padding-right: 15px;
	margin-left: 25px;
	background-color: transparent;
	background-image: url("/imagens/logoutSeta.gif");
	background-repeat: no-repeat;
	background-position: right;
	cursor: pointer;
}
.cabecalho form input:hover {
	background-image: url("/imagens/logoutSetaHover.gif");
}

button.voltar {
	font-size:11px;
	border-width: 0;
	padding-right: 5px;
	padding-left:20px;
	margin-top:-60px;
	margin-left: 10px;
	margin-right:40px;
	background-color: transparent;
	background-image: url("/imagens/voltarSetaHover.gif");
	background-repeat: no-repeat;
	background-position:right;
	height: 50px;
	float:right;
	cursor: pointer;
	color:#FFF;
}

button.voltar:hover {
	background-image: url("/imagens/voltarSeta.gif");
}

/* ____________________________ */
/*|                            |*/
/*| Cantos sombreados do corpo |*/
/*|____________________________|*/

.corpo {
	font-family: Arial;
	font-size: 10px;

	padding-left: 59px;/* 13px da sombra + 46px da margem interna */

	background-color: #FFFFFF;
	background-image: url("/imagens/sombraCorpoEsq.gif");
	background-repeat: repeat-y;
	background-position: left;
}

.corpo .fundoDir {
	padding-right: 19px;/* 19px da sombra + 46px da margem interna */

	background-image: url("/imagens/sombraCorpoDir.gif");
	background-repeat: repeat-y;
	background-position: right;
}

.scroll {
	padding-top: 38px;
	padding-bottom: 20px;
	padding-right: 49px;/* 19px da sombra + 46px da margem interna */

	min-height: 205px;
	max-height: 285px;	
	overflow: auto;
}


/* _____________________________ */
/*|                             |*/
/*| Cantos sombreados do rodapé |*/
/*|_____________________________|*/

.rodape {
	background-color: #FFFFFF;

}

.rodape a {
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
}

.rodape .fundoEsq {
	background-image: url("../imagens/fundoRodapeEsq.gif");
	background-repeat: repeat-y;
	background-position: left;
}

.rodape .fundoDir {
	background-image: url("../imagens/fundoRodapeDir.gif");
	background-repeat: repeat-y;
	background-position: right;
}

.rodape .fundoTopoEsq {
	background-image: url("../imagens/fundoRodapeTopoEsq.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

.rodape .fundoTopoDir {
	background-image: url("../imagens/fundoRodapeTopoDir.gif");
	background-repeat: no-repeat;
	background-position: right top;
}

.rodape .fundoBaseEsq {
	background-image: url("../imagens/fundoRodapeBaseEsq.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}

.rodape .fundoBaseDir {
	background-image: url("../imagens/fundoRodapeBaseDir.gif");
	background-repeat: no-repeat;
	background-position: right bottom;
}

.rodape .fundoTopo {
	margin-left: 13px;/* 13px é a largura da sombra do lado direito */
	margin-right: 19px;/* 19px é a largura da sombra do lado esquerdo */
	background-image: url("../imagens/fundoRodapeTopo.gif");
	background-repeat: repeat-x;
	background-position: top;
}

/*
Esse é o div mais interno do rodapé, todas as margens internas devem ir aqui.
Ao contrário do cabeçalho, o div mais interno do rodapé é o da base, por causa do canto arrendondado
*/
.rodape .fundoBase {
	margin-left: 13px;/* Largura do canto arredondado */
	margin-right: 13px;/* Largura do canto arredondado */
	padding-bottom: 48px;/* 19px + 13px + 16px. 19px é a altura da sombra da base. 13px é a altura do canto arredondado. 16px é a margen interna. */
/*	padding-top: 20px;/*2px + 30px. 2px é a altura da sombra do topo. 18px é a margen interna. */
	background-image: url("../imagens/sombraRodapeBase.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}

/* ____________________ */
/*|                    |*/
/*| Conteúdo do rodapé |*/
/*|____________________|*/

.rodape {
	clear:both;
}

.rodape ul {
	text-align:center;
	list-style-type: none;
}

.rodape li {
	margin-left:50px;
	float: right;
	margin-left: 5px;
	width: 70px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
}

.rodape li:first-child {
	margin-left: 0;
}

.rodape a {
	display: block;
	padding-top: 57px;/* 48px + 9px. 48px é a altura do ícone. 9px é a margem do texto. */
	text-decoration: none;
	color: #000000;
}

.rodape hr {
	/* para cobrir todas as possibilidades */
	color: #ffffff;
	background-color: #ffffff;
	border-color: #F1F1F1;
	visibility: hidden;
	border-width: 0;
	clear: both;
}

.tablemenu ul {
	text-align:center;
	list-style-type: none;
}

.tablemenu li {
	margin-left:50px;
	display: inline;
	float: left;
	margin-left: 5px;
	width: 70px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
}

.tablemenu li:first-child {
	margin-left: 0;
}

.tablemenu a {
	display: block;
	padding-top: 57px;/* 48px + 9px. 48px é a altura do ícone. 9px é a margem do texto. */
	text-decoration: none;
	color: #000000;
}

.tablemenu hr {
	/* para cobrir todas as possibilidades */
	color: #ffffff;
	background-color: #ffffff;
	border-color: #F1F1F1;
	visibility: hidden;
	border-width: 0;
	clear: both;
}
.tablemenu {
	width:100%;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000;
}


/* ____________ */
/*|            |*/
/*| Assinatura |*/
/*|____________|*/

p.assinatura {
	margin-top: -19px;/* mesma medida que o padding-bottom do rodapé */
	text-align: right;
	padding-right: 32px;/* 19px + 13px. 19px é a largura da sombra no canto. 13px é a largura do canto arredondado. */
}