@charset "utf-8";
/* CSS Document */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#logo { 
	margin: 10px;
	background:url(../image/logo.png) no-repeat;
	width: 220px;
	height: 60px;
	float: left;
}

#menu-top
{
margin-left: 30px;
position: absolute;
width: 800px;
}

#menu-top ul
{
list-style: none;
padding: 0;
margin: 0;
} 

#menu-top li
{
float: left;
margin: 0 8px;
} 

.menu-top-botao
{
float: left;
margin: 0 8px;
} 

#menu-top li a
{
padding: 10px;
height: 10px;
line-height: 20px;
float: left;
display: block;
border-left: 3px solid #7FCBA4;
color: #426746;
text-decoration: none;
text-align: left;
} 

.menu-top-botao a
{
padding: 10px;
height: 10px;
line-height: 20px;
float: left;
display: block;
border-left: 3px solid #7FCBA4;
color: #426746;
text-decoration: none;
text-align: left;
} 

#menu-top li a:hover
{
line-height:20px;
border-bottom: 3px solid #7FCBA4;
cursor: pointer;
}

.menu-top-botao a:hover
{
line-height:20px;
border-bottom: 3px solid #7FCBA4;
cursor: pointer;
}


/* Hide from IE5-Mac \*/
#menu-top li a
{
float: none

}
/* End hide */


div#menu table {
width: 200px;
background-color: #e6f5ee;
} 

#menu td
{
font-size: 14px;
color: #006600;
} 

#menu td a
{
font-size:11px;
color:#00984A;
display: block;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
text-decoration: none;
text-align: left;
} 

#menu th
{
font-size:12px;
color:#00984A;
display: block;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 30px;
text-decoration: none;
text-align: left;
} 

#menu td a:hover
{
background:#FFF;
cursor: pointer;
}

#menu td label
{
font-size:10px;
color:#00984A;
display: block;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
text-decoration: none;
text-align: left;
} 

#menu
{
padding-left: 15px;
padding-top: 10px;
width: 200px;
float: left;
} 

#main
{
padding-left: 0px;
width: 800px;
height: 500px;
float: left;
}


#rodape 
{
background:url(../image/rodape.jpg) no-repeat center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-left: 50px;
width: 958px;
height: 64px;
text-align: center;
display: block;
float:left;
line-height:100px;
}

#destaque {
margin-left: 15px;
float: left;
background: url("../image/bg_destaque.jpg") no-repeat;
height: 264px;
width: 315px;
text-align: center;
}

#destaque img {
margin-left: 1px;
margin-top: 26px;
}

#lancamento {
float:left;
margin-left: 20px;
background: url("../image/bg_lancamento.jpg") no-repeat;
height: 264px;
width: 315px;
text-align: center;
}

#lancamento img {
margin-left: 1px;
margin-top: 26px;
}

.center
{
text-align: center;
}

.button
{
border: solid #00984A 1px;
color: #00984A;
background-color:#e6f5ee;
}

#titulo {
	background-image: url("/image/bg_titulo_categoria.jpg");
	background-repeat: no-repeat;
	margin-left: 30px;
	padding-top: 6px;
	padding-left: 20px;
	color: #FFF;
	font-size: 16px;
	height: 50px;
	text-align: left;
}

#produtos {
font-size:10px;
color: #FFF;
}

#produtos img {
border: 0px;
}

#produtos table {
vertical-align: top;
}

#produtos a {
color: #FFF;
display: block;
text-decoration: none;
}

#cima {
	text-align: right;
	width: 143px;
	background-image: url("/image/bg-alto.png");
	background-repeat: no-repeat;
}

#meio {
	text-align: center;
	background-image: url("/image/bg-meio.png");
	background-repeat: no-repeat;
}

#baixo {
	text-align: center;
	background-image: url("/image/bg-baixo.png");
	background-repeat: no-repeat;
}

#ca {
	margin-right: 14px;
}

#produto {
text-align: center;
}

span#texto1 {
font-size: 10px;
color: #C0C0C0;
}

#produto a {
color:#00984A;
text-decoration: none;
}

#produto a:hover {
color:#7FCBA4;
text-decoration: none;
}

span#nome {
font-size: 14px;
color: #00984A;
font-weight: bold;
}

.tabela_produto {
	background-image: url("/image/bg_produto.png");
	background-repeat: no-repeat;
}

div#container_image { 
	float: right; 
	width: 350px; 
	height: 280px; 
	top: 139px; 
	left: 585px;
	position: absolute; 
	overflow: hidden;  
}

img#image { 
	position: absolute; 
	left:0; 
	top:0; 
}

img#thumb { 
	cursor: url(image/lupa.gif); 
}

table#especificacao {
	font-size: 5px;
	text-align: center;
	background-color: #00984A;
}

table#especificacao td, th{
	padding-left: 10px;
	padding-right: 10px;
}

.color1 {
	font-size: 9px;
	background-color: #FFFFFF;
}

.color2 {
	font-size: 9px;
	color: #FFFFFF;
	background-color: #00984A;
}

.header {
	font-size: 9px;
	color: #FFFFFF;
	background-color: #00984A;
}