@charset "utf-8";
/* CSS Document */

body {
background-color: #e6e6e6; 
width: 100%; 
height: 100%; 
margin: 0;
}

#total {
position: relative; 
width: 100%; 
height: 100%; 
background-color: #e6e6e6; 
top:0px;
}

#corpo_fundo {
position: absolute;
top: 137px;
left:0px;
height: 491px;
width:100%;
background-color: #e6e6e6;
}

#fundo_topo {
	position: relative;
	width:100%;
	height: 137px;
	background-image:url(imagens_menu/fundo_topo.jpg);
	background-repeat:repeat-x;
	}

#topo_esq {
position: absolute; 
top:0px; 
left:0px; 
width: 50%; 
height:137px; 
background-image: url(imagens_menu/fundo_topo.jpg);
}

#topo_dir {
position: absolute; 
top:0px; 
right:0px; 
width: 50%; 
height:137px; 
background-image:url(imagens_menu/fundo_topo.jpg);
}

#centro {
position: relative; 
width: 1000px; 
height: 100%; 
top:0px;
background-image:url(imagens/fundo.jpg);
background-repeat:repeat-y;
}

#topo {
position:relative; 
top: 0px; 
left: 0px; 
background-image:url(imagens_menu/topo.jpg); 
width: 1000px; 
height: 137px;
}

#logo {
position:absolute; 
left:0px; 
top:0px; 
width: 424px; 
height:109px;
}

#corpo {
position: relative;
top: 0px;
left:0px;
background-image:url(imagens/fundo.jpg);
background-repeat:repeat-y;
width:1000px;
height:100%;
}

#banner {
position: absolute;
top: 20px;
left: 5px;
width: 750 px;
height: 223 px;
*height: 220px;
border-style: solid;
border-color:#FFFFFF;
border-width: 1px;
}

#catalogo {
position: absolute;
top: 25px;
left: 757px;
background-image:url(imagens_menu/catalogo_fundo.jpg);
width:242px;
height:51px;
border-style:solid;
border-color: #999999;
border-width: 1px;
}

#nosso_catalogo {
position: absolute;
top: 5px;
left: 60px;
width:180px;
height: 30px;
}

a.catalogo {
text-decoration: none;
font-family: Corbel, Tahoma, Helvetica;
color: #e5ff00;
font-size:18px;
}

a:hover.catalogo {
color: #FFFFFF;
}

#confira {
position: absolute;
bottom: 5px;
right: 0px;
width: 100px;
height: 20px;
}

a.catalogo_branco {
text-decoration: none;
font-family: Tahoma, Verdana;
color: #FFFFFF;
font-size:14px;
}

a:hover.catalogo_branco {
color:#CCCCCC;
}

#america {
position: absolute;
top: 106px;
left: 757px;
background-image:url(imagens_menu/fundo_latina.jpg);
width:242px;
height:50px;
border-style:solid;
border-color: #FFFFFF;
border-width: 1px;
}

#globo {
position: absolute;
background-image:url(imagens_menu/globo.gif);
width: 70px;
height: 76px;
top:96px;
left:945px;
}

#atendimento {
position: absolute;
top: 5px;
left: 5px;
width: 150px;
height:20px;
font-family: Corbel, Tahoma, Verdana;
font-size: 15px;
font-weight: bold;
color:#FFFFFF;
}

#america_sul {
position: absolute;
bottom: 5px;
left: 20px;
width: 180px;
height:25px;
font-family: Corbel, Tahoma, Verdana;
font-size: 18px;
font-weight:bold;
color:#FFFFFF;
}

#projetos_menu {
position: absolute;
top: 185px;
left: 757px;
width:243px;
height:56px;
background-image:url(imagens_menu/contato_projetos.jpg);
border-style:solid;
border-color: #CCCCCC;
border-width: 1px;
}

#contato_proj {
position:absolute;
top: 10px;
left:2px;
font-family: Arial;
font-size:12px;
color:#FFFFFF;
width: 150px;
height: 13px;
text-align:left
}

#faca_seu {
position:absolute;
top: 25px;
left:2px;
width: 130px;
height: 12px;
}


#bndes {
position: absolute;
top: 280px;
left: 5px;
width: 102px;
height: 99px;
border-style: solid;
border-width:1px;
border-color: #bfbfbf;
}

#cartaobndes {
position: absolute;
top: 277px;
left: 115px;
width: 170px;
height: 26px;
font-family: Tahoma, Verdana;
color: #85a600;
font-size: 22px;
text-align: left;
}

#clique_verde {
position: absolute;
top: 365px;
left: 115px;
width: 85px;
height: 19px;
}

