body {
	margin: 0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
}
#menu-topo{
	background:url(imagem/bg-menu-lateral.png) no-repeat top center;
	height:8px;
	margin:10px 5px 0 5px;
}
#menu-centro{
	background-color: #C00;
	margin: 0 0 0 10px;
	padding-left: 5px;
	width: 185px;
}
td#menu div.mostra{
	background-color: #C00;
	margin-left: 10px;
	width: 190px;
}
td#menu div.mostra a{
	background: url(imagem/mark.gif) no-repeat left center;
	color: #FCC;
	display: block;
	margin-left: 25px;
	text-decoration: none;
	padding-left: 10px;
}
td#menu div.mostra a:hover{
	text-decoration: underline;
}
#menu-base{
	background:url(imagem/bg-menu-lateral.png) no-repeat center bottom;
	height:8px;
	margin:0 5px 10px 5px;
}

#menu-fundo{
	background:url(imagem/bg-menu-base.png) no-repeat center top;
	height:26px;
	margin-top:10px;
	overflow:hidden;
	width:394px;
	padding-left:26px;
}

#menu-fundo a{
	padding-top:5px;
	float:left;
	display:block;
	margin-right:10px;
	font: 12px Verdana;
}

#links a{
	overflow:hidden;
	text-indent:-999px;
	float:left;
	display:block;
	height:30px;
	margin-left:5px;
}

body#principal a#inicial{
	background:url(imagem/menu.gif) no-repeat 0px -30px;
	width:57px;
}

body#portfolio a#portfolio{
	background:url(imagem/menu.gif) no-repeat -57px -30px;
	width:77px;
}

body#clientes a#clientes{
	background:url(imagem/menu.gif) no-repeat -134px -30px;
	width:72px;
}

body#quemsomos a#quemsomos{
	background:url(imagem/menu.gif) no-repeat -206px -30px;
	width:110px;
}

body#orcamentos a#orcamentos{
	background:url(imagem/menu.gif) no-repeat -316px -30px;
	width:95px;
}

body#contato a#contato{
	background:url(imagem/menu.gif) no-repeat -411px -30px;
	width:72px;
}

#quadro-clientes{
	background:url(imagem/quadro-clientes.png) no-repeat 0px 0px;
	width:170px;
	height:137px;
	margin: 0 10px 10px 10px;
	padding: 43px 10px 10px 10px;
}

a#inicial{
	background:url(imagem/menu.gif) no-repeat 0px 0px;
	width:57px;
}
a#inicial:hover{
	background:url(imagem/menu.gif) no-repeat 0px -60px;
}

a#portfolio{
	background:url(imagem/menu.gif) no-repeat -57px 0px;
	width:77px;
}
a#portfolio:hover{
	background:url(imagem/menu.gif) no-repeat -57px -60px;
}

a#clientes{
	background:url(imagem/menu.gif) no-repeat -134px 0px;
	width:72px;
}
a#clientes:hover{
	background:url(imagem/menu.gif) no-repeat -134px -60px;
}

a#quemsomos{
	background:url(imagem/menu.gif) no-repeat -206px 0px;
	width:110px;
}
a#quemsomos:hover{
	background:url(imagem/menu.gif) no-repeat -206px -60px;
}

a#orcamentos{
	background:url(imagem/menu.gif) no-repeat -316px 0px;
	width:95px;
}
a#orcamentos:hover{
	background:url(imagem/menu.gif) no-repeat -316px -60px;
}

a#contato{
	background:url(imagem/menu.gif) no-repeat -411px 0px;
	width:72px;
}
a#contato:hover{
	background:url(imagem/menu.gif) no-repeat -411px -60px;
}

#menu-centro a{
	padding-left:10px;
	line-height:20px;
}
#carrega_orcamento{
	background: url(imagem/pedido.gif) no-repeat left top;
	width:130px;
	float:right;
	height:30px;
	padding-right: 10px;
	text-align:right;
}

#progresso{
	overflow:hidden;
	float:left;
	display:block;
	height:30px;
	
}

#progresso a, #progresso span{
	display:block;
	overflow:hidden;
	text-indent: -200px;
	text-decoration:none;
}

