/****
** Formatação do "Meu Carrinho"
****/

#container_meuCarrinho{
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	background: url(/images/lateral_carrinho.png) 0 1px no-repeat;
}

#btnAbreCarrinho {
	text-decoration: none;
}

#container_meuCarrinho .imagem {
	position: relative; 
	top: -2px;
}

#container_meuCarrinho .texto {
	font-family: Arial, Verdana; 
	font-size: 16px; 
	color: #003f88;
	font-weight: bold; 
	padding-right: 10px; 
	padding-left: 10px; 
	position: relative; 
	top: -8px;
}

#container_meuCarrinho .seta {
	position: relative; 
	top: -7px;
}

#meuCarrinho {
	float: left;
	z-index: 99999;
	position: absolute;
	top: 108px;
	right: 0px;
	width: 380px;
	height: auto;
	border: 2px solid #00BB00;
	background: #FFF url(/imagens/layout2008/bg_boxes.jpg) top repeat-x;
	padding: 20px;
	display: none;
}

#meuCarrinho { margin: 11px 0 0 0; height: auto; right: 4px; padding: 15px 20px 8px 20px; }
#carrinhoMeu { height: 100%; text-align: left; font: .6em "Trebuchet MS", Arial, Tahoma; }
#carrinhoMeu h4 {
	position: relative;
	display: block;
	background:url(/imagens/layout2008/carrinho_title.gif) no-repeat;
	border-bottom: solid 1px #DDD;
	text-indent: -2999px;
	_padding: 0 0 5px 0;
	padding: 0 0 10px 0;
}

#carrinhoMeu ul { padding: 10px 0 8px 0; }
#carrinhoMeu ul li { display:block; width: 100%;  }
#carrinhoMeu ul li a { padding: 2px 0 0 10px; background:url(/imagens/layout2008/seta_verde_peq.gif) left no-repeat; border: 0; }
#carrinhoMeu span.total_preco { display:block; height: auto; font-size: 14px; color: #666666; font-weight: bold; padding-top: 8px; border-top: 1px solid #999999;}
#carrinhoMeu span.vazio { display:block; height: auto; font-size: 14px; color: #666666; font-weight: bold; padding-top: 2px;}

#meuCarrinho #carrinhoMeu em{
	float: right;
	font: .6em "Trebuchet MS", Arial, Tahoma;
	position: relative;
	z-index: 1;
}
#meuCarrinho #carrinhoMeu em a{
	background: url(/imagens/layout2008/fecharBox.gif) center center no-repeat;
	display: block;
	width: 60px; height: 17px; text-indent: -2999px;
}

/****
** Fim da formatação "Meu Carrinho"
****/

/****
** Formatação do menu "Categorias"
****/

#btmenuCat {
	position:relative; 
	top: -5px; 
	left: 10px; 
	width: 197px; 
	height: 39px; 
	z-index: 1000; 
	background: url(/images/topo_categorias.png) no-repeat;
}

#btmenuCat #menu {
	position: absolute;
	z-index: 2000;
	top: 39px;
	left: 0;
	width: 189px;
	clear: left;
	background: #FFF;
	display: none;
}

#btmenuCat:hover #menu {
	display: block;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 188px; /* Width of Menu Items */
	z-index:3000;
	display: inline-block;
	padding-bottom: 11px;
	background: url(/images/bottom_categorias.png) 1px 100% no-repeat;
	}

#menu ul li {
	position: relative;
	width: 187px;
	z-index:3000;	
	background: url(/images/meio_categorias.png) 1px repeat-y;
	padding-left: 3px;
	}
	
#menu li #ulDiv {
	position: absolute;
	left: 184px; /* Set 1px less than menu width */
	top: -11px;
	display: none;
	z-index:4000;
	}

/* Styles for Menu Items */
#menu ul li a {
	display: block;
	text-decoration: none;
	color: #383838;
	padding: 5px;
	/*border: 1px solid #ccc; /* IE6 Bug */
	border-bottom: 0;
	z-index:5000;	
	}

