/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
@font-face { font-family: 'AGaramondPro-Semibold'; src: url('../fonts/AGaramondPro-Semibold.eot'); src: local('?'), url('../fonts/AGaramondPro-Semibold.woff') format('woff'), url('../fonts/AGaramondPro-Semibold.ttf') format('truetype'), url('../fonts/AGaramondPro-Semibold.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'milho_cozido'; src: url('../fonts/milho_cozido_38-webfont.eot'); src: url('../fonts/milho_cozido_38-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/milho_cozido_38-webfont.woff2') format('woff2'), url('../fonts/milho_cozido_38-webfont.woff') format('woff'), url('../fonts/milho_cozido_38-webfont.ttf') format('truetype'), url('../fonts/milho_cozido_38-webfont.svg#milho_cozidoregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'claire_hand_bold'; src: url('../fonts/clairehandbold-webfont.eot'); src: url('../fonts/clairehandbold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/clairehandbold-webfont.woff') format('woff'), url('../fonts/clairehandbold-webfont.ttf') format('truetype'), url('../fonts/clairehandbold-webfont.woff2') format('woff2'), url('../fonts/clairehandbold-webfont.svg#claire_handbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'claire_hand_regular'; src: url('../fonts/clairehandregular-webfont.eot'); src: url('../fonts/clairehandregular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/clairehandregular-webfont.woff2') format('woff2'), url('../fonts/clairehandregular-webfont.woff') format('woff'), url('../fonts/clairehandregular-webfont.ttf') format('truetype'), url('../fonts/clairehandregular-webfont.svg#claire_handregular') format('svg'); font-weight: normal; font-style: normal; }
html { height: 100%; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.clearfix:before, .clearfix:after {/* content: " "; */ display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.holder { overflow: hidden; top: 50%; position: absolute; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); left: 50%; }
body.overflow .holder { position: relative; transform: none; left: 0; }
section {/* overflow: hidden; */ width: 990px; margin: 0 auto; }
body { background: #C4C8F9; font-weight: 400; font-size: 15px; color: #333;/* overflow: scroll; *//* overflow-x: hidden; */ font-family: claire_hand_bold, sans-serif; min-height: 671px; min-width: 990px; }
header { min-height: 50px; width: 830px; margin: 0px auto 25px auto; overflow: hidden; }
header h1 { width: 685px; float: right; font-family: milho_cozido, sans-serif; color: #fff; font-weight: normal; letter-spacing: 2px; font-size: 30px; margin-bottom: 15px; margin-top: 15px; text-shadow: 1px 1px 7px rgba(0,0,0, 0.5); }
header p { width: 685px; float: right; font-size: 16px; font-weight: bold; line-height: 17px; }
header figure { width: 132px; height: 132px; float: left; background: url(../imagens/zero-desperdicio.png) center center no-repeat; }
header figure img { display: none; }
.container { width: 100%; position: relative; }
footer { background: url(../imagens/separador.png) top center no-repeat; padding-top: 80px; width: 100%; position: relative; bottom: 0; }
footer p {width: 100%;max-width: 970px;height: 55px;/* margin: 0 auto */}
footer img { width: 945px; height: 55px }
footer p.img { background: url(../imagens/logos-footer.jpg) center no-repeat }
/**/
.bk-list { list-style: none; position: relative; /* overflow: hidden; */ display: block; }
.bk-list li { position: relative; width: 238px; display: inline-block; z-index: 1; margin: 10px 0 10px 6px; -webkit-perspective: 1800px; -moz-perspective: 1800px; perspective: 1800px; height: 315px;/* overflow: hidden; */ }
.bk-list li:nth-child(4n) {/* margin-left: 0; */ }
.bk-info { font-family: "Trebuchet MS", Helvetica, sans-serif; position: relative; margin-top: 550px; height: 140px; }
.bk-info h3 { padding: 25px 0 10px; margin-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.3); font-size: 26px; }
.bk-info h3 span:first-child { font-size: 14px; font-weight: 400; text-transform: uppercase; padding-bottom: 5px; display: block; color: #777; }
.bk-info p { line-height: 24px; color: #444; min-height: 160px; }
.bk-info button { background: url('../images/layout/botao_ver_azul.png') no-repeat left top; border: none; color: #fff; display: inline-block; width: 73px; height: 28px; font-weight: 700; font-size: 14px; text-transform: uppercase; cursor: pointer; margin-right: 4px; margin-bottom: 9px; box-shadow: 1px 1px 1px rgba(0,0,0,0.15); }
.bk-info button.bk-active, .bk-info button:active { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 -1px 1px rgba(0,0,0,0.2); }
.no-touch .bk-info button:hover, .bk-info button.bk-active { background: url('../images/layout/botao_ver_preto.png') no-repeat left top; }
.bk-list li h2 { display: none }
.bk-list li .bk-book { position: absolute; width: 100%; height: 287px; background-size: cover; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; transition: transform .5s; width: 237px;/* overflow: hidden; */ }
.bk-list li .bk-book.bk-bookdefault:hover { -webkit-transform: rotate3d(0, 1, 0, 35deg); -moz-transform: rotate3d(0, 1, 0, 35deg); transform: rotate3d(0, 1, 0, 35deg); }
.bk-list li .bk-book > div, .bk-list li .bk-front > div { display: block; position: absolute; }
.bk-list li .bk-front { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; transition: transform .5s; -webkit-transform: translate3d(0, 0, 20px); -moz-transform: translate3d(0, 0, 20px); transform: translate3d(0, 0, 20px); z-index: 10; }
.bk-list li .bk-front > div { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.bk-list li .bk-page { -webkit-transform: translate3d(0, 0, 19px); -moz-transform: translate3d(0, 0, 19px); transform: translate3d(0, 0, 19px); display: none; width: 96%; height: 96%; top: 5px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; z-index: 9; }
.bk-list li .bk-front, .bk-list li .bk-back, .bk-list li .bk-front > div { width: 100%; height: 100%; }
.bk-list li .bk-left, .bk-list li .bk-right { width: 42px; left: -20px; }
.bk-list li .bk-top, .bk-list li .bk-bottom { width: 96%; height: 40px; top: -15px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.bk-list li .bk-back { -webkit-transform: rotate3d(0, 1, 0, -180deg) translate3d(0, 0, 20px); -moz-transform: rotate3d(0, 1, 0, -180deg) translate3d(0, 0, 20px); transform: rotate3d(0, 1, 0, -180deg) translate3d(0, 0, 20px); box-shadow: 2px 1px 24px rgba(0,0,0,0.3); border-radius: 3px 0 0 3px; }
.bk-list li .bk-cover-back { background-color: #000; -webkit-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg); transform: rotate3d(0, 1, 0, -180deg); }
.bk-list li .bk-right { height: 285px; top: 5px; -webkit-transform: rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 295px); -moz-transform: rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 295px); transform: rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 240px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.bk-list li .bk-left { height: 100%; padding-bottom: 5px; -webkit-transform: rotate3d(0, 1, 0, -90deg); -moz-transform: rotate3d(0, 1, 0, -90deg); transform: rotate3d(0, 1, 0, -90deg); }
.bk-list li .bk-top { -webkit-transform: rotate3d(1, 0, 0, 90deg); -moz-transform: rotate3d(1, 0, 0, 90deg); transform: rotate3d(1, 0, 0, 90deg); }
.bk-list li .bk-bottom { -webkit-transform: rotate3d(1, 0, 0, -90deg) translate3d(0, 0, 390px); -moz-transform: rotate3d(1, 0, 0, -90deg) translate3d(0, 0, 390px); transform: rotate3d(1, 0, 0, -90deg) translate3d(0, 0, 390px); }
.bk-list li img { width: 241px; height: 292px; }
/* Transform classes */
.bk-list li .bk-viewinside .bk-front { -webkit-transform: translate3d(0, 0, 20px) rotate3d(0, 1, 0, -160deg); -moz-transform: translate3d(0, 0, 20px) rotate3d(0, 1, 0, -160deg); transform: translate3d(0, 0, 20px) rotate3d(0, 1, 0, -160deg); }
.bk-list li .bk-book.bk-viewinside { -webkit-transform: translate3d(0, 0, 150px) rotate3d(0, 1, 0, 0deg); -moz-transform: translate3d(0, 0, 150px) rotate3d(0, 1, 0, 0deg); transform: translate3d(0, 0, 150px) rotate3d(0, 1, 0, 0deg); }
.bk-list li .bk-book.bk-viewback { -webkit-transform: translate3d(0, 0, 0px) rotate3d(0, 1, 0, 180deg); -moz-transform: translate3d(0, 0, 0px) rotate3d(0, 1, 0, 180deg); transform: translate3d(0, 0, 0px) rotate3d(0, 1, 0, 180deg); }
/*.bk-list li .bk-viewback .bk-back { z-index: 10; }*/
/* Main colors and content */

.bk-list li .bk-page, .bk-list li .bk-right, .bk-list li .bk-top, .bk-list li .bk-bottom { background-color: #fff; }
.bk-list li .bk-front > div { border-radius: 0 3px 3px 0; box-shadow: inset 4px 0 10px rgba(0, 0, 0, 0.1); }
.bk-list li .bk-front a { overflow: hidden; display: block; position: relative; }
.bk-list li .bk-front a:after { content: ''; position: absolute; top: 1px; bottom: 1px; left: -1px; width: 1px; }
.bk-list li .bk-cover:after, .bk-list li .bk-back:after { content: ''; position: absolute; top: 0; left: 10px; bottom: 0; width: 3px; background: rgba(0,0,0,0.06); box-shadow: 1px 0 3px rgba(255, 255, 255, 0.1); }
.bk-list li .bk-back:after { left: auto; right: 10px; }
/**/
.bk-list li > a { background: url(../imagens/audiolivro-off.png); width: 98px; height: 21px; display: inline-block; overflow: hidden; text-indent: -200px; left: 50%; position: absolute; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translate(-50%); bottom: -15px }
.bk-list li > a:hover { background: url(../imagens/audiolivro.png); }
.bk-list li > a span { display: none }
/**/
.bk-left h2 { width: 302px; height: 40px; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(90deg) translateY(-40px); -moz-transform: rotate(90deg) translateY(-40px); transform: rotate(90deg) translateY(-40px); }
.bk-content { position: absolute; top: 30px; left: 20px; bottom: 20px; right: 20px; padding: 30px; overflow: hidden; background: #fff; opacity: 0; pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; cursor: default; }
.bk-content-current { opacity: 1; pointer-events: auto; }
.bk-content p { padding: 0 0 10px; -webkit-font-smoothing: antialiased; color: #000; font-size: 13px; line-height: 20px; text-align: justify; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.bk-page nav { display: block; text-align: center; margin-top: 20px; position: relative; z-index: 100; cursor: pointer; }
.bk-page nav span { display: inline-block; width: 20px; height: 20px; color: #aaa; background: #f0f0f0; border-radius: 50%; }
/* Individual style & artwork */
.bk-cover { background-size: cover; overflow: hidden; width: 241px; height: 292px; }
/* Fallbacks */

.no-csstransforms3d .bk-list li .bk-book > div, .no-csstransforms3d .bk-list li .bk-book .bk-cover-back { display: none; }
.no-csstransforms3d .bk-list li .bk-book > div.bk-front { display: block; }
.no-csstransforms3d .bk-info button, .no-js .bk-info button { display: none; }
.view-full { -webkit-transition: all 1s 1s cubic-bezier(0, 0, 0.25, 1); transition: all 1s 1s cubic-bezier(0, 0, 0.25, 1); }
.active { opacity: 0; }
#placeholder { pointer-events: none; position: absolute; transform-style: preserve-3d; transition: all 0.5s ease-out; }
audio { width: 100% }
h3 { font-size: 16px; margin-bottom: 15px; text-align: center; }
.ajuda { display:none}
.ajuda a {background: rgba(255,255,255,0.2);padding: 10px 10px;border-radius: 10px;color: #666;text-decoration: none;font-family: tahoma, sans-serif;/* display: none; */}
.ajuda span { background: #0abfa3; text-align: center; line-height: 30px; color: white; border-radius: 16px; padding: 5px 10px; }


@media only screen and (max-width : 583px) {
body { min-width: 282px }
.holder { position: relative; margin: 0 auto; top: inherit; left: inherit; transform: none }
header { min-height: 50px; width: 282px; margin: 0 auto; }
header figure { float: none; margin: 0 auto }
header h1 { width: 282px; font-size: 25px; text-align: center; }
header p { width: 282px; font-size: 10px; margin-bottom: 20px; }
section { width: 282px; left: -10px; position: relative; }
.bk-list li { width: 282px; height: 370px; margin: 10px 0 50px 7px; }
.bk-list li img { width: 282px; height: 341px; }
.bk-cover { width: 282px; height: 341px; }
.bk-list li .bk-book { width: 282px; height: 341px; }
.bk-list li:nth-child(2n) { /* margin-left: 0; */
}
footer { position: relative !important }
footer img { display: none }
footer p.img {background: url(../imagens/logos-footer-2.jpg) center no-repeat;width: 375px;height: 159px;margin: 0 auto;}


.ajuda  {  }

}

@media only screen and (min-width : 584px) and (max-width : 970px) {
body { min-width: 583px }
.holder { position: relative; margin: 0 auto; top: inherit; left: inherit; transform: none }
header { min-height: 50px; width: 590px; margin: 0 auto; position: relative; left: -2px; }
header h1 { width: 440px; font-size: 25px }
header p { width: 440px; font-size: 13px }
section { width: 583px; }
.bk-list li { width: 282px; height: 370px; margin: 10px 0 50px 7px; }
.bk-list li img { width: 282px; height: 341px; }
.bk-cover { width: 282px; height: 341px; }
.bk-list li .bk-book { width: 282px; height: 341px; }
.bk-list li:nth-child(2n) { /* margin-left: 0; */
}
footer {position: relative !important;}
footer img { display: none }
footer p.img {background: url(../imagens/logos-footer-2.jpg) center no-repeat;width: 375px;height: 159px;margin: 0 auto;}


.ajuda  {display: block;text-align: center;}

}

@media only screen and (min-width : 1280px) {
header { min-height: 50px; width: 930px; }
header h1 { width: 770px; }
header p { width: 770px; }
section { min-width: 1170px; }
.bk-list li { width: 282px; height: 370px; margin: 10px 0 10px 7px; }
.bk-list li img { width: 282px; height: 341px; }
.bk-cover { width: 282px; height: 341px; }
.bk-list li .bk-book { width: 282px; height: 341px; }
.ajuda {
   
}
footer p.img {
    margin: 0 auto;
}
}

@media only screen and (min-width : 1450px) {
header { min-height: 50px; width: 1240px; }
header h1 { width: 1030px; font-size: 35px; margin-top: 30px; }
header figure { width: 165px; height: 165px; background: url(../imagens/zero-desperdicio_big.png) center center no-repeat; }
header p { width: 1030px; font-size: 17px; line-height: 1.2; }
section { min-width: 1302px; }
.bk-list li { width: 315px; height: 410px; margin: 10px 0 10px 7px; }
.bk-list li img { width: 315px; height: 381px; }
.bk-cover { min-width: 315px; height: 381px; }
.bk-list li .bk-book { width: 315px; height: 381px; }
.ajuda {}
footer p.img {}
}

@media only screen and (min-width : 1700px) {
header { min-height: 50px; width: 1240px; }
header h1 { width: 1030px; font-size: 35px; margin-top: 30px; }
header figure { width: 165px; height: 165px; background: url(../imagens/zero-desperdicio_big.png) center center no-repeat; }
header p { width: 1030px; font-size: 18px; line-height: 1.3; }
section { min-width: 1462px; }
.bk-list li { width: 355px; height: 460px; margin: 10px 0 10px 7px; }
.bk-list li img { width: 355px; height: 429px; }
.bk-cover { width: 355px; height: 429px; }
.bk-list li .bk-book { width: 355px; height: 429px; }


.ajuda  {  }

}

@media only screen and (min-width : 1930px) {
header { min-height: 50px; width: 1240px; }
header h1 { width: 1030px; font-size: 35px; margin-top: 30px; }
header figure { width: 165px; height: 165px; background: url(../imagens/zero-desperdicio_big.png) center center no-repeat; }
header p { width: 1030px; font-size: 18px; line-height: 1.3; }
section { min-width: 1894px; }
.bk-list li { width: 450px; height: 575px; margin: 10px 0 10px 20px; }
.bk-list li img { width: 450px; height: 544px; }
.bk-cover { width: 450px; height: 544px; }
.bk-list li .bk-book { width: 450px; height: 544px; }
footer p.img {}

.ajuda  {  }

}
.firefox header p { font-weight: normal }
html.ie body { overflow-X: hidden }
#simplemodal-overlay { background-color: #000; }
#simplemodal-container { background-color: #fff;/* border: 4px solid #ccc; */ padding: 30px; color: #000; opacity: 1; border-radius: 30px; -webkit-box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.63); -moz-box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.63); box-shadow: 0px 0px 28px -4px rgba(0,0,0,0.63); }
#simplemodal-container h1 { font-size: 14px }
#simplemodal-container p { font-size: 12px }
#simplemodal-container a.modalCloseImg {background: url(../imagens/fechar.gif) center center no-repeat; /* adjust url as required */width: 20px;height: 20px;display: inline;z-index: 3200;position: absolute;top: 20px;right: 20px;cursor: pointer;}
#simplemodal-data { height: 99%; }