.iR {
	float:left;
	position:relative;
	overflow:hidden;
	font-size:0;
	text-indent:-9999px;
}

/******************
	Estrutura Base
******************/

div#site {
	float:left;
	position:relative;
	width:100%;
}

div#siteFooter {
	float:left;
	clear:left;
	position:relative;
	width:100%;
	height:122px;
}

div#site div#pagina {
	position:relative;
	width:988px;
	margin:0 auto;
	background:#FFF;
}

/****************************
	Fundos da Parte Superior
****************************/

div#site div#rightBG,
div#rightBG div#leftBG {
	position:absolute;
	height:398px;
	background:repeat-x left top;
}

div#site div#rightBG {
	right:0;
	width:100%;
	background-image:url(../img/fundos/rightTop.jpg);
}

div#rightBG div#leftBG {
	left:0;
	width:50%;
	background-image:url(../img/fundos/leftTop.jpg);
}

/****************************
	Fundos da Parte Inferior
****************************/

div#siteFooter div#footerRightBG,
div#footerRightBG div#footerLeftBG {
	position:absolute;
	height:89px;
	background:repeat-x left top;
}

div#siteFooter div#footerRightBG {
	top:13px;
	right:0;
	width:100%;
	background:url(../img/fundos/leftFooter.jpg) repeat-x left top;
}

div#footerRightBG div#footerLeftBG {
	left:0;
	width:50%;
	background:url(../img/fundos/leftFooter.jpg) repeat-x left top;
}

/**********
	Rodapé
**********/

div#siteFooter div#footer {
	position:relative;
	width:988px;
	height:102px;
	margin:0 auto;
	background:url(../img/fundos/footer.jpg) no-repeat left top;
}

div#footer address {
	display:inline;
	float:rigth;
	position:absolute;
	margin:20px 0px 0 0;
	font:15px Arial, Helvetica, sans-serif bold;
	letter-spacing:1px;
	color:#FFF;
}

div#footer span,
div#footer ul#bandeiras,
ul#bandeiras li {
	display:inline;
	float:left;
	position:relative;
}

div#footer span {
	width:128px;
	margin:23px 0 0 22px;
	font:11px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#FFF;
}

div#footer ul#bandeiras {
	clear:left;
	width:62px;
	margin:4px 0 0 22px;
	padding:4px 3px 4px 4px;
	background:#82ABD1;
}

ul#bandeiras li {
	width:28px;
	height:19px;
	margin:0 2px 0 1px;
}

ul#bandeiras li a {
	display:inline;
	width:28px;
	height:19px;
	background:no-repeat left top;
}

ul#bandeiras li a.visa { background-image:url(../img/global/visa.jpg); }
ul#bandeiras li a.masterCard { background-image:url(../img/global/master.jpg); }
ul#bandeiras li a.americanExpress { background-image:url(../img/global/american.jpg); }
ul#bandeiras li a.boleto { background-image:url(../img/global/boleto.jpg); }

/*********************************************
															Página | Topo
*********************************************/

div#pagina div#topo {
	display:inline;
	float:left;
	clear:left;
	position:relative;
	width:988px;
	height:181px;
	background:url(../img/fundos/topo.jpg) no-repeat left top;
}

/**********
	Menu
**********/

div#topo dl#navCommerce,
dl#navCommerce dt {
	display:inline;
	float:left;
	position:relative;
}

div#topo dl#navCommerce {
	width:306px;
	height:12px;
	margin:10px 0 0 518px;
}

dl#navCommerce dt { border-right:1px solid #898989; }
dl#navCommerce dt.semBorda { border:none; }

dl#navCommerce dt a {
	display:inline;
	height:12px;
	margin:0 16px;
}