a#progOrcamento{
	background:url(imagem/progresso.gif) no-repeat -2px -1px;
	height:16px;
	width:112px;
	float:left;
}
a#progDados, span#progDados{
	background:url(imagem/progresso.gif) no-repeat -110px -1px;
	height:16px;
	width:116px;
	float:left;
}
a#progDados2{
	background:url(imagem/progresso.gif) no-repeat -110px -30px;
	height:16px;
	width:116px;
	float:left;
}
a#progFim, span#progFim{
	background:url(imagem/progresso.gif) no-repeat -225px -1px;
	height:16px;
	width:60px;
}
a#progFim2{
	background:url(imagem/progresso.gif) no-repeat -225px -59px;
	height:16px;
	width:60px;
}

DIV#barraProgresso{
	height:8px;
	width:288px;
	background:url(imagem/progresso.gif) no-repeat 0px -21px;
	float:left;
}

DIV#barraProgresso2{
	height:8px;
	width:288px;
	background:url(imagem/progresso.gif) no-repeat 0px -50px;
	float:left;
}

DIV#barraProgresso3{
	height:8px;
	width:288px;
	background:url(imagem/progresso.gif) no-repeat 0px -79px;
	float:left;
}

#pgportfolio{
	overflow:hidden;
	float:left;
	display:block;
	height:40px;
}
#pgportfolio a, #pgportfolio span{
	display:block;
	overflow:hidden;
	text-indent: -1600px;
	text-decoration:none;
}
a#webAtivo{
	background:url(imagem/portfolio.png) no-repeat 0px -27px;
	height:27px;
	width:88px;
	float:left;
	margin-left:297px;
}
a#webInativo{
	background:url(imagem/portfolio.png) no-repeat 0px 0px;
	height:27px;
	width:88px;
	float:left;
	margin-left:297px;
}
a#graficoAtivo{
	background:url(imagem/portfolio.png) no-repeat -88px 0px;
	height:27px;
	width:88px;
	float:left;
}
a#graficoInativo{
	background:url(imagem/portfolio.png) no-repeat -88px -27px;
	height:27px;
	width:88px;
	float:left;
}

/* LINK BRANCO */
a.linkBranco:link{
	color:#FFF;
	overflow: hidden;
	text-decoration:none;
}
a.linkBranco:active{
	color:#FFF;
	text-decoration:none;
}
a.linkBranco:visited{
	color:#FFF;
	text-decoration:none;
}
a.linkBranco:hover{
	color:#EEE;
	text-decoration:underline;
}
/* LINK PRETO */
a.linkPreto:link{
	color:#000;
	text-decoration:none;
}
a.linkPreto:active{
	color:#000;
	text-decoration:none;
}
a.linkPreto:visited{
	color:#000;
	text-decoration:none;
}
a.linkPreto:hover{
	color:#333;
	text-decoration:underline;
}
/* LINK VERMELHO */
a.linkVermelho:link{
	color:#C00;
	text-decoration:none;
}
a.linkVermelho:active{
	color:#C00;
	text-decoration:none;
}
a.linkVermelho:visited{
	color:#C00;
	text-decoration:none;
}
a.linkVermelho:hover{
	color:#C00;
	text-decoration:underline;
}
/* LINK AMARELO */
a#linkAmarelo{
	width:150px;
	color:#FF0;
	text-decoration:none;
}
a#linkAmarelo:hover{
	color:#FF0;
	text-decoration:underline;
}
a#linkBranco{
	background: url(imagem/ic-pedido.gif) no-repeat left center;
	float:right;
	color:#FFF;
	text-decoration:none;
	width: 110px;
}
a#linkBranco:hover{
	color:#FFF;
	text-decoration:underline;
}
.form{
	font-size:11px;
	border:1px solid #999;
}
.form250{
	font-size:11px;
	border:solid 1px #999;
	width:250px;
}
div#qtd{
	background: url(imagem/bg-input-orcamento.gif) no-repeat left top;
	font: bolder 1em sans-serif;
	float: left;
	border:none;
	height: 17px;
	padding: 2px;
	text-align:right;
	width: 21px;
}
.bg-menu{
	background-image:url(imagem/bg-menu.jpg);
	background-repeat:repeat-x;
	line-height:30px;
}
.bg-base{
	background-image:url(imagem/bg-base.jpg);
	background-repeat:repeat-x;
	background-position:right top;
}

