/******************************************************************************
 ** S T Y L E   S I T E
 *
 * Autor: AM - Comunicação Visual
 * Date: 02.12.2007
 * File: tema.css
 */

*{
  text-decoration:none;
  border:none;
} 
 
html{
  font:normal 11px Trebuchet MS, Arial;
  color: #183883;
  text-align:left;
/*  background:#35559E url(img/fundo.jpg) repeat-Y left top ;*/
  background:#AA9;
}
body{
  width:780px;
  background:#BBBBAC url(img/fundo_site.jpg) repeat-Y left top;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}


/******************************************************************************
 ** Site
 */
#site{
  width:760px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;  
  background:#FFFFF4;
}

/******************************************************************************
 ** Topo
 */
#topo{
  width:760px;
  height:65px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;  
  background:#EEEEE4 url(img/fundo_top.jpg) repeat-X left top;
}

#menu{
  width:580px;
  /*background:#00CC33;*/
  height:40px;
  margin:auto;
}
.menu{
  height:40px;
  padding:20px 0px 0px 0px;
  float:left;
  width:115px;
  cursor:pointer;
  font-weight:bold;
  text-align:center;
  font-size:14px;
  color:#183883;
}
.menu:hover{
  color:#FFFFF4;
  text-decoration:underline;
}
#menu_inicio{
  background:url(img/menu_inicio.jpg) no-repeat left top;
}
#menu_empresa{
  background:url(img/menu.jpg) no-repeat left top;
}
#menu_quem_somos{
  background:url(img/menu.jpg) no-repeat left top;
}
#menu_produtos{
  background:url(img/menu.jpg) no-repeat left top;
}
#menu_contato{
  background:url(img/menu_contato.jpg) no-repeat left top;
}
/******************************************************************************
 ** Logo e Banner
 */
#logo_banner{
  width:760px;
  height:215px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;  
  background:#EEEEE4;
}
#logo{
  float:left;
  width:280px;
  height:215px;
  background:#555550;
  margin:0px 0px 0px 10px;
  _margin:0px 0px 0px 5px;
  background: url(img/logo.jpg) no-repeat left top;
}
#banner{
  float:left;
  width:460px;
  height:215px;
  background: url(img/banner_principal.jpg) no-repeat left top;
}

/******************************************************************************
 ** Conteúdo
 */
#conteudo{
  padding:0px 25px 0px 15px;
  width:720px; /*760-40 de padding*/
  background:#FFFFF4 url(img/fundo_conteudo.jpg) repeat-x left top;
  display:table;
}
#destaque{
  width:400px;
  background:#FFFFF4 url(img/fundo_destaque.jpg) no-repeat left top;
  padding:0px 5px 10px 5px;
  float:left;
}
#destaque .conteudo_destaque{
  margin:0px;
}
#destaque h1{
  padding:0px 5px 5px 50px;
  margin:0px;
  font-size:20px;
  background:#FFFFF4 url(img/titulo_destaque.jpg) no-repeat left top;  
  color:#C60;
}
#destaque p{
  padding:5px 5px 5px 5px;
  margin:0px;
  color:#000;
}

#esquerda{
  float:left;
  padding: 10px 5px 10px 5px;
}
#esquerda .div_produto{
  width:294px;
  height:45px;
  padding:3px 0px 0px 0px;
  border-bottom:#CCB 1px solid;
}
#esquerda .div_produto h1{
  font-size:14px;
  color:#C60;
  padding:0px 0px 5px 10px;
  margin:0px;
}
/*#esquerda .div_produto h1:hover{
  text-decoration:underline;
}*/
#esquerda .div_produto p{
  color:#665;
  padding:0px 0px 0px 5px;
  margin:0px;
}
#esquerda .div_produto img{
  cursor:pointer;
  border:1px solid #443;
  width:80px;
  height:35px;
}
#esquerda .div_produto img:hover{
  border:1px solid #F93;
}
#esquerda .div_produto table td{
  vertical-align:top;
  padding:0px;
  margin:0px;
}

#esquerda #pesquisa{
  width:295px;
  height:70px;
  padding:0px;
  margin:0px;
  background:#554 url(img/fundo_pesquisa.jpg) repeat-x left bottom;
}
#esquerda #pesquisa h1{
  padding:2px 5px 10px 50px;
  margin:0px 0px 0px 0px;
  font-size:16px;
  background: url(img/titulo_pesquisa.jpg) no-repeat left top;  
  color:#FFFFF4;
}
#esquerda #pesquisa table td{
  vertical-align:top;
  padding:0px;
  margin:0px;
}
#esquerda #pesquisa input{
  width:200px;
  height:14px;
  background:#FFFFF4;
  color:#665;
  font:normal 11px Trebuchet MS, Arial;
}

#esquerda .div_esquerda{
  width:294px;
  padding:3px 0px 0px 0px;
  border-bottom:#CCB 1px solid;
}


.input_text{
  border:#183883 1px solid;
  background:#FFFFFA;
  width:300px;
  margin:3px 0px 2px 0px;
  padding:1px 5px 1px 5px;
  font:normal 11px Trebuchet MS, Arial;
  color:#555;
}
.input_text:focus{
  border:#183883 1px solid;
  background:#FFF;
}
.input_select{
  border:#183883 1px solid;
  background:#FFFFFA;
  width:313px;
  margin:3px 0px 2px 0px;
  padding:1px 0px 1px 5px;
  font:normal 11px Trebuchet MS, Arial;
  color:#555;
}
.input_select:focus{
  border:#183883 1px solid;
  background:#FFF;
}
.input_submit{
  height:24px;
  width:100px;
  text-align:center;
  background:#183883 url(img/btn_100x24.jpg) no-repeat left top;
  cursor:pointer;
  color:#FFF;
  font:bold 10px Trebuchet MS, Arial;
}
.input_submit:hover{
  background-position:bottom left;
  color:#183883;
}

a{
  color:#183883;
  text-decoration:underline;
}
a:hover{
  text-decoration:none;
}
/******************************************************************************
 ** Rodape
 */
#rodape{
  width:760px;
  height:60px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;  
  background:#EEA059;
}
#creditos{
  float:left;
  color:#183883;
  padding:10px;
}
#endereco_fundicao{
  float:right;
  color:#183883;
  font-size:12px;
  padding:5px;
}

/******************************************************************************
  * Loading
  */
#loading{
  top: 25%;
  left:50%;
  margin-left: -50px;
  margin-top: -15px;
  width:100px;
  height:30px;
  color:#333;
  background:#EEE;
  border:1px solid #999;
  font-size:10px;
  position:absolute;
  display:block;
  padding:2px;
  filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity:0.8;
}
#loading text{
  color:#000;
  font-size:10px;
  position:absolute;
}