dl#navCommerce dt a.btnCadastreSe { width:60px; background:url(../img/menu/cadastreSe.gif) no-repeat left top; }
dl#navCommerce dt a.btnMeuCarrinho { width:69px; background:url(../img/menu/meuCarrinho.gif) no-repeat left top; }
dl#navCommerce dt a.btnComoComprar { width:79px; background:url(../img/menu/comoComprar.gif) no-repeat left top; }

dl#navCommerce dt a:hover { background-position:left -12px; }

/***********************
	Quantidade Carrinho
***********************/

div#topo span.qtdItensCarrinho {
	display:inline;
	float:left;
	position:relative;
	width:148px;
	height:15px;
	margin:3px 0 0 12px;
	padding:7px 0 0;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-indent:30px;
	color:#004A8F;
	background:url(../img/global/carrinhoIcon.gif) no-repeat left top;
}

/***********************
	Logo
***********************/

div#topo h1,
div#topo h1 a {
	display:inline;
	width:148px;
	height:83px;
}

div#topo h1 {
	float:left;
	clear:left;
	position:relative;
	margin:35px 0 0 13px;
}

div#topo h1 a {
	display:inline;
	background:url(../img/global/safe.png) no-repeat left top;
}

/***********************
	Animação
***********************/

div#topo div#flash {
	display:inline;
	float:left;
	position:relative;
	width:747px;
	height:148px;
	margin:0 0 0 53px; 
}

/*************************************************************
															Página | Equalize | Estrutura
*************************************************************/

div#pagina div#equalize {
	display:inline;
	float:left;
	clear:left;
	position:relative;
	width:988px;
}

div#equalize div#leftSide {
	display:inline;
	float:left;
	position:relative;
	width:202px;
}

div#equalize div#miolo {
	display:inline;
	float:left;
	position:relative;
	width:634px;
	background:#FFF;
}

div#equalize div#rightSide {
	display:inline;
	float:left;
	position:relative;
	width:152px;
	background:#E8EDF2;
}

/****************************************************************************************************************************
																																																				Página | Left Side
****************************************************************************************************************************/

/***********************
	Navigation
***********************/

div#leftSide dl#navigation {
	display:inline;
	float:left;
	clear:left;
	position:relative;
	width:202px;
	height:173px;
	padding:13px 0 0;
	background:url(../img/fundos/menu.jpg) no-repeat left top;
}

dl#navigation dt {
	display:inline;
	float:left;
	clear:left;
	position:relative;
	width:181px;
	height:29px;
	background:url(../img/global/divisaMenu.jpg) no-repeat left bottom;
}

dl#navigation dt a {
	display:inline;
	float:left;
	position:relative;
	width:161px;
	height:28px;
}

dl#navigation dt a.btnHome { background:url(../img/menu/home.jpg) no-repeat left top; }
dl#navigation dt a.btnQuemSomos { background:url(../img/menu/quemSomos.jpg) no-repeat left top; }
dl#navigation dt a.btnParceiros { background:url(../img/menu/parceiros.jpg) no-repeat left top; }
dl#navigation dt a.btnNoticias { background:url(../img/menu/noticias.jpg) no-repeat left top; }
dl#navigation dt a.btnFaleConosco { background:url(../img/menu/faleConosco.jpg) no-repeat left top; }

dl#navigation dt a:hover { background-position:left -28px; }

dl#navigation dt img.flecha {
	display:inline;
	float:left;
	position:relative;
	width:8px;
	height:10px;
	margin:11px 0 0 12px;
}

/***********************
	Departamentos
***********************/

div#leftSide div#departamentos,
div#leftSide div#footerDepartamentos {
	display:inline;
	float:left;
	clear:left;
	position:relative;
	width:202px;
}

div#leftSide div#departamentos { background:url(../img/fundos/topoDepartamentos.jpg) no-repeat left top #E8EDF2; }

div#departamentos h2 {
	display:inline;
	margin:25px 0 0 19px;
	width:72px;
	height:12px;
	background:url(../img/textos/setores.gif) no-repeat left top;
}

