@charset "iso-8859-1";

/*
	********************************************************************

	Formatação de elementos em geral

	********************************************************************
*/
* {
	font-family:Tahoma, "Trebuchet MS", Arial, Helvetica, Verdana;
	margin:0;
	padding:0;
}

body { background-color:#f2f2f2; margin:0; background:url(../imagens/bg_page2.jpg) center top no-repeat #EDEDED }

a { color:#09c; }

img { border:none; }

p {
	font-size:80%;
	color:#3a3d40;
	margin:5px 0;
}



/*
	********************************************************************

	Principal

	********************************************************************
*/
div#principal {
	width:960px;
	margin:0 auto;
	padding:0;
	background-color:#232628;
	border-left:0px solid #cccccc;
	border-right:0px solid #cccccc;
	border-bottom:0px solid #3a3d40;
}



/*
	********************************************************************

	Header

	********************************************************************
*/
div#header {
	position:relative;
	width:960px;
	height:100px;
}
div#header hr { display:none; }
div#header p {
	position:absolute;
	top:10px;
	right:0;
	text-align:right;
	font-size:70%;
	color:#fff;
}



/*
	********************************************************************

	Logotipo

	********************************************************************
*/
div#header h1#logo {
	position:absolute;
	top:18px;
	left:20px;
	width:420px;
	height:64px;
}
div#header h1#logo a {
	display:block;
	width:420px;
	height:64px;
	text-indent:-9999px;
	background:url(../imagens/logo_ecc.gif) no-repeat top left;
}



/*
	********************************************************************

	Login / Meu carrinho

	********************************************************************
*/
div#loginArea {
	position:absolute;
	right:0;
	bottom:0;
	width:820px;
	height:32px;
}
div#loginArea p {
	position:absolute;
	top:0;
	height:32px;
	line-height:30px;
	color:#fff;
	margin:0;
	padding:0;
}
div#loginArea p a { text-decoration:none; }
div#loginArea p a:hover { text-decoration:underline; }


/* Usuário */
div#loginArea p#user {
	right:240px;
	text-align:right;
}

/* "Meu carrinho" */
div#loginArea p#meuCarrinho {
	right:0;
	width:230px;
	text-align:left;
	text-indent:55px;
	text-transform:uppercase;
	background:#008db6 url(../imagens/bgMeuCarrinho.gif) no-repeat top right;
}
div#loginArea p#meuCarrinho a { color:#fff; }



/*
	********************************************************************

	Painel

	********************************************************************
*/
div#painel {
	position:relative;
	width:946px;
	height:160px;
	padding:7px;
	background:#fff url(../imagens/bgPainel.gif) repeat-x;
}

/* Botões "Prev" e "Next" (Painel) */
div#painel div.btnPainel {
	position:absolute;
	top:7px;
	width:40px;
	height:160px;
	background:#ebebeb url(../imagens/bgBtnPainel.gif) repeat-x;
}
div#painel div.btnPainel a {
	position:absolute;
	top:63px;
	display:block;
	width:35px;
	height:34px;
	text-indent:-9999px;
}

/* Botão "Prev" */
div#painel div#btnPrev {
	left:7px;
	border-right:1px solid #fff;
}
div#painel div#btnPrev a {
	left:3px;
	background:url(../imagens/btnPrev_painel.gif) no-repeat;
}

/* Botão "Next" */
div#painel div#btnNext {
	right:7px;
	border-left:1px solid #fff;
}
div#painel div#btnNext a {
	right:3px;
	background:url(../imagens/btnNext_painel.gif) no-repeat;
}

/* Imagens */
div#painel div#imgs {
	position:absolute;
	top:7px;
	left:48px;
	width:864px;
	height:160px;
	overflow:hidden;
	z-index:2;
}
div#painel div#imgs a {
	position:relative;
	display:block;
	width:856px;
	height:160px;
	text-decoration:none;
	color:#fff;
	border-left:4px solid #575757;
	border-right:4px solid #575757;
}

/* Textos do painel */
div#painel div#imgs a span {
	position:absolute;
	top:20px;
	right:20px;
	width:298px;
	height:120px;
	font-size:70%;
}
div#painel div#imgs a span strong {
	display:block;
	clear:both;
	font-size:130%;
	margin-bottom:10px;
}



/*
	********************************************************************

	Links e pesquisa

	********************************************************************
*/
div#Links_Pesquisa {
	width:960px;
	height:30px;
	line-height:30px;
	background-color:#09c;
}

/* Links */
div#Links_Pesquisa ul { list-style-type:none; }
div#Links_Pesquisa ul li {
	display:block;
	float:left;
}
div#Links_Pesquisa ul li a {
	display:block;
	float:left;
	height:14px;
	line-height:14px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-size:80%;
	color:#fff;
	margin:8px 0;
	padding:0 10px;
}
div#Links_Pesquisa ul li a:hover { text-decoration:underline; }

/* Link: "Página Inicial" */
div#Links_Pesquisa ul li a#linkPagInicial { border-right:1px solid #33add1; }

/* Link: "Meus pedidos" */
div#Links_Pesquisa ul li a#linkMeusPedidos {
	border-right:1px solid #33add1;
	border-left:1px solid #008cb5;
}

/* Link: "Cadastro" */
div#Links_Pesquisa ul li a#linkCadastro { border-left:1px solid #008cb5; }


/*
	--------------------------------------------------------------------

	Formulário de busca

	--------------------------------------------------------------------
*/
div#Links_Pesquisa form#formSearch {
	float:right;
	width:439px;
	height:30px;
	font-size:70%;
	overflow:hidden;
}
div#Links_Pesquisa form#formSearch fieldset {
	border:none;
	position:relative;
}
div#Links_Pesquisa form#formSearch fieldset label {
	display:inline;
	float:left;
	width:45px;
	line-height:29px;
	text-align:right;
	color:#fff;
	margin-right:5px;
}
div#Links_Pesquisa form#formSearch fieldset input#buscar {
	display:inline;
	float:left;
	width:190px;
	height:22px;
	line-height:22px;
	color:#017799;
	margin:4px 5px 4px 0;
	padding:0 2px;
	background-color:#fff;
	border:none;
}
div#Links_Pesquisa form#formSearch fieldset select {
	display:inline;
	float:left;
	width:137px;
	height:22px;
	line-height:22px;
	color:#017799;
	margin:4px 0;
	background-color:#fff;
	border:none;
}

div#Links_Pesquisa form#formSearch fieldset button {
	display:inline;
	float:right;
	width:48px;
	height:30px;
	text-indent:-9999px;
	background:#e0e2e3 url(../imagens/btnOK.gif) no-repeat top right;
	border:none;
}



/*
	********************************************************************

	Menus + Conteúdo prinicipal + Newsletter etc.

	********************************************************************
*/
div#conteudo {
	width:930px;
	padding:15px;
	background-color:#fff;
}

/*
	--------------------------------------------------------------------

	Clear (evita quebra de layout)

	--------------------------------------------------------------------
*/
div.clearConteudo {
	width:930px;
	height:0;
	overflow:hidden;
	clear:both;
}
div.clearConteudo hr { display:none; }



/*
	********************************************************************

	Box: Menus, Newsletter, Mais vendidos, etc.

	********************************************************************
*/
/* Área que abrange os menus */
div#areaMenu {
	display:inline;
	float:left;
	width:180px;
	margin-right:15px;
}

/* Área que abrange o formulário de newsletter, a lista de "Mais vendidos", etc. */
div#outrosItens {
	display:inline;
	float:right;
	width:180px;
}


/* Box (menus, newsletters, mais vendidos, etc.) */
div.box {
	margin-bottom:25px;
	background:url(../imagens/bgBox.jpg) repeat-x top;
}

/* Título (nome) do box */
div.box h2 {
	width:178px;
	height:24px;
	line-height:24px;
	text-indent:4px;
	text-transform:uppercase;
	font-size:80%;
	color:#3a3d40;
	background-color:#e9eaeb;
	border:1px solid #f1f1f1;
}

/* Links do menu */
div.box ul { list-style-type:none; }
div.box ul li {
	position:relative;
	background:url(../imagens/bulletMenu.gif) no-repeat 5px top;
	border-top:1px dotted #d2d3d3;
}
div.box ul li a {
	display:block;
	width:170px;
	height:30px;
	line-height:30px;
	text-decoration:none;
	text-indent:12px;
	font-size:80%;
	color:#3a3d40;
	margin:0 0px;
	padding:0 5px;
}
div.box ul li.lastItem { border-top:1px dotted #d2d3d3;}
div.box ul li a:hover { text-decoration:none; background:#09c url(../imagens/bulletSubMenu.gif) no-repeat 7px top; color:#FFFFFF; }

div.box ul li a.ativo { text-decoration:none; background:#09c url(../imagens/bulletSubMenu.gif) no-repeat 7px top; color:#FFFFFF; }

/*
	--------------------------------------------------------------------

	Sub-menus

	--------------------------------------------------------------------
*/
div.box ul li ul {
	position:absolute;
	top:0;
	left:180px;
	display:none;
	background-color:#09c;
	border-right:5px solid #5d6062;
	list-style-type:none;
}
/* IE6 */
div.box ul li ul { _left:175px; }

div.box ul li ul li {
	background:#09c url(../imagens/bulletSubMenu.gif) no-repeat 7px top;
	border-bottom:1px dotted #5d6062;
	border-top:none;
}
div.box ul li ul li a {
	display:block;
	width:195px;
	height:30px;
	line-height:30px;
	text-decoration:none;
	text-indent:17px;
	font-size:80%;
	color:#fff;
	margin:0;
}
div.box ul li ul li a:hover { text-decoration:underline;background-color:#5d6062; }

div.box ul li ul li:hover,
div.box ul li ul li.over { background-color:#5d6062; }

div.box ul li ul li.lastItem { border-bottom:none; }

/* Exibe o sub-menu */
div.box ul li:hover ul,
div.box ul li.over ul { display:block; }

/*
	--------------------------------------------------------------------

	Autores

	--------------------------------------------------------------------
*/
div.box p.autores {
	width:166px;
	margin:5px auto;
}
div.box p.autores a {
	display:inline-block;
	width:13px;
	text-align:center;
	text-decoration:none;
	margin-top:4px;
}
div.box p.autores a:hover {
	text-decoration:underline;
	color:#333;
}

/*
	--------------------------------------------------------------------

	Newsletter

	--------------------------------------------------------------------
*/
form#formNewsletter fieldset {
	width:180px;
	border:none;
}
form#formNewsletter fieldset label {
	display:block;
	text-indent:5px;
	font-size:80%;
	font-weight:bold;
	color:#09c;
	margin:5px 0;
}
form#formNewsletter fieldset input {
	display:block;
	width:168px;
	height:22px;
	line-height:22px;
	font-size:80%;
	color:#333;
	margin:0 0 5px 5px;
	border:1px solid #a5acb2;
}
form#formNewsletter fieldset button#btnCadastrar {
	display:inline;
	float:right;
	width:70px;
	height:26px;
	line-height:26px;
	text-align:center;
	font-size:80%;
	font-weight:bold;
	color:#09c;
	margin-right:5px;
	background-color:transparent;
	border:none;
}

/*
	--------------------------------------------------------------------

	Notícias

	--------------------------------------------------------------------
*/
div.box ul.listNoticias li {
	margin:10px 0 15px;
	background:url(../imagens/bulletNoticias.gif) no-repeat 5px top;
	border-bottom:none;
}
div.box ul.listNoticias li a {
	display:block;
	width:156px;
	height:auto;
	line-height:normal;
	text-indent:0;
	text-decoration:none;
	font-size:80%;
	color:#3a3d40;
	margin:0 5px;
	padding-left:14px;
}
div.box ul.listNoticias li a:hover { text-decoration:underline; }

/*
	--------------------------------------------------------------------

	Jornal

	--------------------------------------------------------------------
*/
div.box p.dataJornal, div.box p.nomeJornal {
	width:170px;
	margin:5px auto;
}
div.box p.dataJornal { font-size:70%; }

div.box p.nomeJornal a {
	display:block;
	margin:5px auto 0;
	border:1px solid #ccc;
}
div.box p.nomeJornal a img { padding:3px; }

/*
	--------------------------------------------------------------------

	Mais vendidos

	--------------------------------------------------------------------
*/
div.box ol.maisVendidos {
	margin:0 0 0 18px;
	padding:0 0 0 18px;
}

div.box ol.maisVendidos li {
	font-weight:bold;
	color:#09c;
	border-bottom:1px dotted #d2d3d3;
}

/* Primeiro item *
div.box ol.maisVendidos li.firstItem { font-size:130%; }
div.box ol.maisVendidos li.firstItem p { font-size:70%; }
*/
div.box ol.maisVendidos li p { padding-right:5px; }
div.box ol.maisVendidos li p a {
	text-decoration:none;
	color:#333;
}
div.box ol.maisVendidos li p a:hover { text-decoration:underline; }

/* Preço do livro */
div.box ol.maisVendidos li p.preco {
	font-size:90%;
	color:#09c;
}
/* Preço antigo do livro */
div.box ol.maisVendidos li p.preco del { font-size:80%; }

/* Último item */
div.box ol.maisVendidos li.lastItem { border-bottom:none; }



/*
	********************************************************************

	Menu alternativo, outras informações, etc.

	********************************************************************
*/
div#footer {
	width:830px;
	height:125px;
	margin:0 auto;
	padding:10px 0;
}

/*
	--------------------------------------------------------------------

	Menu alternativo

	--------------------------------------------------------------------
*/
div#footer ul#menuAlt {
	width:502px;
	margin:0 auto;
	list-style-type:none;
}
div#footer ul#menuAlt li {
	display:inline;
	float:left;
	text-align:center;
	background:url(../imagens/divFooter.gif) no-repeat right;
}
div#footer ul#menuAlt li a {
	height:26px;
	line-height:26px;
	font-size:80%;
	color:#fff;
}

div#footer ul#menuAlt li#linkPolPrivacidade { width:146px; }
div#footer ul#menuAlt li#linkAutoAtendimento { width:122px; }
div#footer ul#menuAlt li#linkContatos { width:70px; }
div#footer ul#menuAlt li#linkCreditos { width:68px; }
div#footer ul#menuAlt li#linkMapaSite {
	width:96px;
	background-image:none;
}

/*
	--------------------------------------------------------------------

	Copyright

	--------------------------------------------------------------------
*/

div#footer p#copyright {
	display:inline;
	float:left;
	width:145px;
	line-height:18px;
	font-size:70%;
	color:#fff;
	margin-right:50px;
}

/*
	--------------------------------------------------------------------

	Formas de pagamento

	--------------------------------------------------------------------
*/

div#footer p#formasPagamento {
	display:inline;
	float:left;
	width:320px;
	font-size:70%;
	color:#fff;
	padding-left:20px;
}
div#footer p#formasPagamento span {
	display:block;
	margin-bottom:12px;
}
div#footer p#formasPagamento img {
	border:3px solid #3a3d40;
	margin-right:6px;
}
div#footer p#formasPagamento img.lastImage { margin-right:0; }

/*
	--------------------------------------------------------------------

	Desenvolvimento

	--------------------------------------------------------------------
*/

div#footer p#desenvolvimento {
	display:inline;
	float:left;
	width:205px;
	text-align:left;
	font-size:70%;
	color:#fff;
}
div#footer p#desenvolvimento span {
	display:block;
	margin-bottom:12px;
}

/*
	--------------------------------------------------------------------

	Site seguro

	--------------------------------------------------------------------
*/

div#footer p#siteSeguro {
	position:relative;
	display:inline;
	float:left;
	width:70px;
	text-align:center;
	font-size:70%;
	color:#fff;
}

div#footer p#siteSeguro img {
	position:absolute;
	top:24px;
	left:5px;
	border:0px solid #3a3d40;
}

/*
	--------------------------------------------------------------------

	Clear (evita quebra de layout)

	--------------------------------------------------------------------
*/
div.clearFooter {
	width:750px;
	height:25px;
	overflow:hidden;
	clear:both;
}
div.clearFooter hr { display:none; }



/*
	********************************************************************

	Breadcrumbs

	********************************************************************
*/
p#breadCrumbs {
	height:24px;
	line-height:24px;
	margin-bottom:20px;
}
p#breadCrumbs a, p#breadCrumbs strong, p#breadCrumbs span {
	display:inline;
	float:left;
}
p#breadCrumbs a#linkVoltar {
	display:inline;
	float:right;
}
p#breadCrumbs strong { padding:0 5px; }



/*
	********************************************************************

	Paginação

	********************************************************************
*/
p.paginacao {
	height:24px;
	line-height:24px;
	margin-bottom:20px;
}
p.paginacao strong { font-size:110%; }