@charset "utf-8";
/* CSS Document */
* {
	padding:0;
	margin:0;
	list-style-type:none;
	outline: none;
}
.acessibilidade {
	width:1px;
	height:1px;
	display:block;
	overflow:hidden;
	position:absolute;
	text-indent:-999999px;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6a4b16;
}
a, h1, h2, h3, h4{
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}
p{
	padding-bottom:22px;
	line-height:18px;
}
a.link{
	text-decoration: none;
	text-indent: 0;
	color: #bebebe;
	display: inline;
}
a.link1{
	text-decoration: none;
	text-indent: 0;
	color: #54595b;
	display: inline;
}
a:hover, a.ativo{
	text-decoration: underline;
	background-position:left bottom;
}
/**************** HOME *********************/
.home{
	background-color: #bababa;
}
.bgHome{
	width: 100%;
	display: table;
	background: #3f3f3f url(../img/bgHome.jpg) center top no-repeat;
}
#geral{
	width: 900px;
	display: block;
	margin: 0 auto;
	padding: 0 45px 0 45px;
}
#geral header{
	width: 900px;
	height: 184px;
	display: block;
	float: left;
}
#geral header h1{
	width: 165px;
	height: 139px;
	float: left;
	padding-top: 18px;
}
#geral header h1 a{
	width: 165px;
	height: 139px;
	background-image: url(../img/arccol_tubos_de_concreto.gif);
}

