@charset "ISO-8859-1";



* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	text-decoration: none;
}

hr {
	display: none;
}

h1, h2, h3, h4, h5, h6 {line-height:100%;vertical-align: top;}


body {
	background:#004A80;
	height: 100%;
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size:16px;
	height: 100%;
	text-align: center;
	padding-top: 16px;
}



/***********
	firefox para o bloco pai contemplar os filhos
***********/

div:after, ol:after, form:after, dl:after, ul:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}

/***********
	firefox para o bloco pai contemplar os filhos
***********/





#container {
	margin: 0 auto;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: left;
	position: relative;
	width: 730px;
	height: auto;
	background: #fff;
	border:1px solid #fff;
	padding:16px;
}



/* header */

#header {
	height:129px;
	width:730px;
	overflow: hidden;
	position: relative;
	border-bottom:4px solid #003663;
}

#header h1 {
	font-size:16px;
	font-weight:normal;
	width:155px;
	left:370px;
	top:45px;
	position:absolute;
	letter-spacing:-0.02em;
	line-height:17px;
	color:#6D6E71;
}
#header a.logohome img
#header a.logohome:hover img,
#header a.logohome:active img,
#header a.logohome:visited img
{
	width:367px;
	height:130px;	
}
	

a.logoprefeitura img,
a.logoprefeitura:hover img,
a.logoprefeitura:active img,
a.logoprefeitura:visited img
{
	width:66px;
	height:130px;
	position:absolute;
	right:115px;
}
a.logorio2016 img,
a.logorio2016:hover img,
a.logorio2016:active img,
a.logorio2016:visited img
{
	width:106px;
	height:130px;
	position:absolute;
	right:0;
}

/* header */



/* menu */
div#menu {
	width:730px;
	margin-top:5px;
	margin-bottom:14px;
}
div#menu ul {
	width:100%;
}
div#menu ul li {
	float:left;
	background:#BCBEC0;
	margin-left:6px;
	width:178px;
	height:22px;	
}
div#menu ul li.home {
	margin-left:0;
}
div#menu ul li a,
div#menu ul li a:visited
{
	color:#fff;
	display:block;
	font-weight:bold;
	font-size:14px;
	line-height:22px;
	text-align:center;
	letter-spacing:-0.03em;
}
div#menu ul li a:hover,
div#menu ul li a:active
{
	background:#fff;
	border-bottom:2px solid #BCBEC0;
	color:#BCBEC0;
	height:20px;
}
#menu ul li:hover > ul,
#menu ul li a:hover > ul
{
	display:block;
}




#menu ul ul {
	display:none;
	position:relative;
	z-index:10;
	padding-top:5px;
	background:#fff;
	margin:0;
}
#menu ul ul li {
	margin:0;
	padding:0;
	border:none;
	line-height:18px;
	height:18px;
	border-top:2px solid #BCBEC0;
	border-bottom:2px solid #BCBEC0;
}
#menu ul li a > ul li,
#menu ul li > ul li a,
#menu ul li > ul li a:visited,
#menu ul li > ul li a:active {
	font-size:12px;
	line-height:18px;
	height:18px;
}

/* menu */








/* content */

#content {
	margin-bottom:30px;
	margin-top:16px;
}
#content div#col1, #content div#col2 {
	padding-right:16px;
	border-right:1px solid #D1D3D4;
	margin-right:16px;
	height:100%;
	float:left;
}

#content div h3,
#content div h3 a,
#content div h3 a:visited,
#container.monitoramento div#col2 h5 {
	font-size:20px;
	color:#fff;
}
#container.monitoramento div#col2 h5 {
	background:top left no-repeat url(../img/content_h5projetos.png);
	line-height:32px;
	padding-left:10px;
	margin-bottom:16px;
}

#content h3 { /* titulo editoria internas */
	font-size:48px;
	color:#004A80;
	letter-spacing:-0.03em;
}
#content div.lupa { /* titulo editoria internas */
	background: left top no-repeat url(../img/content_lupa.gif);
	width:70px;
	height:70px;
	float:left;
}
#content div.pags { /* titulo editoria internas */
	background: left top no-repeat url(../img/content_pagsprojetos.gif);
	margin-right:10px;
	width:50px;
	height:64px;
	float:left;
	margin-top:5px;
}

#content h4 { /* titulo subeditoria internas */
	font-size:32px;
	color:#004A80;
	letter-spacing:-0.03em;
}

#content p { /* internas */
	margin-top:16px;
	font-size:16px;
	color:#000;
}

#container.proposta-vitoriosa #content div#col1 {
	width:180px;
}
#container.proposta-vitoriosa #content p {
	margin-left:213px;
}

#container.conheca-o-site #content p,
#container.conheca-o-site #content h4,
#container.conheca-o-site #content h3,
#container.monitoramento #content h4,
#container.monitoramento #content h3
{
	margin-left:90px;
}
#container.monitoramento #content p {
	width:397px;
}


#content div#col1 {
	width:270px;
}
#content div#col1 h3,
#content div#col1 h3 a
{
	font-size:26px;
	color:#004A80;
	letter-spacing:-0.04em;
	margin-bottom:16px;
}


#content #col1 ul, #content #col2 ul
{
	width:100%;
}
#content #col1 ul li {
	color:#fff;
	font-size:15px;
	line-height:28px;
	font-weight:bold;
	background:#004A80;
	margin-bottom:3px;
	padding-left:8px;
}
#content #col1 ul li a, #content #col1 ul li a:visited {
	color:#fff;
}

#content #col1 ul li.par {
	background:#00C0F3;
}



#content div#col2 {
	width:304px;
}
#container.monitoramento #content div#col2 {
	float:right;
	border-left:1px solid #D1D3D4;
	margin-left:16px;
	padding-left:16px;
	margin-right:0;
	padding-right:0;
	border-right:0;
	width:300px;
}

