body {
    background: #1b1b1b url(./images/bg.jpg) no-repeat center;
    background-size: cover;
    color: white;
    font-family: 'Press Start 2P', sans-serif;
    font-size: 14px;
    line-height: 1.4em;
}

p { margin: 1.6em 0; }

.wrap { width: 960px; margin: 0 auto; position: relative; }
.clear { clear: both; }
.center { text-align: center; }

header { background: #1b1b1b url(./images/header_bg.gif) repeat-x top center fixed; text-align: center; }
header img { display: block; margin: 0 auto; }
#nav { padding: 20px 0; }
header h1 { display: block; position: absolute; width: 40px;}
header a { color: white; text-decoration: none; font-size: 12px; }
header a:hover { color: #b3eb48; text-decoration: underline; }
header ul { float: right; margin-top: 15px; }
header ul li { display: inline-block; margin: 0 10px; text-transform: uppercase; }

#content { padding: 40px 0; }
#content h2 { font-size: 2.8em; color: white; text-shadow: 2px 2px 0px #ffcd46; display: block; text-align: center; line-height: 1.2em; margin-bottom: 1.2em; }

section.text { background: #1b1b1b; padding: 60px 0; line-height: 2.0em; }

#promo a { display: inline-block; width: 290px; border-radius: 30px; height: 153px; margin: 10px 0; }
#promo a:hover { background: #ffcd46; }
#promo a:hover img { opacity: 0.6em; }

#livros ul { text-align: center; padding: 40px 0px; }
#livros ul li { list-style-type: none; display: inline-block; margin: 0 10px; }
#livros img { box-shadow: 0px 0px 10px #1b1b1b; }
#livros a { background: #ffcd46; display: block; width: 90px; height: 130px; }
#livros a:hover img { opacity: 0.4; }

#datas h2 { color: #b3eb48; font-size: 1.6em; }
#datas h3 { color: #ffcd46; }

.tag { display: block; padding: 10px; background: #ffcd46; color: #1b1b1b; text-transform: uppercase; }
.green { color: #b3eb48; }
.yellow { color: #ffcd46; }
.blue { color: #002765; }
.big { font-size: 2.0em; }
.medium { font-size: 1.5em; }
.bg { background: #1b1b1b url(./images/content_bg.gif) no-repeat center; background-size: cover; }

.no-m-left { margin-left: 0px !important; }
.no-m-right { margin-right: 0px !important; }

.col { margin: 0 20px; float: left; }
.c2 { width: 440px; }
.c1-3 { width: 280px; }
.c2-3 { width: 600px; }

#comprar a { background: #b3eb48; color: #1b1b1b; border-bottom: #94b431 solid 10px; padding: 10px 0px; display: block; width: 240px; margin: 20px auto; text-decoration: none; font-size: 1.4em; }
#comprar a:hover { background: #b3eb48 url(./images/btn_bg.gif); }
#comprar a:active { border: none; margin-top: 30px; }

footer { background: #1b1b1b; color: white; padding: 50px 0; font-size: 0.85em; width: 100%; font-weight: 400; }
footer div.left { float: left; margin-right: 40px; }
footer h3 { font-size: 1.28em; }
footer a { color: #b3eb48; }
footer a.icon { margin-right: 10px; }
footer a:hover.icon { opacity: 0.6; }
footer div.margin0 { margin: 0; }
.center { text-align: center; }

avulso ul { margin: 80px 0; }


#avulso li { display: block; float: left; width: 24.5%; height: 490px; text-align: center; margin-bottom: 40px; padding: 20px 0; }
#avulso li:hover { box-shadow: 0px 0px 15px #ccc; }
#avulso .deactivate { opacity: 0.7; -webkit-filter: grayscale(100%); filter: grayscale(100%); height:490px;}
#avulso .deactivate:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }
#avulso em { font-style: normal; font-weight: 600; font-size: 1.22em; color: #ff6262; }
#avulso a.comprar { font-size: 0.8em; background: #009bff; padding: 6px 0; margin: 10px auto 0; color: white; border-bottom: 7px solid #008ae3; text-decoration: none; display: block; width: 160px; }
#avulso a:active.comprar { opacity: 1; background: #008ae3; border-top: 7px solid white; border-bottom: none; box-shadow: 0px 0px 10px #0078d5 inset; }
#avulso a.saibamais { font-size: 0.8em; background: #ffe363; padding: 6px 0; margin: 10px auto 0; color: #444; border-bottom: 7px solid #f3c64d; text-decoration: none; display: block; width: 160px; }
#avulso a:active.saibamais { opacity: 1; background: #f3c64d; border-top: 7px solid white; border-bottom: none; box-shadow: 0px 0px 10px #f0c040 inset; }
#avulso a:hover.comprar, #avulso a:hover.saibamais { opacity: 0.8; }
#avulso a.vejapordentro { font-size: 0.8em; background: #dce2e8; padding: 6px 0; margin: 10px auto 0; color: #444; border-bottom: 7px solid #c0ccd7; text-decoration: none; display: block; width: 160px; }
#avulso a:active.vejapordentro { opacity: 1; background: #c0ccd7; border-top: 7px solid white; border-bottom: none; box-shadow: 0px 0px 10px #9daab6 inset; }
#avulso a:hover.comprar, #avulso a:hover.saibamais, #avulso a:hover.vejapordentro { opacity: 0.8; }
#avulso h4 { margin: 0 auto 10px; display: block; width: 90%; color: #555; }
#avulso {background-color: white;}