/* -------------------------------------------------------------- 
  
   Estilos para tela
	 * baseado no framework Blueprint v0.6 - http://code.google.com/p/blueprintcss/
	 
	 *** Seletores marcados com *IE FIX* indicam relação com o documento ie6.css onde ***
	 *** as propriedades são configuradas específicamente para o Internet Explorer 6  ***
   
-------------------------------------------------------------- */

@import 'reset.css';	/* Zera valores igualando os navegadores */
@import 'tipo.css';		/* Tipografia, fontes, cores e tamanhos */
@import 'grid.css';		/* Estrutura (container, colunas, etc) */
@import 'forms.css';	/* Formulários */
/* -------------------------------------------------------------- 
	
	MENUS (Navegação, menu lateral, submenu, etc.)
		*Utilize a classe desejada na div que contém a UL
		
-------------------------------------------------------------- */
.link { cursor: pointer; }
body#home h1#logo { display:none; }
h1#logo { float:left; margin:0; clear:both; }
h1#logo a { display:block; width:255px; height:70px; margin:4px 0 0 17px; text-indent:-9000px; }
/*------------------------------------------------------------*/

span#direitos { font-family: verdana; font-size: 11px; color: #8596ad; }
span#desenvolvido { padding-left:350px; }
span#desenvolvido a { font-family: verdana; font-size: 11px; color: #8596ad; text-decoration: none; }
/* -----------------------------------------------------------/*

Submenu com níveis em CSS:

Primeiro, considere a estrutura máxima de 3 níveis, sendo:
* Nível 1
* Nível 1
	* Nível 2
	* Nível 2
	* Nível 2
		* Nível 3
		* Nível 3
	* Nível 2
* Nível 1

Esses três níveis podem ser exibidos de 2 maneiras diferentes:
1- classe .sub-1:
	O método mais clássico onde o usuário passa o mouse sobre o link e o nível seguinte aparece flutuando.

2- classe .sub-2:
	Nesse método, o segundo nível aparece dentro do nível principal, abaixo do link, e o nível seguinte aparece flutuando ao apontar o mouse sobre o ítem desejado.
	
Por questões de usabilidade, não é aconselhável que o menu ultrapasse os 3 níveis propostos.
Se for o caso, o ideal é repensar a estrutura do site (Arquitetura da Informação), ou em último caso, deixar apenas os 3 níveis na navegação e os níveis subsequentes dentro das páginas internas, como subnavegação.

/*-------------------------------------------------------------*/

body#home .submenu ul { margin-top:120px; }