div#departamentos ul#listaDepartamentos,
ul#listaDepartamentos li,
ul#listaDepartamentos li a {
	display:inline;
	float:left;
	position:relative;
}

div#departamentos ul#listaDepartamentos {
	clear:left;
	width:172px;
	margin:8px 0 0 20px;
}

ul#listaDepartamentos li {
	clear:left;
	width:172px;
	margin:7px 0 0;
	background:url(../img/global/bullet.gif) no-repeat left 5px;
}

ul#listaDepartamentos li a {
	width:163px;
	margin:0 0 0 9px;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#383838;
}

ul#listaDepartamentos li a:hover { text-decoration:underline; }

div#leftSide div#footerDepartamentos {
	height:40px;
	padding:0 0 30px 0;
	background:url(../img/fundos/footerDepartamentos.jpg) no-repeat left top;
}

/*****************************************************************************************************************************
																																																				Página | Rigth Side
*****************************************************************************************************************************/

/***********************
	Formulário do Login
***********************/

div#rightSide div#boxLogin,
div#boxLogin form#frmLogin,
div#boxLogin div#boxLogado,
form#frmLogin fieldset,
form#frmLogin fieldset label,
form#frmLogin fieldset input.bigField,
form#frmLogin fieldset input.littleField,
form#frmLogin a.esqueciSenha {
	display:inline;
	float:left;
	position:relative;
}

div#rightSide div#boxLogin {
	width:152px;
	height:177px;
	background:url(../img/fundos/boxLogin.jpg) no-repeat left top;
}

div#boxLogin form#frmLogin {
	width:151px;
	height:125px;
	margin:21px 0 0;
	background:url(../img/fundos/caixaLogin.gif) no-repeat left top;
}

form#frmLogin h6 {
	display:inline;
	width:47px;
	height:18px;
	margin:15px 0 0 18px;
	background:url(../img/textos/login.gif) no-repeat left top;
}

form#frmLogin fieldset {
	clear:left;
	width:121px;
	margin:0 0 0 18px;
}

form#frmLogin fieldset label {
	clear:left;
	width:119px;
	margin:4px 0 0 1px;
	font:10px Arial, Helvetica, sans-serif;
	color:#000;
}

form#frmLogin fieldset input.bigField,
form#frmLogin fieldset input.littleField {
	clear:left;
	width:113px;
	margin:0;
	border:1px solid #999;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
}

form#frmLogin fieldset input.littleField {
	width:81px;
}

form#frmLogin fieldset input.btnOK {
	display:inline;
	width:33px;
	height:21px;
	margin:-1px 0 0 3px;
	border:none;
	background:url(../img/botoes/ok.gif) no-repeat left top;
	cursor:pointer;
}

form#frmLogin fieldset input.btnOK:hover { background-position:left -21px; }

form#frmLogin a.esqueciSenha {
	clear:left;
	width:118px;
	margin:2px 0 0 18px;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#003F7A;
}

form#frmLogin a.esqueciSenha:hover { color:#FFF; }



div#boxLogin div#boxLogado {
	width:151px;
	height:125px;
	margin:21px 0 0;
	background:url(../img/fundos/caixaLogin.gif) no-repeat left top;
}

div#boxLogado small {
	display:inline;
	float:left;
	clear:left;
	position:relative;
	width:121px;
	margin:13px 0 0 18px;
	font:10px Arial, Helvetica, sans-serif;
	color:#000;
}

div#boxLogado ul#menuLogado {
	display:inline;
	float:left;
	clear:left;
	position:relative;
	width:121px;
	margin:5px 0 0 18px;
}

ul#menuLogado li {
	display:inline;
	float:left;
	clear:left;
	position:relative;
	width:121px;
	height:23px;
	border-bottom:1px solid #88A4BD;
}

ul#menuLogado li.semborda {
	border:none;
}

ul#menuLogado li a {
	display:inline;
	float:left;
	position:relative;
	width:119px;
	margin:4px 0 0 2px;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
}

