* {margin:0;padding:0;}
body{ background:url('../i/bg.jpg') repeat; font-family: "Trebuchet MS", arial, sans-serif; font-size:0.8em; }

h1 span, h2 span, button span { display:none; }
h1, h2, h3, h4, h5, h6 { color:#09333f; }
select, input { color:#000000; }
.clear { clear:both; }
.fl { float:left; }
.fr { float:right; }
.r { text-align:right; }
.c { text-align:center; }
.l { text-align:left; }
.descricao {margin-bottom: 15px; } 
.bold {font-weight: bold;}
.oculto {display:none;}
.requerido{color:red;}
.erro{ background: #FFE3DC; border-top: red solid 2px; padding: 15px; margin-bottom: 10px; margin-top:10px; width:80%;}
.erro span{ font-weight: bold;}
.erro h6{font-size: 1.1em; font-weight: bold; margin-bottom: 10px; color:#000000;}
.erro ul { list-style-type:none;}
.erro li { margin:3px 0;}
.divisoria {background: url('../i/divisoria.png') no-repeat;}
form ul { list-style:none; }
a {color:#09333f;}
ul { list-style:none;color:#09333f;}
fieldset { padding:10px; }
legend { padding:0 3px; font-weight:bold; }
a img {border: 2px #385d67 solid;} 


#geral { background:url('../i/topo.jpg') repeat-x; min-height:407px;}
#geral #miolo { width:937px; margin:0 auto; }
#topo { width:937px; margin:0 auto; height:168px;}
#topo h1 { background:transparent url('../i/bg-topo1.jpg') no-repeat; width:442px; height:165px; display:block; margin-left:18px;float:left;}
#topo h1 a{ background:#FFFFFF url('../i/logo-alumasa.jpg') no-repeat; width:289px; height:73px; display:block; float:left; margin:55px 0 0 -13px;}
#topo #topo-contatos {float:right;margin-top:5px;}
#topo #topo-contatos .email {float:left; color:#d6e7ee;text-decoration:none;padding-right:10px;font-weight:bold;line-height:26px;}
#topo #topo-contatos .rss {background:url('../i/btn-rss.jpg') no-repeat; width:15px; border:none; height:15px; display:block; float:left; color:#d6e7ee;margin-top:7px;}
#topo #topo-contatos .fone-topo {float:left;color:#d6e7ee;padding-right:10px;font-weight:bold;line-height:26px;}
#topo #topo-contatos .icone-mapa-site {background:url('../i/bt-mapasite.png') no-repeat; width:17px; border:none; height:15px; display:block; float:left; color:#d6e7ee;margin-top:7px;}
#topo #topo-contatos .icone-acessibilidade {background:url('../i/bt-acessibilidade.png') no-repeat; width:15px; border:none; height:17px; display:block; float:left; color:#d6e7ee;margin:6px 10px 0 0;}

#topo #autenticacao {position:absolute; }
#topo #autenticacao #formLogin {margin:5px 0 0px 7px; }
#topo #autenticacao #formLogin p {float: left; margin: 0px;}
#topo #autenticacao #formLogin label { padding-left:10px; color:#d6e7ee; font-weight:bold; }
#topo #autenticacao #formLogin label input{ width:134px; height:18px;  border:none; padding-left: 4px;}
#topo #autenticacao #formLogin #login {background: url('../i/fundo-input-index.png') no-repeat;}
#topo #autenticacao #formLogin #senha {background: url('../i/fundo-input-senha-index.png') no-repeat; width: 132px; }
#topo #autenticacao #formLogin button{cursor:pointer;  border:none; background: url('../i/bt-ok.png') no-repeat right; height:20px; width:27px; position:absolute; bottom:-1px; }
html:first-child #topo #autenticacao #formLogin button{position:absolute; left:380px;} /*posicionamento no opera 8*/
#topo #autenticacao #formLogin button:hover{ background: url('../i/bt-ok.png') no-repeat right;}

#menu { background:url('../i/bg-menu.jpg') no-repeat; width:931px; height:51px; margin:0px auto; }
#menu ul li{ display:inline; line-height:39px; padding-left:18px;}
#menu ul li a{ text-decoration:none; font-weight:bold; color:#FFFFFF;}
#menu ul li a:hover{ color:#4bb8dc; }

#conteudo {padding:5px;}
#conteudo p {color:#09333f;}
#conteudo #banner-principal {width:922px; height:438px; margin:8px auto 30px; display:block;}
#conteudo #banner-principal #nav {height:35px; width:920px; display:block; text-align:right;}
#conteudo #banner-principal #nav a { border:none; color:#234766; font-weight:bold; height:23px; width:27px; text-decoration: none; margin: 0 5px; padding: 3px 5px; position:relative; top:10px;  }
#conteudo #banner-principal #nav a.activeSlide { background:#234766; color:#FFFFFF;}
#conteudo #banner-principal #nav a:focus { outline: none; }

#col-dir { width:290px; float:right; }
#col-dir .capa-representantes {background:url('../i/banner-representantes-lateral.jpg') no-repeat; width:290px; height:109px; display:block; float:left; padding-right:29px; margin-top:21px;}
#col-dir .capa-representantes a{width:290px; height:109px; display:block;}
#col-dir .capa-contato {background:url('../i/banner-contato.png') no-repeat; width:290px; height:109px; display:block; float:left; margin-top:21px;}
#col-dir .capa-contato a{width:290px; height:109px; display:block;}

#conteudo .area-aluminio {background:url('../i/banner-extrusao-aluminio.jpg') no-repeat; width:288px; height:107px; display:block; float:left; margin-left:31px;}
#conteudo .area-aluminio a{width:288px; height:107px; display:block;}
#conteudo .area-construcao {background:url('../i/banner-materiais-construcao.jpg') no-repeat; width:288px; height:107px; display:block; float:left;margin-right:31px;}
#conteudo .area-construcao a{width:288px; height:107px; display:block;}
#conteudo .area-engenharia {background:url('../i/banner-engenharia-civil.jpg') no-repeat; width:288px; height:107px; display:block; float:left;}
#conteudo .area-engenharia a{width:288px; height:107px; display:block;}
#conteudo .enquete {width:290px; display:block; float:left; padding-right:28px; margin-top:21px;}
#conteudo .enquete h2{ background:url('../i/bg-tit-enquete.jpg') repeat-x; width:278px; height:24px; line-height:24px; display:block; padding-left:10px; font-size:1.2em;}
#conteudo .enquete ul { list-style:none; margin:10px 0 0 15px; }
#conteudo .enquete h3.tit-enquete { margin:8px 0 0 15px; color:#09333f;}
#conteudo .enquete p.tit-enquete { margin:8px 0 0 15px; color:#09333f;}
#conteudo .enquete ul li { margin-top:5px;  color:#09333f;}
#conteudo .enquete ul li span.resposta { display:block; margin-bottom:3px; }
#conteudo .enquete ul li span.votos { margin-left:5px;  }
#conteudo .enquete input { margin-right:3px; }
#conteudo .enquete button { margin:10px 0 0 15px; float:left; cursor:pointer; border:none; display:block; width:62px; height:21px; background: url('../i/btn-votar.gif') no-repeat top left; }
#conteudo .enquete button:hover { background-position:bottom left; }

#conteudo .capa-representantes {background:url('../i/banner-representantes.jpg') no-repeat; width:290px; height:109px; display:block; float:left; padding-right:29px; margin-top:21px;}
#conteudo .capa-representantes a{width:290px; height:109px; display:block;}
#conteudo .capa-contato {background:url('../i/banner-contato.png') no-repeat; width:290px; height:109px; display:block; float:left; margin-top:21px;}
#conteudo .capa-contato a{width:290px; height:109px; display:block;}

#institucional .imagem-fundo {float:right; margin-left: 5px;}
#institucional .imagem-fundo img{border: 1px solid #09333F;}

#contato h2{height:25px;}
#contato #formulario{ margin-bottom:10px;}
#contato #formulario input { background: url('../i/fundo-input.png') repeat-x;border:0px; margin:5px 0 5px 0; width: 350px; height:21px;padding:4px 0px 0px 3px;}
#contato #formulario #ddd {width:25px; }
#contato #formulario #telefone {width: 100px; margin-left:5px;}
#contato #formulario #cidade {width: 200px; }
#contato #formulario select{border: none; background: #cbe3e8 url('../i/fundo-input.png') no-repeat; margin:5px 0 5px 0;height:25px;padding:4px 4px 4px 3px; width: 180px;}
#contato #formulario textarea {background: #cbe3e8 url('../i/fundo-textarea.png') repeat-x; border: 0px;margin:5px 0 5px 0;width:390px; height:107px;padding:0px 0px 0px 4px;}
#contato #formulario button.bt-enviar {background: url('../i/bt-enviar.png');width:69px; height:25px; border:none;float:left;margin-right:10px;}
#contato #formulario button.bt-enviar:hover{background-position: bottom left;border:none;}
#contato #formulario button.bt-limpar {background: url('../i/bt-limpar.png'); width:69px; height:25px; border:none;}
#contato #formulario button.bt-limpar:hover {  background-position: bottom left;}
#contato #formulario .erro-contato p {padding:10px;}

#contato #sucesso a{text-decoration:underline;}
#contato #sucesso a:hover{text-decoration:none;color:#000;}

#informativo h2{height:25px;}
#informativo button.bt-enviar {background: url('../i/bt-enviar.png');width:69px; height:25px; border:none;float:left;margin-right:10px;}
#informativo button.bt-enviar:hover{background-position: bottom left;border:none;}
#informativo button.bt-limpar {background: url('../i/bt-limpar.png'); width:69px; height:25px; border:none;float:left;margin-right:5px;}
#informativo button.bt-limpar:hover { border:none; background-position: bottom left;}
#informativo input { background: url('../i/fundo-input.png') no-repeat;border:0px; margin:5px 0 5px 0; width: 275px; height:21px;padding:4px 0px 0px 3px;}
#informativo a{text-decoration:underline;}
#informativo a:hover{text-decoration:none;color:#000;}

#noticias h2{height:25px;}
#noticias .separador{margin-top:5px;}
#noticias .separador p.imagem-fundo {padding:0px 3px 0px 3px; float:left; margin-right:5px; border:none;}
#noticias .separador a.titulo-noticia{text-decoration:underline;}
#noticias .separador a:hover.titulo-noticia{text-decoration:none;color:#000;}
#noticias .separador p.leia-mais {margin-bottom:5px;}
#noticias .separador a.leia-mais{text-decoration:underline;}
#noticias .separador a:hover.leia-mais{text-decoration:none;color:#000;}
#noticias .separador {clear:both;}
#noticias #outras-noticias {clear:both;}
#noticias #outras-noticias h3{margin-top:5px;margin-bottom:2px;}
#noticias #outras-noticias li{margin-bottom:2px;}
#noticias #outras-noticias li a{text-decoration:underline;}
#noticias #outras-noticias li a:hover{text-decoration:none;color:#000;}
#noticias p.todas {margin-bottom:5px;}
#noticias p.todas a{text-decoration:underline;}
#noticias p.todas a:hover{text-decoration:none;color:#000;}

#noticias #detalhes {margin-top:5px;}
#noticias #detalhes p.imagem-fundo{padding:0px 3px 0px 3px; float:left; margin-right:5px;}
#noticias #detalhes a.titulo-noticia{text-decoration:underline;}
#noticias #detalhes a:hover.titulo-noticia{text-decoration:none;color:#000;}
#noticias #detalhes .descricao {margin-bottom: 5px;}
#noticias #detalhes .fonte {margin-bottom: 5px;}
#noticias #detalhes .link {margin-bottom: 5px;}
#noticias #detalhes .link a {text-decoration:underline;}
#noticias #detalhes .link a:hover{text-decoration:none;color:#000;}
#noticias #fotos .foto {float:left; margin-right: 10px; margin-top: 5px;}
#noticias a.voltar{text-decoration:underline;}
#noticias a:hover.voltar{text-decoration:none;color:#000;}

#noticias #todas-noticias li{margin-bottom:2px;}
#noticias #todas-noticias li a{text-decoration:underline;}
#noticias #todas-noticias li a:hover{text-decoration:none;color:#000;}
#noticias #todas-noticias a.leia-mais{text-decoration:underline;}
#noticias #todas-noticias a:hover.leia-mais{text-decoration:none;color:#000;}

#lancamentos h2{height:25px;}
#lancamentos .separador{;margin-top:5px;}
#lancamentos .separador p.imagem-fundo {padding:0px 3px 0px 3px; float:left; margin-right:5px;}
#lancamentos .separador a.nome-lancamento{text-decoration:underline;}
#lancamentos .separador a:hover.nome-lancamento{text-decoration:none;color:#000;}
#lancamentos .separador a.detalhes-lancamento{text-decoration:underline;}
#lancamentos .separador a:hover.detalhes-lancamento{text-decoration:none;color:#000;}
#lancamentos #detalhes {margin-top:5px;}
#lancamentos #detalhes p.imagem-fundo {padding:0px 3px 0px 3px; float:left; margin-right:5px;}
#lancamentos #detalhes a.nome-lancamento{text-decoration:underline;}
#lancamentos #detalhes a:hover.nome-lancamento{text-decoration:none;color:#000;}
#lancamentos #fotos {margin-top:5px;}
#lancamentos #fotos .foto {float:left; margin-right: 10px;margin-top: 5px;}
#lancamentos a.voltar{text-decoration:underline; }
#lancamentos a:hover.voltar{text-decoration:none;color:#000;}

#indique h2{height:25px;}
#indique h3{margin-bottom:5px;}
#indique input { background: url('../i/fundo-input.png') no-repeat;border:0px; margin:5px 0 5px 0; width: 275px; height:21px;padding:4px 0px 0px 3px;}
#indique button.bt-enviar {background: url('../i/bt-enviar.png');width:69px; height:25px; border:none;float:left;margin-right:10px;}
#indique button.bt-enviar:hover{background-position: bottom left;}
#indique button.bt-limpar {background: url('../i/bt-limpar.png'); width:69px; height:25px; border:none;}
#indique button.bt-limpar:hover {background-position: bottom left;}

#representantes h2{height:25px;}
#representantes h3{margin-bottom:5px;}
#representantes a {text-decoration:underline;}
#representantes a:hover{text-decoration:none;color:#000;}
#representantes .bg-representantes {display:block;}
#representantes .bg-representantes  .div-mapa { margin:20px 10px 20px 0; width:400px; float:left; padding-left:3px;}
#representantes .bg-representantes  .titulo-repr { margin:25px 0 4px 0; font-size:1.3em; font-weight:normal;}
#representantes .dados-repr { margin: 0px 0px 5px 0px;padding: 0px 0px 0px 5px;}
#representantes .dados-repr .imagem{ float:right;  }
#representantes .dados-repr p{ margin:2px 0 0 0;  }
#representantes .dados-repr .divisor{ margin:10px 0 0 0;  }
#representantes .sem-repr { margin: 0px 0px 10px 0px;padding: 0px 0px 5px 5px;}
#representantes .sem-repr p{ margin:2px 0 0 0;  }

#diferenciais h2{height:25px;}
#diferenciais h3{margin-bottom:0px;margin-top:5px;}
#diferenciais ul{margin-left:25px;list-style:circle;padding-bottom:5px;}
#diferenciais li{line-height:20px;}
#diferenciais a{font-weight:bold; color:#09333f;text-decoration:underline;}
#diferenciais a:hover{text-decoration:none;color:#000;}
#diferenciais .espaco {margin-top:15px;font-weight:bold;}
#diferenciais .espaco2 {margin:15px 0px;}

#produtos h2{height:25px;}
#produtos h3{margin-bottom:5px; padding-top:5px;}
#produtos a {text-decoration:underline;}
#produtos a:hover{text-decoration:none;color:#000;}
#produtos #caixa-linhas { margin-top: 5px; padding: 5px 10px 10px 10px;}
#produtos #caixa-linhas #material-contrucao {margin-bottom: 10px;}
#produtos #caixa-linhas #engenharia-civil {margin-bottom: 10px;}
#produtos .separador-linha {float:left; width:280px; margin-bottom: 3px;}
#produtos .seta-linha {background:url("../i/seta-linha.png") no-repeat scroll left ;height: 100%; padding-left: 10px;}
#produtos .separador-produto {float:left; width:200px;height:175px; text-align:center; }
#produtos .imagem-produto {width:200px; height: 110px; }
#produtos .nome-produto { width:200px; text-align:center;}
#produtos .nohover:hover {text-decoration:none;color:#09333f;}
#produtos .nohover {text-decoration:none;}
#produtos #detalhes #p-link {margin-bottom: 5px;}
#produtos #detalhes #produto-detalhes {background: #c1dee2; border: 2px solid #9dbdc1; padding: 15px;}
#produtos #detalhes #produto-detalhes h3 {padding:0;}
#produtos #detalhes #produto-detalhes p.descricao {margin-bottom: 5px;}
#produtos #detalhes #imagem-detalhes { float:left; margin-right: 10px; margin-bottom: 5px;}
#produtos #detalhes #table-detalhes { clear:both;}
#produtos #detalhes #table-detalhes {width: 100%;border-collapse: collapse;}
#produtos #detalhes #table-detalhes th {color: #fff; border-right: 2px solid #c1dee2; padding: 10px;background: #698298;}
#produtos #detalhes #table-detalhes tr.zebra {background: #c1dee2;}
#produtos #detalhes #table-detalhes tr {background: #b2d0d7;}
#produtos #detalhes #table-detalhes td {border-right: 2px solid #c1dee2;padding: 8px;}
#produtos #detalhes #caixa-video { width:600px;}
#produtos #detalhes #caixa-video h3 {margin-top: 5px;}
#produtos #detalhes #caixa-video object {width:600px; height:361px;margin-top: 5px;}
#produtos #detalhes #caixa-video embed {width:600px; height:361px;margin-top: 5px;}
#produtos #detalhes #caixa-video #gddflvplayer1 object {width:600px; height:361px;margin-top: 5px;}
#produtos #detalhes #imagens h3 {margin-bottom: 10px; margin-top:5px;}
#produtos #detalhes #imagens .imagem {float:left; width: 150px; height: 150px; text-align: center;}

#mapa-do-site ul{ list-style: disc; list-style-position: inside; margin:20px 0px 0 20px;}
#mapa-do-site li ul{ list-style: circle; list-style-position: inside; margin:0px 0 0 25px;}
#mapa-do-site li ul li ul{ list-style: square; list-style-position: inside; margin:0px 0 0px 25px;}
#mapa-do-site li {line-height: 1.5em; }

#acessibilidade h3{margin:10px 0 0 0;}
#acessibilidade ul{ list-style: disc; list-style: none; margin:0px 0px 0 10px;}










#rodape { width:937px; margin:60px auto 0; color:#09333f;}
#rodape .vcard { padding:0px; float:left; font-size:0.9em;}
#rodape .vcard .geo { display:none; }
#rodape .vcard .org { font-weight:bold; }
#rodape .vcard a { font-weight:bold; color:#09333f; }
#rodape ul { list-style:none; }
#rodape p#copy { text-align:center; clear:both; padding:10px 0; font-size:0.8em;}
#rodape #creditos { float:right; display:block; width:63px; height:21px; margin:40px 0px 0 0; }
#rodape #creditos span { display:none; }
#rodape #creditos a { display:block; width:67px; height:21px; background: url('../i/credito-tecmedia.png') no-repeat top left; margin-top:-25px;}
#rodape #creditos a:hover { background-position:bottom left; }