/*
--------------------------------------------------------------------
 Arquivo:			principal.css
 Autor:			Ederson Morche
 E-mail:			eder@usinanet.com.br
 Data da Criacao:		20/12/2006
 Ultima Alteracao:	
 E-mail:			
 Alterado em:		
 Descricao:			Folha de Estilos principal
--------------------------------------------------------------------
*/

/*
--------------------------------------------------------------------
 Pagina - Regras Gerais
--------------------------------------------------------------------
*/


html, body, a, div, form, h1, h2, h3, img, form, form input {
  padding: 0px;
  border: 0px;
  margin: 0px;
}

body {
  color: #fff;
  font: 11px Arial, Helvetica, sans-serif;
  background:url(../img/bg_corpo.jpg) no-repeat;
}

a {
  color: #fff;
}

a:active, a:link, a:visited,  a:hover {
  text-decoration: none;
}

form fieldset {
  border:0px;
}

form legend {
  display:none;
}

ul, li {
  list-style:none;
  margin:0;
  padding:0;
}

.clear {
  display:block;
  clear:both;
}

table caption {
  display:none;
}




/* ---- Corpo ---- */

#arabescos {
  position:fixed;
  top:0;
  left:0;
}

#corpo {
  position:absolute;
  top:50%;
  left:50%;
  width:700px;
  height:380px;
  margin:-210px 0 0 -350px;

}

#esquerda{
  display:block;
  float:left;
  width:210px;
}

#esquerda .foto {
  display:block;
  padding:2px 2px 2px 2px;
  margin:20px 0 0 0;
}

#esquerda .foto .borda{
  display:block;
  width:190px;
  height:120px;
  position:relative;
  top:-120px;
  background:url(../img/borda_foto_lateral.png) no-repeat;
  z-index:10;
  margin-bottom:-120px;
}

#esquerda .foto_noticia {
  display:block;
  padding:2px 2px 2px 2px;
  margin:48px 0 0 0;
}

#esquerda .foto_noticia img {
  display:block;
  width:190px;
  height:120px;
}

#esquerda .foto_noticia .borda{
  display:block;
  width:190px;
  height:120px;
  position:relative;
  top:-120px;
  background:url(../img/borda_foto_lateral.png) no-repeat;
  z-index:10;
  margin-bottom:-120px;
}


#direita {
  display:block;
  float:left;
  width:490px;
  height:300px;
}

#direita h1 {
  margin:0 0 20px -15px;
  font-size:1.8em;
  background:url(../img/bg_titulo.gif) no-repeat 0 14px;
  padding:0 0 0 15px;
  font-weight:normal;
}

#direita p {
  font-size:1em;
  color:#D6E7EA;
  line-height:1.6em;

}

#direita .lojas {
  margin-top:-5px;
}

#direita .lojas h2 {
  font-size:1.2em;
  margin:20px 0 0 0;
}


#direita .lojas h3 {
  font-weight:normal;
  font-size:1em;
  margin:2px 0 0 0;
  color:#ccc;
  
}




/* --------- Produtos ---------- */

#submenu_lateral{
  text-align:right;
  margin:40px 20px 0 0;
}

#submenu_lateral ul li a{
  color:#fff;
  display:block;
  clear:both;
  margin:2px 0 0 0;
  padding:0 0 3px 0;

}

#submenu_lateral ul li a:hover{
  background:url(../img/seta_bca.gif) no-repeat 0 4px;
}

#thumbs {
  margin:20px 10px 0 3px;
}


#thumbs ul li {
  display:inline;
}

#thumbs ul li a{
  display:block;
  float:right;
  width:36px;
  height:36px;
  border:3px solid #ccc;
  margin:0 7px 7px 0;
}

#thumbs ul li a img{
  display:block;
  width:36px;
  height:36px;

}

#thumbs ul li a:hover{
  border:3px solid #fff;
}


#login a{
  color:#fff;
  background:url(../img/b_ir.gif) no-repeat right;
  padding-right:20px;
  position:relative;
  top:10px;
  float:right;
  margin:0 20px 0 0;
}

#login a:hover{
  margin-right:15px;
}


#foto_grande img {
  display:block;
  width:500px;
  height:260px;
}


#foto_grande .borda {
  display:block;
  width:500px;
  height:260px;
  background:url(../img/borda_foto_grande.png) no-repeat;
  position:relative;
  top:-260px;
  z-index:5;
  margin-bottom:-260px;
}

