/*
==========================================================
Cascating Style Sheet - Definição de classes CSS para o site: 

www.constremac.com.br

Agencia Web - 10/2008
Classes criadas por:
JASON PIRES

Copyright 2008 - Agencia Web
	
webmaster@agenciaweb.com.br

==========================================================
*/

/*----------Geral ---------*/

@font-face {
  font-family: "Myriad Normal Condensed";
  src: url(MNC.ttf) format("truetype");
}


@font-face {
font-family: MyriadProW;
font-weight: bold;
src: url(/css/MBC.TTF);
}


body
{
    font-family: Verdana,Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px;
    color: #666666;
	background: url(../imagens/geral/bg_body.jpg);
}

.destaqueHome 
{	
	margin			: 19px 0 0 0;
	padding			: 0;
	width			: 337px;
	height			: 101px;
	background		: #f2f2f2;
	border			: solid 1px #dddddd;
	border-style	: solid;
	border-width	: 1px 0 0 1px;
	border-color	: #dddddd;
	float			: left !important;
}

.destaqueHome div
{	
	margin			: 0;
	padding			: 0;
	float			: left;
}

.imgDestaque
{
	margin			: -1px 0 0 0 !important;
	padding			: 0;	
	border-style	: solid;
	border-width	: 0 1px 1px 0;
	border-color	: #dddddd;
	border-top		: solid 1px #fff;
	background		: #fff;
}

.imgDestaque img
{
	margin			: 4px;
	padding			: 0;
	width			: 93px;
	height			: 90px;
}

.titDestaque
{
	margin			: 0;
	padding			: 7px 0 0 13px !important;	
	font-size		: 13px;
	color			: #003867;
	font-weight		: bold;
	background		: #fff;
	width			: 222px;
	height			: 27px;
}

.textDestaque
{
	margin			: 0;
	padding			: 3px 0 0 5px !important;
	width			: 222px;
}

.botDestaque
{
	margin			: 0 !important;
	padding			: 0 10px 0 0 !important;
	clear			: both;
	width			: 328px;
	height			: 20px;
	background		: #f2f2f2;
	text-align		: right;
}

img{ border:0px;}

img.aleat
{
    position: absolute;
    left: 0px;
	top: 1px;
}

img a{border:none;}

li{ list-style-type:none; list-style-image: none; }
form, p, ul{ margin: 0; padding: 0; }

select{ font-size:10px; }

table.lista
{
    cursor:default;
	position: relative;
	left: 25px;
	width: 651px;
}

table.lista img {
	height: 60px;
	width: 80px;
	padding: 5px;
	border: 1px solid #CCCCCC;	
}

table.lista2
{
    position: relative;
    left: 30px;
    width: 646px;
    margin-bottom: 15px;
}


table.listaClientes
{
    cursor:default;
	position: relative;
	left: 25px;
	width: 651px;
	border-collapse: separate;
	font-size:9px;
	font-weight: bold;
	
}

table.listaClientes img {
	padding: 3px;
	border: 1px solid #CCCCCC;
}

table.mostra img {
	height: auto;
	width: 250px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

table.mostra{
	width: 651px;
	position: relative;
	left: 25px;
	margin-bottom: 15px;
}

td.titulo
{
    font-weight: bold;
}

table.thumb
{
	margin-top:10px;
    width: 250px;
}


table.thumb img
{
    width: 30px;
    height: 30px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	margin-right: 3px;
}

tr.thumb img
{
    width: 25px;
    height: 25px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	margin-right: 3px;
}


th
{
    color: #fff;
    background-color: #3d5579;
    height: 30px;
    vertical-align: middle;
    padding-left: 20px;
    text-align: left;
}

a{ text-decoration:none; color: #000000; font-weight:bold;}

address
{
    position: relative;
    float: left;
    width: 247px;
    color: #FFFFFF;
    font-size: 11px;
    font-style: normal;
    text-align: right;
    margin-top:13px;
}

h3
{
	font-size: 16px;
    padding-left: 30px;
    border-bottom: 1px solid #CCCCCC;
    margin-top: 5px;
}

h4
{
	font-family: "Myriad Normal Condensed", Arial, sans-serif;
	font-weight: normal;
	color: #003867;
	font-size: 27px;
    padding-left: 30px;
    margin: 10px 0px 11px 0px;
	font-stretch: extra-condensed;
}

/*----------Geral ---------*/

/*----------Estrutura do Site ---------*/
#central, #alinha, #conteiner { background-color: #FFFFFF; width: 990px; }

#central{
    position: absolute;
    height: 578px;
    margin-top: -289px;
    margin-left: -495px;
    top: 50%;
    left: 50%;
}

#alinha{
	position:absolute;
	margin-left: -495px;
	left: 50%;
	top: 0px;
}

