/* ---------------------------------------------------- */
/* Desenvolvido por Andre Luis                          */
/* andreluis@fiqueonline.com.br, andreluis_x@msn.com         */
/* Prefeitura de Nilópolis © 2009                                  */
/* ---------------------------------------------------- */
body {
	background-image: url("../imagens/bodybg.gif");
	/*background-color: #497e76;*/
	background-color: #f9f9f9;
	text-align: center;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	font: normal 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
p {
	font: normal 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
hr {
	border-width: 0;
	border-top-width: 1px;
	text-align: left; /* Para o IE */
	margin: 0 auto 0 0;
	background-color: #98BAD2;/* Para o IE */
	color: #98BAD2;
	width: 45%;
	height: 1px;
}
h2 {
	font: 2.0em Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
h3 {
	font: bold 1.0em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ff9900;
}
a:link {text-decoration: none; color: #333333; font: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
a:visited {text-decoration: none; color: #333333; font: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
a:hover {text-decoration: underline; color: #333333; font: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
a:active {text-decoration: none; color: #333333; font: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;}

/* ------- CLASSES GLOBAIS ------------------------------------------ */
.limpar_float { /* usado para limpar floats */
	clear: both;
}
.espaco {
	height: 24px;
}
.espaco2 {
	height: 5px;
}
.bordaimagem {
	border: 2px solid #6e8ee8;
}
.textomenor {
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.campos {
	background-color:#cbd5df;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #0a65b6;
	margin-right: 20px;
}
.campos2 {
	background-color:#cbd5df;
	font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #0a65b6;
	margin-right: 20px;
}
.botao {
	background-color: #ff9900;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
}
p.combinado:first-letter {  /* Efeito especial de primeira letra do paragrafo maiuscula */
	color: #4a8cb4; 
	font-size: xx-large; 
}
.tituloescuro {
	color: #11599c;
	font: bold 18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.tituloclaro {
	color: #5f90c6;
	font: bold 18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.textolaranja {
	font: normal 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ff9900;
}


/* ------ CRIANDO A DIV PAI QUE ENGLOBA TODAS AS OUTRAS ----------- */
#tudo { /* Div que engloba tudo */
	width: 841px;
	text-align:left; /*evita que o conteudo da div herde o centralizar do body */
	margin:0 auto;
}
#innertudo {
	background-color: #ffffff;
}

/* ------ MONTANDO O TOPO DO WEBSITE ----------- */
/* BREVE */

/* ------ MONTANDO A ÁREA DE DATA -------------- */
#data {
	background-color: #ffffff;
	padding-left: 15px;
	font: bold 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 13px;
}

/* ------ MONTANDO A BARRA DE NAVEGAÇÃO À ESQUERDA ----------- */
#divesquerda { /* Div da navegação */
	background-color:#ffffff;
	/*border: 1px solid #333333;*/
	width: 22%;
	float: left;
	font: bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	z-index: 50;
}
#divesquerda ul {
	list-style: none;
	/*list-style: inside disc url("imagens/seta_laranja.jpg");*/
	width: 179px; /* define a largura */
	margin: 0 0 6px 2px;
	padding: 0;
	text-indent: 5px;
}
#divesquerda li.titleli { /* estilo para deixar botão como titulo */
	display: block;
	margin: 13px 0 0 2px;
	border: 0;
	font: bold 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 5px 5px 5px 15px;
	background-image: url("../imagens/topinho_azul.jpg");
	background-position: top left;
	background-repeat: repeat-x;
}
#divesquerda li.titleli2 { /* estilo para deixar botão como titulo */
	display: block;
	margin: 5px 0 0 2px;
	border: 0;
	font: bold 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 5px 5px 5px 15px;
	background-image: url("../imagens/topinho_vermelho.jpg");
	background-position: top left;
	background-repeat: repeat-x;
}
#divesquerda li.titleli3 { /* estilo para deixar botão como titulo */
	display: block;
	margin: 13px 0 0 2px;
	border: 0;
	font: bold 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 5px 5px 5px 15px;
	background-image: url("../imagens/topinho_verde.jpg");
	background-position: top left;
	background-repeat: repeat-x;
}
#divesquerda li.titleli4 { /* estilo para deixar botão como titulo */
	display: block;
	margin: 13px 0 0 2px;
	border: 0;
	font: bold 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 5px 5px 5px 15px;
	background-image: url("../imagens/topinho_laranja.jpg");
	background-position: top left;
	background-repeat: repeat-x;
}
#divesquerda li.titleli5 { /* estilo para deixar botão como titulo */
	display: block;
	margin: 13px 0 0 2px;
	border: 0;
	font: bold 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 5px 5px 5px 15px;
	background-image: url("../imagens/topinho_vermelho.jpg");
	background-position: top left;
	background-repeat: repeat-x;
}
#divesquerda li.titleli6 { /* estilo para deixar botão como titulo */
	display: block;
	margin: 13px 0 0 2px;
	border: 0;
	font: bold 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 5px 5px 5px 15px; /* superior, direita, inferior e esquerda. */
	background-image: url("../imagens/topinho_azul.jpg");
	background-position: top left;
	background-repeat: repeat-x;
}
#divesquerda li.titleli7 { /* estilo para deixar botão como titulo */
	display: block;
	margin: 13px 0 0 2px;
	border: 0;
	font: bold 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 5px 5px 5px 15px;
	background-image: url("../imagens/topinho_verde.jpg");
	background-position: top left;
	background-repeat: repeat-x;
}
#divesquerda li.titleli8 { /* estilo para deixar botão como titulo */
	display: block;
	margin: 13px 0 0 2px;
	border: 0;
	font: bold 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 5px 5px 5px 15px;
	background-image: url("../imagens/topinho_laranja.jpg");
	background-position: top left;
	background-repeat: repeat-x;
}
#divesquerda li {
	border-bottom: 1px solid #ff9900;
	margin: 0 0 0 6px;
}
#divesquerda li a {
	display: block;
	font: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 5px 2px 0.7em;
	color: #333333;
	text-decoration: none;
	background: #ffffff url("../imagens/seta_laranja.jpg") left center no-repeat;
}
#divesquerda li a:hover {
	background-color: #ffffff;
	color: #333333;
	text-decoration: underline;
}
/* Fix IE. Hide from IE Mac \*/
* html #divesquerda ul li { float: left; height: 1%; }
* html #divesquerda ul li a { height: 1%; }

/* ------ MONTANDO O CONTEÚDO PRINCIPAL (CENTRO) ----------- */
#divcentro { /* Div do conteudo principal */
	background-color: #ffffff;
	border: 0;
	width: 646px;
	float: left;
	margin-left: 8px; 
	padding: 0;
	z-index: 5;
}

/* ------ MONTANDO O RODAPÉ ----------- */
#rodape { /* Div do rodapé */
	padding-top: 6px;
	text-align: center;
	height: 165px;
	background-color: #0c66b7;
	font: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	clear: both;
}
#rodape a:link {text-decoration: none; color: #ffffff; font: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
#rodape a:visited {text-decoration: none; color: #ffffff; font: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
#rodape a:hover {text-decoration: underline; color: #ffffff; font: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
#rodape a:active {text-decoration: none; color: #ffffff; font: normal 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;}