ul#menuLogado li a:hover {
	color:#000;
}

div#boxLogado a.logoff {
	display:inline;
	float:left;
	clear:left;
	position:relative;
	margin:5px 0 0 18px;
	font:10px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
}

div#boxLogado a.logoff:hover {
	color:#FFF;
}

/***********************
	Newsletter
***********************/

div#rightSide div#boxNewsletter,
div#boxNewsletter form#frmNewsletter,
form#frmNewsletter fieldset,
form#frmNewsletter fieldset label {
	display:inline;
	float:left;
	position:relative;
}

div#rightSide div#boxNewsletter {
	clear:left;
	width:152px;
	background:url(../img/fundos/newsletter.jpg) no-repeat left top;
}

div#boxNewsletter h6 {
	display:inline;
	width:97px;
	height:41px;
	margin:24px 0 0 12px;
	background:url(../img/textos/recebaInfoEmail.gif) no-repeat left top;
}

div#boxNewsletter form#frmNewsletter {
	clear:left;
	width:130px;
	margin:6px 0 0 11px;
}

form#frmNewsletter fieldset { width:130px; }

form#frmNewsletter fieldset label {
	clear:left;
	width:130px;
	margin:7px 0 0;
	font:11px Arial, Helvetica, sans-serif;
	color:#999;
}

form#frmNewsletter fieldset input.campo {
	display:inline;
	float:left;
	clear:left;
	position:relative;
	width:113px;
	margin:2px 0 0;
	border:1px solid #999;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
}

form#frmNewsletter fieldset input.btnEnviar {
	display:inline;
	float:left;
	clear:left;
	position:relative;
	width:59px;
	height:16px;
	margin:8px 0 0 70px;
	border:none;
	background:url(../img/botoes/enviar.gif) no-repeat left top;
	cursor:pointer;
}

form#frmNewsletter fieldset input.btnEnviar:hover { background-position:left -16px; }

/***********************
	Banner's
***********************/

div#rightSide ul#listaBanner {
	display:inline;
	float:left;
	clear:left;
	position:relative;
	width:135px;
	margin:20px 0 0 8px;
}

ul#listaBanner li {
	display:inline;
	float:left;
	clear:left;
	position:relative;
	width:135px;
	height:90px;
	margin:10px 0 0;
}

ul#listaBanner li a {
	display:inline;
	width:135px;
	height:90px;
	background:no-repeat left top;
}

/*****************************************************************************************************************************
																																																							Página | Miolo
*****************************************************************************************************************************/
div#miolo div#destaqueLivros {
	display:inline;
	float:left;
	position:relative;
	width:634px;
	height:177px;
	background:url(../img/fundos/destaqueLivros.jpg) no-repeat left top;
}

div#listaDestaqueLivros {
	display:inline;
	float:left;
	position:relative;
	width:576px;
	height:136px;
	margin:20px 0 0 29px;
	overflow:hidden;
}

div.listaLivros4 {
	display:inline;
	float:left;
	position:relative;
	width:576px;
	height:136px;
}

div.listaLivros4 ul,
div.listaLivros4 ul li {
	display:inline;
	float:left;
	position:relative;
	height:136px;
}

div.listaLivros4 ul { width:576px; }

div.listaLivros4 ul li {
	width:94px;
	margin:0 20px 0 30px;
}

div.listaLivros4 ul li a {
	display:inline;
	width:94px;
	height:136px;
	background:no-repeat center center #FFF;
}

/***********************
	Pesquisa
***********************/

div#miolo div#pesquisa {
	display:inline;
	float:left;
	clear:left;
	position:relative;
	width:634px;
	height:40px;
	background:url(../img/fundos/pesquisa.jpg) no-repeat left top;
}

div#pesquisa h6 {
	display:inline;
	width:50px;
	height:14px;
	margin:15px 0 0 64px;
	background:url(../img/textos/pesquisa.gif) no-repeat left top;
}

