@import url('https://fonts.googleapis.com/css?family=Roboto');

/* INDEX 1*/
html, body { height: 100%; }
body { font-family: Roboto, Arial !important; font-size: 12px; background-color: #f4f4f7; }

a { text-decoration: none !important; }
.float-right { float: right; }
.font-italic { font-style: italic;  }

header { width: 100%; display: table; }
header .topo { position: relative; top: 0; z-index: 1; }

header .header { position: absolute; top: 0; width: 100%; z-index: 2; }
header .navbar { margin-bottom: 0; }
header .navbar-inverse { background-color: transparent; border: 0; }
header .dropdown-menu li a { font-size: 12px; color: #161616 !important; }
header .dropdown-menu { background-color: #fff; }

header .logo { width: auto; padding-top: 20px; float: left; }
header .menu { float: right; padding-top: 10px; }
header .menu-outlet { float: left; width: 60%; padding-top: 10px; }
header .sacola-outlet { padding-top: 20px; }
header .menu nav { float: left; }
header .menu>div { float: left; padding: 10px 0 0 50px; }

.index1 a { color: #f4f4f7 !important; }

.index2 .header { position: relative; background-color: #FFF; width: 100%; }
.index2 a { color: #161616 !important; }
.index2 .btn-header { background-color: transparent; border: 1px solid #161616; height: 20px; border-radius: 10px; margin-left: 20px; padding-top: 3px; font-size: 10px; color: #161616;  }
.index2 .navbar-inverse .navbar-toggle { color: #161616; border-color: #161616; }
.index2 .navbar-inverse .navbar-toggle .icon-bar { background-color: #161616; }

.sacola .badge { position: relative; top: -10px; left: -7px; background-color: #E71C51; }

section>h1 { /*text-shadow: 0px -30px 5px #161616;*/ text-align: center; padding-top: 40px; }

.btn-header { background-color: transparent; border: 1px solid #f4f4f7; height: 20px; border-radius: 10px; margin-left: 20px; padding-top: 3px; font-size: 10px; color: #f4f4f7;  }
.btn-header:hover { color: #f4f4f7; }
.btn-site  { background-color: transparent; border: 1px solid #b7b7b7; color: #b7b7b7; border-radius: 20px; }
.btn-cadastro { background-color: transparent; border: 1px solid #000; color: #000; border-radius: 20px; font-weight: bold;  }
.btn-carrinho { width: 100px; }
.btn-ebook { background-color: #9b9b9b; border-radius: 10px; font-weight: bold; color: #f4f4f7; }
.btn-ebook:hover { color: #f4f4f7; }

.fixed {  position: fixed !important; top: 0; margin-top: 0px !important; z-index: 999; width: 100%; }

/*.fixed .topo { display: none; }*/
.fixed { position: relative; background-color: #fff; width: 100%; }
.fixed a { color: #161616 !important; }
.fixed .btn-header { background-color: transparent; border: 1px solid #161616; height: 20px; border-radius: 10px; margin-left: 20px; padding-top: 3px; font-size: 10px; color: #161616;  }
.fixed .navbar-inverse .navbar-toggle { color: #161616; border-color: #161616; }
.fixed .navbar-inverse .navbar-toggle .icon-bar { background-color: #161616; }
.fixed .outlet { color: #f4f4f7 !important; }

.search, .email-news { background-color: transparent; border: 1px solid #b7b7b7; color: #000; border-radius: 20px; }
.img-news { float: left; width: 25px; position:  relative; top: 10px; }
.email-news { float: left; width: 85%; }

/*Outlet*/
.nome-promo { margin-top: 50px; }

/*banners*/
.banners-destaque2 { display: table; width: 100%; margin-bottom: 0; }
.banners-destaque2 > div { position: static; padding-right: 0; padding-left: 0; }

section { margin: 30px 0 30px 0; }

.produtos { margin-bottom: 15px; }

.home-produtos { position: relative; }
.home-produtos p { padding-top: 20px; }
.home-produtos .valor, .home-produtos .valor-promo { width: 50%; float: left; }
.home-produtos .off-promo { width: 100%; text-align: center; font-size: 14px; font-weight: bold; }
.home-produtos a { color: #7d808b; }
.lancamento { background-color: #f23e3f; width: 72px; padding: 3px; color: #FFF; border-radius: 5px; }

.produtos-all { width: 90%; margin: 0 auto; display: table; padding: 30px 20px 30px 30px; background-color: #FFF; }
.produtos-all .img-produto { max-width: 95%; margin: 0 auto; height: auto; width: auto; height: 190px; }
.produtos-all .text-center { color: #7d808b; }

.produto-destaque { 
    -webkit-box-shadow: 4px 3px 5px 0px rgba(50, 50, 50, 0.7);
    -moz-box-shadow:    4px 3px 5px 0px rgba(50, 50, 50, 0.7);
    box-shadow:         4px 3px 5px 0px rgba(50, 50, 50, 0.7); }

.valor { color: #b7b7b7; }
.valor-promo, .off-promo { color: #f33e3e; }
.valor-normal { color: #7d808b; text-align: center; }

.carregar-mais { margin-top: 20px; }

/* FOOTER */
.footer { background-color: #1f2023; padding: 80px 0 60px; color: #9598a4; }
footer .cadastro { text-align: center; margin-top: 30px; padding: 60px 0 60px 0;  background: #c8cad2; color: #000; }
.footer li { list-style: none; }
.footer .sociais ul, .footer .sociais-link ul { padding-left: 0; }
.footer .sociais li { float: left; padding-right: 10px; }
.footer .sociais-link { clear: both; padding-top: 15px; }
.footer .sociais-link li { padding-bottom: 7px; }
.footer a { color: #9598a4; }
.footer-contatos { padding-bottom: 10px; }
.footer-contato>div { clear: both; }
.footer-contato { padding-top: 3px; }
footer .copy { border-top: 1px solid #7d808b; margin-top: 60px; }
footer .copy nav ul { padding-left: 0; }
footer .copy li { float: left; padding-right: 30px; }
footer .copy li:last-child { float: right; padding-right: 0; }
footer .email-news { color: #9598a4; }

/* Categorias */
.categorias>.container { padding-top: 40px; }
.select { background-color: transparent ; border: 1px solid #b7b7b7; color: #b7b7b7; border-radius: 20px; width: 100%; height: 30px; padding-left: 5px; }

/*Produto*/

.produto .produto-header { display: table; width: 100%; padding: 30px 0 70px 0; }
.produto .avaliacao { padding-top: 50px; cursor: pointer; }
.produto .img-produto { background-color: #FFF; padding: 45px 0 45px 0; }

.produto .detalhes .fav { padding-bottom: 10px; cursor: pointer; }
.produto .detalhes .fav img { padding-top: 10px; }
.produto .detalhes .btn-comprar { background-color: #f33e3e; border: 1px solid #f33e3e; border-radius: 3px; font-size: 16px; color: #f4f4f7; width: 150px; height: 40px; }
.produto .detalhes .btn-issuu { background-color: #27c864; border: 1px solid #27c864; border-radius: 3px; font-size: 16px; color: #f4f4f7; width: 150px; height: 40px; }
.produto .detalhes .btn-frete {	background-color: #ffffff; border: 1px solid #ffffff; border-radius: 3px; font-size: 12px; color: #929292; width: 40px; height: 30px; margin-left: 15px; }
.produto .detalhes #frete { display: unset; background-color: #ffffff; border: 1px solid #ffffff; border-radius: 3px; font-size: 12px; color: #929292; height: 30px;  }
.produto .detalhes .text-black { color: #242424; font-weight: bold; font-size: 14px; }
.produto .detalhes .text-gray { color: #929292; }
.produto .detalhes .frete input[type="text"] { float: left; width: 200px; }
.produto .detalhes .frete .text-gray { font-weight: normal; }

.qtd { display: unset; background-color: #ffffff; border: 1px solid #ffffff; border-radius: 3px; font-size: 12px; color: #929292; width: 60px; height: 30px; margin-left: 5px; }

.produto .valores { padding: 10px 0 10px 0; font-size: 18px; font-weight: bold; }
.produto .valor { padding-top: 5px; }
.produto .valor-promo { font-size: 22px; }
.produto .quantidade { padding: 15px 0 20px 0; }
.produto .text-autor { display: block; padding-top: 5px; font-weight: bold; }
.produto .frete { padding-top: 20px; }
.produto .nome-livro  { color: #6b6b6b; font-size: 40px; font-weight: bold; padding-left: 0; }

.produto-descricao { padding-top: 30px; }
.produto-descricao .autor-descricao { padding-left: 33px; border-left: 3px solid #b7b7b7 }
.produto-descricao .autor-descricao img { width: 70px; height: auto; }
.produto-descricao p { padding-right: 30px; font-size: 16px; text-align: justify; }
.produto-descricao a { color: #333; }

/* Autores */
.autores h1 { padding-bottom: 60px; }
.img-autores { position: relative; padding-bottom: 30px; }
.img-autores img { margin: 0 auto; }
.img-autores .nome-autores { position: absolute; bottom: 40px; width: 60%; left: 20%; background-color: #FFF; }
.img-autores .nome-autores h4 { color: #161616; text-align: center; }
.video-autor { width: 80%; margin: 0 auto; }

.image { position:relative; }
.image img { width:100%; vertical-align:top; }
.image:after, .image:before { position:absolute; opacity:0; transition: all 0.5s; -webkit-transition: all 0.5s; }

.image:after {
    content:'\A';
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
}

.image:before {
    content: attr(data-content);
    width:100%;
    color:#000;
    z-index:1;
    bottom:0;
    padding:4px 10px;
    text-align:center;
    background:#FFF;
    box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.image:hover:after, .image:hover:before { opacity:1; }

/* Autor */
.autor { display: table; width: 100%; }
.autor img { float: left; padding: 0 40px 40px 0; width: 40%; height: auto; }
.autor .nome-autor { padding: 20px 0 20px 0; }
.nome-autor { color: #0f3a82; font-weight: bold; }
.desc-autor { color: #202020; font-size: 16px; text-align: justify; }

/*Downloads*/
.downloads .livro { background-color: #fff; }

/*Download*/
.btn-epub, .btn-pdf { width: 50%; height: 50px; color: #f4f4f7; font-weight: bold; font-size: 20px; }
.btn-epub { background-color: #27c864; }
.btn-pdf { background-color: #f33e3e; margin-top: 20px; }
.btn-epub:hover, .btn-pdf:hover { color: #f4f4f7; }
.button { padding-top: 70px; }

/*Contato*/
.contato-font { color: #1a1a1a; padding: 20px 0 90px 0; text-align: center; }
.border { border-right: 1px solid #696969; padding-right: 70px; }
.atividades { padding-left: 50px;}

.contato { width: 80%; margin: 0 auto; }
.contato h3, .contato p { padding-bottom: 20px; color: #1a1a1a; }
.contato h3 { font-weight: bold; }
.contato input { margin-bottom: 20px; }

.btn-ide-default { width: 100%; margin-bottom: 70px; background-color: #582aac; color: #fff; border-radius: 7px;}
.btn-ide-default:hover { color: #FFF; }

.contato ul { list-style: none; display: unset; }
.contato .social { float: left; }
.contato .social { border-radius: 7px; background-color: #fff; padding: 5px; margin-right: 20px; }
.telefone { padding: 10px 0 40px 0; }
.telefone h3 { color: #5a5a5a; font-weight: bold; }
.map h4 {padding-bottom: 20px;}

/* FreteGratuito */
.frete-gratuito h2, .frete-gratuito h4 { color: #1a1a1a; text-align: center; }
.frete-gratuito h2 { padding-top: 20px; }
.frete-gratuito .regiao { position: relative; }
.frete-gratuito .regiao>h4 { position: absolute; top: 20px; width: 100%; display: inline-block; font-style: italic; text-align: center; }
.frete-gratuito .money { color: #c72929; font-weight: bold; }

/*Conteudo*/
.jumbotron { background-color: transparent; text-align: justify; font-size: 16px; color: #202020; }
.jumbotron p { font-size: 16px; color: #202020; }

/*Carrinho*/
.carrinho li { padding-left: 5px; display: inline; list-style: none; font-size: 14px; font-weight: bold; }
.carrinho .frete-gratis { background-color: #582aac; text-align: center; }
.frete-gratis { padding: 5px 0 5px 0; }
.carrinho .frete-gratis h3 { color: #ffffff; }
.carrinho h3, .carrinho h4, .carrinho h5, .carrinho input, .carrinho button { font-weight: bold; }
.carrinho .meu-carrinho>div>h3 { background-color: #ECECEC; padding: 20px; margin-bottom: 0; }
.carrinho-produtos { background-color: #FFF; width: 100%; display: table; }
.carrinho-produto { width: 100%; padding: 20px 0 20px 0; margin: 0 auto; border-bottom: 1px solid #ECECEC; display: table; }
.carrinho-produto:last-child { border: 0; }
.carrinho-produto .carrinho-img { background-color: #ECECEC; padding: 20px 0 10px 0; }
.carrinho-produto .carrinho-img img { margin: 0 auto; width: 130px; height: auto; }
.carrinho-produto .valor-produto { text-align: right; }
.carrinho-produto .carrinho-espaco { padding: 1px 0 1px 0; }
.carrinho-produto .btn-excluir { margin-top: 15%; }
.carrinho-produto .btn-excluir img { cursor: pointer; }

.show-frete-gratis { position: relative; bottom: 15px; width: 90%; margin: 0 auto; background-color: #ffd200; color: #222222; border-radius: 4px; text-align: center; }
.show-frete-gratis span { position: relative; bottom: 5px; }
.show-frete-gratis i { font-size: 24px; padding: 5px 0 5px 0; }

#valores_frete { padding: 10px 15px 10px 15px; font-size: 16px; }
.refresh { cursor: pointer; }

.resumo-compra { background-color: #fff; }
.resumo-compra .row>div{ margin: 10px 0 10px 0; }
.sub-total { clear: both; padding-top: 10px; }
.sub-total div>h4 { padding: 7px 0 7px 0; }
.carrinho .btn-continuar-comprando { width: auto; }
.carrinho .qtd { border-color: #ECECEC; }

.resumo-compra .form-control { background-color: #ECECEC; }

.login-light, .classificacao-light, .newsletter-light, .esgotado-light { position: fixed; top: 0; background-color: rgba(255, 255, 255, 0.9); width: 100%; height: 100%; z-index: 999; }
.login-light a, .classificacao-light a, .newsletter-light a, .esgotado-light a { color: #333333; }
.login-light .btn-ide-default, .classificacao-light .btn-ide-default, .newsletter-light .btn-ide-default, .esgotado-light .btn-ide-default { margin-bottom: 20px; }
.login-light .close-client-login, .classificacao-light .close-classificacao-form, .close-newsletter-form { cursor: pointer; }
.mainbox { margin-top: 15%; }

.ebooks h1 { padding-bottom: 50px; }
.ebooks h5 { padding: 50px 0 120px 0; }
.ebooks .container { padding-bottom: 80px; }

.ui-autocomplete li { border-bottom: 1px solid #CCC; }
.ui-autocomplete img { width: 120px; height: auto; padding-right: 15px; }
.ui-menu .ui-menu-item a, .ui-menu .ui-menu-item a:hover { background: transparent !important; border: 0; }

/*Galeria*/
.lSSlideOuter.vertical .lSGallery { left: 15px !important; }
.lSSlideWrapper { left: 70px; }
.lSSlideOuter.vertical .lSAction > .lSNext { bottom: 20px !important; }

.classificacao { list-style: none; }
.classificacao li { float: left; margin-left: 5px; }
.estrela0 { background: url('../images/estrela0.png') no-repeat center; width: 18px; height: 18px; }
.estrela1 { background: url('../images/estrela1.png') no-repeat center; width: 18px; height: 18px; }

@media(min-width: 320px) and (max-width: 768px) {
	header .menu { width: 100%; }
	header .menu nav { width: 100%; }
	header .navbar-nav { background-color: rgba(255, 255, 255, 0.8); }
	header .navbar a { color: #333333 !important; }

	header .sacola { position: absolute; top: 15px; right: 15px; }

    .produto-descricao .autor-descricao { border-left: 0; }

	.carrinho-produto .btn-excluir { padding-bottom: 10px; }
	.carrinho-produto .btn-excluir img { margin: 0 auto; }
	.carrinho-produto .dados-compra, .carrinho-produto .valor-produto { padding: 0; }
}

@media(min-width: 768px){
    #galeria { margin-right: 30px; }
}

@media(min-width: 1024px){
    /* mostra o menu ao passar o mouse */
    header .outlet, header .outlet:hover { background-color: #e71c51 !important; position: relative; top: 12px; padding: 3px 10px 3px 10px !important; margin-left: 10px; border-radius: 10px; }
    .index2 .outlet { color: #f4f4f7 !important; }
	ul.nav li.dropdown:hover ul.dropdown-menu { display: block; }
}