a.verde {
font-family: Tahoma, Verdana;
color: #85a600;
font-size: 16px;
text-decoration:none;
}

a:hover.verde {
color:#009933;
}

#texto_bndes {
position: absolute;
top: 300px;
left:115px;
width: 375px;
height: 62px;
font-family: Corbel, Tahoma, HGelvetica, Verdana;
font-size: 16px;
color: #777777;
}

#logo_perfimar {
position: absolute;
top: 282px;
left: 510px;
width: 102px;
height: 97px;
border-style: solid;
border-width:0px;
border-color: #bfbfbf;
}

#empresa_perfimar {
position: absolute;
top: 278px;
left: 620px;
width: 250px;
height: 26px;
font-family: Tahoma, Verdana;
color: #3582da;
font-size: 22px;
text-align: left;
}

#clique_azul {
position: absolute;
top: 365px;
left: 620px;
width: 85px;
height: 19px;
}

a.azul {
font-family: Tahoma, Verdana;
color: #3582da;
font-size: 16px;
text-decoration:none;
}

a:hover.azul {
color: #00CCFF;
}

#texto_perfimar {
position: absolute;
top: 301px;
left:620px;
width: 380px;
height: 62px;
font-family: Corbel, Tahoma, HGelvetica, Verdana;
font-size: 16px;
color: #777777;
}

#rodape {
position:relative;
top: 450px;
left:0px;
width: 100%;
height:60px;
background-color:#FFFFFF;
}

#rodape_centro {
position:relative;
top: 0px;
left:0px;
width: 1000px;
height:60px;
background-color:#FFFFFF;
font-family: Calibri, Tahoma, Verdana;
font-weight:bold;
font-size: 16px;
color: #777777;
}

#texto_rodape {
position: absolute;
top: 10px;
left: 5px;
width: 250px;
height: 40px;
}

#idioma {
position: absolute;
top: 20px;
right: 72px;
width: 170px;
height: 40px;
}

#bandeiras {
position: absolute;
top: 20px;
right: 5px;
width: 100px;
height: 40px;
}

#menu_perf {
position: absolute;
bottom:0px;
right:0px;
width: 550px;
height: 47px;
}

a.menu_branco {
text-decoration: none;
font-family:'Century Gothic', Arial;
font-size: 13px;
color:#FFFFFF;
}

a:hover.menu_branco {
color:#CCCCCC;
}

#fone {
position: absolute;
right: 0px;
top:20px;
width: 200px;
height: 20px;
text-align:right;
font-family: Tahoma, Verdana;
font-size: 16px;
color:#FFFFFF;
}

#categorias {
position: absolute;
top: 250px;
left:5px;
width: 250px;
height:600px;
font-family: 'Century Gothic', Arial, Verdana;
font-size: 20px;
font-weight: bold;
color: #000066;
}

#foto_grande {
position: absolute;
top: 290px;
left: 265px;
width: 475px;
height:400px;
}

#fotos_menores {
position: absolute;
top: 275px;
left:750px;
width: 250px;
height: 400px;
font-family: Arial, Verdana;
font-size: 14px;
font-weight: bold;
color: #666666;

}

a.categorias {
text-decoration:none;
color:#666666;
font-family: Calibri, Tahoma, Verdana;
font-size:17px;
font-weight: bold;
}

a:hover.categorias {
color: #166edc;
}

#elementos {
position: absolute;
top: 50px;
left:0px;
width: 1000px;
height:500px;
font-family:Arial, sans-serif;
font-size:14px;
color:#333333;
}

h1.negocio {
position: absolute;
top: 230px;
*top: 245px;
left:360px;
font-family: 'Century Gothic', Arial;
font-size:24px;
color: #000099;
text-align:center;
font-weight:lighter;
}

li.categorias {
width: 100%;
padding-bottom: 5px;
padding-left: 5px;
list-style-type:none;

}

#logos {
position: absolute;
top: 820px;
left:210px;
width: 780px;
height: 135px;
font-family: Arial, sans-serif;
font-size:14px;
color:#666666;
}

img.parceiro {
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
}

h2.clientes {
position: absolute;
top: 770px;
left: 250px;
width: 350px;
height:20px;
font-family: Tahoma, Verdana;
font-size: 16px;
font-weight:bold;
color:#0066CC;
}

#compasso {
position: absolute;
top: 730px;
left: 10px;
width:150px;
height:150px;
}

img.logo2 {
border-style:solid; 
border-width:1px; 
border-color:#999999;
}