div#pesquisa form#frmPesquisa,
form#frmPesquisa fieldset,
form#frmPesquisa fieldset select,
form#frmPesquisa fieldset input.campo {
	display:inline;
	float:left;
	position:relative;
}

div#pesquisa form#frmPesquisa {
	width:500px;
	margin:13px 0 0 10px;
}

form#frmPesquisa fieldset { width:500px; }

form#frmPesquisa fieldset select {
	width:80px;
	margin:0 7px;
	border:1px solid #999;
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
}

form#frmPesquisa fieldset select.maior { width:220px; }

form#frmPesquisa fieldset input.campo {
	width:113px;
	margin:0 7px;
	border:1px solid #999;
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
}

form#frmPesquisa fieldset input.btnOk2 {
	display:inline;
	width:33px;
	height:21px;
	margin:-1px 0 0;
	border:none;
	background:url(../img/botoes/ok2.gif) no-repeat left top;
	cursor:pointer;
}

form#frmPesquisa fieldset input.btnOk2:hover { background-position:left -21px; }

/***********************
	Conteúdo
***********************/

div#miolo div#conteudo {
	display:inline;
	float:left;
	clear:left;
	position:relative;
	width:634px;
	padding:0 0 20px 0;
}

/*******************************
	Paginação
*******************************/

#conteudo #boxPaginacao {
	clear:left;
	float:left;
	width:560px;
	display:inline;
	line-height:22px;
	text-align:center;
	margin:25px 0 0 32px;
}

#conteudo #boxPaginacao a {
	margin:0 3px;
	color:#4F4F50;
	display:inline;
	text-decoration:none;
	font:bold 11px Arial, Helvetica, sans-serif;
}

#conteudo #boxPaginacao a:hover { color:#004B90; }

#boxPaginacao .anterior, #boxPaginacao .proximo, #boxPaginacao .primeira, #boxPaginacao .ultima { margin:0 5px; }

#conteudo #boxPaginacao .atual {
	color:#FFF;
	display:inline;
	padding:1px 5px;
	background:#004B90;
	font:bold 11px Arial, Helvetica, sans-serif;
}

#conteudo #boxPaginacao .desativado {
	color:#CCC;
	margin:0 3px;
	display:inline;
	font:bold 11px Arial, Helvetica, sans-serif;
}

/*******************************
	Menu Carrinho
*******************************/

div#conteudo ul#menuCarrinho,
ul#menuCarrinho li {
	display:inline;
	float:left;
	position:relative;
	height:28px;
}

div#conteudo ul#menuCarrinho {
	clear:left;
	width:575px;
	margin:15px 0 0 32px;
}

ul#menuCarrinho li a {
	display:inline;
	height:28px;
	background:no-repeat left top;
}

ul#menuCarrinho li.item01 { width:118px; }
ul#menuCarrinho li.item02 { width:128px; }
ul#menuCarrinho li.item03 { width:108px; }
ul#menuCarrinho li.item04 { width:101px; }
ul#menuCarrinho li.item05 { width:120px; }

ul#menuCarrinho li.item01 a { width:118px; background-image:url(../img/menu/carrinho.jpg); }
ul#menuCarrinho li.item02 a { width:128px; background-image:url(../img/menu/identificacao.jpg); }
ul#menuCarrinho li.item03 a { width:108px; background-image:url(../img/menu/endereco.jpg); }
ul#menuCarrinho li.item04 a {	width:101px; background-image:url(../img/menu/entrega.jpg); }
ul#menuCarrinho li.item05 a { width:120px; background-image:url(../img/menu/pagamento.jpg); }

ul#menuCarrinho li a.selecionado { background-position:left -28px; }
ul#menuCarrinho li a:hover { background-position:left -28px; }

div#conteudo span.semRegistro {
	display:inline;
	float:left;
	clear:left;
	position:relative;
	margin:10px 0 0 33px;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
}