#topo{
	position:relative;
	float:left;
	width:990px;
	height:145px;
}

#conteudo{
	float:left;
	width:990px;
	min-height:329px; 	/* --- ESTILOS IE --- */
}

#comboObras
{
	margin					: 0 0 0 30px;
	padding					: 10px 0 0 0;
	background				: #e5e5e5;
	height					: 30px;
	text-align				: center;
	font-weight				: bold;
}

#comboObras select
{
	margin					: 0;
	padding					: 0;
	width					: 165px;	
}

#resultadoObras
{
	margin					: 20px 0 15px 30px;
	padding					: 5px 0;
	background				: #e5e5e5;
	text-align				: center;
	font-weight				: bold;
}


#resultadoObras select
{
	margin					: 0;
	padding					: 0;
	width					: 165px;	
}

.linhaTopo
{
	height					: 31px;
	background				: #00305c;
	color					: #fff;
	font-weight				: bold;
}

.linhaTopo td
{
	margin					: 0;
	padding					: 0;
	text-align				: center;
}

.linha1
{
	margin					: 0;
	padding					: 0;
	height					: 34px;
	background				: #e5e5e5;
}

.linha1 td
{
	margin					: 0;
	padding					: 0 0 0 5px;
}

.linha1:hover
{
	background				: #dbd5d5;
}

.linha1 a
{
	display					: block;
}

.linha2
{
	margin					: 0;
	padding					: 0;
	height					: 34px;
	background				: #cccccc;
}

.linha2 td
{
	margin					: 0;
	padding					: 0 0 7px 5px;
}

.linha2:hover
{
	background				: #b3b0b0;
}

.linha2 a
{
	display					: block;
}



.linhaTopo01 
{
	margin					: 0;
	padding					: 0;
	height					: 30px;
	background				: #00305c;
	color					: #fff;
	font-weight				: bold;
}

.linha01
{
	margin					: 0;
	padding					: 0;
	height					: 128px;
	background				: #e5e5e5;
}

.linha01 td
{
	margin					: 0;
	padding					: 0 0 0 5px;
}

.linha01:hover
{
	background				: #dbd5d5;
}

.linha01 a
{
	display					: block;
}

.linha02
{
	height					: 128px;
	background				: #cccccc;
}

.linha02 td
{
	margin					: 0;
	padding					: 0 0 0 5px;
}

.linha02:hover
{
	background				: #b3b0b0;
}

.linha02 a
{
	display					: block;
}

#rodape
{
    position: relative;
    float: left;
    width: 990px;
    height: 41px;
    background-image: url(../imagens/geral/bg_rodape.gif);
    background-repeat: repeat-y;
}
/*----------Estrutura do Site ---------*/


/*----------TOPO---------*/

#topo .logo{
	position:relative;
	float:left;
	width:260px;
	height:104px;
}

#topo .menu01
{
    position: relative;
    float: left;
    background-color: #ffffff;
    text-align: right;
    width: 730px;
    height: 26px;
    vertical-align: middle;
}

#topo .menu01 span
{
    position:relative;
    right: 70px;
    top: 3px;
}

#topo .busca
{
    position: relative;
    float: left;
    width: 730px;
    height: 78px;
    background-repeat: repeat-y;
    background-color: transparent;
    background-image: url(../imagens/geral/bg_busca.gif);
}

#topo form
{
    position: absolute;
    width: 191px;
    height: 22px;
    left: 472px;
    top: 30px;
    background-image: url(../imagens/geral/bg_frm_busca.jpg);
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
}
/*----------TOPO---------*/


/*----------CONTEUDO---------*/

#conteudo .esq{
	position:relative;
	float:left;
	width:260px; /*esta largura deve ser igual a do div (#topo .logo) */
	/*height: 1000px;*/
	min-height:650px;
    background-color: #f2f2f2;	
}


/*----------CONTEUDO lado direito ---------*/

#conteudo .dir{
	position: relative;
	float:left;
	width:676px;
}

#conteudo .dir img.left{
	float:left;
	margin-right: 10px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

#conteudo .dir img.leftPeq{
	float:left;
	margin: 15px;
	width: 150px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

#conteudo .dir p{
	margin: 0px 30px 10px 30px;
	text-align: justify;
}