#nossa_empresa {
position: absolute;
top: 270px;
left:0px;
width:100%;
height: 250px;
font-family: Arial, sans-serif;
font-size:16px;
color:#666666;
text-align:justify;
}

h1.nossa_empresa {
color:#0066CC;
font-family: Calibri, Arial, Tahoma;
font-weight: lighter;
font-size: 28px;
}

h2.nossa_empresa {
color:#0066CC;
font-family: Calibri, Arial, Tahoma;
font-weight: lighter;
font-size: 28px;
}

#nossos_clientes {
position: absolute;
top: 520px;
left:0px;
width:100%;
height: 200px;
font-family: Arial, sans-serif;
font-size:16px;
color:#666666;
text-align:justify;
}

#formulario {
position: absolute;
top:270px;
left:0px;
width:100%;
height:450px;
font-family: Arial, sans-serif;
font-size:16px;
color:#666666;
text-align:justify;
}

input.inputtext {
border-style: solid;
border-color:#999999;
border-width:1px;
color: #666666;
}

textarea.inputtext {
border-style: solid;
border-color:#999999;
border-width:1px;
color:#666666;
}

#botao {
border: none;
background-image:url(imagens/botao.jpg);
width:80px;
height:32px;
}

#facaprojeto {
position: absolute;
left: 0px;
top: 400px;
height:180px;
width:490px;
}

#metalurgia {
position: absolute;
left: 510px;
top: 400px;
height:180px;
width:490px;

}

#logo_projeto {
position: absolute;
top:39px;
left:0px;
width:102px;
height:97px;
border-style: solid;
border-width:1px;
border-color: #bfbfbf;
}

#texto_projeto {
position: absolute;
top: 65px;
left:115px;
width: 375px;
height: 62px;
font-family: Corbel, Tahoma, HGelvetica, Verdana;
font-size: 16px;
color: #777777;
}

#titulo_faca_projeto {
position: absolute;
top: 35px;
left: 115px;
width: 250px;
height: 26px;
font-family: Tahoma, Verdana;
color: #FF9900;
font-size: 22px;
}

#clique_laranja {
position: absolute;
top: 123px;
left: 115px;
width: 100px;
height: 19px;
}
a.laranja {
font-family: Tahoma, Verdana;
color: #FF9900;
font-size: 16px;
text-decoration:none;
}

a:hover.laranja {
color: #FFCC66;
}

#logo_metalurgia {
position: absolute;
top:39px;
left:0px;
width:102px;
height:97px;
border-style: solid;
border-width:1px;
border-color: #bfbfbf;
}

#texto_metalurgia {
position: absolute;
top: 65px;
left:115px;
width: 375px;
height: 62px;
font-family: Corbel, Tahoma, HGelvetica, Verdana;
font-size: 16px;
color: #777777;
}

#titulo_metalurgia {
position: absolute;
top: 35px;
left: 115px;
width: 250px;
height: 26px;
font-family: Tahoma, Verdana;
color: #666666;
font-size: 22px;
}

#clique_metalurgia {
position: absolute;
top: 123px;
left: 115px;
width: 100px;
height: 19px;
}

a.metalurgia {
font-family: Tahoma, Verdana;
color: #666666;
font-size: 16px;
text-decoration:none;
}

a:hover.metalurgia {
color: #999999;
}

#paginacao_prod {
	position: absolute;
	top:410px;
	left:0px;
	width:100%;
	height:30px;
	font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #959af5;
	}
	
table.cont {
border-top-color:#CCCCCC;
border-top-style:solid;
border-top-width: 1px;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width: 1px;
}

th.cont {
background-color: #999999;
color:#FFFFFF;
font-family:Geneva, Arial, sans-serif;
font-size:14px;
font-weight:bold;
border-bottom-color:#333333;
border-bottom-style:solid;
border-bottom-width: 1px;
height: 20px;
}

td.cont {
color:#333333;
font-family:Geneva, Arial, sans-serif;
font-size:12px;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width: 1px;
text-align:center;
}

td.cont_n {
color:#333333;
font-family:Geneva, Arial, sans-serif;
font-size:12px;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width: 1px;
text-align:center;
font-weight: bold;
}
	
#catalogo_cont {
position:absolute; 
left:250px; 
top: 280px; 
width: 750px; 
height:500px; 
overflow:auto;
font-family: Tahoma, Verdana;
font-size: 16px;
color: #777777;
}

h1.ban {
font-family: 'Century Gothic', Arial;
font-size: 18px;
color:#000099;
}

#lateral_detalhes {
	position: absolute;
	top: 10px;
	right: 0px;
	text-align: left;
	width: 400px;
	height: 400px;
	overflow: auto;
	}