#download a{
  color:#fff;
  background:url(../img/b_download.gif) no-repeat left;
  padding-left:20px;
  position:relative;
  top:10px;
}

#download a:hover{
  margin-left:5px;
}

#descricao {
  display:none;
}


#esqueci a, #cadastrar a{
  display:block;
  clear:both;
  color:#fff;
  background:url(../img/b_ir.gif) no-repeat left;
  padding-left:20px;
  margin:0 0 5px 8px;
}







/* --------- Contato ---------- */

#contato {
  margin:0 0 0 -8px;
}

#contato form label {
  display:block;
  clear:both;
}

#contato form input{
  display:block;
  clear:both;
  width:300px;
  padding:2px 0 2px 2px;
  margin:3px 0 8px 0;
}

#contato form .codigo{
  width:38px;
  float:left;
  margin-right:10px;
}

#contato form .fone{
  width:250px;
  float:left;
  clear:none;
}

#contato form textArea{
  display:block;
  clear:both;
  width:297px;
  height:90px;
  padding:2px 0 2px 2px;
  margin:3px 0 8px 0;
}

#contato form .botao_envia {
  width:74px;
  height:44px;
  font-size:1.1em;
  font-weight:bold;
  color:#204850;
  margin:20px 0 0 237px;
  cursor:pointer;
  background:url(../img/botao_enviar.gif) no-repeat left;
}

#contato form .botao_envia:hover {
  background:url(../img/botao_enviar.gif) no-repeat right;
}














/* --------- Rodape ---------- */

#rodape {
  position:fixed;
  bottom:50px;
  left:0;
  width:100%;
  height:32px;
  background:#fff;
  text-align:center;
  background:#fff;
  border-top:5px solid #ccc;
  border-bottom:5px solid #ccc;


}

#conteudo_rodape {
  position:fixed;
  bottom:55px;
  left:50%;
  display:block;
  width:700px;
  height:30px;
  margin:0 0 0 -160px;
  z-index:5;
}

#conteudo_rodape #logo_armil {
  display:block;
  float:left; 
  position:relative;
  top:-40px; 
  margin: 0 10px -40px 0;
  z-index:5;
}



/* --------- Menu Rodape ---------- */

#menu_rodape ul{
  display:block;
  float:left;
  margin:0 20px 0 0;
}

#menu_rodape ul li a{
  color:#31565F;
}

#menu_rodape ul li {
  display:inline;
}

#menu_rodape ul li a{
  display:block;
  float:left;
  font-size:1.3em;
  margin:6px 0 0 0;
  border-right:1px solid #ccc;
  width:105px;
  text-indent:-2000px;
}

#menu_rodape ul li .empresa {
  background:url(../img/b_empresa.png) no-repeat center;
  width:100px;
}

#menu_rodape ul li .produtos{
  background:url(../img/b_produtos.png) no-repeat center;
  width:105px;
}

#menu_rodape ul li .lancamentos{
  background:url(../img/b_lancamentos.png) no-repeat center;
  width:130px;
}

#menu_rodape ul li .contato{
  background:url(../img/b_contato.png) no-repeat center;
  width:93px;
}

#logo_usina {
  display:block;
  margin:7px -20px 0 20px;
}

#logo_armil_2 {
  position:fixed;
  bottom:0px;
  left:50%;
  margin:0 0 0 -380px;
  z-index:10;
}

#descricao p {
  margin-top:50px;
}


/* --------- Submenu Rodape ---------- */

#submenu_rodape {
  position:fixed;
  bottom:52px;
  left:50%;
  display:block;
  width:700px;
  height:30px;
  margin:0 0 0 -350px;
  display:none;
}

#submenu_rodape #produtos {
  margin:0 0 0 380px;
}

#submenu_rodape #produtos li a{
  color:#fff;
  display:block;
  clear:both;
  margin:2px 0 0 0;
  padding:0 0 0 15px;
  width:100px;
}

#submenu_rodape #produtos li a:hover {
  background:url(../img/seta_bca.gif) no-repeat 0 3px;
}

#user_login {
position:absolute;
top:0;
right:0;
margin:10px -10px 0 0;
color:#ccc;
}

#user_login h2 {
font-weight:normal;
}

#user_login strong {
font-weight:bold;
}