/* CSS Document MMM 09042009

*{ 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:990px;
	margin:0 auto;
	}
	
div#topo{
	height:122px;
	}
	
div#ddtopmenubar{
	position:relative; 
	height:35px; 
	width:100%;
	text-align:left;
	}

/*2 colunas */
div#conteudo{
	float:right;
	width:790px;
	padding:10px 0px;
	margin:0px;
	}	
div#navigation{
	padding-top:10px;
	background:#FFF;
	}
div#navigation{
	float:left;
	width:200px;
	}

/*3 colunas */
div#esquerda{
	padding-top:10px;
	background:#FFF;
	}
div#esquerda{
	float:right;
	width:200px;
	}
div#conteudo3{
	float:right;
	width:590px;
	padding:10px 0px;
	}	
div#navigation3{
	padding-top:10px;
	background:#FFF;
	}
div#navigation3{
	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:25px;
	}
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-left:20px;
	/*padding-bottom:15px;*/
	}
	
.subtitulo{
	font-size: 16px;
	font-weight: bold;
	color: #003399;
	/*padding-bottom:15px;*/
	}

.preco{
	font-size:11px; 
	color:#0033CC; 
	text-align:center;
	font-weight:bold;
	}

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

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

.catg{
	font-size:10px; 
	color: #666;
	padding:5px 10px;
	background-color:#F5F5F5;
	}
	

p{
	font-size:12px;
	margin:5px 0px 5px 0px;
	/*padding-bottom:5px;*/
	}

.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;
	}
	
.erro{
	color:#CC0000;
	}
	
.formbutton{
	cursor:pointer;
	border:outset 1px #ccc;
	color:#003399;
	font-weight:bold;
	background:url(../loja/imagens/formbg.gif) repeat-x left top;
	height:30px;
	width:200px;
	}
	
.pdestaque{
	font-weight: bold; 
	color: #003399;
	}
	
	
/* --- paginacao --- */
.navigation {
	color:#666; 
	border:0px;
}
.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
	text-decoration:none;
	color: #333333;
	background:#F9F9F9;
	border:1px solid #E6E6E6;
	padding:5px 10px;
	font-size:11px;
	margin: 2px;
	}
.navigation a:hover {
	background:#6699CC;
	color:#FFFFFF;
	border-color:#E6E6E6;
	margin: 2px;
	}
.navigation span {
	text-decoration:none;
	background:#fff;
	padding:5px 10px;
	border:1px solid #E6E6E6;
	color:#ccc;
	font-size:10px;
	margin: 2px;
	}	
/* --- paginacao --- */