html, body {
	margin: 0px;
	padding: 0px;
	border: none;
	background: url(../gfx/bg.jpg) center top repeat-x #a8c0de;}
a {
	outline: none;
	text-decoration: none;
	color: #002e81;}
a:hover {text-decoration: underline;}



/* TOP */
#top {
	position: relative;
	height: 255px;
	overflow: hidden;}


/* MENU */
#menu {
	position: relative;
	clear: both;
	height: 50px;
	overflow: visible;
	margin-bottom: -10px;}
#menu a {text-decoration: none}
#menu img.menu_left {
	position: absolute;
	top: 0px;
	left: -10px;}
#menu img.menu_right {
	position: absolute;
	top: 0px;
	right: -10px;}
#menu ul {
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 50px;
	text-align: left;
	background: url(../gfx/menu_bg.gif) top repeat-x;}
#menu ul li {
	list-style-type: none;
	list-style-position: outside;
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;}
#menu ul li span {visibility: hidden;}
#menu ul li a {
	position: relative;
	height: 50px;
	line-height: 50px;
	background-position: center top;
	background-repeat: no-repeat;
	display: block;}


#menu ul li.menuHome a {
	background-image: url(../gfx/menu_home.gif);
	width: 157px;}
#menu ul li.menuEmpresa a {
	background-image: url(../gfx/menu_empresa.gif);
	width: 116px;}
#menu ul li.menuClientes a {
	background-image: url(../gfx/menu_clientes.gif);
	width: 116px;}
#menu ul li.menuObras a {
	background-image: url(../gfx/menu_obras.gif);
	width: 97px;}
#menu ul li.menuContato a {
	background-image: url(../gfx/menu_contato.gif);
	width: 109px;}

#menu ul li a:hover {background-position: center -50px;}
#menu ul li.current a {background-position: center bottom;}



/* CONTENT */
#content {
	background: #fff;
	padding-top:30px;
	padding-bottom: 20px;
	overflow: hidden;}

#content a.mapa img {
	border: 1px solid #8f9aab;
	padding: 1px;}

#content h1 {
	margin: 0px;
	padding: 0px;}
#content h1 span,
#content h2 span {
	position: absolute;
	visibility: hidden;}

#content h2,
#content h2 a {
	font-size: 18px;
	font-weight: normal;
	color: #195fc6;
	text-decoration: none;}

#content p {overflow: hidden;}
#content p img {
	float: right;
	margin-left: 20px;}

#content span.imageWCaption {
	float: right;
	text-align: right;
	margin-left: 20px;
	margin-bottom: 10px;
	color: #666;
	font-size: 10px;}

#content div.contactInfo {
	background: url(../gfx/info-ico.gif) top left no-repeat #dddfe3;
	padding-left: 70px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	border: 2px solid #4d6383;}
#content div.contactInfo h2 {
	font-size: 24px;
	margin: 0px;}
#content div.contactInfo p {
	font-size: 14px;
	margin: 0px;
	color: #6f767f;}


#content div.obraCell {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../gfx/dots.gif) bottom left repeat-x;
	font-size: 11px;}
#content div.obraCell center {word-spacing: 7px;}
#content div.obraCell center img {
	border: 2px solid #00398a;
	padding: 1px;}
#content div.obraCell h2 {
	margin: 0px;
	padding: 0px;}
#content div.obraCell small,
#content div.obraCell small a {
	color: #6a9600;
	font-size: 11px;
	text-decoration: none;
	font-size: 11px;}

#content div#vitrine {
	position: relative;
	width: 620px;
	height: 349px;
	background: #ccc;
	overflow: hidden;}
#content div#vitrine p.tagPratica {
	position: absolute;
	bottom: 20px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	display: block;
	background: #16202f;
	width: 100%;
	text-align: right;
	opacity: 0.75;
	-moz-opacity: 0.75;}
#content div#vitrine p.tagCaption {
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	display: block;
	background: #16202f;
	width: 100%;
	font-size: 11px;
	color: #fff;
	text-align: right;
	line-height: 20px;
	opacity: 0.9;
	-moz-opacity: 0.9;}

