@charset "utf-8";
/* CSS Document */

* {margin: 0px; padding: 0px; border: none;}
body {
	text-align: center;
	background-image: url(../images/bg_01.gif);
	background-repeat: repeat-x;
	background-color: #E58301;
}
#geral {
	position: absolute;
	width: 1000px;
	float: left;
	left: 50%;
	margin-left: -500px;
}
#top {
	width: 1000px;
	height: 200px;
	float: left;
	background-image: url(../images/bg_top.png);
}
#top1 {
	width: 1000px;
	height: 30px;
	float: left;
}
#top2 {
	width: 1000px;
	height: 170px;
	float: left;
}

.data {
	width: 300px;
	float: left;
	text-align: left;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	margin-top: 8px;
}

.login_txt{width: 140px; height: 20px; padding: 0px; margin: 0px; float: left;}
.ok {width: 22px; height: 22px; border: 0px; float: left;}
#logo {width: 210px; height: 155px;	float: left; margin-left: 12px;}

#banner {width: 740px; height: 155px; float: right;	margin-right: 30px; margin-top: 10px; background-color: #CCC;}

#bot {
	width: 1000px;
	height: 60px;
	float: left;
	background-image: url(../images/bg_bot.png);
}


a:link {text-decoration: none; color:  #C30;}
a:visited {text-decoration: none; color: #C30;}
a:hover {text-decoration: underline; color: #C30;}
a:active {text-decoration: none; color: #C30;}
h1 {font: bold italic 19px Arial; text-align: left; margin-bottom: 20px; margin-top: 10px; color: #039;}
h2 {font: bold 14px Verdana; text-align: left; margin-bottom: 5px; margin-top: 7px; color: #000;}
input, textarea {border: 1px solid;}


#mid {
	width: 1000px;
	float: left;
	background-image: url(../images/bg_mid.png);
	background-repeat: repeat-y;
}

#esquerda{width: 210px; float: left;}
#direita {width: 770px; float:right;}
#menu_esq {
	width: 180px;
	margin-top: 20px;
	margin-left: 30px;
}
#menu_esq ul {
	width: 170px;
	list-style-type: none;
	list-style-position: outside;
	font: bold 11px Arial;
	text-align: right;
}
#menu_esq li{width: 170px; margin-bottom: 7px;}
#menu_esq li a:link {text-decoration: none; color: #666;}
#menu_esq li a:visited {color: #666;}
#menu_esq li a:hover {text-decoration: none; color: #f07;}
#menu_esq li a:active {color: #666;}
#menu_esq img {margin-left: 5px;}
#empresa, #projetos, #informacoes {display: none;}
#empresa li, #projetos li, #informacoes li {font: normal 9px Verdana; margin-bottom: 3px; margin-right: 5px;}
#cadastro {
	width: 170px;
	float:left;
	margin-left: 30px;
	margin-top: 20px;
}
#login {
	width: 170px;
	float:left;
	margin-left: 30px;
	margin-top: 20px;
}
#mensagem {
	width: 170px;
	float:left;
	margin-left: 30px;
	margin-top: 20px;
	color: white;
	background-color: #990000;
	font: normal 9px Verdana;
}
#direita_1 {
	width: 360px;
	height: 420px;
	float: left;
	font: normal 10px Verdana;
	text-align: left;
	color: #000;
	margin-top: 10px;
}
#direita_2 {
	width: 360px;
	float: right;
	font: normal 10px Verdana;
	text-align: left;
	color: #000;
	margin-top: 10px;
	margin-right: 30px;
	height: 420px;
}
#noticias {
	width: 360px;
	height: 330px;
	float: left;
}

#bt_acompanhe {width: 120px; height: 50px; margin-bottom: 0px; float: left; background: url(../images/bt_acompanhe.gif) top no-repeat;}
#bt_indices {width: 120px; height: 50px; margin-bottom: 0px; float: left; background: url(../images/bt_indices.gif) top no-repeat;}
#bt_grupo {width: 120px; height: 50px; margin-bottom: 0px; float: left; background: url(../images/bt_grupo.gif) top no-repeat;}
#bt_acompanhe:hover, #bt_indices:hover, #bt_grupo:hover {background-position: bottom; cursor: pointer; cursor: hand;}


#conteudo {width: 738px; float: left; margin-top: 30px; text-align: justify; background: url(../images/bg_conteudo.gif) top right no-repeat;}
#conteudo ul {list-style-image: url(../images/bullet.gif);	list-style-position: inside;}
#conteudo_contato {width: 738px; float: left; margin-top: 30px; background: url(../images/bg_contato.jpg) right no-repeat;}

.titulo {
	width: auto;
	background-color: #FFFFFF;
	color: #990000;
	text-align: left;
	margin-bottom: 6px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
.subtitulo {
	font: bold 10px Verdana;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.subtitulo img {float: left; padding-right: 5px; clear: both;}
.news_tit {font: bold 11px Verdana; padding: 0px 0px 3px 0px; font-weight: bold;}
.news_date {font: normal 8px Verdana; padding: 0px 0px 3px 0px; text-align: left; color: #AAA;}
.news_short {font: normal 11px Verdana; padding: 0px 0px 13px 0px; text-align: left; color: #000;}
.news_txt {font: normal 12px Verdana; padding: 5px 15px 5px 0px; text-align: justify; line-height: 17px; color: #000;}
.txt_1 {
	font: normal 11px Verdana;
	text-align: left;
	color: #000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
}
.txt_2 {font: normal 11px Verdana; padding: 5px 0px 10px 0px; text-align: left; color: #000;}
.txt_3 {
	font: normal 11px Verdana;
	text-align: justify;
	line-height: 16px;
	color: #000;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
}
.bold{font-weight: bold;}
.link{color: #06F; border-bottom: dashed #06F thin;}
.saibamais {font: normal 11px Verdana; padding: 2px 0px 15px 0px;}
.texto_img {float: right; padding: 0px 0px 0px 10px;}
.img {padding: 20px 10px 10px 10px;}

.rodape{
	margin-top: 20px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.geral {
	font: normal 11px Verdana;
	line-height: normal;
	color: #666;
}




.destaque {font-size: 11px; font-weight: bold;}
.botao {
	font: 9px Verdana;
	color: #000;
	padding: 2px;
	border: 1px solid #000;
	background: #FFF;
}


#imagens {margin-left: 30px; width: 500px; text-align: center;}
#imagens img {padding: 8px;}


/* ACOMPANHE SUA OBRA */
#acompanhamento{
font-family:Arial, Helvetica, sans-serif;
width:730px;
float: left;
}

.legenda{
float:right;
width:300px;
height: 20px;
font-size:11px;
color:#CCC;
}

#detalhamento{
float:left;
margin-top:10px;
width:100%;
}

.acomp_titulo{
float:left;
width: 200px;
height:25px;
font-size:11px;
color:#000;
font-weight:bold;
text-align:right;
margin-bottom: 8px;
}

.acomp_grafico{
float: right;
width: 520px;
height: 25px;
margin-bottom: 8px;
}

.previsto{
	display:block;
	height:12px;
	background:url(../images/bg_grafico_concluido.jpg) repeat-x;
	text-align:right;
	font-size:10px;
	color:#DEDEDE;
	font-style:italic;
	font-weight:bold;
}
.realizado{
	display:block;
	height:12px;
	background:url(../images/bg_grafico_realizado.jpg) repeat-x;
	text-align:right;
	font-size:10px;
	color:#DEDEDE;
	font-style:italic;
	font-weight:bold;
}