* {
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
	}
	
body {
	background:#EFF0F4 url(img/fundo.jpg) no-repeat center top;
	}
	
/************************************************************

Topo / Logo / Menu

************************************************************/
	
div#topo {
	width:757px;
	height:176px;
	margin:0 auto;
	background:url(img/topo.jpg) no-repeat center top;
	}
	
div#topo h1 {
	display:block;
	}

div#topo h1 a {
	width:300px;
	height:94px;
	float:left;
	margin:70px 0 0 74px;
	text-indent:-9000px;
	}
	
div#menu {
	width:255px;
	height:41px;
	float:right;
	padding:100px 80px 0px 0px;
	text-indent:-9000px;
	display:table;
	}
	
div#menu ul li {
	display:inline;
	}
	
div#menu ul li a , div#menu ul li a:visited {
	height:41px;
	display:inline;
	float:left;
	}
	
div#menu ul li#empresa a , div#menu ul li#empresa a:visited {
	width:90px;
	background:url(img/bt_empresa.gif) no-repeat center top;
	}
	
div#menu ul li#empresa a:hover {
	background:url(img/bt_empresa.gif) no-repeat center bottom;
	}
	
div#menu ul li#servicos a , div#menu ul li#servicos a:visited {
	width:90px;
	background:url(img/bt_servicos.gif) no-repeat center top;
	}
	
div#menu ul li#servicos a:hover {
	background:url(img/bt_servicos.gif) no-repeat center bottom;
	}	
	
div#menu ul li#contato a , div#menu ul li#contato a:visited {
	width:75px;
	background:url(img/bt_contato.gif) no-repeat center top;
	}
	
div#menu ul li#contato a:hover {
	background:url(img/bt_contato.gif) no-repeat center bottom;
	}
	
/************************************************************

Estrutura / Conteudo

************************************************************/
	
div#estrutura {
	width:757px;
	height:auto;
	margin:0 auto;
	display:table;	
	background:url(img/conteudo.jpg) repeat-y center top;	
	}
	
div#estrutura div#conteudo {
	width:757px;
	height:auto;
	margin:0 auto;
	display:table;
	background:url(img/conteudo_fundo.jpg) no-repeat center top;	
	}
	
/************************************************************

Estrutura / Conteudo - Home

************************************************************/

body#home div#estrutura div#conteudo {
	width:757px;
	height:auto;
	margin:0 auto;
	display:table;
	background:url(img/conteudo_home.jpg) no-repeat center top;
	}

/************************************************************

Estrutura / Conteudo - Subpages

************************************************************/

body#subpages div#estrutura div#conteudo {
	width:657px;
	height:auto;
	margin:0 auto;
	display:table;	
	background:url(img/conteudo_fundo.jpg) no-repeat center top;
	padding:70px 50px 15px 50px;	
	}
	
body#subpages div#estrutura div#conteudo h2 {
	font:bold 17px/21px Verdana, Arial, Tahoma, "Trebuchet MS";
	color:#004A95;
	margin-bottom:10px;
	}
	
body#subpages div#estrutura div#conteudo h3 {
	font:bold 13px/17px Verdana, Arial, Tahoma, "Trebuchet MS";
	color:#004A95;
	margin-bottom:10px;	
	}
	
body#subpages div#estrutura div#conteudo p {
	font:normal 13px/17px Arial, Tahoma, Verdana, "Trebuchet MS";
	color:#004A95;
	margin-bottom:10px;	
	}
	
/************************************************************

Conteudo - Subpages - Serviços

************************************************************/	
	
div#conteudo p.menu_servicos_corrimao_inox a ,
div#conteudo p.menu_servicos_corrimao_inox a:visited ,
div#conteudo p.menu_servicos_portao_basculante a ,
div#conteudo p.menu_servicos_portao_basculante a:visited , 
div#conteudo p.menu_servicos_escada_metalica a ,
div#conteudo p.menu_servicos_escada_metalica a:visited , 
div#conteudo p.menu_servicos_estrutura_metalica a ,
div#conteudo p.menu_servicos_estrutura_metalica a:visited , 
div#conteudo p.menu_servicos_cobertura_policarbonato a ,
div#conteudo p.menu_servicos_cobertura_policarbonato a:visited , 
div#conteudo p.menu_servicos_calderaria a ,
div#conteudo p.menu_servicos_calderaria a:visited , 
div#conteudo p.menu_servicos_projeto_estrutural a ,
div#conteudo p.menu_servicos_projeto_estrutural a:visited , 
div#conteudo p.menu_servicos_desenvolvimento_projetos a ,
div#conteudo p.menu_servicos_desenvolvimento_projetos a:visited ,
div#conteudo p.menu_servicos_fachada a ,
div#conteudo p.menu_servicos_fachada a:visited {
	width:500px;
	height:100px;
	display:block;
	font:bold 12px/90px Verdana, Arial, Tahoma, "Trebuchet MS";
	color:#004A95;
	margin-bottom:16px;
	text-indent:3px;
	padding-left:136px;
	border:1px solid #FFF;	
	}

div#conteudo p.menu_servicos_corrimao_inox a , div#conteudo p.menu_servicos_corrimao_inox a:visited {
	background:#F0F0F0 url(img/bt_servicos_corrimao_acoinox.jpg) no-repeat left center;
	}
	
div#conteudo p.menu_servicos_portao_basculante a , div#conteudo p.menu_servicos_portao_basculante a:visited {
	background:#F0F0F0 url(img/bt_servicos_portao_basculante.jpg) no-repeat left center;
	}
	