#content a.gridEmpresa img {margin-bottom: 20px; display: block;}
#content a.gridClientes img {margin-bottom: 20px; display: block;}
#content a.gridObras img {display: block;}

#content table.formContato {width: 100%;}
#content table.formContato td {
	padding-bottom: 3px;
	padding-left: 3px;}
#content table.formContato select,
#content table.formContato input,
#content table.formContato textarea {
	background: url(../gfx/green.gif) top repeat-x #FFF;
	border: 4px solid #57657a;
	color: #000;
	width: 380px;}
#content table.formContato input.bt {
	width: auto;
	border: none;
	background: none;}
#content table.formContato #btEnviar {
	*margin-left: -25px;
}
#content table.formContato .erro {
	color: #F00;
	font-size: 11px;
}

#content p {
	font-size: 12px;
	text-align: justify;
	color: #364e72;}

#content div.listagemClientes {
	position: relative;
	overflow: hidden;
	margin-right: -15px;}
#content div.listagemClientes a {
	position: relative;
	overflow: hidden;
	text-decoration: none;
	display: block;
	width: 200px;
	height: 145px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;}
#content div.listagemClientes a:hover span {display: block;}
#content div.listagemClientes img {
	position: relative;
	display: block;
	z-index: 1;}
#content div.listagemClientes span {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	background: url(../gfx/mais_informacoes.gif) center center no-repeat #1f4286;
	display: block;
	width: 200px;
	height: 145px;
	opacity: 0.85;
	-moz-opacity: 0.85;
	cursor: pointer;
	display: none;}

#content div.coloredCol {
	background-color: #d4dde7;
	margin: 0px;
	margin-top: -30px;
	padding: 10px;
	font-size: 11px;
	color: #1b4680;}
#content div.coloredCol a {
	text-decoration: none;
	color: #1b4680;}
#content div.coloredCol a:hover {text-decoration: underline;}
#content div.coloredCol h2 {
	color: #6a9600;
	font-size: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;}
#content div.coloredCol p {
	text-align: justify;
	font-size: 11px;}
#content div.coloredCol ul {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;}
#content div.coloredCol ul li {
	list-style-type: none;
	list-style-position: outside;
	padding-left: 15px;
	margin-left: 10px;
	margin-bottom: 3px;
	background: url(../gfx/bullet.gif) center left no-repeat;}
	

#content div.empresaImgs {
	position: relative;
	float: right;
	margin-left: 20px;}
#content div.empresaImgs a {
	margin-bottom: 10px;
	border: 2px solid #00398a;
	overflow: hidden;
	display: block;}
#content div.empresaImgs img {
	border: 1px solid #fff;
	display: block;}

#content div.colEmpresa {
	background-image: url(../gfx/bg_nossa_equipe.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 190px;}
#content div.colObras {
	background-image: url(../gfx/bg_nossas_obras.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 230px;}
#content div.colClientes {
	background-image: url(../gfx/bg_nossos_clientes.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 190px;}


/* FOOTER */
#footer {
	position: relative;
	background: url(../gfx/footer_bg1.jpg) top left no-repeat #485363;
	margin-bottom: 20px;
	display: block;
	overflow: hidden;}
#footer div.footerContent {
	background: url(../gfx/footer_bg2.jpg) bottom right no-repeat;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;}
#footer div.footerContent a {
	color: #82a2d0;
	text-decoration: none;}
#footer div.footerContent a:hover {text-decoration: underline;}
#footer div.footerContent big {
	color: #c1d3ea;
	font-size: 18px;}


/* OTHER CONTROLS */
.floatRight {float: right;}

#btEnviar {
	
	*margin-left:-25px;
	margin-left:-10px;
	background:none;
	border:none;
	
}
#dothcom{
	width:960px;
	margin:auto;
	text-align:right;
	margin-top:-15px;
	margin-bottom:10px;
}