#conteudo .destaque
{
    background-color: #F2F2F2;
	position: relative;
	float:left;
	width:338px;
	height: 122px;
	margin-top: 19px;
}

#conteudo .destaque p
{
	position: relative;
	width: 206px;
	left: 114px;
	top: 44px;
	text-align:left;
	margin: 0px;
	padding: 0px;
}

#conteudo .destaque img
{
    position: absolute;
    top: 101px;
    left: 240px;
}


/*----------CONTEUDO lado direito ---------*/


/*----------CONTEUDO news ---------*/


#conteudo .cvHome
{
    position: absolute;
    bottom: 17px;
    left: 0px;
    width: 260px;
    height: 122px;
    background: url(../imagens/geral/bg_destaquecv.jpg) no-repeat;
}

#conteudo .cvHome p
{
	position: relative;
	width: 206px;
	left: 32px;
	top: 44px;
}


#conteudo .destaqueCv
{
	position: absolute;
	bottom: 65px;
	left: 0px;
    background-color: #f2f2f2;
    width: 260px;
    height: 122px;
    background-image: url(../imagens/geral/bg_destaquecv.jpg);
    background-repeat: no-repeat;
}

#conteudo .destaqueCv p
{
	position: relative;
	width: 206px;
	left: 32px;
	top: 44px;
}

/*----------CONTEUDO news ---------*/

#conteudo .complemento
{
    position:absolute;
    right: 0px;
    top: 400px;
    _top: 400px; /*hack para IE6*/
    width: 54px;
    background-image: url(../imagens/geral/bg_complem.jpg);
    background-color: #f2f2f2;
    width: 54px;
    height: 122px;
    background-repeat: repeat-x;
}

/*----------CONTEUDO serviços ---------*/


#conteudo p.serv
{

    margin-bottom: 30px;
	height: 85px;
}

#conteudo img.left_peq
{
    position: relative;
    clear: left;
	float:left;
	height: 85px;
	margin-right: 20px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

/*----------CONTEUDO serviços ---------*/

/*----------CONTEUDO historico ---------*/


#conteudo .linha
{
    margin: 0px 30px 20px 30px;
}

/*----------CONTEUDO serviços ---------*/



/*--------------CONTEUDO MOSTRA OBRA-----------------*/

#mostraobra{
	position: relative;
	left: 30px;
	width: 636px;
	margin-bottom: 10px;
}

#mostraobra .fotos{
	margin-top: 10px;
	width: 280px;
	position: relative;
	float: left;
}

#mostraobra .fotos #imgPeq{
	width: 270px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#mostraobra img{
	margin-right: 16px;
    width: 30px;
    height: 30px;
	padding: 3px;
	border: 1px solid #CCCCCC;
}

#mostraobra img.gde
{
    border: 1px solid #CCCCCC;
	padding: 5px;
    width: 260px;
    height: 210px;
	margin: 0px;
}

#mostraobra h3{
	font-size: 15px;
	color: #FFFFFF;
	padding: 5px 0px 5px 10px;
    margin-top: 5px;
	margin-bottom: 0px;
	background: #3d5579;
	width: 636px;
}

#mostraobra .textos{
	width: 355px;
	position: relative;
	float: left;
}

/*--------------CONTEUDO MOSTRA OBRA-----------------*/


/* Menu arquivo de fotos da seção "Obras em Andamento" */

#arquivoFotos {
	border-bottom: 1px solid #CCCCCC;
	height: 22px;
	margin-top: 5px;
	position: relative;
	text-align: right;
	float: right;
	width: 355px;
	background: #FFFFFF url(../imagens/geral/ico_menu_fotos.gif) no-repeat  215px -3px;
}

#arquivoFotos .menuEscondido {
	height: 22px;
	visibility: hidden;
}

#menuArquivo {
	background: #FFFFFF;
	position: absolute;
	top: 16px;
	right: 0px;
	width: 130px;
	border: 1px solid #CCC;
	line-height: 150%;
	text-align: center;
}

#menuArquivo li{
	position: relative;
	display: block;
}

#menuArquivo li a{
	color: #3d5579;
	padding: 3px;
}

#menuArquivo li a:hover{
	color: #FFF;
	background: #3d5579;
}

.some {display:none;}
.aparece {display:block;}

/* Menu arquivo de fotos da seção "Obras em Andamento" */

/* divs do Lightbox
dimensão do lightbox: 700px x 630px */

#conteudoLb
{
    width: 670px;
    height: 630px;
    position: absolute;
    top: 10px;
    left: 15px;
}