#geral header p.logo{
	width: 165px;
	height: 139px;
	float: left;
	padding: 18px 0 0 0;
}
#geral header p.logo a{
	width: 165px;
	height: 139px;
	background-image: url(../img/arccol_tubos_de_concreto.gif);
}
#geral header p.logo a img{
	border: none;
}
#geral header ul#menu{
	width: 465px;
	height: 25px;
	display: block;
	float: left;
	padding: 0 0 0 48px;
}
#geral header ul#menu li{
	height: 25px;
	display: block;
	float: left;
}
#geral header ul#menu li a{
	height: 25px;
	display: block;
	position: relative;
	background-image: url(../img/menu.gif);
	cursor: pointer;
}
#geral header ul#menu li a span{
	background:url(../img/menu.gif) no-repeat scroll top right;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
}
#geral header ul#menu li a.btHome{
	width: 49px;
	background-position: 0 0;
}
#geral header ul#menu li a.btHome span, #geral header ul#menu li a.ativo1 {
	background-position: 0 -25px;
}
#geral header ul#menu li a.btEmpr{
	width: 72px;
	background-position: -49px 0;
}
#geral header ul#menu li a.btEmpr span, #geral header ul#menu li a.ativo2 {
	background-position: -49px -25px;
}
#geral header ul#menu li a.btProd{
	width: 73px;
	background-position: -121px 0;
}
#geral header ul#menu li a.btProd span, #geral header ul#menu li a.ativo3 {
	background-position: -121px -25px;
}
#geral header ul#menu li a.btOrca{
	width: 84px;
	background-position: -194px 0;
}
#geral header ul#menu li a.btOrca span, #geral header ul#menu li a.ativo4 {
	background-position: -194px -25px;
}
#geral header ul#menu li a.btObra{
	width: 54px;
	background-position: -278px 0;
}
#geral header ul#menu li a.btObra span, #geral header ul#menu li a.ativo5 {
	background-position: -278px -25px;
}
#geral header ul#menu li a.btClie{
	width: 68px;
	background-position: -332px 0;
}
#geral header ul#menu li a.btClie span, #geral header ul#menu li a.ativo6 {
	background-position: -332px -25px;
}
#geral header ul#menu li a.btCont{
	width: 65px;
	background-position: -400px 0;
}
#geral header ul#menu li a.btCont span, #geral header ul#menu li a.ativo7 {
	background-position: -400px -25px;
}
#geral #contHome{
	width: 900px;
	height: 285px;
	display: block;
	float: left;
	padding-top: 151px;
}
#geral #contHome #produtos{
	width: 650px;
	height: 105px;
	display: block;
	padding-left: 250px;
}
#geral #contHome #produtos ul{
	width: 342px;
	display: block;
}
#geral #contHome #produtos ul li{
	width: 171px;
	height: 24px;
	float: left;
	display: block;
}
#geral #contHome #produtos ul li a{
	height: 15px;
}
#geral #contHome #produtos ul li a.btTubo{
	width: 118px;
	background-image: url(../img/btTubo.gif);
}
#geral #contHome #produtos ul li a.btFoss{
	width: 95px;
	background-image: url(../img/btFoss.gif);
}
#geral #contHome #produtos ul li a.btCana{
	width: 143px;
	background-image: url(../img/btCana.gif);
}
#geral #contHome #produtos ul li a.btGuia{
	width: 116px;
	background-image: url(../img/btGuia.gif);
}
#geral #contHome #produtos ul li a.btMour{
	width: 135px;
	background-image: url(../img/btMour.gif);
}
#geral #contHome #produtos ul li a.btPiso{
	width: 116px;
	background-image: url(../img/btPiso.gif);
}
#geral #contHome #produtos ul li a.btAnel{
	width: 114px;
	background-image: url(../img/btAnel.gif);
}
#geral #contHome #produtos ul li a.btOutr{
	width: 52pxm;
	background-image: url(../img/btOutr.gif);
}
#geral #contHome #galeria{
	width: 594px;
	height: 180px;
	display: block;
	float: left;
}
#geral #contHome #galeria h2.btGale{
	width: 215px;
	height: 45px;
	float: left;
	padding: 22px 0 0 37px;
}
#geral #contHome #galeria h2.btGale a{
	width: 91px;
	height: 45px;
	background-image: url(../img/btGale.gif);
}
#geral #contHome #galeria img{
	width: 65px;
	height: 65px;
	float: left;
	border: 2px solid #bebebe;
	margin: 39px 10px 0 0;
}
#geral #contHome #empresa{
	width: 305px;
	display: block;
	float: left;
}
#geral #contHome #empresa h2.hEmprH{
	height: 55px;
	background-image: url(../img/hEmprH.gif);
}
/********************* INTERNAS ***********************/
.internas{
	background-color: #404040;
	color: #54595b;
}
.bgInt{
	width: 100%;
	display: table;
	background: #e6e6e6 url(../img/bgInt.jpg) center top no-repeat;
}
#geral #content{
	width: 900px;
	display: block;
	float: left;
}
#geral #content h1.hObra{
	width: 900px;
	height: 85px;
	background-image: url(../img/hObra.gif);
}
#geral #content h1.hClie{
	width: 900px;
	height: 85px;
	background-image: url(../img/hClie.gif);
}
#geral #content h1.hCont{
	width: 900px;
	height: 103px;
	background-image: url(../img/hCont.gif);
}
#geral #content #contLeft{
	width: 627px;
	display: block;
	float: left;
}
#geral #content #contLeft ul.navEmpr{
	width: 627px;
	height: 60px;
	display: block;
}
#geral #content #contLeft ul.navEmpr li{
	width: 143px;
	height: 60px;
	display: block;
	float: left;
}
#geral #content #contLeft ul.navEmpr li a{
	width: 128px;
	height: 45px;
}
#geral #content #contLeft ul.navEmpr li a.btHist{
	background-image: url(../img/btHist.jpg);
}
#geral #content #contLeft ul.navEmpr li a.btFrot{
	background-image: url(../img/btFrot.jpg);
}
#geral #content #contLeft h1.hEmpr{
	height: 85px;
	background-image: url(../img/hEmpr.gif);
}
#geral #content #contLeft h1.hFrot{
	height: 85px;
	background-image: url(../img/hFrot.gif);
}
#geral #content #contLeft h1.hOrca{
	height: 85px;
	background-image: url(../img/hOrca.gif);
}