div#conteudo p.menu_servicos_escada_metalica a , div#conteudo p.menu_servicos_escada_metalica a:visited {
	background:#F0F0F0 url(img/bt_servicos_escada_ferro.jpg) no-repeat left center;
	}
	
div#conteudo p.menu_servicos_estrutura_metalica a , div#conteudo p.menu_servicos_estrutura_metalica a:visited {
	background:#F0F0F0 url(img/bt_servicos_estrutura_metalica.jpg) no-repeat left center;
	}
	
div#conteudo p.menu_servicos_cobertura_policarbonato a , div#conteudo p.menu_servicos_cobertura_policarbonato a:visited {
	background:#F0F0F0 url(img/bt_servicos_cobertura_policarbonato.jpg) no-repeat left center;
	}
	
div#conteudo p.menu_servicos_calderaria a , div#conteudo p.menu_servicos_calderaria a:visited {
	background:#F0F0F0 url(img/bt_servicos_vazio.jpg) no-repeat left center;
	}
	
div#conteudo p.menu_servicos_projeto_estrutural a , div#conteudo p.menu_servicos_projeto_estrutural a:visited {
	background:#F0F0F0 url(img/bt_servicos_vazio.jpg) no-repeat left center;
	}
	
div#conteudo p.menu_servicos_desenvolvimento_projetos a , div#conteudo p.menu_servicos_desenvolvimento_projetos a:visited {
	background:#F0F0F0 url(img/bt_servicos_vazio.jpg) no-repeat left center;
	}
	
div#conteudo p.menu_servicos_fachada a , div#conteudo p.menu_servicos_fachada a:visited {
	background:#F0F0F0 url(img/bt_servicos_fachada.jpg) no-repeat left center;
	}	
	

div#conteudo p.menu_servicos_corrimao_inox a:hover ,
div#conteudo p.menu_servicos_portao_basculante a:hover , 
div#conteudo p.menu_servicos_escada_metalica a:hover , 
div#conteudo p.menu_servicos_estrutura_metalica a:hover , 
div#conteudo p.menu_servicos_cobertura_policarbonato a:hover , 
div#conteudo p.menu_servicos_calderaria a:hover , 
div#conteudo p.menu_servicos_projeto_estrutural a:hover , 
div#conteudo p.menu_servicos_desenvolvimento_projetos a:hover ,
div#conteudo p.menu_servicos_fachada a:hover {
	background-color:#E6EDF4;
	border:1px dashed #FFF;
	}

/*********************************************

Fotos Servicos

*********************************************/
	
div#conteudo dl.fotos_servicos {
	width:150px;
	float:left;
	margin:0 12px 12px 0;
	text-align:center;
	display:block;
	}
	
div#conteudo dl.fotos_servicos dt a img , div#conteudo dl.fotos_servicos dt a:visited img {
	width:150px;
	height:113px;
	display:block;
	border:1px solid #E6EDF4;
	background-color:#FFF;
	margin:0 auto;	
	}
	
div#conteudo dl.fotos_servicos dt a:hover img {
	border:1px solid #004A95;
	}
		
div#conteudo dl.fotos_servicos dd {
	font:normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#004A95;
	}
	
div.linha {
	height:auto;
	clear:both;
	}
	
span.voltar a , span.voltar a:visited {
	float:right;
	font:bold 13px/17px Verdana, Arial, Tahoma, "Trebuchet MS";
	color:#004A95;
	}
	
span.voltar a:hover {
	color:#999;
	}	
	
/*********************************************

Contato - Formulario

*********************************************/
	
form#formulario {
	margin-top:20px;
	}

form#formulario label {
	width:150px;
	display:block;
	float:left;
	text-align:right;
	padding-right:2px;
	line-height:21px;
	font:normal 13px Arial, Tahoma, Verdana, sans-serif;
	color:#222;
	margin-bottom:10px;
	}	
	
form#formulario input.campoform , form#formulario textarea.campoform , form#formulario select.campoform_estado , form#formulario input.campoform_aonde {
	font:normal 13px Arial, Verdana, Helvetica, sans-serif;
	color:#444;
	border:1px solid #888;
	margin-bottom:6px;
	padding:2px;
	}
	
form#formulario input.campoform:focus , form#formulario textarea.campoform:focus , form#formulario select.campoform_estado:focus , form#formulario input.campoform_aonde:focus , form#formulario .botaoform:focus {
	border:1px solid #3385AD;	
	}
	
form#formulario textarea.campoform {
	width:330px;
	}
	
form#formulario input.campoform_aonde {
	margin:20px 0;
	}
	
form#formulario .botaoform {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	border:1px solid #333;
	margin:10px 0 0 150px;
	padding:1px;
	background-color:#CCCCCC;
	display:block;
	}			

/************************************************************

Rodape / Rodape Conteudo

************************************************************/
	
div#conteudo_rodape {
	width:757px;
	height:58px;
	margin:0 auto;
	background:url(img/conteudo_rodape.jpg) no-repeat center top;
	clear:both;
	}
	
div#rodape {
	width:757px;
	height:120px;
	margin:0 auto;
	background:url(img/rodape.jpg) no-repeat center top;
	text-align:center;
	clear:both;
	}
	
div#rodape address {
	font:normal 10px/20px Verdana, Arial, Tahoma, "Trebuchet MS";
	color:#666;
	}
	
div#rodape p strong {
	font:bold 10px/14px Verdana, Arial, Tahoma, "Trebuchet MS";
	color:#666;
	}
	
div#rodape p , div#rodape p a , div#rodape p a:visited , div#rodape p a:hover {
	font:normal 9px Verdana, Arial, Tahoma, "Trebuchet MS";
	color:#666;
	margin-top:40px;	
	}