/******************************************
	CSS - RESET
******************************************/

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
img {
border: 0;
}

body {
	background: #E7E7E7;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;

}

p {
	margin-bottom: 15px;

}

.visivel {
display: 	block;
visibility: visible;
}
		
.visivel a {
font-color: #E3F0FD;
text-decoration: none;
}
		
.invisivel {
display: 	none;
visibility: hidden;
}


/******************************************
	GERAL
******************************************/
#geral{
border-top: 5px solid #FFCC00;
background: url(../_imagens/bg.gif) repeat-x;
padding: 25px 0 0 0;
}



/******************************************
	LAYOUT
******************************************/

#layout {
	width: 990px;
	height: 600px;
	margin: 0 auto;
	margin-top: 1px;
}

/************* Topo *************/

#topo {
	background: #f1f1f1 url(../_imagens/topo.jpg) no-repeat;
	width: 990px;
	height: 105px;
	
}
#topo .logo{
float: left;
}
/************* Menu *************/

#menu {
	float:right;
	position:relative;
	top:63px;
	width:670px;
	
}
#menu .botao {
	float:left;
	margin-right:10px;
	text-align:center;
	width:135px;
}

#menu .botao a {
	background:#3A3734;
	display:block;
	padding:6px;
	color:#FCC900;
	text-decoration:none;
	font-weight:bold;
}

#menu .botao a:hover {
	background:#FFDE00;
	color:#2E2502;
	font-weight: bold;
}

#menu .botao-2 {
	float:left;
	margin-right:15px;
}

/************* Conteudo *************/

#conteudo {
	background:#FFFFFF url(../_imagens/bg_bottom_conteudo.gif) no-repeat scroll center bottom;
	overflow:hidden;
	padding:70px 15px 55px;
	width:960px;
}
#conteudo hr{
border: 1px solid #009900;
margin: 0 0 20px 0;
}

#conteudo h1{ 
	background:#FEDF00 none repeat scroll 0 0;
	border-bottom:1px solid #F0BB0E;
	font-weight:normal;
	height:30px;
	width:98%;
	padding:7px 0px 0px 20px ;
	font-size:20px;
	margin-bottom: 20px;
}

#conteudo h1 span{ 

}


/******************************************
	Coluna 1
******************************************/

#coluna-1 {
	float:right;
	width:455px;
}

/******************************************
	Coluna 3
******************************************/
#coluna-3 {
	float:right;
	width:455px;
}


/************* Formulário *************/

#form-manifestacao {
padding: 30px 0 50px 0;
}

#form-manifestacao h2{
	background:transparent url(../_imagens/topo_form.gif) no-repeat scroll 0 0;
	color:#333;
	font-size:16px;
	font-weight:normal;
	height:27px;
	padding:3px 0 0;
	text-align:center;
	width:443px;
	margin: 0 auto;
}


#form-manifestacao .form{
	background:transparent url(../_imagens/bg_form_manifestacao.gif) no-repeat scroll 0 0;
	height:89px;
	padding:20px 0 0 30px;
	width:414px;
	margin: 0 auto;	
}


#form-manifestacao .form label {
	font-size:13px;
	font-weight:bold;
}

#form-manifestacao .form label input {
color:#666666;
float:left;
font-size:36px;
height:41px;
padding:4px 0 0 5px;
width:249px;
font-family:arial;
}

#form-manifestacao .form .acao input {
	background:#035D32 none repeat scroll 0 0;
	border:0 none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:17px;
	height:46px;
	margin-left:20px;
	padding:8px;
	width:112px;
	cursor:pointer;
}

#form-manifestacao .form span.label  {
	float:left;
	width:386px;
}

#form-manifestacao .form .desc-form {
	font-size: 10px;
	clear: both;
	float:left;
}

/******************************************
	Coluna 2
******************************************/

#coluna-2 {
	float:right;
	width:480px;
}


/******************************************
	Rodape
******************************************/

#rodape {
	background:transparent url(../_imagens/bg_rodape.gif) no-repeat scroll 0 0;
	color:#FFFFFF;
	height:104px;
	margin-top:10px;
	width:990px;
}

#rodape .contato {
	float:left;
	font-size:22px;
	font-weight:bold;
	line-height:22px;
	width:392px;
}

#rodape .contato span {
	color:#E2FEF3;
	float:left;
	font-size:13px;
	line-height:15px;
	width:152px;
	padding:35px 0px 0px 30px;
}

#rodape .logo {
	float:right;
	padding:20px 35px 1px 1px;
}

#rodape .numeros {
	float:left;
	font-size:13px;
	font-weight:normal;
	line-height:17px;
	padding:49px 0 0 10px;
	text-align:right;
}


/******************************************
	Blocos início
******************************************/
#blocos {
	float:left;
	padding-left:50px;
}
#blocos .bloco {
	float:left;
	margin-right:45px;
	width:235px;
	/*border:1px solid #eee;*/
	padding:10px;
}
#blocos .bloco-ultimo {
	float:left;
	width:235px;
	padding:10px;
	/*border:1px solid #eee;*/
}

#blocos .icone {
	float:left;
}

#blocos h2 {
	color:#333;
	float:right;
	font-family:verdana;
	font-size:22px;
	letter-spacing:-1px;
	font-weight:normal;
}

#blocos span {
	float:right;
	font-size:13px;
}

#blocos .bt{
	float:right;
	padding:10px 0px 0px 0px;
}

#blocos .descricao {
	background:#F1F1F1 none repeat scroll 0 0;
	border-top:2px solid #D1D1D1;
	clear:both;
	float:left;
	margin-top:25px;
	padding:10px;
	width:215px;
}

/****************************************************
	MENSAGEM ALERTA
****************************************************/

#conteudo .msg_cad_manifestacao {
border:2px solid #CED5D8;
color:#E94817;
font-weight:bold;
margin:10px;
padding:10px;
}