.textoBranco{
	color:#FFF;
}
.textoPreto{
	font-family: Verdana;
	font-size:12px;
	color:#000;
	line-height:20px;
}
.textoVermelho{
	color:#CC0000;
	line-height: 20px;
}
.vermelhoClaro{
	color: #C33;
}
.vermelhoEscuro{
	color: #900;
}
strong.preco{
	background: url(imagem/bg-tag-2.gif) no-repeat right top;
	color: #FFF;
	font-size: 14px;
	display: block;
	text-align: center;
	padding: 7px 0px;
	margin-left: 49px;
	width: 100px;
}
td.preco{
	background: url(imagem/bg-tag-1.gif) no-repeat 30px top #D5D5D5;
}
td.precoDetalhe{
	background: url(imagem/bg-tag-1.gif) no-repeat 30px top #FFF;
	}
.textoAmarelo{
	color:#FF0;
}
.textoCinza{
	color:#555;
}
.textoVerde{
	color:#0C0;
}
.verdana16{
	font-family:Verdana;
	font-size:16px;	
}
.verdana14{
	font-family:Verdana;
	font-size:14px;
}
.verdana12{
	font-family:Verdana;
	font-size:12px;	
}
.calibri12{
	font-family:Calibri;
	font-size:12px;	
}
.calibri14{
	font-family:Calibri;
	font-size:14px;	
}
.padding10left{
	padding-left:10px;
}
.padding10right{
	padding-right:10px;
}
.padding10{
	padding:10px;
}
.padding-left{
	padding-left:10px;
}
.padding-right{
	padding-right:10px;
}
.bold{
	font-weight:bold;
}
.esconde{
	display:none;
	visibility: hidden;
}
.mostra{
	display:block;
	visibility:visible;
}
a.controle{
	float: left;
	height: 11px;
	display: block;
	overflow: hidden;
	margin-right: 50px;
	text-indent: -99px;
	width: 10px;
}
a.controlUp{
	background: url(imagem/bt-controle-orcamento.gif) no-repeat left top;
}
a.controlUp:hover{
	background: url(imagem/bt-controle-orcamento.gif) no-repeat -10px top;
}
a.controlDown{
	background: url(imagem/bt-controle-orcamento.gif) no-repeat left -11px;
}
a.controlDown:hover{
	background: url(imagem/bt-controle-orcamento.gif) no-repeat -10px -11px;
}
ul.acabamentos{
	margin: -20px 0 0 110px;
	padding: 0px;
}
ul#produtos{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
ul#produtos li{
	background-color: #333;
	margin-bottom: 5px;
}
a.produto{
	background: url(imagem/add.gif) no-repeat 2px 2px;
	display: block;
	padding: 5px 0 5px 24px;
}
div#login{
	background-color: #900;
	color: #FFF;
	margin: 10px;
	padding: 40px 0px 10px 0px;
	width: 95%;
	height:120px;
}

div#login label{
	display: block;
	padding-right: 15px;
	text-align: right;
	width: 45px;
}
div#login input#login, div#login input#senha{
	background-color: #EEE;
	border: 1px solid #333;
	font: 0.9em sans-serif;
	padding: 3px;
}
div#login input#btn{
	margin-left: 50px;
}
div#cadastrese{
	background-color: #CCC;
	color: #FFF;
	margin: 10px;
	padding: 10px 0px 10px 0px;
	width: 95%;
	height:150px;
}
div#cadastro{
	width: 370px;
}
div#cadastro table{
	margin-bottom: 10px;
	width: 100%;
}
div#cadastro td{
	padding-bottom: 4px;
}
div#cadastro label{
	display: block;
	padding-right: 15px;
	text-align: right;
	width: 85px;
}
div#cadastro select{
	width: 260px;
}
div#cadastro .cadastro, div#cadastro input.obrigatorio, div#cadastro select.obrigatorio{
	background-color: #EEE;
	border: 1px solid #333;
	font: 0.8em sans-serif;
	padding: 2px;
	width: 260px;
}
div#cadastro input.cadastro:focus, div#cadastro input.obrigatorio:focus, div#login input#login:focus, div#login input#senha:focus{
	background-color: #FFF;
	border: 1px solid #C00;
}