/* Fix IE. Hide from IE Mac \*/
#menu ul li { float: left; width:187px; height: 1%; z-index:30000;}
#menu ul li a { height: 1%; z-index:30000;}
/* End */
#menu li:hover { 
	background: url(/images/meio_categorias_hover.png) 1px repeat-y;	
	padding-left: 6px;
}
#menu li:hover #ulDiv { display: block; } /*  The magic */

#menu .topCat {
	background: url(/images/top_categorias.png) 1px 0px no-repeat;
	height: 11px;
	width:187px;
}

#menu .vejamais {
	position: relative;
	margin-left: 2px; 
	margin-top: 0px;
}

/****
** Fim da formatação do menu "Categorias"
****/

/****
** Formatação do "Produto Relacionado"
****/

#go
{
margin: 0;
padding: 1em 0 0 0;
max-height: 1300px;
}
#go:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}
ul#gop
{
list-style: none;
padding: 0;
margin: 0;
width: 100%;
min-height: 100px;
}
ul#gop li
{
display: block;
float: left;
width: 100%;
margin-left: 2px;
padding: 1em 0 0 0;
text-align: center;
}
ul#gop li a
{
display: block;
width: 100%;
padding: 0;
}

/****
** Formatação do tooltip "Descrição"
****/
a.div_tooltip{
	position:relative; 
	font:12px arial, verdana, helvetica, sans-serif; 
	padding:0;
	color:#039;
	text-decoration:none;
	z-index:24;
}

a.div_tooltip:hover{
	background:transparent;
	text-decoration:none;
	z-index:25; 
}

a.div_tooltip span{
	display: none
}

a.div_tooltip:hover span{ 
	display:block;
	position:absolute;
	width:230px; 
	top:0px;
	text-align:justify;
	text-decoration:none;
	left:140px;
	font: 10px arial, verdana, helvetica, sans-serif; 
	padding:5px 10px;
	border:1px solid #999;
	background: #FFC;
	color:#000;
}

/****
** Fim da formatação do tooltip "Descrição"
****/

/****
** Formatação da barra superior (menu categorias/busca/carrinho)
****/

.Barra {
	background: url(/images/barra_busca.gif) 10px 0px repeat-x; 
	height: 34px;
}

.Barra .busca {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:30px;
	padding-right:10px;
}

.Barra .busca .texto {
	font-family: Arial, Verdana; 
	font-size: 14px; 
	/*color: #0000AD; */
	color: #045a9c;
	font-weight: bold; 
	padding-right: 10px; 
	width: 70px; 
	position: relative; 
	top: -3px;
}

.Barra .busca .campo {
	position:relative; 
	width: 60%; 
	font-size: 14px; 
	bottom: 3px;
}

.Barra .busca .bOK {
	width: 42px; 
	height: 30px; 
	background: url(/images/bt_ok.png) 0 0 no-repeat; 
	border: 0px; 
	position: relative; 
	margin-left: 10px;
	bottom: 1px;
}

/****
** Fim da formatação da barra superior
****/


/****
** Formatação do Menu de Subcategorias
****/

.MNSubcategoria {
	width: 187px;
	position: relative;
	left: 10px;
	top: -18px;
}

.MNSubcategoria h2 {
	padding: 7px;
	padding-bottom: 13px;
	font-size: 14px;
	background: #04599b url(/images/top_categorias.png) -1px 100% no-repeat;
	margin-bottom: 0px;
	border-right: 1px solid #a6c3da;
	border-left: 1px solid #FFF;
}

.MNSubcategoria h2 a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.MNSubcategoria h2 a:hover {
	text-decoration: underline;
}

.MNSubcategoria ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 187px; /* Width of Menu Items */
	display: inline-block;
	background: url(/images/bottom_categorias.png) 0px 100% no-repeat;
	padding-bottom: 11px;
}

.MNSubcategoria li {
	background: url(/images/meio_categorias.png) 0px repeat-y;
	padding: 3px 8px;
}

.MNSubcategoria li:hover, .MNSubcategoria li.selecionado {
	background: url(/images/meio_categorias_hover.png) 0px repeat-y;
	padding-left: 12px;
}

