body {margin:0; padding:0;}


/* TOPO */

div.topo {height:22px; background-color:#000000; font-family: "Trebuchet MS"; font-size:10px; color:#FFFFFF; margin:0; font-weight:bold;}
div.login { padding:0 20px 0 0; float:right; }
div.topo form { float:left;  }
div.topo ul {list-style:none; display:table; margin:0;}
div.topo ul li{ float:left;   padding:3px 0 0 15px;}
div.topo ul li.input{ width:90px;  padding:1px 0 0 3px;}
div.topo ul li.ok{ width:20px; margin:0; padding:2px 0 0 2px;}
div.topo form input {border:0;  padding:0; vertical-align:bottom; line-height:11px; font-size:11px; height:11px; width:85px;}
div.topo form input.ok { width:18px; height:14px; border:0;  font-size:11px; background-color:#999999; color:#FFFFFF;}
/* FIM TOPO */

#container { width:930px; margin:0 auto; padding:7px 0 0 0; position:relative; }
div.logo{width:200px; float:left; padding:0 0 5px 0;}

div.idioma { position:absolute; padding:0 0 0 665px; font-family:"Trebuchet MS"; font-size:10px; margin:0; text-align:right;}
div.idioma ul { list-style:none; display:table; margin:0;}
div.idioma ul li {float:left; padding:3px 0 0 2px;}
div.idioma ul li.img {float:left; padding:3px 0 0 2px;}
div.idioma ul li a { text-decoration:none; color:#666;}
div.idioma ul li a:hover { color:#ccc;}


/* MENU */

div.menu { text-align:right; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333; margin:0;}
div.menu ul {list-style:none; display:table; padding:50px 0 0 230px; position:absolute; margin:0;}
div.menu ul li { border-bottom: 2px solid #fff; display:inline; float:left; margin:0 5px 0 5px;}
div.menu ul li a { color:#333; text-decoration:none;}
div.menu ul li a:hover {color:#666666;}
div.menu ul li.link, div.menu ul li.selected { border-bottom: 2px solid #f66019; }

/* FIM MENU */

div.banner {width:930px; text-align:center; padding:8px 0 0 0; margin:0; }
div.pesquisa {width:930px; height:30px;   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#c0c0c0; font-size:10px; margin:0; }
div.pesquisa div.pesquisa_bg { padding:5px 0 0 0;  background-image:url(../imagens/bg_pesquisa.jpg); background-repeat:no-repeat; width:282px; height:30px;}
div.pesquisa div.pesquisa_bg input{ height:10px; border:1px solid #c7c7c7; width:120px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#999; line-height:10px;}
div.pesquisa div.pesquisa_bg input.ok{ height:15px;  width:18px; background-color:#c7c7c7; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-size:10px; padding:0; margin:0; font-weight:bold; border:none; cursor:pointer;}
div.pesquisa div.pesquisa_bg input.ok:hover{ background-color: #ccc;}

div.borda_home {width:16px; height:134px; background-image: url(../imagens/borda.jpg); background-repeat:repeat-y; float:left; }
div.borda_contato {width:16px; height:410px; background-image: url(../imagens/borda.jpg); background-repeat:repeat-y; float:left; }
div.borda_noticia {width:16px; height:650px; background-image: url(../imagens/borda.jpg); background-repeat:repeat-y; float:left; }
div.borda_empresa {width:16px; height:300px; background-image: url(../imagens/borda.jpg); background-repeat:repeat-y; float:left; }
div.borda_governanca {width:16px; height:280px; background-image: url(../imagens/borda.jpg); background-repeat:repeat-y; float:left; }
div.borda_objetivos {width:16px; height:430px; background-image: url(../imagens/borda.jpg); background-repeat:repeat-y; float:left; }
div.borda_futuro {width:16px; height:260px; background-image: url(../imagens/borda.jpg); background-repeat:repeat-y; float:left; }
div.borda_obras {width:16px; height:320px; background-image: url(../imagens/borda.jpg); background-repeat:repeat-y; float:left; }
div.borda_parcerias {width:16px; height:240px; background-image: url(../imagens/borda.jpg); background-repeat:repeat-y; float:left; }
div.borda_qualidade {width:16px; height:340px; background-image: url(../imagens/borda.jpg); background-repeat:repeat-y; float:left; }



/* HOME */
	
div.conteudo_home {width:930px; margin:0 auto;  padding:20px 0 0 0;}

div.conteudo_home div.coluna01 {width:28%; float:left; padding:0 25px 0 23px;  }
div.conteudo_home div.coluna01 div.text { text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:10px 0 0 0;}
div.conteudo_home div.coluna01 div.text a {color:#666; text-decoration:none;}
div.conteudo_home div.coluna01 div.text a:hover {color:#999;}


div.conteudo_home div.coluna02 {width:28%; float:left; padding:0 20px 0 15px;    }
div.conteudo_home div.coluna02 div.img { width:113px; float:left; height:135px; padding:17px 15px 0 0;   }
div.conteudo_home div.coluna02 div.text { text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:4px 0 10px 0;}
div.conteudo_home div.coluna02 div.text a.link_texto {color:#666; text-decoration:none;}
div.conteudo_home div.coluna02 div.text a.link_texto:hover {color:#999;}

div.conteudo_home div.coluna03 {width:28%; float:left; padding:0 0 0 15px; }
div.conteudo_home div.coluna03 div.img { width:67px; float:left; height:150px; padding:17px 2px 0 0;   }
div.conteudo_home div.coluna03 div.text { text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:7px 0 10px 0;}
div.conteudo_home div.coluna03 div.text a.news{ font-size:10px; color:#f66019;}
div.conteudo_home div.coluna03 div.text a.news:hover{ color:#999;}

div.titulo { font-family:Helvetica, sans-serif; color:#333; font-size:17px; font-weight:bold; line-height:17px; padding:18px 0 0 0; }
div.titulo a {color:#333; text-decoration:none;}
div.titulo a:hover {color:#666;}
div.titulo span {color:#666; font-size:12px;  letter-spacing: 1px; }
div.titulo span.sub {color:#333; font-size:12px;  letter-spacing: 1px; }

/* FIM HOME */


/* A EMPRESA */

div.conteudo_empresa {width:930px; margin:0 auto;  padding:20px 0 0 0;}

div.conteudo_empresa div.coluna01 {width:62%; float:left; padding:0 20px 0 25px;  }
div.conteudo_empresa div.coluna01 div.img { width:144px; float:left; padding:12px 20px 0 0;    }
div.conteudo_empresa div.coluna01 div.img_qd { width:310px; float:left; padding:12px 20px 0 0;    }
div.conteudo_empresa div.coluna01 div.text { text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:10px 0 0 0;}
div.conteudo_empresa div.coluna01 div.text span {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#333;  font-weight:bold;}

div.conteudo_empresa div.coluna02 {width:28%; float:left; padding:0 0 0 25px;   }

/* FIM A EMPRESA */


/* GOVERNANÇA */

div.conteudo_governanca {width:930px; margin:0 auto;  padding:20px 0 0 0;}

div.conteudo_governanca  div.coluna01 {width:62%; float:left; padding:0 20px 0 25px; }
div.conteudo_governanca  div.coluna01 div.img { width:190px; float:left; padding:12px 20px 0 0;    }
div.conteudo_governanca  div.coluna01 div.text { text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:10px 0 0 0;}
div.conteudo_governanca  div.coluna01 div.text span {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#333;  font-weight:bold;}

div.conteudo_governanca div.coluna02 {width:28%; float:left; padding:0 0 0 25px;   }

/* FIM GOVERNANÇA */


/* OBJETIVOS */

div.conteudo_objetivos {width:930px; margin:0 auto;  padding:20px 0 0 0;}

div.conteudo_objetivos  div.coluna01 {width:62%; float:left; padding:0 20px 0 25px;}
div.conteudo_objetivos  div.coluna01 div.img { width:160px; float:left; padding:12px 20px 0 0;   }
div.conteudo_objetivos  div.coluna01 div.text {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:20px 0 0 0; font-weight:bold; width:350px; float:left;}
div.conteudo_objetivos  div.coluna01 div.text ul{ display:table; margin:0; padding:0 0 0 18px;}
div.conteudo_objetivos  div.coluna01 div.text ul li{ padding:0 0 20px 0; list-style-image: url(../imagens/objetivos/bullet.jpg); } 


div.conteudo_objetivos div.coluna02 {width:28%; float:left; padding:0 0 0 25px;  }

/* FIM OBJETIVOS */

/* OBRAS */

div.conteudo_obras {width:930px; margin:0 auto;  padding:20px 0 0 0;}
div.conteudo_obras div.coluna01 div.text {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:10px 0 0 0; font-weight:normal;}
div.conteudo_obras  div.coluna01 {width:66%; float:left; padding:0 0 0 25px; }
div.conteudo_obras  div.coluna01  {float:left; width:380px; padding:20px 0 20px 0;}
div.conteudo_obras  div.coluna01 div.tit_obras{ font-family: Helvetica, sans-serif; font-weight:bold; height:50px; padding:10px 0 7px 0; border-bottom:1px solid #999999;}
div.conteudo_obras  div.coluna01 div.obras_andamento div.tit a{text-decoration:none; font-family: Helvetica, sans-serif;  font-size:12px;  color:#666; font-weight:bold;}
div.conteudo_obras  div.coluna01 div.obras_andamento div.tit a:hover{text-decoration:underline;}
div.conteudo_obras  div.coluna01 div.obras_andamento ul {list-style:none; margin:0; padding:15px 0 0 0; width:340px;}
div.conteudo_obras  div.coluna01 div.obras_andamento ul li {padding:10px 0 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:normal;}
div.conteudo_obras  div.coluna01 div.obras_andamento ul li a { text-decoration:none; color:#666;}
div.conteudo_obras  div.coluna01 div.obras_andamento ul li a:hover { text-decoration:underline;}
div.conteudo_obras  div.coluna01 div.obras_andamento ul li span.nm_obra {  color:#333; font-weight:bold;}
div.conteudo_obras  div.coluna01 div.obras_realizadas {padding:30px 0 0 0;}
div.conteudo_obras  div.coluna01 div.obras_realizadas div.tit a{ text-decoration:none; font-family: Helvetica, sans-serif;  font-size:12px;  color:#666; font-weight:bold;}
div.conteudo_obras  div.coluna01 div.obras_realizadas div.tit a:hover {text-decoration:underline;}
div.conteudo_obras  div.coluna01 div.obras_realizadas ul {list-style:none; margin:0; padding:15px 0 0 0; width:340px;}
div.conteudo_obras  div.coluna01 div.obras_realizadas ul li {padding:10px 0 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; font-weight:normal;}
div.conteudo_obras  div.coluna01 div.obras_realizadas ul li a { text-decoration:none; color:#666;}
div.conteudo_obras  div.coluna01 div.obras_realizadas ul li a:hover { text-decoration:underline;}
div.conteudo_obras  div.coluna01 div.obras_realizadas ul li span.nm_obra {  color:#333; font-weight:bold;}
div.conteudo_obras  div.coluna01 div.obras_realizadas div.resposta {display:none;}
div.conteudo_obras  div.coluna01 div.obras_andamento div.resposta {display:none;}
div.conteudo_obras  div.coluna02 {float:left; padding:30px 0 0 0;}
div.conteudo_obras  div.coluna02  div.map {width:540px; height:549px; background-color:#ccc;}
/* FIM OBRAS */

/* PARCERIAS */

div.conteudo_parcerias {width:930px; margin:0 auto;  padding:20px 0 0 0; }
div.conteudo_parcerias  div.coluna01 {width:62%; float:left; padding:0 20px 0 25px; }
div.conteudo_parcerias  div.coluna01 div.text { text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:10px 0 0 0;}
div.conteudo_parcerias div.coluna02 {width:28%; float:left; padding:0 0 0 5px;   }

/* FIM PARCERIAS */

/* QUALIDADE */

div.conteudo_qualidade {width:930px; margin:0 auto;  padding:20px 0 0 0; }
div.conteudo_qualidade  div.coluna01 {width:62%; float:left; padding:0 20px 0 25px; }
div.conteudo_qualidade  div.coluna01 div.text { text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:10px 0 0 0;}
div.conteudo_qualidade div.coluna02 {  width:28%; float:left; padding:0 0 0 5px;   }
div.conteudo_qualidade  div.coluna01 div.text p.destaque { text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#f76019; padding:10px 0 0 0;}

/* FIM QUALIDADE */

/* VISÃO FUTURO */

div.conteudo_futuro {width:930px; margin:0 auto;  padding:20px 0 0 0;}

div.conteudo_futuro  div.coluna01 {width:62%; float:left; padding:0 20px 0 25px;  }
div.conteudo_futuro  div.coluna01 div.img { width:170px; float:left; padding:12px 0 0 0;    }
div.conteudo_futuro  div.coluna01 div.text { text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:10px 0 0 0;}
div.conteudo_futuro  div.coluna01 div.text span {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#333;  font-weight:bold;}

div.conteudo_futuro div.coluna02 {width:28%; float:left; padding:0 0 0 25px;   }

/* FIM VISÃO FUTURO */

/* CONTATO */

div.conteudo_contato {width:930px; margin:0 auto;  padding:20px 0 0 0;}

div.conteudo_contato  div.coluna01 {width:64%; float:left; padding:0 0 0 25px; }
div.conteudo_contato  div.coluna01 div.text {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:10px 0 0 0; }
div.conteudo_contato  div.coluna01 form { font-family: "Trebuchet MS"; font-size:12px; color:#666; font-weight:bold;}
div.conteudo_contato  div.coluna01 form input { border:1px solid #999999; width:300px; height:20px;}
div.conteudo_contato  div.coluna01 form textarea { border:1px solid #999999; width:300px; height:100px;}
div.conteudo_contato  div.coluna01 form input.enviar { background-color:#f76019; font-family:"Trebuchet MS"; font-size:12px; font-weight:bold; color:#FFFFFF; width:60px; border:none; cursor:pointer;}
div.conteudo_contato  div.coluna01 form input.enviar:hover { background-color:#999999;}
div.conteudo_contato  div.coluna01 form div.enviar {text-align:right; padding:10px 0 0 2px; width:56%}

div.conteudo_contato div.coluna02 {width:28%; float:left; padding:0 0 0 25px;   }
div.conteudo_contato div.coluna02 div.text {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:10px 0 0 0; }
div.conteudo_contato div.coluna02 div.text a {color:#666; text-decoration:none;}div.conteudo_contato div.coluna02 div.text a:hover {color:#999;}
div.conteudo_contato  div.coluna01 form table input { border:1px solid #999999; width:200px; height:15px;}
div.conteudo_contato  div.coluna01 form table input.campos4 {width:40px;}
div.conteudo_contato  div.coluna01 form table input.radio {width:30px; border:0;}
div.conteudo_contato  div.coluna01 form table input.campos2 {width:40px;}
div.conteudo_contato  div.coluna01 form table input.campos3 {width:80px;}
  


/* FIM  CONTATO */

/* NOTICIAS */

div.conteudo_noticias {width:930px; margin:0 auto;  padding:20px 0 0 0;}

div.conteudo_noticias  div.coluna01 {width:64%; float:left; padding:0 20px 0 25px; }
div.conteudo_noticias  div.coluna01 div.img { width:160px; float:left; padding:12px 20px 0 0;   }
div.conteudo_noticias  div.coluna01 div.text { text-align:justify; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:20px 0 0 0;   float:left;}
div.conteudo_noticias  div.coluna01 div.text div.voltar a { font-size:10px; color:#f66019;}
div.conteudo_noticias  div.coluna01 div.text  div.voltar a:hover {font-size:10px; color:#999999;}
div.conteudo_noticias  div.coluna01 div.text ul li a { clear:both; font-size:11px; color:#f66019;}
div.conteudo_noticias  div.coluna01 div.text  ul li a:hover {font-size:11px; color:#999999;}
div.conteudo_noticias  div.coluna01 div.text ul{ display:table; margin:0; padding:0 0 0 18px;}
div.conteudo_noticias  div.coluna01 div.text ul li{ padding:0 0 20px 0; list-style-image: url(../imagens/objetivos/bullet.jpg); }
div.conteudo_noticias  div.coluna01 div.text a{ font-size:12px; color:#666; font-weight:bold;} 
div.conteudo_noticias  div.coluna01 div.text a:hover{color:#999; } 

div.conteudo_noticias div.coluna02 {width:27%; float:left; padding:0 0 0 15px;  }
div.conteudo_noticias div.coluna02 div.text {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:20px 0 0 0;   float:left;}
div.conteudo_noticias  div.coluna02 div.text ul{ display:table; margin:0; padding:0 0 0 18px;}
div.conteudo_noticias  div.coluna02 div.text ul li{ padding:0 0 5px 0; list-style-image: url(../imagens/objetivos/bullet.jpg); font-size:10px;}
div.conteudo_noticias  div.coluna02 div.text ul li a{text-decoration:none; color:#666666;}
div.conteudo_noticias  div.coluna02 div.text ul li a:hover{ color:#999999;}

/* FIM NOTICIAS */


/* LIGHTBOX OBRAS */
#popGaleria-fechar {background:url(../imagens/obras/bg_header_lightbox.jpg); height:20px; width:685px;}
#popGaleria-fechar span {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; font-weight:bold; display:block; float:left; padding:0 0 0 10px;}
#popGaleria-fechar #fechar-layer { background-color:#f66019; float:right;  width:15px; height:20px; text-align:center;}
#popGaleria-fechar #fechar-layer a {text-decoration:none; display:block; }
#popGaleria-fechar #fechar-layer a span {color:#FFF; width:17px; text-align:center; display:block; padding:0;}
div.popGaleria-container {background-color:#f9f9f9; width:685px; padding:0 0 30px 0;}
h3.barraSec-titulo { font-family:Helvetica, sans-serif; font-weight:bold; color:#333; padding:15px 0 0 10px;}
#popGaleria-img {text-align:center;}
#popGaleria-legenda {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#999;}
#fotos { height:70px; float:left; text-align:center; background-color:#FFF; padding:5px 0 0 0; width:500px; margin:0 auto;}
div.popGaleria-setaEsq {height:70px; background-color:#FFF; width:20px; float:left; margin:0 0 0 70px; padding:27px 0 0 4px;}
div.popGaleria-setaDir {height:70px; background-color:#FFF; width:20px; float:left; padding:27px 4px 0 0; }
#popGaleria-thumbs { text-align:center; clear:both;}



/* OBRAS NEW */

div.conteudo_obras_new {width:930px; margin:0 auto;  padding:60px 0 0 0;}
div.conteudo_obras_new div.tit { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#333;}
div.conteudo_obras_new div.tit span { font-size:12px; color:#666;}
div.conteudo_obras_new div.tit span.select_ordenar { text-align:right; margin-left:450px;}
div.conteudo_obras_new div.tit span.select_ordenar select { width:140px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#999;}
div.conteudo_obras_new div.selecao { padding-top:20px; border-bottom:1px solid #999; height:40px;}
div.conteudo_obras_new div.selecao p.fl { float:left; padding-right:10px;}
div.conteudo_obras_new div.selecao p.fl select { width:140px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#999;}



/* GALERIA DE FOTOS DE OBRAS */
div.conteudo_obras_new div.galeria { clear:both; padding-top:20px; border-bottom:1px solid #666; height:170px; padding-bottom:20px;}
div.conteudo_obras_new div.galeria div.scrollable { position:relative; overflow:hidden; width:850px; height:180px; }
div.conteudo_obras_new div.galeria div.scrollable div.items { position:absolute; width:20000em; }
div.conteudo_obras_new div.galeria div.scrollable div.items div.box { width:280px; text-align:center; float:left; }
div.conteudo_obras_new div.galeria div.scrollable div.items div.box div.legenda {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#333; font-weight:bold; text-transform:uppercase; line-height:15px; padding-top:4px;}
div.conteudo_obras_new div.galeria div.scrollable div.items div.box div.legenda span { font-size:11px; color:#666; font-weight:normal; text-transform:none;}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../imagens/scrollable/left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../imagens/scrollable/right.png);
	clear:right;	
}

/* FIM GALERIA DE FOTOS DE OBRAS */


div.conteudo_obras_new div.coluna_texto { width:450px; float:left; padding-top:40px;}
div.conteudo_obras_new div.coluna_texto p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-align:justify;}
div.conteudo_obras_new div.coluna_texto p.tit {color:#333;}
div.conteudo_obras_new div.coluna_quadro {float:left; padding:37px 0 0 40px;}

div.conteudo_obras_new div.resultado_busca { height:30px; background-color:#ECECEC; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#333; font-weight:bold; margin-top:20px; line-height:30px; padding-left:4px; width:909px;}
div.conteudo_obras_new div.resultado_busca span { float:right; font-weight:normal; font-size:12px; margin-top:-30px; padding-right:5px;}


div.obras { clear:both; width:913px; padding-top:20px;}
div.obras ul { list-style: none; margin:0; padding:0; display:table;}
div.obras ul li.itens { clear:both; background-image:url(../imagens/obras/bg_obra.jpg); background-repeat:repeat-x; width:913px; margin-top:25px;}
div.obras ul li.itens div.foto_obra { padding:20px; float:left;}
div.obras ul li.itens div.texto_obra { float:left; padding-top:5px; width:500px;}
div.obras ul li.itens div.texto_obra p { margin:0; padding-top:15px;}
div.obras ul li.itens div.texto_obra p.tit { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#333; font-weight:bold;}
div.obras ul li.itens div.texto_obra p.endereco {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
div.obras ul li.itens div.texto_obra p.status_andamento { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FF6633;}
div.obras ul li.itens div.detalhe {width:150px; float:left; border-left:1px solid #999; margin:20px 0 20px 30px; height:100px;}
div.obras ul li.itens div.detalhe p.fl {float:left; padding-top:35px; padding-left:30px;}
div.obras ul li.itens div.detalhe p.fl img {vertical-align:middle;}
div.obras ul li.itens div.galeria { width:893px; padding-left:20px; clear:both; }
div.obras ul li.itens div.galeria div.texto_endereco { width:400px; float:left;}
div.obras ul li.itens div.galeria div.texto_endereco p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#333; margin:0; padding-top:7px;}
div.obras ul li.itens div.galeria div.galeria_obras {float:left; width:490px; }
div.obras ul li.itens div.galeria div.galeria_obras ul.fotos_new {list-style:none; margin:0; padding:0; display:table;}
div.obras ul li.itens div.galeria div.galeria_obras ul.fotos_new li.new { width:75px; height:55px; text-align:center; float:left; margin:0 3px 6px 3px;}




/* RODAPE */

div.rodape { clear:both; width:100%; background-color:#000000; height:85px; margin:20px 0 0 0; padding:10px 0 0 0;}
div.rodape div.rodape_menu {width:923px; margin:0 auto;}
div.rodape div.rodape_menu ul { width:48%;  padding:10px 0 0 0; display:table; list-style:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; color:#333; font-weight:bold; margin:0;}
div.rodape div.rodape_menu ul li {float:left; padding:0 5px 0 5px; color:#fff;}
div.rodape div.rodape_menu ul li a { color:#fff; text-decoration:none;}
div.rodape div.rodape_menu ul li a:hover {text-decoration:underline;}

/* FIM RODAPE */

div.bug {clear:both; height:1px; width:1px;}


div.coluna02 div.topicos { clear:both; padding:10px 0 0 0; width:260px;}
 div.coluna02 div.topicos div.img { width:50px; float:left;}
 div.coluna02 div.topicos div.link {float:left; font-family:Helvetica; font-size:12px; font-weight:bold; letter-spacing:1px; padding:7px 0 0 5px;}
 div.coluna02 div.topicos div.link a{ text-decoration:none; color:#666666;}
 div.coluna02 div.topicos div.link a:hover{ text-decoration:none; color:#999999;}
 
 div.resposta {background-color:#FFF;}
 
  div.resposta span a {color:#666; text-decoration:none;}
    div.resposta span a:hover { color:#999;}
	div.resposta p {margin:0; padding:15px 0 0 0;}
 
#resposta_03 {height:100%; width:500px;  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#666; background-color:#FFF; padding:5px 5px 5px 10px; }
#resposta_03 p.tit span a{margin:0; padding:5px 0 0 0; color:#666; text-decoration:none; font-weight:normal;}
#resposta_03 p.tit span a:hover {text-decoration:underline;}
#resposta_03 p.tit a{ color:#fb5d16; font-weight:bold; text-decoration:none;}
#resposta_03 p.tit a:hover {text-decoration:underline;}

#resposta_04 { height:100%; width:500px;   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#666; background-color:#FFF; padding:5px 5px 5px 10px; }
#resposta_04 p.tit span a{margin:0; padding:0 0 0 0; color:#666; text-decoration:none; font-weight:normal;}
#resposta_04 p.tit span a:hover {text-decoration:underline;}
#resposta_04 p.tit a{ color:#fb5d16; font-weight:bold; text-decoration:none;}
#resposta_04 p.tit a:hover {text-decoration:underline;}



p.fechar {width:500px; text-align:right; font-weight:bold; font-size:9px; }
p.fechar span {display:block; width:300px; float:left; font-size:14px; text-align:left; padding:20px 0 0 0; margin:0;}
p.fechar a  {color: #C00; text-decoration:none;}
p.fechar a:hover  {color: #C00; text-decoration:underline;}

div.casa_sp { position:absolute; top:645px; left:205px; margin:0; padding:0;}
div.casa_rj { position:absolute; top:645px; left:255px;  margin:0; padding:0;}

div.casa_sp a { display:block; width:30px; height:30px;  background-image:url(../obras/1.jpg); background-repeat:no-repeat;  margin:0; padding:0;}
div.casa_rj a { display:block; width:30px; height:30px;  background-image:url(../obras/1.jpg); background-repeat:no-repeat;  margin:0; padding:0;}


div.qtd_andamento {background-image:url(../imagens/obras/tit_andamento.jpg); background-repeat:no-repeat;  height:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:bold; padding-left:25px;}
div.qtd_andamento a { padding-left:250px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; color:#FA5D15;}
div.qtd_concluido {background-image:url(../imagens/obras/tit_concluidas.jpg); background-repeat:no-repeat;  height:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:bold; padding-left:25px;}
div.qtd_concluido a { padding-left:250px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; color:#FA5D15;}

a.noticias_int { display:block; width:500px; height:58px; text-decoration:none; margin-top:20px; padding:5px 0 0 15px; }
a.noticias_int img {border:0;}
a.noticias_int:hover { background-color:#fff;}
a.clicked_laranja { background-color:#E8E8E8;  }
a.noticias_int p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#333; margin:0; padding:0;}
a.noticias_int p span {color:#ff6600; margin:0; padding:0; }
a.noticias_int p span.cinza {color:#999999; margin:0; padding:0;}
a.noticias_int p.end { padding:0 0 0 0; margin:0;}

a.noticias_int_cinza { display:block; width:500px; height:58px; text-decoration:none; margin-top:20px; padding:5px 0 0 15px;}
a.noticias_int_cinza img {border:0;}
a.noticias_int_cinza:hover { background-color:#E8E8E8;}
a.clicked_cinza { background-color:#E8E8E8; }
a.noticias_int_cinza p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#333; margin:0; padding:0;}
a.noticias_int_cinza p span {color:#ff6600; margin:0; padding:0;}
a.noticias_int_cinza p span.cinza {color:#999999; margin:0; padding:0;}
a.noticias_int_cinza p.end { padding:0 0 0 12px; margin:0;}

div.obras_div { width:487px; background-color:#FFF; padding:10px 0 0 28px; border:1px solid #F90; }
div.obras_div p {margin:0; padding:3px 0 0 0; color:#333;}
div.obras_div ul.fotos {list-style:none; margin:0; padding:15px 0 0 0;}
div.obras_div ul.fotos li {float:left; padding:0 3px 0 3px;}
div.obras_div p.fechar_div {clear:both; float:right; padding-right:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; height:30px;}
div.obras_div p.fechar_div a { color:#ff6600;}
div.obras_div p.fechar_div img {vertical-align:middle; }

div.obras_div_cinza { width:487px; background-color:#F3F3F3; padding:10px 0 0 28px;}
div.obras_div_cinza p {margin:0; padding:3px 0 0 0; color:#333;}
div.obras_div_cinza ul.fotos {list-style:none; margin:0; padding:15px 0 0 0;}
div.obras_div_cinza ul.fotos li {float:left; padding:0 3px 0 3px;}
div.obras_div_cinza p.fechar_div {clear:both; float:right; padding-right:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; height:30px;}
div.obras_div_cinza p.fechar_div a { color:#666666;}
div.obras_div_cinza p.fechar_div img {vertical-align:middle; }

p.img_obra { float:left; display:block; width:80px;}

div.duns {padding-top:20px; padding-bottom:30px;}
div.duns div.img { width:45px; float:left;}
div.duns div.tit {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#666; }
div.duns div.tit a.news{ font-size:10px; color:#f66019; display:block; padding-top:5px; }
div.duns div.tit a.news:hover{ color:#999;}

div.bolas {position:absolute; top:450px; left:0;}
div.bolas  a {display:block; width:10px; height:10px; background-image:url(../imagens/obras/bolas.gif); background-repeat:no-repeat; background-position:bottom;}
div.bolas  a:hover {display:block; width:10px; height:10px; background-image:url(../imagens/obras/bolas.gif); background-repeat:no-repeat; background-position:top;}

div.bolas div.bl01 {width:10px; height:18px; display:block; position:absolute; top:150px; left:50px; z-index:3; }
div.bolas div.bl02 {width:10px; height:18px; display:block; position:absolute; top:143px; left:130px; z-index:3; }
div.bolas div.bl03 {width:10px; height:18px; display:block; position:absolute; top:130px; left:170px; z-index:3; }
div.bolas div.bl04 {width:10px; height:18px; display:block; position:absolute; top:135px; left:158px; z-index:3; }
div.bolas div.bl05 {width:10px; height:18px; display:block; position:absolute; top:147px; left:155px; z-index:3; }


div.bolas div.bl01s {width:10px; height:18px; display:block; position:absolute; top:8px; left:165px; z-index:10; }
div.bolas div.bl02s {width:10px; height:18px; display:block; position:absolute; top:40px; left:138px; z-index:11; }
div.bolas div.bl03s {width:10px; height:18px; display:block; position:absolute; top:42px; left:172px; z-index:12; }
div.bolas div.bl04s {width:10px; height:18px; display:block; position:absolute; top:52px; left:162px; z-index:13; }
div.bolas div.bl05s {width:10px; height:18px; display:block; position:absolute; top:62px; left:172px; z-index:14; }
div.bolas div.bl06s {width:10px; height:18px; display:block; position:absolute; top:72px; left:154px; z-index:15; }
div.bolas div.bl07s {width:10px; height:18px; display:block; position:absolute; top:40px; left:189px; z-index:16; }
div.bolas div.bl08s{width:10px; height:18px; display:block; position:absolute; top:52px; left:184px; z-index:17; }
div.bolas div.bl09s{width:10px; height:18px; display:block; position:absolute; top:33px; left:220px; z-index:17; }

div.balao { background-image:url(../imagens/obras/bg_balao.gif); background-repeat:no-repeat; width:295px; height:248px;}
div.opacidade {filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; background-image:url(../imagens/obras/opacidade.jpg); width:261px; height:240px; display:block; margin:4px 0 0 30px;}
div.texto_balao { position:absolute; z-index:6; top:0; left:0; width:246px; height:234px; overflow:auto; margin:4px 0 0 30px; padding:5px 0 0 15px;}
div.texto_balao p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; font-weight:bold; margin:0 0 10px 0;}
div.texto_balao span.fechar{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:9px; float:right; padding-right:7px;}
div.texto_balao span.fechar a {color:#FFF;}
div.texto_balao ul {margin:0; padding:0 0 0 0; list-style:none;}
div.texto_balao ul li { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; padding:4px 0 0 15px;}
div.texto_balao ul li.andamento { background-image:url(../imagens/obras/list_andamento.jpg); background-repeat:no-repeat; background-position:left;}
div.texto_balao ul li.concluido { background-image:url(../imagens/obras/list_concluido.jpg); background-repeat:no-repeat; background-position:left;}
div.texto_balao ul li a {color:#FFF; text-decoration:none; display:block; margin-top:-4px; }
div.texto_balao ul li a:hover { background-image:url(../imagens/obras/bg_laranja.jpg); filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95;}
div.texto_balao {
scrollbar-arrow-color: #ff6600;
scrollbar-base-color: #fff;
scrollbar-dark-shadow-color: #ffffff;
scrollbar-track-color: #000;
scrollbar-face-color: #fff;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3d-light-color: #ffffff;
}
	
div.bl_int01 {position:absolute; display:none; top:592px; left:90px; z-index:4;}	


