*{margin:0; padding:0; text-decoration:none;}
body{font:12px/18px Verdana, Arial; cursor:default;}

#geral{width:770px; margin:5px auto;}
#header h1{
	background:url(imagens/logo.jpg) no-repeat; 
	width:161px; 
	height:75px; 
	text-indent:-90000px; 
	overflow:hidden; 
	float:left; 
	cursor:pointer;
	text-decoration:none;
    margin-left:15px;
    border-color:#fff;
}
#header span{
  display:block;
  float:left;
  margin-left:150px;
}
#rodape{
clear:both; 
text-align:center; 
background:url(imagens/rodape.gif) no-repeat bottom left; 
color:#fff; 
margin-top:10px;
height:30px; 
font-size:10px;
line-height:28px;
}
#anuncio {
margin-bottom:5px;
}
#creditos{float:left; margin:4px;}
/********************************************
TAGS
********************************************/
img{border:none;}
h1{
font-size:18px;
line-height:24px;
color:#2AC006;
border-bottom:2px solid #2AC006;
margin-bottom:10px;
}
p{
margin:5px;
}
h2{
font-size:14px;
background:#5AAE5A;
padding:2px;
color:#fff;
}

td{
border-bottom:1px solid #5AAE5A;
border-right:1px solid #5AAE5A;
padding:2px;
}
ol{
margin-left:40px;
}
table{
width:100%;
}
/********************************************
CONTEUDO
********************************************/
ul#descritivo{
border:1px solid black;
width:250px;
background:#fff;
float:left;
}
ul#descritivo li{
margin:4px 0 4px 20px;
}
ul.simple{
	margin-left:40px;
}
#especificacoes{
float:right;
width:300px;
border:1px solid #5AAE5A;
background:#fff;
}

#corpo{
float:right;
width:580px; 
margin-right:5px; 
_margin-right:2px;
background:url(imagens/top-cont.gif) no-repeat top left;
padding-top:10px;
margin-bottom:10px;
}
#cont{
background:#E6E8E7 url(imagens/bot-cont.gif) no-repeat bottom left;
padding:0px 10px 10px 10px;
float:left;
font-size:11px;
width:560px; 
}
/********************************************
CLASSES
********************************************/
.floatLeft{
float:left;
}
.floatRight{
float:right;
}
img.floatLeft{
float:left;
margin:5px;
}
img.floatRight{
float:right;
margin:5px;
}
.clear{
clear:both;
}
.erro{
color:red;
background:#E6E8E7;
font-size:14px;
text-align:center;
padding:10px;
}
ul#descritivo.tabFull, #especificacoes.tabFull{
width:550px;
}

/********************************************************
MENU DE NAVEGACAO
********************************************************/
#header #menu{clear:both; margin-left:7px;}
#menu ul#navegacao {list-style:none;}
#menu ul#navegacao li{float:left;}
#menu ul#navegacao li a{float:left; padding:5px 10px; background:#1AB102; color:#fff; font-size:14px;}
#menu ul#navegacao li.primeiro a{background:url(imagens/nav-top.png) no-repeat left top;}
#menu ul#navegacao li.ultimo a{background:url(imagens/nav-top.png) no-repeat right top;}
#menu ul#navegacao li a:hover, #menu ul#navegacao li.selected a{background:url(imagens/nav-top.png) -40px -40px no-repeat;}
#menu ul#navegacao li.primeiro a:hover, #menu ul#navegacao li.selPrimeiro a{background:url(imagens/nav-top.png) 0 -40px no-repeat;}
#menu ul#navegacao li.ultimo a:hover, #menu ul#navegacao li.selUltimo a{background:url(imagens/nav-top.png) -113px -40px no-repeat;}

#menu ul#pMenu{list-style:none; float:right; margin-right:5px;}
#menu ul#pMenu li{float:left;}
#menu ul#pMenu li a{width:23px; height:23px; float:left; text-indent:-9000px; overflow:hidden; margin-left:5px;}
#menu ul#pMenu li a.home{background:url(imagens/home.jpg) no-repeat;}
#menu ul#pMenu li a.contato{background:url(imagens/contato.jpg) no-repeat;}
/********************************************************
MENU DE PRODUTOS
********************************************************/
#menuProdutosBot{display:table-cell; background:url(imagens/prod-menu-bot.png) no-repeat bottom left; width:175px; float:left; padding-bottom:10px;} 
#menuProdutos {background:url(imagens/prod-menu-top.png) no-repeat left top; padding-top:10px; display:table-cell; width:175px;}
#menuProdutos h2{
color:#B0EC00; 
padding-left:20px; 
font-size:16px; 
padding-bottom:5px; 
background:none;

}
#menuProdutos ul{list-style:none;}
#menuProdutos ul li{ float:left;}
#menuProdutos ul li a{float:left; width:130px; padding:4px 25px 4px 20px; color:#fff;}
#menuProdutos ul li a:hover, #menuProdutos ul li.selectProd a{color:#B0EC00;}

/********************************************************
BUSCA
********************************************************/
#busca{
background:url(imagens/barra-busca.jpg) no-repeat left top; 
width:586px; 
height:37px; 
float:right; 
margin-bottom:5px;
}
#busca form{float:right; padding-top:7px; width:250px;}
#busca input#q{border:1px solid #333; color:#333; float:left;}
#busca input#botao{ float:right; margin-right:3px;}
/********************************************************
PRODUTOS
********************************************************/
#thumbProdutos{text-align:center;}
#thumbProdutos h3{font-size:14px; font-weight:bold;}
#thumbProdutos ul{list-style:none; }
#thumbProdutos ul li{float:left; }
#thumbProdutos ul li a{
float:left; 
width:176px;
height:256px; 
padding:2px;
margin:3px; 
color:#3DAC12;
background:url(imagens/thumb.gif) no-repeat left top;
position:relative;
line-height:16px;
}
#thumbProdutos ul li a span{
background:url(imagens/veja-mais.png) no-repeat bottom right;
width:102px;
height:23px;
display:block;
color:#fff;
text-align:center;
line-height:20px;
font-weight:bold;
position:absolute;
right:5px;
bottom:5px;
}
#thumbProdutos ul li a p{
text-align:left;
}
#thumbProdutos ul li a:hover span{
color:#333;
}

/********************************************
CONTATO
********************************************/
fieldset{
padding:10px;
}
label{
display:block;
display:table;
float:left;
margin:5px;
width:255px;
height:50px;
min-height:50px !important;
}
label b{
display:block;
}
#cont form input, 
#cont form textarea, 
#cont form select {
border:2px solid #ccc;
padding:4px;
font-size:10px;
width:240px;
}
#cont form input#submit{ width:auto; cursor:pointer;}
label b em{
font-weight:normal;
}
.inpNormal{border-color:#ccc;}
.inpFocus{border-color:#38E33A;}

#cont form textarea{
width:500px;
height:70px;
}