#content div#col2 h3 {
	background:top left no-repeat url(../img/content_h3projetos.png);
	height:42px;
	padding-left:43px;
	padding-top:8px;
}
#content #col2 ul li {
	padding-bottom:14px;
	margin-bottom:10px;
	border-bottom:1px solid #00C0F3;
	height:36px;
	color:#004A80;
}
#content #col2 ul li a {
	color:#004A80;
	font-size:20px;
	font-weight:bold;
}
#content #col2 ul li p {
	margin-top:0;
	font-size:11px;
}



#content div#col3 {
	width:395px;
	padding:16px;
	background:#004A80;
	float:right;
}
#content div#col3 #col3top {
	border-bottom:1px solid #00C0F3;
	margin-bottom:16px;
	padding-bottom:16px;
}
#content div#col3 h3 a {
	font-size:42px;
	line-height:40px;
}

#content div#col3 p {
	font-size:16px;
	color:#fff;
	margin-top:10px;
}
#content div#col3 div#col3top div.lupa {
	background: no-repeat url(../img/content_col3lupa.gif);
	width:70px;
	height:130px;
	float:left;
	margin-top:2px;
	margin-right:14px;
}
#content div#col3 a img {
	margin-top:10px;
}
#content div#col3 #col3top {
	width:100%;
}
#content div#col3 #col3bottomleft, #content div#col3 #col3bottomright  {
	float:left;
}
#content div#col3 #col3bottomleft {
	border-right:1px solid #00C0F3;
	margin-right:14px;
	padding-right:13px;
	width:247px;
}
#content div#col3 #col3bottomright {
	width:120px;
}
#content div#col3 #col3bottomleft p {
	font-size:14px;
}


/* tabela obras */
#content #obras {
	float:left;
	width:730px;
	margin-top:32px;
}

#content #obras h3 {
	display:block;
}

#content #obras table {
	width:100%;
	text-align:center;
	margin-bottom:32px;
}
#content #obras td {
	color:#666;
	font-size:10px;
	vertical-align:middle;
	height:48px;
	padding-right:3px;
	padding-left:13px;
	border-bottom:2px solid white;
	border-top:2px solid white;
}

#content table caption {
	text-align:left;
	background:#004A80;
	margin-top:4px;
	display:table-caption;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	padding-bottom:3px;
	padding-left:7px;
	padding-top:3px;
	line-height:22px;
}
#content #obras table thead th {
	background:#BCBEC0;
	color:#fff;
	line-height:20px;
}
#content #obras tfoot td, #content #obras tfoot th.total {
	font-size:11px;
	font-weight:bold;
	color:#b4b4b4;
}
#content #obras tfoot th.total {
	text-align:right;
}
#content #obras table th a,
#content #obras table th {
	color:#004A80;
	font-size:12px;
}
#content #obras table th {
	border-bottom:2px solid white;
	border-top:2px solid white;
	width:53px;
}


#content #obras table th.nome {
	width:150px;
}
#content #obras table th.desc {
	width:250px;
}
#content #obras table th.valor {
	width:120px;
}
#content #obras table th.data {
	width:55px;
}
#content #obras table th.status {
	width:100px;
}


#content #obras table.legislacao thead th {
	padding:0px;
	padding-left:3px;
}
#content #obras table.legislacao th, #content #obras table.legislacao td {
	text-align:left;
	padding-left:3px;
	padding-right:3px;
	padding-top:10px;
	padding-bottom:6px;
	border-bottom:1px solid #BCBEC0;
}
#content #obras table.legislacao th {
	padding-right:32px;
}



.expediente #content h6 {
	color:#004A80;
	margin-top:32px;
	font-size:15px;
}

#container.expediente #content dl {
	font-size:14px;
	width:450px;
	line-height:22px;
}
#container.expediente #content dt {
	width:115px;
	float:left;
	color:#666;
	font-size:13px
}
#container.expediente #content dd {
	width:300px;
	float:left;
}
.expediente #content p {
	color:#999;
	font-size:11px;
}


	
/* content */







/* footer */

#footer {
	height:16px;
	padding-top:4px;
	padding-right:3px;
	width:730px;
	background:#e6e7e8;
	margin-top:16px;
	margin-bottom:10px;
}

#footer ol {
	font-size:9px;
	color:#999;
	position:absolute;
	right:22px;
}
#footer ol li {
	float:left;
	margin-left:9px;
	padding-left:9px;
	border-left:1px solid #BCBEC0;
}
#footer ol li a, #footer ol li a:visited {
	color:#999;
}
#footer ol li.last {
	border:none;
}

/* footer */




#content h6 {
	color:#004A80;
	margin-top:32px;
	margin-bottom:12px;
	font-size:24px;
}
#content #api dt,
#content #api dd
{
}
#content #api dt a,
#content #api dt a:visited {
	color:#004A80;
}
#content #api dd {
	color:#666;
	margin-left:20px;
	font-size:12px;
	margin-bottom:16px;
}
	



/* classes */
.left { float:left; }
.right { float:right; }


#content #col2 ul li.last,
.last
{
	border-bottom:none;
	padding-bottom:0;
}


.concluida {
	background:rgb(230,255,230);
}
.atrasada {
	background:rgb(255,230,230);
}
.atencao {
	background:rgb(255,255,230);
}
#content table.inativa caption {
	background:#d8d8d8;
}
#content table.inativa tbody {
	display:none;
}




/* editorias */

	

/* editorias */

div#denuncie
{
	width: 400px;
}

div#denuncie label 
{
	width: 372px;
	float: left;
}

div#denuncie form input,
div#denuncie form textarea
{
	border: 1px solid #ccc;
	#float: right;
}