#geral #content #contLeft ul.form1{
	width: 549px;
	height: 395px;
	display: block;
}
#geral #content #contLeft ul.form1 li{
	width: 440px;
	height: 45px;
	float: left;
	display: block;
	padding: 5px 0 0 109px;
}
#geral #content #contLeft ul.form1 li label{
	display: none;
}
#geral #content #contLeft ul.form1 li input{
	width: 412px;
	height: 18px;
	border: none;
	background-color: transparent;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 2px;
}
#geral #content #contLeft ul.form1 li.nome{
	background: url(../img/form/nome.gif) 0 0 no-repeat;
}
#geral #content #contLeft ul.form1 li.email{
	background: url(../img/form/email.gif) 0 0 no-repeat;
}
#geral #content #contLeft ul.form1 li.telefone{
	background: url(../img/form/telefone.gif) 0 0 no-repeat;
}
#geral #content #contLeft ul.form1 li.telefone input.ddd{
	width: 40px;
	margin-right: 27px;
}
#geral #content #contLeft ul.form1 li.telefone input.num{
	width: 200px;
}
#geral #content #contLeft ul.form1 li.contato{
	background: url(../img/form/contato.gif) 0 0 no-repeat;
}
#geral #content #contLeft ul.form1 li.produto{
	background: url(../img/form/produto.gif) 0 0 no-repeat;
}
#geral #content #contLeft ul.form1 li.msg{
	height: 73px;
	background: url(../img/form/mensagem.gif) 0 0 no-repeat;
}
#geral #content #contLeft ul.form1 li.msg textarea{
	width: 412px;
	height: 51px;
	border: none;
	background-color: transparent;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 2px;
}
#geral #content #contLeft ul.form1 li.btEnviar{
	background: url(../img/form/obrigatorio.gif) 0 8px no-repeat;
}
#geral #content #contLeft ul.form1 li.btEnviar input{
	width: 99px;
	height: 44px;
	float: right;
	padding-right: 10px;
}

#geral #content .botoes{
	width: 273px;
	display: block;
	float: right;
	padding-top: 90px;
}
#geral #content .botoes .Produtos{
	width: 273px;
	height: 165px;
	display: block;
	float: right;
	background: url(../img/Produtos.jpg) 0 0 no-repeat;
}
#geral #content .botoes .Produtos h2.hProdInt{
	height: 50px;
	margin: 0 0 0 29px;
	background: url(../img/hProdInt.gif) 0 19px no-repeat;
}
#geral #content .botoes .Produtos p.btProdTxt{
	width: 152px;
	height: 50px;
	display: block;
	padding-left: 29px;
}
#geral #content .botoes .Produtos p.btProdTxt a{
	width: 152px;
	height: 50px;
	background-image: url(../img/btProdTxt.gif);
}



#geral #content .botoes .Contato{
	width: 273px;
	height: 165px;
	display: block;
	float: right;
	background: url(../img/Contato.jpg) 0 0 no-repeat;
}
#geral #content .botoes .Contato h2.hContInt{
	height: 50px;
	margin: 0 0 0 29px;
	background: url(../img/hContInt.gif) 115px 19px no-repeat;
}
#geral #content .botoes .Contato p.btContTxt{
	width: 141px;
	height: 52px;
	display: block;
	padding-left: 94px;
}
#geral #content .botoes .Contato p.btContTxt a{
	width: 141px;
	height: 52px;
	background-image: url(../img/btContTxt.gif);
}