/****
** Fim da Formatação do Menu de Subcategorias
****/

/****
** Formatação das caixas de conteúdo principal
****/

.CXConteudo {
	background: url(/images/meio_caixa.png) 0 0 repeat-x;
}

/*.CXConteudo table {
	position: relative;
	top: -160px;
	margin: 0;
	left: 0;
}*/

.CXConteudo a {
	color: #045a9c;	
}

.CXConteudo h2 a {
	font-weight: bold;
	text-decoration: none;
}

.CXLatDireita {
	background: url(/images/latdir_caixa.png) 0 0 no-repeat;
}

.CXLatEsquerda {
	background: url(/images/latesq_caixa.png) 100% 0 no-repeat;
}

.CXTopo {
	position: relative;
	top: -15px;
	left: -20px;
	height: 49px;
	display: inline;
	padding: 10px 20px 49px 15px;
	background: url(/images/latdir_titulo_caixa.png) 100% 0 no-repeat;
}

.CXConteudo h2 {
	position: relative;
	top: -5px;
	color: #045a9c;
	margin: 0;
	padding: 0;
}

.CXTopo h2 {
	position: relative;
	top: 10px;
	left: 0;
	text-align: center;
	padding: 15px 3px 44px 20px;
	height: 49px;
	color: #045a9c;
	display: inline;
	background: url(/images/latesq_titulo_caixa.png) 0 0 no-repeat;
}

/****
** Fim da formatação de caixas de conteúdo principal
****/

/****
** Formatação menu cabeçalho
****/

.MNcabecalho {
	color: #045a9c;
}

.MNcabecalho:hover {
	color: #045a9c;
	text-decoration: underline;
}

/****
** Fim da formatação menu cabeçalho
****/

/****
** Formatação do rodapé
****/

.Rodape {
	background: #dcdadb;
	height: 150px;
}

.Rodape .Barra {
	background: url(/images/barra_busca_rodape.png) 0 0 repeat-x;
}

.Rodape .Barra .busca {
	padding:4px 0 0 0;
}

.Rodape .Links h2 {
	width: 60%;
	border-bottom: 1px groove #383838;
}

.Rodape .Links a {
	color: #045a9c;
	text-decoration: none;
}

.Rodape .Links a:hover {
	color: #045a9c;
	border-bottom: #990000
}

/****
** Fim formatação do rodapé
****/

/****
** Formatação do breadcrumbs
****/

#breadcrumbs {
	padding-left: 30px;
}

/****
** Fim da formatação do breadcrumbs
****/

/****
** Formatação do produto(Página Descrição)
****/

.Produto {

}

.Produto .header h1 {
	padding: 0;
	margin: 0 0 8px 0;
	font-size: 16px;
	color: #080808;
}

.Produto .header h2 {
	padding: 3px 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #080808;
}

.Produto .header h2 span {
	font-size: 12px;
	font-weight: normal;
}

.Produto .preco {
	font-size: 18px;
	color: #045a9c;
	font-weight: bold;
}

.Produto .preco b {
	font-size: 22px;
}

.Produto .btComprar {
	margin-top: 8px;
	background: url(/images/bt_comprar.png) 0 0 no-repeat;
	width: 124px;
	height: 32px;
	border: 0;
	cursor: pointer;
}

.Produto .btComprar:hover {
	background: url(/images/bt_comprar.png) 2px 2px no-repeat;
}

.Produto .botoes {
	padding-right: 50px;
}

.Produto .botoes img {
	padding: 3px 0;
}

#formas_pagamento {
	border: 2px solid #C6C6C6;
	border-left: 0;
	border-right: 0;
}

#formas_pagamento h3 {
	position: relative;
	top: -20px;
	font-size: 12px;
	font-weight: normal;
}

#formas_pagamento h3 span {
	background: #FFF;
	padding: 0 8px 0 3px;
}

#formas_pagamento table {
	position: relative;
	top: -15px;
}

#formas_pagamento td {
	color: #045a9c;
	font-size: 12px;
	line-height: 14px;
}

/****
** Fim formatação do produto(Página Descrição)
****/