/* CSS Document MMM 18032008*/

*{ padding:0; margin:0; }

html,body{
	margin:0;
	padding:0;
	background-image:url(../layout/hbl_top.png);
	background-repeat:repeat-x;
	}

body{
	font: 11px arial,verdana;
	text-align:center;
	color:#333333;
	}
	
div#site{
	text-align:left;
	}	
div#site{
	width:980px;
	margin:0 auto;
	}
	
div#topo{
	height:122px;
	}
	
div#ddtopmenubar{
	position:relative; 
	height:35px; 
	width:100%;
	text-align:left;
	}

div#conteudo{
	float:right;
	width:780px;
	padding:10px 0px;
	margin:0px;
	}	

div#navigation{
	padding-top:10px;
	background:#FFF;
	}
div#navigation{
	float:left;
	width:200px;
	}
	
div#extra{
	background:#FFF;
	}
div#extra{
	clear:both;
	width:100%;
	}


div#rodape{
	background-image:url(../layout/hbl_bkg_rodape.png);
	color: #FFF;
	height:100px;
	padding-top:30px;
	}
div#rodape p{
	font-size:11px;
	line-height:140%;
	padding-bottom:10px;
	}
div#rodape a{
	color: #F5F5F5;
	text-decoration:none;
	}	
div#rodape a:hover{
	color: #FFFFFF;
	text-decoration:underline;	
	}


a{
 color: #003399;
 text-decoration: none;
}

a:hover{
 color: #003399;
 text-decoration: underline;
}

#vertmenu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 180px;
	padding: 0px;
	margin: 0px;
	}
#vertmenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	}
#vertmenu ul li{
	margin: 0px;
	padding: 0px;
	}
#vertmenu ul li a{
	display: block;
	border-bottom: 1px dashed #C39C4E;
	padding: 8px 0px 8px 10px;
	text-decoration: none;
	color: #666666;
	width:160px;
	font-size:12px;
	}
#vertmenu ul li a:hover, #vertmenu ul li a:focus{
	color: #000000;
	background-color: #eeeeee;
	}

.titulo{
	font-size: 22px;
	font-weight: bold;
	color: #003399;
	padding-bottom:15px;
	}
	
.subtitulo{
	font-size: 16px;
	font-weight: bold;
	color: #003399;
	padding-bottom:15px;
	}

.logo{
	text-align:center;
	padding: 25px 0px 0px 5px;
	}

.preco{
	font-size:12px; 
	color: #0066CC;
	text-align:center;
	font-weight:bold;
	padding-bottom:10px;
	}

.produto{
	font-size:12px; 
	font-weight:bold;
	text-align:center;
	padding: 0px 3px 10px 3px;
	}
	
.destaque{
	font-size:10px; 
	color: #FF0000;
	padding-left:0px;
	}	

.tabela_produtos{
	border:#C39C4E 1px dashed;
	}
	
.borda_produtos{
	padding:0px 5px 10px 5px;
	}

.catg{
	font-size:11px; 
	color: #336699;
	padding:5px;
	background-color: #FFCC00;
	text-align:center;
	font-weight:bold;
	}
	

p{
	font-size:12px;
	padding-bottom:10px;
	}

.precod{
	font-size:18px; 
	color:#0033CC; 
	font-weight:bold;
	line-height:100%;
	}

.produtod{
	font-size:20px; 
	font-weight:bold;
	line-height:100%;
	}
	
.destaqued{
	font-size:12px; 
	color: #FF0000;
	font-weight:bold;
	}
	
.tabeladestaque{
	border:#C39C4E 1px dashed;
	}

table#tabeladestaque td {
	padding:20px 20px 30px 20px;
	}
	
.tabelacarrinho{
	border:#C39C4E 1px dashed;
	}

table#tabelacarrinho td {
	padding:10px;
	}
	
	
.formbutton{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#0066CC;
	font-weight:bold;
	background:url(imagens/formbg.gif) repeat-x left top;
	height:30px;
	width:200px;
	}