#geral #content .bgHist{
	width: 273px;
	height: 183px;
	display: block;
	float: right;
	padding-top: 60px;
	background: url(../img/bgHist.jpg) 0 60px no-repeat;
}
#geral #content .bgHist h2.hProdInt{
	height: 55px;
	margin: 0 0 0 29px;
	background: url(../img/hProdInt.gif) 0 19px no-repeat;
}
#geral #content .bgHist p.btConfProd{
	width: 140px;
	height: 71px;
	display: block;
	padding-left: 29px;
}
#geral #content .bgHist p.btConfProd a{
	width: 140px;
	height: 71px;
	background-image: url(../img/btConfProd.gif);
}
#geral #content .bgOrca{
	width: 273px;
	height: 183px;
	display: block;
	float: right;
	padding-top: 60px;
	background: url(../img/bgOrca.jpg) 0 60px no-repeat;
}
#geral #content .bgOrca h2.hOrcaInt{
	height: 55px;
	margin: 0 0 0 29px;
	background: url(../img/hOrcaInt.gif) 0 19px no-repeat;
}
#geral #content .bgOrca p.btOrcaInt{
	width: 212px;
	height: 73px;
	display: block;
	padding-left: 29px;
}
#geral #content .bgOrca p.btOrcaInt a{
	width: 212px;
	height: 73px;
	background-image: url(../img/btOrcaInt.gif);
}
#geral #content .fotos{
	width: 627px;
	display: block;
	float: left;
	padding-bottom: 30px;
}
#geral #content .fotos li{
	width: 100px;
	height: 100px;
	display: block;
	float: left;
}
#geral #content .fotos li a{
	width: 87px;
	height: 86px;
	text-indent: 0;
}
#geral #content .fotos li a img{
	border: none;
}
#geral #content .bgSubmenu{
	width: 223px;
	display: block;
	float: left;
	background: url(../img/repeat.gif) top left repeat-y;
}
#geral #content .bgSubmenu p.hProdSub{
	width: 223px;
	height: 30px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background: url(../img/hProdSub.gif) 0 0 no-repeat;
}
#geral #content .bgSubmenu ul.subMenu{
	width: 223px;
	display: block;
	padding-bottom: 7px;
	background: url(../img/bottom.gif) bottom left no-repeat;
}
#geral #content .bgSubmenu ul.subMenu li{
	width: 194px;
	display: table;
	padding: 0 0 10px 29px;
}
#geral #content .bgSubmenu ul.subMenu li a{
	height: 15px;
}
#geral #content .bgSubmenu ul.subMenu li a.btTubo1{
	width: 122px;
	background-image: url(../img/btTubo1.gif);
}
#geral #content .bgSubmenu ul.subMenu li a.btCana1{
	width: 142px;
	background-image: url(../img/btCana1.gif);
}
#geral #content .bgSubmenu ul.subMenu li a.btMour1{
	width: 133px;
	background-image: url(../img/btMour1.gif);
}
#geral #content .bgSubmenu ul.subMenu li a.btAnel1{
	width: 114px;
	background-image: url(../img/btAnel1.gif);
}
#geral #content .bgSubmenu ul.subMenu li a.btFoss1{
	width: 113px;
	height: 31px;
	background-image: url(../img/btFoss1.gif);
}
#geral #content .bgSubmenu ul.subMenu li a.btGuia1{
	width: 115px;
	background-image: url(../img/btGuia1.gif);
}
#geral #content .bgSubmenu ul.subMenu li a.btPiso1{
	width: 132px;
	height: 31px;
	background-image: url(../img/btPiso1.gif);
}
#geral #content .bgSubmenu ul.subMenu li a.btOutr1{
	width: 51px;
	background-image: url(../img/btOutr1.gif);
}
#geral #content #Right{
	width: 677px;
	display: block;
	float: left;
	position: relative;
}
#geral #content #Right .teste{
	width: 677px;
	display: block;
	float: left;
}
#geral #content #Right h1.hProd_{
	height: 85px;
	background-image: url(../img/hProd_.gif);
}
#geral #content #Right .box{
	width: 328px;
	height: 160px;
	display: block;
	float: left;
	padding-right: 10px;
}
#geral #content #Right .box a.btImg{
	width: 101px;
	height: 92px;
	display: block;
	text-indent: 0;
	float: left;
	margin: 0 7px 48px 0;
}
#geral #content #Right .box a.btImg img{
	border: none;
}
#geral #content #Right .box h2, #geral #content #Right .box h2 a{
	text-indent: 0;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #00c0ed;
	padding-bottom: 5px;
}
#geral #content #Right .box h2 a:hover{
	color: #1a87a1;
}
#geral #content #Right #breadcrumb{
	width: 677px;
	height: 25px;
	display: block;
}
#geral #content #Right #breadcrumb div{
	display: block;
	float: left;
	margin-right: 4px;
}
#geral #content #Right #breadcrumb div a{
	color: #333;
	display: inline;
}
#geral #content #Right h1.hPdr{
	text-indent: 0;
	color: #009ae0;
	font-size: 27px;
	font-weight: bold;
	padding-bottom: 15px;
}
#geral #content #Right h2.hPdr{
	text-indent: 0;
	color: #006290;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 15px;
}
#geral #content #Right p.btVoltar{
	width: 59px;
	height: 13px;
	display: block;
	padding: 0;
	position: absolute;
	left: 615px;
	top: 35px;
}
#geral #content #Right p.btVoltar a{
	width: 59px;
	height: 13px;
	background-image: url(../img/btVoltar.gif);
}
#geral #content #Right p.btVoltar a:hover{
	background-position: 0 0;
}
#geral #content #Right table{
	width: 606px;
	display: block;
	border: 2px solid #0795e9;
	border-right: none;
	border-bottom: none;
	margin-bottom: 20px;
	border-collapse: collapse;
}
#geral #content #Right table thead{
	width: 606px;
	height: 32px;
	background-color: #006290;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}
