@charset "utf-8";
/* Arquivo de configuração das tags div de layout tableless */

/*----------Identificadores----------*/
/* div principal, engloba os outros */
#wrapper {
	width:85%;
	margin:0 auto;
	background-color:#F5F5DC;
	border-style: solid;
	border-width: 1px;	
}

#logo {
	width:20%;
}

#titulo {
	width:80%;
	text-align: center;
	color: #6666CC;	
}

/* cabeçalho */
#branding {
	clear:both;	
	border-bottom-style: none;
	border-bottom-width: 1px;
	background-image: url(../img/cross-bkg.png);
	background-repeat: repeat-x;	
}

/* logotipo */
#logo {
	float: left;
}

/* título */
#title {
	float: none;	
	padding-top: 10px;
}

/* organiza o cabeçalho, deixando o logotipo e o título lado a lado */
#base {
	clear: both;
}

/* conteúdo do site */
#content {	
	width:75%;
	float:right;
}

#content h1 {		
	font-size: 18px;
	text-decoration: underline;
	color: #808000;	
	text-transform: capitalize;	
}

#content h3 {	
	font-size: 14px;
	color: #B5A642;
	font-style: italic;	
}

#content h1, #content h3 {	
	word-wrap: break-word;	
}

/* título, subtítulo e parágrafos no conteúdo */
#content h1, #content h2, #content p {
	padding-right:20px;	
}

/* barra de navegação */
#mainNav {
	width:23%;
	float:left;
	/* padding: preenchimento em volta do conteúdo da barra de navegação */
	text-align: left;
}

/* rodapé */
#footer {
	clear:both;
	background-color:#458B74;
	border-top-style: solid;
	border-top-width: 1px;
	font-size: 12px;		
}

#footer a {
	color: #BFDFDF;
	text-decoration:none;
}

#footer a:hover {
	font-weight: bold;
}

#messages {
	border-style:solid;
	border-width:2px;
	border-color: #FFCC00;
	background-color: #FFFF66;
	color: #FF0000;
}

/*----------Classes----------*/

/* cabeçalho do menu de navegação */
.divHeader {
	margin: 5px;	
	border-style: solid;
	border-width: 1px;
	border-color: #458B74;	
	background-color: #458B74;
	text-align: center;
	color: #BFDFDF;		
	font-weight: bold;
	font-size: 10pt;
}

/* linhas do menu de navegação */
.divBody {	
	padding: 3px;
	border-top-style: solid;
	border-top-width: 1px;
	border-color: inherit;		
	background-color: #EEE8CD;
	text-align: left;
	color: #556B2F;			
	font-weight: normal;
	font-size: 9pt;	
}

.divBody a {
	text-decoration: none;
	color: #556B2F;
}

.divBody a:hover {
	color: #80A246;
}

.divBody:hover {	
	background-color: #F5F5DC;
	font-weight: bold;
}

/* tabela de formulários */
.tblForm {
	padding: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #458B74;
	background-color: #EEE8CD;
	color: #556B2F;
	width: 75%;
	margin-bottom: 10px;
	font-size: 11px;	
}

.tblForm input, 
.tblForm select, 
.tblForm textarea {
	border-style: solid;
	border-width: 1px;
	border-color: #999900;
	border-right-width: 2px;
	border-right-color: #666633;
	border-bottom-width: 2px;
	border-bottom-color: #666633;
	background-color: #E2D9AD;	
	width: 90%;	
	color: #5B5B00;
	font: inherit;
}

.tblForm input[type="radio"], 
.tblForm input[type="checkbox"] {
	border:none;
	background-color: transparent;
}

.tblForm input[type="submit"], 
.tblForm input[type="reset"],
.tblForm input[type="button"] {
	width: auto;
	font-weight: bold;	
}

.tblForm label {
	text-transform: capitalize;
	font-weight:bold;	
}

.tblForm tbody td {
	text-align: left;
}

.tblForm tfoot td {
	padding-top: 10px;
	text-align: center;
}

/* tabela de exibição de dados - grid */
.tblGrid {	
	border-collapse: collapse;
	border-width: 2px;
	border-style: solid;
	border-color: #458B74;		
	width: 75%;
	margin-bottom: 10px;	
}

.tblGrid th {	
	border-width: 1px;
	border-color: #458B74;
	border-style: solid;	
	background-color: #458B74;	
	font-weight: bold;
	font-size: 10pt;	
	text-align: center;	
	color: #BFDFDF;		
}

.tblGrid td {
	border-width: 1px;
	border-color: #458B74;
	border-style: solid;
	font-size: 9pt;
	color: #556B2F;		
}

.tblGrid tr {
	border-width: 1px;
	border-style: solid;
	border-color: #458B74;
	background-color: #EEE8CD;	
}

.tblGrid tr:hover {
	background-color: #F5F5DC;		
}

.tblGrid th, .tblGrid td {
	vertical-align: top;	
}

.forButtons {
	border-style: solid;
	border-width: 1px;
	border-color: #999900;
	border-right-width: 2px;
	border-right-color: #666633;
	border-bottom-width: 2px;
	border-bottom-color: #666633;
	background-color: #E2D9AD;	
	width: auto;
	font-weight: bold;
	color: #5B5B00;
	font: inherit;		
}

.forInput {
	border-style: solid;
	border-width: 1px;
	border-color: #999900;
	border-right-width: 2px;
	border-right-color: #666633;
	border-bottom-width: 2px;
	border-bottom-color: #666633;
	background-color: #E2D9AD;	
	color: #5B5B00;
	font: inherit;	
}

/*----------Tags----------*/

body {
	text-align:center;
	min-width:90%;
	background-color:#8B7D6B;
	font-family: verdana, arial, helvetica, sans-serif;
}

a {
	color: #5B5B00;
	text-decoration: none;		
}

a:hover {
	color: #80A246;
}