#conteudoLb .fechaLb
{
    height: 25px;
    text-align: right;
    width: 670px;
}

#conteudoLb .thumbnail
{
    position: relative;
    top: 0px;
    text-align: center;
    height: 70px;
    width: 635px;
    padding-top: 5px;
/*  se precisar de scroll lateral, usar */
    height: 75px;
    overflow: auto;
    white-space: nowrap;
}

#conteudoLb .thumbnail img{
	margin-right: 15px;
    width: 60px;
    height: 50px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	cursor: pointer;
}

#conteudoLb .img
{
    width: 670px;
    height: 500px;
    top: 10px;
    position: relative;
    text-align: center;
}

#conteudoLb .img img
{
    width: 670px;
    height: 480px;
}

/* divs do Lightbox */


/*----------CONTEUDO---------*/


/*---------- RODAPE ---------*/

#rodape .dir
{
    position: relative;
    width: 705px;
    float: left;
    color: #FFFFFF;
    font-size: 11px;
    margin-left: 25px;
    margin-top:13px;
}

#rodape img
{
    position: absolute;
    top: 0px;
    right: 70px;
    margin-top: 7px;
}

/*---------- RODAPE ---------*/



/*----------MENUS---------*/

/*menu superior*/
#menuSup
{
	position: absolute;
    margin-left: -235px;
    top: 100px;
    left: 50%;
	width: 676px;
	height: 42px;
	z-index: 5000;
}

#menuSupHome{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 676px;
	height: 42px;	
	margin-left: -235px;
    margin-top: -190px;	
	z-index: 9999;
}

/*menu superior*/

/*menu javascript lateral*/

#menuLateral  			/*posicionamento do menu lateral*/
{
	position: relative;
	top: 62px;
	background-color: #f2f2f2;
	width: 260px;
	color: #003867;
	font-size: 12px;
}

#menuLateral *ul
{
	background-color: #F2F2F2;	
}

#menuLateral ul#menu .ativo{ /* classe que formata os menus que indicam a pagina atual */
	background: #3d5579 url("../imagens/geral/seta_menu_hover.gif") no-repeat 22px 9px;
	color: #FFF;
}

#menuLateral ul#menu .ativo2{ /* classe que formata os menus que indicam a pagina atual */
	background: #3d5579 url("../imagens/geral/seta_menu_hover.gif") no-repeat 42px 9px;
	color: #FFF;
}

#menuLateral ul#menu .ativo3{ /* classe que formata os menus que indicam a pagina atual */
	background: #3d5579 url("../imagens/geral/seta_menu_hover.gif") no-repeat 58px 9px;
	color: #FFF;
}

ul#menu, ul#menu ul 
{
    background: #F2F2F2;
/*	background: #E5E5E7; bg antigo */
}

ul#menu a { 			/*regra para todos os links do menu*/
	display: block;
	text-decoration: none;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul#menu li a {			/*regra para todos os ITENS COM LINK do menu*/
    background: url("../imagens/geral/seta_menu.gif") no-repeat 22px 9px;
	color: #3d5579;
	border-bottom: 1px solid #CCCCCC;
	display: block;
}

ul#menu li a:hover {	/*regra para qdo o mouse estiver apontando o link do menu - PRIMEIRO NÍVEL*/
	background: #E4E6E9 url("../imagens/geral/seta_menu.gif") no-repeat 22px 9px;
}

ul#menu li ul li a {	/*1º SUB MENU*/
    background: url("../imagens/geral/seta_menu.gif") no-repeat 42px 9px;
	padding-left: 50px;
}

ul#menu li ul li a:hover {
	background: #E4E6E9 url("../imagens/geral/seta_menu.gif") no-repeat 42px 9px;
	padding-left: 50px;
}

ul#menu li ul li ul li a {	/*2º SUB MENU*/
    background: url("../imagens/geral/seta_menu.gif") no-repeat 58px 9px;
	padding-left: 65px;
	font-weight: normal;
}

ul#menu li ul li ul li a:hover {
	background: #E4E6E9 url("../imagens/geral/seta_menu.gif") no-repeat 58px 9px;
	padding-left: 65px;
	font-weight: normal;
}
#conteudo .destaqueCv
{
	position: absolute;
	bottom: 36px;
	left: 0px;
    background-color: #f2f2f2;
    width: 260px;
    height: 122px;
    background-image: url(../imagens/geral/bg_destaquecv.jpg);
    background-repeat: no-repeat;
}

/*menu javascript lateral*/

/*----------MENUS---------*/