#geral #content #Right table thead td{
	width: 303px;
	height: 32px;
}
#geral #content #Right table td{
	width: 303px;
	height: 32px;
	border-right: 2px solid #0795e9;
	border-bottom: 2px solid #0795e9;
	text-align: center;
}
#geral #content #Right #galeria_{
	width: 365px;
	display: block;
	float: left;
}
#geral #content #Right #galeria_ h3{
	text-indent: 0;
	color: #55595b;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 15px;
}
#geral #content #Right #galeria_ ul{
	width: 365px;
	display: block;
}
#geral #content #Right #galeria_ ul li{
	width: 100px;
	height: 100px;
	float: left;
	display: block;
}
#geral #content #Right #galeria_ ul li a{
	width: 85px;
	height: 86px;
	text-indent: 0;
}
#geral #content #Right #galeria_ ul li a img{
	border: none;
}
#geral #content #Right #contato{
	width: 312px;
	height: 135px;
	display: block;
	float: left;
	background: url(../img/bgTele.jpg) 0 0 no-repeat;
}
#geral #content #Right #contato p.btContInt{
	width: 187px;
	height: 77px;
	display: block;
	padding-top: 30px;
}
#geral #content #Right #contato p.btContInt a{
	width: 187px;
	height: 77px;
	background-image: url(../img/btConta.jpg);
}
#geral #content #Right ul.lista1{
	width: 677px;
	height: 115px;
	display: block;
	background: url(../img/lista1.gif) 0 0 no-repeat;
}
#geral #content #Right ul.lista2{
	width: 677px;
	height: 40px;
	display: block;
	background: url(../img/lista2.jpg) 0 0 no-repeat;
}
#geral #content #Right ul.lista3{
	width: 677px;
	height: 40px;
	display: block;
	background: url(../img/lista3.jpg) 0 0 no-repeat;
}
#geral #content #Right ul.lista4{
	width: 677px;
	height: 70px;
	display: block;
	background: url(../img/lista4.jpg) 0 0 no-repeat;
}
#geral #content #Right ul.lista5{
	width: 677px;
	height: 135px;
	display: block;
	background: url(../img/lista5.jpg) 0 0 no-repeat;
}
#geral #content #Right ul.lista1 li, #geral #content #Right ul.lista2 li, #geral #content #Right ul.lista3 li, #geral #content #Right ul.lista4 li, #geral #content #Right ul.lista5 li{
	display: none;
}
#geral #content ul.galeria{
	width: 900px;
	display: block;
	float: left;
	padding-bottom: 30px;
}
#geral #content ul.galeria li{
	width: 180px;
	height: 130px;
	display: block;
	float: left;
}
#geral #content ul.galeria li a{
	width: 168px;
	height: 115px;
	border: 2px solid #FFF;
	text-indent: 0;
}
#geral #content ul.galeria li a:hover{
	border: 2px solid #0066FF;
}
#geral #content ul.galeria li a img{
	border: none;
}
#geral #content ul.clientes{
	width: 900px;
	display: block;
	float: left;
	padding-bottom: 30px;
}
#geral #content ul.clientes li{
	width: 170px;
	height: 140px;
	display: block;
	float: left;
}
#geral #content #email{
	width: 320px;
	height: 365px;
	display: block;
	float: left;
	background: url(../img/bgCont.gif) 0 0 no-repeat;
}
#geral #content #email p.btEmail{
	width: 159px;
	height: 17px;
	display: block;
	padding: 45px 0 0 24px;
}
#geral #content #email p.btEmail a{
	width: 159px;
	height: 17px;
	background-image: url(../img/btEmail.gif);
}
#geral #content #email p.btEmail a:hover{
	background-position: 0 -17px;
}
#geral #content #email p.btMapa{
	width: 105px;
	height: 28px;
	display: block;
	padding: 200px 0 0 142px;
}
#geral #content #email p.btMapa a{
	width: 105px;
	height: 28px;
	background-image: url(../img/btMapa.gif);
}
#geral #content #email p.btMapa a:hover{
	background-position: 0 -28px;
}
#geral #content #formulario{
	width: 579px;
	display: block;
	float: right;
}
#geral #content #formulario ul{
	width: 549px;
	height: 335px;
	display: block;
}
#geral #content #formulario ul li{
	width: 440px;
	height: 45px;
	float: left;
	display: block;
	padding: 5px 0 0 109px;
}
#geral #content #formulario ul li label{
	display: none;
}
#geral #content #formulario ul li input{
	width: 412px;
	height: 18px;
	border: none;
	background-color: transparent;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 2px;
}
#geral #content #formulario ul li.nome{
	background: url(../img/form/nome.gif) 0 0 no-repeat;
}
#geral #content #formulario ul li.email{
	background: url(../img/form/email.gif) 0 0 no-repeat;
}
#geral #content #formulario ul li.telefone{
	background: url(../img/form/telefone.gif) 0 0 no-repeat;
}
#geral #content #formulario ul li.telefone input.ddd{
	width: 40px;
	margin-right: 27px;
}
#geral #content #formulario ul li.telefone input.num{
	width: 200px;
}
#geral #content #formulario ul li.empresa{
	background: url(../img/form/empresa.gif) 0 0 no-repeat;
}
#geral #content #formulario ul li.msg{
	height: 73px;
	background: url(../img/form/mensagem.gif) 0 0 no-repeat;
}
#geral #content #formulario ul li.msg textarea{
	width: 412px;
	height: 51px;
	border: none;
	background-color: transparent;
	font-family: Verdana, "Arial", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 2px;
}
#geral #content #formulario ul li.btEnviar{
	background: url(../img/form/obrigatorio.gif) 0 8px no-repeat;
}
#geral #content #formulario ul li.btEnviar input{
	width: 99px;
	height: 44px;
	float: right;
	padding-right: 10px;
}
/********************** RODAPÉ ************************/
.bgRoda{
	width: 100%;
	display: table;
	background: #bababa url(../img/bgRoda.jpg) top center no-repeat;
}
.bgRodaInt{
	width: 100%;
	display: table;
	background: #404040 url(../img/bgRodaInt.jpg) top center no-repeat;
}
footer{
	width: 900px;
	height: 80px;
	display: block;
	margin: 0 auto;
}
footer ul.selos{
	width:188px;
	height:15px;
	display:block;
	padding: 33px 0 0 32px;
}
footer ul.selos li{
	width:91px;
	height:15px;
	display:block;
	float:left;
	margin-right:3px;
}
footer ul.selos li a{
	width:91px;
	height:15px;
}
footer .selos li a.ao5{ background-image:url(../img/ao5.jpg); }
footer .selos li a.w3c{ background-image:url(../img/w3c.jpg); }
footer .selos li a.ao5_{ background-image:url(../img/ao5_.jpg); }
footer .selos li a.w3c_{ background-image:url(../img/w3c_.jpg); }