.submenu ul { margin:0; list-style:none; float:left; width:100%; /* a largura é definida pela DIV onde a UL está contida */ }
.submenu ul ul { display:none; } /* Esconde os subníveis  */
.submenu ul li { /* Define os ítens de lista de todos os níveis */ float:left; width:100%; clear:left; } /* Garante que os ítens de lista sejam exibidos corretamente nos navegadores IE 6 e 7 */
.submenu li:hover, .submenu li.over { position:relative;  /* O ítem sobre o qual o mouse está posicionado se torna a referência para o submenu */ }
.submenu li a { /* IEFIX */ text-decoration:none; display:block; /* o visual é definido no link <a> ao invés do ítem de lista <li>, por isso o display:block*/ height:18px; padding:2px 0 2px 0; text-indent: -9000px; margin: 0 0 1px 5px; background-position:bottom left; background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
.submenu li a#home { background-image: url(../img/bt_home.gif); }
.submenu li a#armco { background-image: url(../img/bt_armco.gif); }
.submenu li a#produtos { background-image: url(../img/bt_produtos.gif); }
.submenu li a#qualidade { background-image: url(../img/bt_qualidade.gif); }
.submenu li a#noticias { background-image: url(../img/bt_noticias.gif); }
.submenu li a#representante { background-image: url(../img/bt_noticias.gif); }
.submenu li a#faleconosco { background-image: url(../img/bt_faleconosco.gif); }
.submenu li a#trabalheconosco { background-image: url(../img/bt_trabalheconosco.gif); }
.submenu li a#acessorestrito { background-image: url(../img/bt_acessorestrito.gif); }
.submenu li a#galeriadeimg { background-image: url(../img/bt_galeriadeimg.gif); }
/* Cor do primeiro nível */
	.submenu li a:hover,  .submenu li:hover a,  .submenu li.over a { text-decoration:none; background-position:top left; }
/* Cor do segundo nível */
	.submenu li li a,  .submenu li:hover li a,  .submenu li.over li a { background:url(../img/bt_vazio.gif) no-repeat bottom left; color:#fff; margin:0; text-indent:0; padding:2px 10px 2px 5px; height:19px; width:191px; text-align:right; }
.submenu li li a.duplo,  .submenu li:hover li a.duplo,  .submenu li.over li a.duplo { height:41px; background:url(../img/bt_vazioduplo.gif) no-repeat bottom left; }
.submenu li li a:hover.duplo,  .submenu li li:hover a.duplo,  .submenu li li.over a.duplo { background-repeat:no-repeat; background-position: top left; }
.submenu li li a:hover,  .submenu li li:hover a,  .submenu li li.over a { background-repeat:no-repeat; background-position: top left; }
/* Cor do terceiro nível */
	.submenu li li li a,  .submenu li li:hover li a,  .submenu li li.over li a { background:url(../img/bt_vazio.gif) no-repeat bottom left; color:#fff; margin:0 0 0 9px; text-indent:0; padding:2px 8px 2px 5px; height:19px; width:191px; text-align:right; }
.submenu li li li a:hover.duplo,  .submenu li li:hover li a.duplo,  .submenu li li.over li a.duplo { background:url(../img/bt_vazioduplo.gif) no-repeat bottom left; height:41px; }
.submenu li li li a:hover.duplo { background:url(../img/bt_vazioduplo.gif) no-repeat top left; }
.submenu li li li a:hover { background:url(../img/bt_vazio.gif) no-repeat top left; }
/* Exibe o submenu do primeiro e segundo níveis no mouse over */
.sub-1 li:hover ul, .sub-1 li.over ul,  .sub-1 ul ul li:hover ul,  .sub-1 ul ul li.over ul, .sub-2 ul ul li:hover ul, .sub-2 ul ul li.over ul { display:block; width:195px; }
/* Mantém os próximos níveis escondidos até chegar a hora deles */
	.sub-1 li:hover ul ul,  .sub-1 li.over ul ul { display:none; }
/* Posiciona os submenus */	
.sub-1 ul ul, .sub-2 ul ul ul, .horizontal ul ul ul { position:absolute; top:0%; left:100%; width:151px; }

body#home .sub-1 ul ul { top:-518%; }

body#home ul ul ul { top:-120px!important; }

/* -------------------------------------------------------------- 
	
	BOX DE PESQUISA
	a Div se encontra dentro do include
		
-------------------------------------------------------------- */

#pesquisa label { font-weight:normal; background:url(../img/busca.gif) top left no-repeat; padding-left:20px; margin-top:5px; }
#pesquisa input { margin-top:5px; }
#pesquisa button { background:url(../img/seta.gif) center no-repeat; text-indent:-5000px; border:0; width:25px; margin-right:5px; }
/* -------------------------------------------------------------- 

	LISTAGEM DE NOTÃ?CIA
	lisNoticia.php

-------------------------------------------------------------- */
div.txtnoticia_categ { margin-bottom:5px; padding-bottom:15px; border-bottom:1px solid #ddd; }
ul.listanoticia { list-style:none; float:left; }
ul.listanoticia li { clear:both; border-bottom:1px solid #ddd; margin-bottom:1em; padding-bottom:0.5em; }
ul.listanoticia li img { float:left; margin:0 10px 0 0; }
ul.listanoticia h4 { line-height:1em; margin-bottom:0.4em; }
ul.listanoticia h4 a { color:#6A9DB6; }
ul.divide div { float:left; width: 75%; }
/* -------------------------------------------------------------- 

	TEXTO DA NOTÃ?CIA
	detNoticia.php

-------------------------------------------------------------- */

.detnoticia h3 { margin-bottom:4px; }
.anexos { float:left; margin:5px 0 0; list-style:none; }
.anexos li { padding:3px 12px 3px 18px; background:url(../img/ico_anexo.gif) no-repeat 5px; margin-bottom:2px; float:left; margin-right:3px; }
.anexos { float:left; margin:5px 0 0; list-style:none; }
.anexos li { padding-left:12px; background:url(../img/ico_anexo.gif) no-repeat 0px 4px; margin-bottom:2px; float:left; margin-right:10px; }
.anexos li a { color:#888; font-size:0.8em; }
.fonte { margin: 5px 0; }
.fonte cite { display:block; line-height:1; }
div#envieamigo h4 { margin-bottom:10px; }
/*------------ PRODUTO HOME ------------------- */
div#conteudoEsquerda ul li a { color:#314852; }
div#conteudoEsquerda ul li { background:url(../img/fundoProdutoHome.jpg) repeat; border: 1px #a2b4c0 solid; width:160px; height:250px; float:left; display:inline; margin:0 3px 0 4px; color:#314852; font:bold 11px Arial, Helvetica, sans-serif; }
div#conteudoEsquerda ul li.ultimo { margin:0 0 0 1px; }
div#conteudoEsquerda ul li img, div#conteudoEsquerda ul li p { padding:5px; margin:0; }
div#conteudoEsquerda ul li p#tithome { margin-bottom:3px; padding:0 5px; color:#006699; }
div#conteudoDireita p { padding:10px 0 0 16px; color:#004668; font:bold 12px Arial, Helvetica, sans-serif; }
div#conteudoDireita ul li { float:left; height:110px; margin:0 0 10px 13px; width:391px; }
div#conteudoDireita ul li img.foto { width:65px; border: 3px solid #FFFFFF; }
/*
div#conteudoDireita ul li{
	margin:0 0 16px 13px;
	float:left;
	width:391px;
}
*/
div#conteudoDireita ul li span { background:url(../img/moldura_fotos.gif) no-repeat; float:left; width:90px; height:72px; margin-left: -88px; }
div#conteudoDireita ul li img { float:left; margin:4px; display:block; }
div#lisNoticia { font:11px Arial, Helvetica, sans-serif; margin-left:6px; }
div#lisNoticia span.data { background:none; float:none; width:0; height:0; margin-left:0; color:#005681; font:9px Arial, Helvetica, sans-serif; font-weight:bold; }
div#lisNoticia a img.saibaMais { float:right; }

/*-------------- NOSSA HISTORIA ---------------*/

div#conteudoBase {
	padding:6px;
}
div#conteudoBase div{
	float:left;
	margin-left:6px;
	margin-right:30px;
	display:inline;
}

div#conteudoBase div li {
	text-align:center;
	margin:0 0 12px 0;
}
div#conteudoBase div p,
div#conteudoBase div a{
	width:360px;
	color:#133a4b;
	font:11px Arial, Helvetica, sans-serif;
	line-height:16px;
	text-align:justify;
}
/*---------------------- produtos ----------------------*/

.lisconstv { background:url(../img/lisprod.jpg) no-repeat; height:386px; width:426px; }
.lisarmaz { background:url(../img/lisprodarmaz.jpg) no-repeat; height:386px; width:426px; }
div#botoesproduto ul { width:100%; padding-bottom:10px; }
div#botoesproduto ul li { float:left; }
div#botoesproduto ul li a { margin:10px 43px 10px; ; float:left; width:343px; height:24px; text-align:center; }

/*----------------------- TabbedPanelsTab -----------------------*/
@charset "UTF-8";
/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

div#TabbedPanels1 { margin-top:-20px; }
#menuDireito { position:relative; z-index:100; float:right; background:url(../img/prodnavbaixo.gif) bottom left no-repeat #fff; padding:10px 15px 30px; width:213px; clear:right; overflow-y:auto; overflow-x:hidden; height:375px; }
#menuDireito ul li { position: relative; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; padding:0 0 5px; margin:0 0 0 0; background:left no-repeat; }
#menuDireito li a { border-bottom:1px solid #ddd; color:#555; margin:0 0 0 40px; width:80%; padding:10px 0 17px; display:block; text-align:left; }
#menuDireito li a:focus { text-decoration:none; }
#menuDireito li#resu	{ background:url(../img/download5.gif) no-repeat; }
#menuDireito li#aplic	{ background:url(../img/download6.gif) no-repeat; }
#menuDireito li#carac	{ background:url(../img/download1.gif) no-repeat; }
#menuDireito li#tab		{ background:url(../img/download2.gif) no-repeat; }
#menuDireito li#geo		{ background:url(../img/download3.gif) no-repeat; }
#menuDireito li#mont	{ background:url(../img/download4.gif) no-repeat; }
#menuDireito li#gale	{ background:url(../img/download7.gif) no-repeat; }
#menuDireito li#vantagem		{ background:url(../img/download8.gif) no-repeat; }
#menuDireito li#grafVidaUtil	{ background:url(../img/download9.gif) no-repeat; }
ul.download { float:left; margin:0; list-style:none; }
ul.download li { float:left; width:415px; height:19px; padding:5px 0pt 16px 25px; margin:0 8px 10px 0; background:left no-repeat; background-image:url(../img/download.gif); text-align:left; }
span#prodnavcima { float:right; display:block; background:url(../img/prodnavcima.gif); width:243px; height:14px; clear:right; }
li.TabbedPanelsTabSelected a { color:#ccc; }
/* --- Galeria de imagens - detProduto.php e lisGaleria.php --- */

div.galeriageral { padding:7px 0 7px 7px; border:1px solid #ddd; float:left; }
ul.galeria { float:left; }
ul.galeria li { float:left; margin-right:7px; height:100px; }
/*------------------------------REPRESENTANTES------------------------------------*/
.tableFull { border-collapse:separate; border-spacing:1px; background:#dce7ea; font-size:9px; }
.tableFull tr { height:16px; }
.tableFull p { margin:0 }
.tableFirstCol { background:#95b7c0; width:54px; }
.tableFirstCol p { margin-left:6px; font-weight:bold; font-size:9px; }
.tableSecondCol p { margin-left:6px; min-width:60px; }
h5 { font:Arial, Helvetica, sans-serif; font-size:14px; color:#82aec3; margin-bottom:4px; }
a.tituloEstado { color:#4e7d95; }
a.tituloEstado:hover, a.tituloEstado:focus { text-decoration:none; }
a.tituloEstado { margin-left:10px; }
#conteudo h5 { margin:0 0 2px 0; }
div#fullConteudo { padding:6px; border-bottom:#CCCCCC 1px solid; }
/* #form-contato label, */
#tabCadCurriculo label { color:#6A9DB6 }
.trabalhec label { float:right; vertical-align:top }
.linkNoticias { float:left; height:auto; margin:0px 15px 0px 0px; position:relative; z-index:10; }
.sobreLink { position:absolute; top:0px; left:0px; z-index:12; border:4px solid #E1E1D9; height:96%; margin:0 10px 0px 0px; width:64px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(css/PIE.htc); background:none transparent; display:block; }
div#conteudoDireita ul li img.foto { border:0 none; margin:4px 0 0 3px; width:65px; -webkit-box-shadow: 6px 6px 4px #666666; -moz-box-shadow: 6px 6px 4px #666666; box-shadow: 6px 6px 4px #666666; behavior: url(css/PIE.htc);-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }