/* Globais */
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size:12px;
  color:#666666;
  background: #efefef;
  margin:0;
  padding:0;
}

body#full{
  background: #fff;
  padding: 5px;
}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
a {
  outline:none;
  color:#8F1E60;
}

form {
  float:left;
  margin:0;
  padding:0;
}

input, select, textarea {
  float:left;
  font-family: Helvetica, Arial, sans-serif;
  font-size:11px;
  color:#666666;
  border:1px solid #DADADC;
}

img {
  border: none;
}

img.stick {
  position: absolute;
  top: 0;
  left: 15px;
}

#cda-prize {
  background: #962B93;
  color: #fff;
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
}

div.conteudo img.page-stick {
  position: absolute;
  top: 0px;
  right: 20px; !important
  z-index: 1000;
}

/* PAGINAÇÃO */

div.pagination{
  width:600px;
  display:block;
  float:left;
}
div.pagination a{
  border: 1px solid #8f1e60;
  text-decoration: none;
  padding:1px 3px;
}
div.pagination .disabled{
  border:1px solid #666;
  padding:1px 3px;
}
.current {
  border: 1px solid #8f1e60;
  background:#8f1e60;
  padding:1px 3px;
  color:#fff;
}



/* Tudo está dentro do #principal */

#principal {
  width:975px;
  margin:0 auto;
}

/* Depois, fica tudo dentro de #conteudo (exceto footers e headers) */

#conteudo {
  float:left;
  width:935px;
  padding:20px 20px 0 20px;
  background: #fff;
  position: relative;
}

/* Já o "topo", como o nome diz, é o topo do site, onde tem o logo */

#topo {
  float:left;
  width:975px;
  padding:20px 0px 0 0px;
  background:url(/images/frontstage/topo_fundo.jpg) repeat-y;
}

#topo h1 {
  margin:0 0 0 20px;
  padding:0;
  float:left;;
}

#topo h1 a {
  float:left;
  width:420px;
  height:73px;
  background:url(/images/frontstage/topo_logomarca.jpg) no-repeat;
  text-indent:-99999px;
  margin-bottom: 4px;
}

#topo .box {
  float:right;
  width:214px;
  height:66px;
  background:url(/images/frontstage/topo_login_fundo.jpg) no-repeat;
  padding:10px 20px 0 70px;
}

#topo .box input.ok {
  float: left;
  background: url(/images/frontstage/topo_login_ok.jpg) no-repeat;
  width: 15px;
  height: 17px;
  text-indent: -99999px;
  overflow: hidden;
  border: none;
  margin-left: 3px;
}

#topo .box input {
  float:left;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #666666;
  border: 1px solid #DADADC;
  width: 83px;
}

#topo .box label {
  font-weight: bold;
}

#topo .box div.email {
  float: left;
  margin: 0 5px 0 0;
}

#topo .box div.senha {
  float: left;
}

#topo .box div.links {
  float: left;
  width: 100%;
  margin: 3px 0 0 0;
}

#topo .box div.links a.voltar {
  float: right;
  margin-right: 13px;
}

#topo .box div.links a.sair {
	background: url(/images/botoes/sair.gif);
  float: right;
  display: block;
  margin: 0px 10px 5px 10px;
	width: 51px;
	height: 21px;
	text-indent: -999999px;
	overflow: hidden;
}

#topo .box div.links a { text-decoration: none; }
#topo .box div.links a:hover { text-decoration: underline; }

h3.welcome{
  background: url(/images/frontstage/bem_vindo.gif) no-repeat;
  display: block;
  text-indent: -999999px;
  overflow: hidden;
  width: 138px;
  height: 20px;
  margin:0px 0px 0px 28px;	
}

#topo .botao-login, #topo .botao-cadastro {
  margin-top: 6px;
  float: left;
}

#topo .botao-login {
  clear: left;
  margin-left: 27px;
}

#topo .botao-cadastro {
  margin-left: 5px;
}

/* o "topo-banner" eh aquele banner la no topo */

#topo-banner {
  float:left;
  width:975px;
}

#topo-banner img {
  border: none;
}

/* 'sidebar' é aquela barra do lado */

#sidebar {
  float:left;
  width:220px;
  margin-top: 10px;
}



/* Nuvem */

#sidebar .nuvem {
  float:left;
  width:207px;
  background:url(/images/frontstage/sidebar_nuvem.jpg) no-repeat top left;
  padding:60px 0 10px 0;
  margin:20px 0 10px 0;
}

#sidebar .nuvem a {
  font-weight:bold;
  text-decoration:none;
}

#sidebar .nuvem a:hover {
  background-color: #eee;
  text-decoration: underline;
}

#sidebar .nuvem a.t0 { font-size:8px; color: #aaa; }
#sidebar .nuvem a.t1 { font-size:9px; color: #aaa; }
#sidebar .nuvem a.t2 { font-size:10px; color: #999; }
#sidebar .nuvem a.t3 { font-size:11px; color: #888; }
#sidebar .nuvem a.t4 { font-size:12px; color: #777; }
#sidebar .nuvem a.t5 { font-size:13px; color: #666; }
#sidebar .nuvem a.t6 { font-size:14px; color: #555; }
#sidebar .nuvem a.t7 { font-size:15px; color: #444; }
#sidebar .nuvem a.t8 { font-size:18px; color: #333; }
#sidebar .nuvem a.t9 { font-size:20px; color: #222; }

/* 'rodape' */

#rodape {
  float:left;
  margin:17px 0 0 0;
}

#rodape div.cima {
  background:url(/images/frontstage/rodape_topo.gif) no-repeat top;
  padding:14px 0 0 0;
}

#rodape div.meio {
  float:left;
  background:url(/images/frontstage/rodape_fundo.gif) repeat-y;
  padding:0 10px 0 10px
}

#rodape div.fundo {
  float:left;
  background:url(/images/frontstage/rodape_repeticao.gif) repeat-x bottom;
  padding:10px 10px 5px 10px;
}

#rodape div.esquerda  {
  float:left;
  width:525px;
}

#rodape div.esquerda ul {
  margin:0 0 10px 0;
  padding:0 0 10px 0;
  list-style:none;
  width:100%;
  float:left;
  border-bottom:1px solid #ccc;
}

#rodape div.esquerda ul li {
  float:left;
  padding:0 3px 0 3px;
}

#rodape div.esquerda div.formaspagamento span {
  float:left;
  padding:4px 10px 0 0;
  font-size:10px;
}

#rodape div.esquerda div.formaspagamento img {
  border: none;
}

#rodape a.logo {
  text-indent:-99999px;
}

#rodape div.poweredby {
  float:left;
  width:170px;
  padding: 0 0 0 0;
  margin:0 0 0 40px;
}

#rodape div.poweredby span {
  color: #999;
}

#rodape div.poweredby a.igroup {
  background:url(/images/frontstage/rodape_poweredby_igroup.jpg) no-repeat;
  width:88px;
  display: block;
  float: right;
  height:29px;
  margin:10px 10px 0 0;
}

#rodape div.poweredby a.a2c {
  background:url(/images/frontstage/rodape_poweredby_a2c.gif) no-repeat;
  width:44px;
  display: block;
  float: left;
  height:41px;
  margin:15px 0 0 10px;
}

#rodape div.printby {
  width:125px;
  float:left;
  padding: 0 0 0 15px;
  margin:0 0 0 20px;
}

#rodape div.printby span {
  margin-left: 30px;
  color: #999;
}

#rodape div.printby a.minhaeditora {
  background:url(/images/frontstage/rodape_printby_minhaeditora.gif) no-repeat;
  float:left;
  width:45px;
  height:48px;
  margin:0 0 0 20px;
}

/*
###################################
Itens que podem estar no conteúdo
###################################
 */

/* Janela principal, no centro da página */

#janela, #janela div.topo { width:690px; }
#janela div.topo h3 { width:671px; }
#janela div.topo div.fundo { width:680px; }
#janela div.topo div.fundo div.conteudo { width:664px; }

#janela_grande { margin-left: 10px; }
#janela { background:url(/images/frontstage/janela_rodape.gif) no-repeat bottom left; margin:10px 0px 0px 15px; }
#janela div.topo { background:url(/images/frontstage/janela_topo.gif) no-repeat top left; }
#janela div.topo div.fundo { background:url(/images/frontstage/janela_fundo.gif) repeat-y; }

/* Janela grande */

#janela_grande, #janela_grande div.topo { width:1016px; }
#janela_grande div.topo h3 { width:1001px; }
#janela_grande div.topo div.fundo { width:1004px; }
#janela_grande div.topo div.fundo div.conteudo { width:984px; }

#janela_grande { margin-left: 3px; margin-top: 3px; }
#janela_grande { background-color: white; }
#janela_grande div.topo { background-color: white; }
#janela_grande div.topo div.fundo { background-color: white; }

/* Demais atributos de janelas */

#janela,
#janela_grande {
  float: left;
  padding-bottom: 29px;
}

#janela div.topo,
#janela_grande div.topo {
  float:left;
}

#janela div.topo h3,
#janela_grande div.topo h3 ,
#root-miolo h3{
  font-size: 20px;
  font-weight: bold;
  color: #AA3680;
  margin: 0;
  padding: 9px 0 10px 15px;
}
#root-miolo h3{
  padding: 9px 0 10px 0px;
}
#janela div.topo div.fundo,
#janela_grande div.topo div.fundo {
  float: left;
  padding: 0 5px 0 7px;
}

#janela div.topo div.fundo div.conteudo,
#janela_grande div.topo div.fundo div.conteudo {
  float:left;
  background-color: #fff;
  padding: 10px 5px 0 5px;
}

#janela h4,
#janela_grande h4 {
  background-color: #F0F1F5;
  font-size: 1.3em;
  display: block;
}

#janela h4 span,
#janela_grande h4 span {
  background-color: #5A6B97;
  color: white;
  margin: 0 0 0 20px;
  padding: 3px 15px 3px 15px;
}

/* Hints*/

/* The hint to Hide and Show */
.hint {
  display: none;
  position: absolute;
  right: 50px; /* -280px; */
  width: 200px;
  margin-top: -4px;
  border: 1px solid #c93;
  padding: 10px 12px;
  /* to fix IE6, I can't just declare a background-color,
  I must do a bg image, too!  So I'm duplicating the pointer.gif
  image, and positioning it so that it doesn't show up
  within the box */
background: #ffc url(/images/icons/pointer.gif) no-repeat -10px 5px;
}

.hint .hint-pointer {
  position: absolute;
  left: -10px;
  top: 5px;
  width: 10px;
  height: 19px;
  background: url(/images/icons/pointer.gif) left top no-repeat;
}

/* Confirmações e erros */

.errorExplanation {
  background-position: 5px 8px !important;
  padding: 4px 4px 4px 30px;
  float: left;
  width: 600px;
}

.errorExplanation h2 {
  margin-top: 0;
  padding-top: 0;
}

.errorExplanation p {
  margin-top: 0;
  padding-top: 0;
  width: auto;
}

.errorExplanation ul {
  margin-top: 0;
  clear: left;
  float: left;
}

.fieldWithErrors input,
.fieldWithErrors textarea,
.fieldWithErrors select {
  background-color: #ffebeb;
  border: 1px solid #f5c1c2;
  color: #9e0b0f;
}

.fieldWithErrors textarea{
  width: 267px;
}

#flashes {
  width: 100%;
  text-align: center;
  color: black;
  margin: -10px 0 0 0;
  font-size: 14px;
}

#confirmacao-notice,
#confirmacao-error,
#confirmacao-warning,
#confirmacao-question {
  margin: 0 auto 10px auto;
  background-position: 2% 50% !important;
  width: 890px;
  padding:15px 8px 15px 8px;
  font-weight:700;
}

#confirmacao-notice {
  background:#e5f7e3 url(/images/icons/check.jpg) no-repeat;
  border:1px solid #c5e1c8;
  color:#005e20;
}

#confirmacao-error,
.errorExplanation {
  background:#ffebeb url(/images/icons/x.gif) no-repeat;
  border:1px solid #f5c1c2;
  color:#9e0b0f;
}

#confirmacao-warning {
  background:#fffeeb url(/images/icons/warning.gif) no-repeat;
  border:1px solid #e6e5d8;
  color:#555;
}

#confirmacao-question {
  background:#e8f8fe url(/images/icons/question.gif) no-repeat;
  border:1px solid #cfdfe5;
  color:#004a80;
}

/* Tabela de listagem */

table.lista {
  float:left;
  width:100%;
  border:1px solid #A1A8C2;
  border-right:none;
}

table.lista td input{
  width:40px;
}
table.lista td.botoes{
  padding-bottom: 20px;
}
table.lista td.botoes input{
  width: auto;
}

table.lista th {
  background: url(/images/frontstage/tabela_lista_fundo.jpg) repeat-x #293662;
  color:#fff;
  height:37px;
  border-right:1px solid #A1A8C2;
  font-weight:bold;
}

table.lista th a {
  color:#fff;
  text-decoration: none;
}

table.lista th.selected {
  background: none;
  background-color: #415390;
  color:#ffffff;
}

table.lista th.acao {
  width: 80px;
}
table.lista td {
  border-right:1px solid #A1A8C2;
  text-align:center;
  height:33px;
}
table.lista td a {
  color:#8F1E60;
}
table.lista tr.even { background-color:#FFFFFF; }
table.lista tr.even td.destaque1 { background-color:#FFFDD5; }
table.lista tr.odd { background-color:#EBF0F5; }
table.lista tr.odd td.destaque1 { background-color:#FFFA86; }

table.lista td.destaque1 { background-color:#FFFDD5; }

table.lista .financial { width: 75px; }
table.lista .checkbox { width: 20px; text-align: center; }

/* Botoes */

div.botoes {
  display: block;
  float: left;
  width: 660px;
  margin: 0 0 5px 0;
  padding: 5px 0 5px 0;
  border-bottom: 2px solid #eee;
}

#janela_grande div.botoes { width: 990px; }


div.botoes-footer {
  border-bottom: none;
  border-top: 2px solid #eee;
}

div.botoes input {
  float: right;
  cursor: pointer;
  margin: 0 4px 0 4px;
  border: none;
  text-indent: -99999px;
  overflow: hidden;
}

div.botoes a {
  cursor: pointer;
  margin: 0 4px 0 4px;
  border: none;
  text-indent: -99999px;
  overflow: hidden;
}

div.botoes a.direita {
  float: right;
}

input.botao-ok {
  background: url('/images/botoes/ok.jpg') no-repeat center top;
  width: 49px;
  height: 30px;
}

input.botao-efetuar-pagamento {
  background: url('/images/botoes/efetuar_pagamento.gif') no-repeat center top;
  width: 200px;
  height: 38px;
}

input.botao-alterar {
  background: url('/images/botoes/alterar.jpg') no-repeat center top;
  width: 85px;
  height: 30px;
}

input.botao-enviar {
  background: url('/images/botoes/enviar.jpg') no-repeat center top;
  width: 74px;
  height: 30px;
}

input.botao-criar {
  background: url('/images/botoes/criar.jpg') no-repeat center top;
  width: 68px;
  height: 30px;
}

input.botao-prosseguir {
  background: url('/images/botoes/prosseguir.jpg') no-repeat center top;
  width: 117px;
  height: 30px;
}

input.botao-publicar {
  background: url('/images/botoes/publicar.jpg') no-repeat center top;
  width: 93px;
  height: 30px;
}

input.botao-recuperar {
  background: url('/images/botoes/recuperar.jpg') no-repeat center top;
  width: 109px;
  height: 30px;
}

input.botao-continuar-grande {
  background: url('/images/botoes/continuar_grande.jpg') no-repeat center top;
  width: 163px;
  height: 41px;
}

input.botao-comprar {
  background: url('/images/botoes/comprar.gif') no-repeat center top;
  width: 167px;
  height: 41px;
  float: right;
}
a.botao-continuar-compra{
  background: url(/images/botoes/comprar_mais_livros.jpg) no-repeat;
  width: 151px;
  height: 25px;
  float: left;
}
input.botao-buscar {
  background: url('/images/botoes/buscar.gif') no-repeat center top;
  width: 63px;
  height: 24px;
}

/* !!! */
a.botao-voltar {
  display: block;
  background: url('/images/botoes/voltar.jpg') no-repeat center top;
  width: 96px;
  height: 30px;
}

a.botao-impresso {
  display: block;
  background: url('/images/botoes/impresso.gif') no-repeat center top;
  width: 92px;
  height: 30px;
}

a.botao-novo-banner {
  display: block;
  background: url('/images/botoes/novo_banner.gif') no-repeat center top;
  width: 121px;
  height: 30px;
  float: right;
}

a.botao-nova-etiqueta {
  display: block;
  background: url('/images/botoes/nova_etiqueta.gif') no-repeat center top;
  width: 127px;
  height: 30px;
  float: right;
}

a.botao-nova-pagina {
  display: block;
  background: url('/images/botoes/nova_pagina.gif') no-repeat center top;
  width: 114px;
  height: 30px;
  float: right;
}

a.botao-novo-livro {
  display: block;
  background: url('/images/botoes/novo_livro.gif') no-repeat center top;
  width: 110px;
  height: 30px;
  float: right;
}

a.botao-novo-tema {
  display: block;
  background: url('/images/botoes/novo_tema.gif') no-repeat center top;
  width: 104px;
  height: 30px;
  float: right;
}

a.botao-novo-usuario {
  display: block;
  background: url('/images/botoes/novo_usuario.gif') no-repeat center top;
  width: 124px;
  height: 30px;
  float: right;
}

a.botao-novo-livro {
  display: block;
  background: url('/images/botoes/novo_livro.gif') no-repeat center top;
  width: 110px;
  height: 30px;
  float: right;
}

a.botao-cancelar-compra {
  display: block;
  background: url('/images/botoes/cancelar_compra.gif') no-repeat center top;
  width: 143px;
  height: 41px;
  float: left;
}

a.botao-voltar-ao-carrinho {
  display: block;
  background: url('/images/botoes/voltar_ao_carrinho.jpg') no-repeat center top;
  width: 159px;
  height: 28px;
  float: left;
}

a.botao-alterar-endereco {
  display: block;
  background: url('/images/botoes/alterar_endereco.gif') no-repeat center top;
  width: 225px;
  height: 29px;
  float: left;
}

a.botao-concluir-compra {
  display: block;
  background: url('/images/botoes/concluir_compra.jpg') no-repeat center top;
  width: 213px;
  height: 40px;
  float: left;
}

/* Galeria */

img.capaimagem {
  width: 122px;
  height: 111px;
}

a.botao-selecionar {
  display: block;
  margin: 4px 0 4px 0;
}

/* Formulario */
form {
  margin: 0;
  padding: 0;
}

form h4 {
  float: left;
  width: 100%;
  margin-top: 10px;
}

form p {
  float: left;
  margin: 0 0 5px 0;
  padding: 0;
  width: 500px;
}

form label.descricao {
  float: left;
  width: 200px;
  margin: 0 5px 0 0;
  padding: 2px 3px 2px 2px;
  text-align: right;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

form .comentario-pos-label {
  margin-left: 5px;
}

form input {
  float: left;
  padding: 2px 2px 2px 2px;
}

form input.micro {
  width: 25px;
  margin-right: 5px;
  text-align: center;
}

form input.mini {
  width: 40px;
  margin-right: 5px;
  text-align: center;
}

form input.miniside {
  width: 150px;
}

form input.deactivated {
  background-color: #dfdfdf;
}

/* menu */
#sidebar .bigrightletter {
  font-size: 200px;
  color: #A02F81;
}

#sidebar .whitebox {
  background:url(/images/frontstage/sidebar_whitebox_baixo.gif) no-repeat right bottom;
  padding: 0 0 9px 0;
  margin: 0 0 10px 0;
}
#sidebar .topo{
  background-position: right top;
  background-repeat: no-repeat;
}
#sidebar .whitebox .topo h4 {
  margin:0;
  font-size:15px;
  color:#2F448C;
  height:39px;
  padding:12px 0 0 10px;
}

#sidebar .whitebox .fundo a { text-decoration: none; }
#sidebar .whitebox .fundo a:hover { text-decoration: underline; }

#sidebar .whitebox  .fundo {
  padding: 0 0 0 0;
  margin: 0 0 0 1px;
  border-right: 1px solid #DDDCE2;
  background-color: white;
  padding: 0 10px 0 10px;
}

#sidebar .whitebox  .conteudo {
  width: 180px;
}

#sidebar .whitebox  .conteudo ul {
  list-style: none;
  padding: 0px;
  margin: 0;
}

div#sidebar div#search{
  padding: 0 10px 10px 10px;
  overflow: hidden;
}
div#sidebar div#search form{
  display: block;
}
div#sidebar div#search form input.what{
  padding:5px;
  width: 120px;
}
div#sidebar div#search form input#commit_search{
  background: url(/images/frontstage/sidebar_whitebox_buscar.jpg) top left no-repeat;
  text-indent: -90000px;
  overflow: hidden;
  width: 61px;
  height: 20px;
  border: none;
  margin: 2px 0px 0px 4px;
}
div#sidebar div#menutematico  {
  padding: 30px 20px 10px 20px;
  width: 180px;
  display: block;
  float:left;
  height: 940px;
  font-size: 0.9em;
  background:url(/images/frontstage/menutematico-background.jpg) no-repeat top;
}
div#sidebar div#menutematico ul {
  padding: 0px;
  list-style-type: none;
}

div#sidebar div#menutematico ul li a{
  padding: 5px 0px;
  display: block;
}
#sidebar #myaccountbox .topo {
  background-image:url(/images/frontstage/sidebar_whitebox_topo_myaccount.gif);
}

#sidebar #superadminbox .topo {
  background-image:url(/images/frontstage/sidebar_whitebox_topo_superadmin.gif);
}

#sidebar #wantstobebox .topo {
  background-image:url(/images/frontstage/sidebar_whitebox_topo_superadmin.gif);
}

#sidebar #clientbox .topo {
  background-image:url(/images/frontstage/sidebar_whitebox_topo_client.gif);
}
#sidebar #authorbox .topo {
  background-image:url(/images/frontstage/sidebar_whitebox_topo_author.gif);
}
#sidebar #publisherbox .topo {
  background-image:url(/images/frontstage/sidebar_whitebox_topo_publisher.gif);
}

form .boxaggregator {
  width: 450px;
  float: left;
}

form .boxaggregator .boxie{
  float:left;
  display: block;
  width: 200px;
  margin: 2px;
  padding: 2px;
  background-color: #efefef;
}

div.search_container {
  float:right; margin-bottom:6px;
}

div.search_container div.search_box {
  width: 201px;
  height: 31px;
  background: url(/images/icons/bg_search_box.gif) right top no-repeat;
}

div.search_container div.search_box #list {
  float: left;
  padding: 0;
  margin: 6px 0 0 6px;
  border: 0;
  width: 159px;
  background: none;
}

div.books_subnav{
  display:block;
  position:relative;
  overflow:auto;
  clear:both;
  padding:3px;
}
div.books_subnav.top{ padding-top: 20px; }
div.sort_box {
  float: right;
  margin-bottom: 20px;
}

form label.require {
  font-weight: bold;
  float: left;
  width: 200px;
  margin: 0 5px 0 0;
  padding: 2px 3px 2px 2px;
  text-align: right;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

#submenu {
  background: url('/images/frontstage/topo/menu.jpg') top repeat-x;
  clear: both;
  text-align: center;
  height: 31px;
  overflow: hidden;
}

#submenu a{
  line-height: 31px;
  color: #442561;
  padding: 0px 15px 0px 15px;
  text-decoration: none;
  font-weight: bold;
  margin-right:0; 
  margin-left:0; 
  outline: 0 !important;
  border-left: 1px solid #D2D6DF;
  border-right: 1px solid #ffffff;
  float: left;
}
#submenu a:hover{
  background: url(/images/frontstage/topo/menu_over.jpg) repeat-x;
}
#submenu a.first{
  border-left: none;
}
#submenu a.last{
  border-right: none;
}
/* ítens de menu */



/* Sem conta */

#sem-conta {
  display: block;
  width: 95%;
  background-color: #FFFD93;
  padding: 10px;
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: center;
  font-size: 1.3em;
  -moz-border-radius: 15px;
}

#sem-conta a { font-weight: bold; }

/* Grade de produtos */

div.grade-produtos {
  float: left;
  width:510px;
  padding-bottom:10px;
  overflow:auto;
}

div.grade-produtos .produto,
.box_azul .produto {
  float:left;
  width:150px;
  font-size: 11px;
  padding: 5px 10px 5px 10px;
  text-align:center;
  height: 250px;
  position: relative;
}

div.grade-produtos .produto:hover { background-color: white; }

div.grade-produtos div.produto a.book_thumbnail{
  display: block;
  margin-bottom: 10px;
}

div.grade-produtos div.produto a.nome,
div.grade-produtos div.produto a.autor,
div.grade-produtos div.produto span.preco {
  color: #000;
  font-weight: bold;
  padding-top: 5px;
  text-decoration: none;
  width: 100%;
}

div.grade-produtos div.produto a.nome {
  font-size: 12px;
  color: #444;
}

div.grade-produtos div.produto a.autor {
  font-size: 10px;
  font-weight: normal;
}

div.grade-produtos div.produto span.preco {
  color: #8F1E60;
  font-size: 1.1em;
}

div.banners{
  width: 140px;
  margin-left: 20px;
  float: left;
}
 
div.banners div.depoimentos{
  height: 480px;
  background: url(/images/banners/depoimentos.jpg) no-repeat;
  font-size: 1em;
  padding-top: 20px
}
div.banners div.depoimentos div.item {
  padding: 10px;
}

div.termosdeuso ol ol {
  list-style-type: lower-alpha;
}

div.termosdeuso li {
  padding-top: 3px;
  padding-bottom: 3px;
}

/* Carousel */

.carousel {
  margin: 0 0 1em 0;
  padding: 10px;
  width: 160px;
  border: 1px solid #d1d1d1;
  -moz-border-radius: 5px;
}

.carousel-box {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 160px;
  height: 225px;
}

.carousel-images {
  position: absolute;
  width: 10000px;
  height: 225px;
}

.carousel-images img {
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
}

.carousel-controls {
  position: relative;
  margin: 0.4em 0 0 0;
  text-align: center;
  width: 100%;
}

.carousel-controls .prev {
  position: absolute;
  top: 0;
  left: 0;
}

.carousel-controls .next {
  position: absolute;
  top: 0;
  right: 0;
}
.obra_propria {
  float:left;
  width:53px;
  height:16px;
  background:url(/images/frontstage/botao_suaobra.gif) no-repeat;
  text-indent:-9999px;
  margin:5px 0 0 0;
}
.tabela_cart {width:660px;}
.tabela_cart thead tr {
  background:url(/images/frontstage/bg_topo_cart.jpg) no-repeat;
}
.tabela_cart thead td {
  height:35px;
  font-weight:bold;
}
.tabela_cart thead th { 
  text-align: left;
  background: #fff;
}
.tabela_cart .desc_livro_cart {font-size:10px;}
.tabela_cart .desc_livro_cart img {
  float:left;
  margin:0 10px 10px 0;
  }
  .tabela_cart .desc_livro_cart strong {color:#44599f; font-size:16px;}

  .tabela_cart .quantidade {
    background:url(/images/frontstage/fundo_quantidade.gif) no-repeat;
    width:65px;
    height:37px;
    padding:10px 0 0 0;
    float:left;
    color:#44599f;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    border:none;
}
.tabela_cart .excluir_livro, .tabela_cart .atualizar_quantidade {
  width:18px;
  height:18px;
  text-indent:-9999px;
  float:left;
  cursor:pointer;
  margin:15px 0 0 5px;
  border: none;
}
.tabela_cart .excluir_livro {
  background:url(/images/frontstage/botao_excluir_cart.gif) no-repeat;
}
.tabela_cart .atualizar_quantidade {
  background:url(/images/frontstage/ok_cart.gif) no-repeat;
}
.tabela_cart tbody td {
  padding:10px 0 0 0;
}
.tabela_cart .valor {color:#44599f; font-size:16px; text-align:right; padding-right:10px;}
.tit_entrega {float:left; width:100%; text-indent:20px; font-size:16px;}
.border_bottom {border-bottom:2px solid #D3D3D3; padding-bottom:5px; margin-bottom:10px;}
.padbottom_20 {padding-bottom:20px;}
.bt_atualizar_entrega {
  float:left;
  border:none;
  cursor:pointer;
}

.box_entrega {float:left;width:100%; font-size:11px;}

.labelcep {
  color:#44599f;
  font-weight:bold;
  float:left;
  margin:0 5px 0 0;
  font-size:12px;
}

.tipo_entrega {
  float:left;
  width:674px;
  padding:5px 10px 5px 10px;
  margin-bottom: 5px;
}
.tipo_entrega strong {color:#44599f; font-size:12px;}
.tipo_entrega input {float:left; margin:0 10px 20px 0;}

.observacao_entrega {font-size:11px; padding-bottom:10px;}
.observacao_entrega strong {color:#ba1a38;}

.sub_total {float:left;width:100%; font-size:14px; color:#aa3680; margin-bottom:10px;}
.sub_total div {float:right;}
.sub_total strong {float:left; margin:3px 0 0 0;}

.comentarios_livro {
  float:left;
  width:100%;
  border-top:1px solid #C7C7C7;
  margin-top:10px;
  padding-top:10px;
}
.comentario {
  background:url(/images/frontstage/bg_comentariounico.gif) repeat-y;
  width:484px;
  float:left;
  margin-bottom:10px;
}
.comentarios_livro span {float:left; width:100%; margin-bottom:10px;}
.comentarios_livro span strong {font-size:16px; color:#aa3680;}
.nologado {font-size:16px; color:#aa3680;}
.info_coment {float:left; width:100px; padding:10px 0 0 10px; font-size:11px;}
.ds_coment {float:left; width:355px; padding:10px 0 10px 10px;}

.new_comment textarea {
  border:1px solid #D8D8D8;
  background:#F7F7F7;
  width:484px;
  height:100px;
}
.new_comment small {font-size:10px; float:left; width:300px; padding:3px 0 0 0;}

.enviar_menor {
  float:right;
  width:54px;
  height:21px;
  background:url(/images/frontstage/enviar_comentario.gif) no-repeat;
  border:none;
  cursor:pointer;
  text-indent:-9999px;
  margin:3px 0 0 0;
}

.chartboard-bigbox {
  display: block;
  width: 300px;
  float: left;
  text-align: center;
  margin: 2px 10px 2px 10px;
  font-size: 1.8em;
}

/* MADE BY ESDRAS ==> */
.quiet{
  color: #d5d5d5;
}

div.center{
  display:block
  position:relative;
}

div.booktype{
  display:block;
  background:#ccc;
  width:35px;
  height: 50px;
}
div#a5{
  width:45px;
  height:65px;
}
div#a4{
  width:60px;
  height:100px;
}

ul#cover_type_selection{
  list-style:none;
  margin:0;
  padding:0;
}

ul#cover_type_selection li{
	padding:5px 0 5px 20px;
}
ul#cover_type_selection li a {
	color:#555;
	text-decoration:none;
}
ul#cover_type_selection li{
	background:url(/images/backstage/book_registration/repeat_opcoes.gif) repeat-x top #DADDE4;
	width:500px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	float:left;
	margin-bottom:5px;
}
ul#cover_type_selection li.selected{
	font-weight:bold;
}

/* BOOK PROTOTYPE in backstage/book_registrations/show.html.erb */
div#book_cover_construction_area{
  position:relative;
  display:block;
	height: 600px;
}
#book_cover_construction_area .pagination {width:400px;}
div#book_prototype{
  display:block;
  color:#000;
  background:#e5e5e5;
  height:300px;
  width:220px;
  text-align:center;
  position:absolute;
	left: 0px;
}
div#book_prototype h1{
  font-size:11pt;
  font-weight:bold;
  top:15px;
  position:relative;
}
div#book_prototype h2{
  font-size:9pt;
  font-weight:bold;
  top:15px;
  position:relative;
}

div#book_prototype img{
  width: 200px;
  padding: 10px;
}

div#book_prototype_tools{
  float:right;
  width:400px;
  margin-left:20px;
  display:block;
  position:absolute;
  right:0px;
  top:0px;
	overflow: hidden;
}
div#book_prototype_tools table td{
  padding-bottom:0;  
  text-align:left;
  font-size:14px;
}

div.palette, a.palette{
  display: block;
  font-size: 1.6em;
  padding:7px;
  border: 4px solid #fff;
  float: left;
  background: #ccc;
  text-decoration: none;
}
div.palette.selected, a.palette.selected{
  border-color: #ccc;
}

div.image img{
  width: 75px;
  height: 75px;
  padding: 4px;
}
div.image div.img_container{
  float:left;
  overflow: hidden;
  background: #e5e5e5;
  margin: 5px;
  font-size:11px;
  text-align:center;
  font-weight:bold;
}
div.image div.img_container a, div.image div.img_container span{
  display: block;
  padding: 3px
}
div.image div.img_container.selected{
  background: #222f63;
  color: #fff;
}
div.image div.img_container.selected a{
  color: #fff;
}




/*Book Registration */
.ft14 {font-size:14px;}
.fundo_tamanhos {
	background:url(/images/backstage/book_registration/bg_books_registration.jpg) no-repeat;
	width:115px;
	height:158px;
	float:left;
	margin:0 15px 10px 0;
	text-align:center;
	color:#2F448C;
	font-size:13px;
}
	.fundo_tamanhos input {float:none;}
	
	.book_bolso {padding-top:40px; height:118px;}
		.book_bolso img {padding-bottom:15px;}		
	.book_a5 {padding-top:20px; height:138px;}
		.book_a5 img {padding-bottom:8px;}		
	.book_a4 {padding-top:10px; height:148px;}
	
.fundo_opcoes {
	float:left;
	background:url(/images/backstage/book_registration/repeat_opcoes.gif) repeat-x;
	height:26px;
	padding:6px 10px 0 10px;
	width:520px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin:0 0 10px 0;
}
div.input_radios {width:420px;}
div.fundo_opcoes label {float:left;}
div.fundo_opcoes input {float:right; border:1px solid #9CA4BE; width:130px; padding:2px 0 2px 0; cursor: text;}	
div.input_radios input {float:left; border:none; width:auto;}

	
.rs {
	background:url(/images/backstage/book_registration/img_rs.gif) no-repeat left center;
	float:right;
	padding:0 0 0 20px;
}	
	
.importante {
	background:#FFFCEA;
	border:1px solid #D8D0A3;
	padding:5px 10px 5px 10px;
	float:left;
	width:520px;
	line-height:18px;
}
.bt_proximo {
	background:url(/images/backstage/book_registration/bt_next.jpg) no-repeat;
	width:113px;
	height:41px;
	float:right;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
	margin:10px 0 0 0;
	outline:none;
}
.bt_voltar {
	background:url(/images/backstage/book_registration/bt_voltar.gif) no-repeat;
	width:77px;
	height:31px;
	float:right;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
	margin:15px 10px 0 0;
	outline:none;
}
.bt_enviar {
	background:url(/images/botoes/enviar.jpg) no-repeat;
	width:74px;
	height:30px;
	float:right;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
	margin:15px 10px 0 0;
	outline:none;
}
.bt_publicar {
	background:url(/images/backstage/book_registration/bts_16.gif) no-repeat;
	width:144px;
	height:40px;
	float:right;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
	margin:15px 10px 0 0;
	outline:none;
}
.edita_capa {
	background:url(/images/backstage/book_registration/bg_capa.gif) no-repeat;
	width:642px;
	height:502px;
	float:left;
	position:relative;
	margin:0 0 20px 15px;
}
.edita_capa textarea {
	position:absolute;
	top:190px;
	right:20px;
	width:140px;
	height:155px;
	padding:10px;
	text-align:center;
	background:#FCFCEA;
	border:1px solid #A89B5F;
}
.edita_contra_capa {
	background:url(/images/backstage/book_registration/bg_contracapa.gif);
	width:642px;
	height:502px;
	float:left;
	position:relative;
	margin:0 0 0 15px;
}
.orelha_frontal {
	position:absolute;
	top:150px;
	left:20px;	
}
	.orelha_frontal textarea {
		padding:10px;
		text-align:center;
		background:#FCFCEA;
		border:1px solid #A89B5F;
		width:135px;
		height:144px;
	}
.orelha_verso {
	position:absolute;
	top:150px;
	left:240px;	
}
	.orelha_verso textarea {
	padding:10px;
	text-align:center;
	background:#FCFCEA;
	border:1px solid #A89B5F;
	width:337px;
	height:144px;
}	

.box_amarelo {
	background:#FFFCEA;
	border:1px solid #D8D0A3;
	padding:10px;
	width:642px;
	margin:0;
	list-style:none;
	font-weight:bold;
	font-size:14px;
	float:left;
}
.box_amarelo li, .box_amarelo2 li {
	float:left;
	width:100%;
	padding:5px 0 5px 0;
}
.box_amarelo2 {
	background:#FFFCEA;
	border:1px solid #D8D0A3;
	padding:10px;
	width:375px;
	margin:15px 0 0 0;
	list-style:none;
	font-size:12px;
}
.box_amarelo2 ul {
	list-style:none;
	margin:0; 
	padding:0;
}
.fundo_file {
	background:url(/images/backstage/book_registration/repeat_opcoes.gif) repeat-x top #DADDE4;
	width:640px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	float:left;
	padding:10px 0 10px 20px;
}
.fundo_file input {float:none;}
.fundo_file label {padding-right:30px; font-weight:bold;}

.links_livro {
	width:109px;
	height:27px;
	float:left;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
.bt_alterar_dados {background:url(/images/backstage/book_registration/bts_03.gif) no-repeat;}
.bt_alterar_texto {background:url(/images/backstage/book_registration/bts_05.gif) no-repeat;}
.bt_alterar_miolo {background:url(/images/backstage/book_registration/bts_07.gif) no-repeat;}
.bt_alterar_capa {background:url(/images/backstage/book_registration/bt_alterar_capa.gif) no-repeat;} 

.links_img {
  float:left;
  border:none;
  margin:0 0 0 0;
  color: #fff;
  text-decoration: none;
  margin: 5px;
}

.links_img span.left{
  height: 39px;
  width: 12px;
  background: url(/images/botoes/management/left.png) no-repeat;
  float: left;
}

.links_img span.center{
  background: url(/images/botoes/management/middle.png) repeat-x;
  line-height: 39px;
  float: left;
}
.links_img span.right{
  background: url(/images/botoes/management/right.png) no-repeat;
  height: 39px;
  width: 12px;
  float: left;
}

.blue.links_img span.left {
  background: url(/images/botoes/management/left_blue.png) no-repeat;
  width: 11px;
}
.blue.links_img span.right {
  background: url(/images/botoes/management/right_blue.png) no-repeat;
}
.blue.links_img span.center {
  background: url(/images/botoes/management/middle_blue.png) repeat-x;
}

/*
.bt_editar_pag {width:129px; height:40px; background:url(/images/backstage/book_registration/imgmanager_05.gif) no-repeat; margin:0 20px 10px 0;}
.bt_conhecer {width:179px; height:40px; background:url(/images/backstage/book_registration/imgmanager_07.gif) no-repeat; margin:0 0 10px 0;}
.bt_editar_capa {width:129px; height:40px; background:url(/images/backstage/book_registration/imgmanager_16.gif) no-repeat; margin:0 5px 0 5px;}
.bt_editar_miolo {width:129px; height:40px; background:url(/images/backstage/book_registration/imgmanager_18.gif) no-repeat; margin:0 5px 0 0;}
.bt_editar_descricao {width:149px; height:40px; background:url(/images/backstage/book_registration/imgmanager_20.gif) no-repeat;}
.bt_editar_isbn {width:149px; height:40px; background:url(/images/backstage/book_registration/isbn.gif) no-repeat; margin:0 5px 0;}
*/
.bg_link_manage {
	background:url(/images/backstage/book_registration/bg_link_manage.gif) repeat-x top #DBDEE5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	float:left;
	width:600px;
	padding:10px 0 10px 0 ;
}


/* Sort form da nova home */

#sort_box{
  overflow: auto;
  display: block;
  clear: both;
  margin: 10px 0 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
#sort_box ul{
  list-style-type: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: 90%;
}

#sort_box ul li{
  display: inline;
  float: left;
  margin-right: 15px;
}
#sort_box ul li.last{
  margin-right: 0px;
}
#sort_box ul li input{
  float: none;
}
#sort_box ul li select{
  width: 90px;
  float: none;
}

.top-span-05{
  padding-top: 10px;
  overflow: hidden;
}

.bottom-span-1{
  padding-bottom: 15px;
  overflow: hidden;
}
.bottom-span-2{
  padding-bottom: 30px;
  overflow: hidden;
}

.top-span-8{
  padding-top: 130px;
  overflow: hidden;
}

.push-5 {
  margin-left: 75px;
  overflow: hidden;
}
.push-9{
  margin-left: 145px;
  overflow: hidden;
}

.top-span-2{
  padding-top: 30px;
  overflow: hidden;
}
.bottom-span-2{
  padding-bottom: 30px;
  overflow: hidden;
}
.right-span-1{
  padding-right: 15px !important; 
}
.left-span-1{
  padding-left: 15px; 
}

form.form_entrega{
  display: block;
  width: 250px;
}
.botao-continuar-compra{
  margin-left: 200px;
}
tr.underline th{
  border-bottom: 1px solid #ccc;
}

.palette-container{
  background: #e1e1e1;
  overflow: hidden;
  padding: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
}
.palette-container h2, .palette-container p{
  float: left;
  margin: 0 0 10px 10px;
  width: 535px;
}
.palette-container p {
  margin-bottom: 0px;
}
div.models-container {
  overflow: hidden;
}
div.models {
  width: 3984px;
  overflow: hidden;
}
div.models div.model {
  float: left;
}

div.switch{
  width: 400px;
  height: 59px;
  background: url(/images/backstage/book_registration/switch.jpg) no-repeat;
  overflow: hidden;
  padding: 0px !important;
}
div.switch a, div.switch h2{
  line-height: 59px;
  margin: 0px;
}
div.switch a { width: 70px; text-indent: -90000px; overflow: hidden; }
div.switch h2 { text-align: center; float: left; width: 250px }
div.switch a.prev { float: left; }
div.switch a.next { float: right; }

.preview{
  padding: 0px;
  background: #e8e8e8;
  height: 574px;
}

div.preview div.lombada{
  height: 574px;
  width: 45px;
  float: left;
}

div.preview div.cover, div.preview div.back_cover{
  width: 400px;
  height: 574px;
  float: left;
  margin-right: 5px;
}

div.back_cover div.text {
  overflow: hidden;
  position: relative;
}
div.back_cover textarea{
  width: 380px;
  padding: 10px;
  background: none;
  border: none;
}

div.preview div.cover div.title{
  text-align: center;
  height: 110px;
  margin-bottom: 10px;
  padding-top: 30px;
  position: relative
}

div.preview div.cover div.title h2, div.preview div.cover div.title h4{
  background: none !important;
  margin: 0;
  color: inherit !important;
}

div.preview div.cover div.title h2{
  font-size: 23px !important;
  line-height: 48px;
}
div.preview div.cover div.title h4{
  font-size: 17px !important;
  line-height: 20px;
}
div.preview div.cover div.center-image, div.preview div.cover div.full-image {
  background: #fff;
  margin-bottom: 10px;
  position: relative;
}
div.preview div.cover div.center-image{
  margin-left: 20px;
  margin-right: 20px;
  height: 318px;
}
div.preview div.cover div.full-image{
  height: 574px;
  text-align: center;
}

a.link_select_image, a.link_select_text{
  display: none;
  text-align: left;
}
div.preview div.cover div.center-image:hover a.link_select_image, 
div.preview div.cover div.full-image:hover a.link_select_image,
div.preview div.back_cover div.text:hover a.link_select_text,
div.ear:hover  a.link_select_text {
  display: block;
}

a.link_select_image, a.link_select_text{
  position: absolute;
  top: 130px;
  width: 80px;
  padding: 10px;
  background: #fff;
  font-weight: bold;
}
a.link_select_image.left, a.link_select_text.left{
  left: 0px;
}

a.link_select_image.right, a.link_select_text.right{
  right: 0px;
}
div.preview div.cover div.author-name{
  height: 48px;
  text-align: center;
  position: relative;
}

div.preview div.cover div.author-name h3{
  text-align: center;
  width: 400px !important; 
  padding: 0 !important;
  line-height: 48px;
  font-size: 20px !important;
  color: inherit !important;
}

div.preview div.ear{
  width: 190px;
  padding: 10px;
  height: 552px;
  overflow: hidden;
  float: left;
  border: 1px dashed #ccc;
  position: relative;
}
div.preview div.ear.first{
  margin-right: 5px;
}
div.preview div.ear.full {
  padding: 0;
  height: 572px;
  width: 210px;
}
div.preview div.ear a.link_select_text{
  display: none;
}
div.preview div.ear:hover a.link_select_text{
  display: block;
}
.bottom-span-1{ 
  margin-bottom: 30px;
}
.top-span-1{
  margin-top: 30px;
}
.push-1{
  margin-left: 30px;
}
.push-2{
  margin-left: 60px;
}
.push-3{
  margin-left: 90px;
}
.push-4{
  margin-left: 120px;
}

span.thumbnail{
  padding: 5px;
  float: left;
  border: 1px solid #ccc;
  margin: 2px;
  text-align: center;
}
span.thumbnail.selected{
  background: #8F1E60;
}
span.thumbnail span.input{
  display: block;
}
span.thumbnail input, span.input input{
  float: none;
  display: none;
}
div.upload{
  width: 600px;
}
div.upload div.left{
  float: left;
  width: 200px;
}
div.upload div.left img{
  margin: 100px 0 0 15px;
}
div.upload div.right{
  float: left;
  width: 400px;
}
div.upload p, div.upload ul{
  line-height: 1.2em;
}
div.upload ul{
  padding: 0 !important;
  list-style-position: inside;
}
div.upload form{
  width: 400px;
  padding: 0;
  overflow: hidden;
}
input.apply{
  display: block;
  background: url(/images/botoes/applicar.jpg) no-repeat;
  width: 118px;
  height: 43px;
  text-indent: -999999px;
  overflow: hidden;
  border: none !important;
  float: right;
}
div.upload a.cancel{
  line-height: 43px;
  float: right;
  margin-right: 20px;
}

a.edit_ear{
  position: absolute;
  text-align: center;
  top: 180px;
  display: block;
  text-decoration: none;
}

div.ear_top_image{
  border-bottom: 1px dashed #ccc;
  margin-bottom:  10px;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
}

div.ear_top_image:hover a{
  display: block;
  top: 20px;
}
div.ear textarea{
  border: none !important;
  background: none !important;
  width: 190px;
  margin-top: 20px;
}
div.covered{
  display: none;
}
img.selos_editoriais{
  margin-left: 5px;
}
p.block{
  width: 663px;
  font-size: 1.2em;
  display: block;
}
div#banner_finalistas{
  height: 550px;
  background: url(/images/banners/banner_luiz_cezar.jpg) no-repeat;
}
div#banner_finalistas a.fechar{
  float: right;
  width: 100px;
  height: 20px;
  text-indent: -9999999px;
  overflow: hidden;
}

div#banner_finalistas a.vote{
  display: block;
  height: 550px;
  text-indent: -9999999px;
  overflow: hidden;
}
.align-center{
  text-align: center;
}
.violet{
  color: #A02F81;
}
h2.big{
  font-size: 2.3em;
}