@charset "utf-8";
html { position: relative; height: 100%; }
body { height: 100%; width: 100%; position: absolute; background: #fff; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0; }
/*home*/
header { height: 100px; margin: auto; text-transform: uppercase; background: url('images/header_line.png') center bottom repeat-x, #58c6b4; }
header div { height: 100px; }
header div.menu-mobile{display: none;}
header div.title-image{ width: 50%; float: left;}
header div.adjust { width: 970px; display: block; margin: 0 auto; }
header img { padding-top: 10px; }
nav.header { width: 50%; height: 100px; font-size: 18px; float: right;}
nav.header ul { padding: 40px 0; float: right;  }
nav.header ul li { display: inline-block; padding: 20px 30px 44px 30px; margin-top: -20px; }
nav ul li { display: inline-block; padding: 0 15px 44px 15px; }
nav ul li a:link { text-decoration: none; }
nav.header ul li a { color: #ffffff }
/**/
.dropbtn { border: none; cursor: pointer;}
.dropdown { position: relative; display: inline-block; }
.dropdown-content { /*overflow-x:hidden; overflow-y: scroll;*/ overflow: hidden; margin-top: 42px; display: none; position: absolute; background-color: #0d3a33; width: 100%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); /*height: 142px;*/height:auto; z-index: 2; }
.dropdown-content a { color: #ffffff; padding: 12px 16px; text-decoration: none; display: block; font-size: 13px; }
.dropdown-content a:hover { background-color: #0a302a }
.dropdown:hover .dropdown-content { display: inline-block; position: absolute; left: 0%; padding: 15px 0 15px 0; }
.dropdown:hover { background: url('images/up-arrow.png') center bottom no-repeat, #18b49a; }


.dropdown-content::-webkit-scrollbar {
      width: 10px;
} /* this targets the default scrollbar (compulsory) */

.dropdown-content::-webkit-scrollbar-track {
      background-color: #58c6b4;
} /* the new scrollbar will have a flat appearance with the set background color */

.dropdown-content::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2);
} /* this will style the thumb, ignoring the track */

.dropdown-content::-webkit-scrollbar-button {
      background-color: #30665d;
	  display: none;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */

.dropdown-content::-webkit-scrollbar-corner {
      background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */

/*GRIDS*/
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
/**/
div.slider-background { background: url('images/slider-background.jpg') center repeat-x; background-size: cover; height: 590px;}
div.carousel img { width: 100%; height: 100%;}
/**/
div.destaques { background: url('images/header_line2.png') center top repeat-x; text-align: center; padding-top: 40px}
/**/
/*.page-wrap { min-height: 50%; margin-bottom: -125px;
}
.page-wrap:after {
  content: "";
  display: block;
}
footer, .page-wrap:after {
  height: 125px;
}*/
/*footer{ position: absolute; bottom: 0; clear: both; left: 0; }*/
.footer-line{ background: url('images/header_line.png') center bottom repeat-x; width: 100%; height: 15px; margin-top: 225px; }
footer{display: inline; }
footer nav.upper-footer { height: 50px; background: #237366; text-align: center; }
nav.upper-footer ul { line-height: 50px; }
nav.upper-footer ul li { color: #ffffff; }
nav.upper-footer ul li a { color: #ffffff; }
footer div.bottom-footer { height: 75px; background: url('images/footer.jpg') center no-repeat, #1e6d60; text-align: center; }
/**/
@font-face { font-family: MilhoCozido; src: url('fonts/Milho_Cozido.ttf') format('truetype'); }
/**/
div.destaques h1 { width:33.33%; display: inline-block; font-family: MilhoCozido; text-transform: uppercase; font-size: 60px; color: #2d5b40; margin: auto; }
div.destaques div.title div.col-4 { display: inline-block; position: absolute; right: 0; }
div.destaques div.subtitle { width:33.33%; margin: auto; color: #393939; font-size: 16px; }
div.destaques ul { margin-top: 25px; }
div.destaques nav ul li{ background-color: #feecbd; margin-left: -5px; padding: 0px; cursor:pointer;}
div.destaques nav ul li  div{ display:inline-block; padding: 10px; margin-left: -1px;}
.age-selector-adjust{margin-left: 10px;}
.age-selector{display:inline;}
.age-selector-m{display:none; }
.age-m-div-shadow{display: none;}
/*div.destaques ul li:hover { background-color: #58c6b4; }
div.destaques ul li a:hover { color: #ffffff; }*/
.age-selector-left { border-radius: 10px 0 0 10px; margin-left: 5px; }
.age-selector-right { border-radius: 0 10px 10px 0; }
.unselectable { -webkit-user-select: none;/* Chrome all / Safari all */-moz-user-select: none;/* Firefox all */-ms-user-select: none;/* IE 10+ */user-select: none;/* Likely future */}
/*Livros PNL2*/
.listItems{width: 100%; display: block; margin: 0 auto;}
section {/* overflow: hidden; */ width: 100%; margin: 0 auto; }
.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 30px 25px; -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; box-shadow: 5px 5px 5px #888888;}
.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(images/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(images/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%}
/*Fim Livros PNL2*/


/*material*/
div.materiais { margin-top: 65px; }
div.materiais h1 { display: inline-block; font-family: MilhoCozido; text-transform: uppercase; font-size: 40px; color: #2d5b40; text-align: center; margin: auto; }
div.materiais div.subtitle { margin: auto; color: #393939; font-size: 16px; text-align:center; }
div.materiais ul { margin-top: 25px; }
div.materiais ul li{ background-color: #feecbd;  margin-left: -5px; padding: 0px;}
div.materiais ul li  div{ display:inline-block; padding: 10px; margin-right: 1px; }
/**/
div.documentos{ margin: auto; margin-top: 20px; overflow: hidden; }
div.documentos div.left-col { float: left; margin-bottom: 60px; width: 48%;}
div.documentos div.left-col div.document-pic { float: left; }
div.documentos div.left-col div.document-pic a img{ width: 100%; height: 100%;}
div.documentos div.left-col div.document-text{ float: right; }
div.documentos div.left-col div.document-text div.title{ font-weight: bold; padding-top: 10px; padding-bottom: 10px; color: #22b89e; background: url('images/title_materiais_separador.png') center bottom repeat-x }
div.documentos div.left-col div.document-text div.text{ margin-top: 10px; }
div.documentos div.left-col div.document-text div.button{ margin-top: 10px; }
div.documentos div.right-col { float: right; margin-bottom: 60px; width: 48%;}
div.documentos div.right-col div.document-pic { float: left; }
div.documentos div.right-col div.document-pic a img{ width: 100%; height: 100%;}
div.documentos div.right-col div.document-text{ float: right; }
div.documentos div.right-col div.document-text div.title{ font-weight: bold; padding-top: 10px; padding-bottom: 10px; color: #22b89e; background: url('images/title_materiais_separador.png') center bottom repeat-x }
div.documentos div.right-col div.document-text div.text{ margin-top: 10px; }
div.documentos div.right-col div.document-text div.button{ margin-top: 10px; }

/*multimedia*/
div.materiais div.videos { margin: auto; overflow: hidden; margin-top: 80px;}
div.materiais div.left-col { float: left; margin-bottom: 60px; width: 45%;}
div.materiais div.left-col a img.video{ margin: auto; width: 100%; height: 100%;}
div.materiais div.videos div.left-col div.title{ font-weight: bold; padding-top: 50px; padding-bottom: 10px; color: #22b89e; background: url('images/title_materiais_separador.png') center bottom repeat-x }
div.materiais div.videos div.left-col div.text{ margin-top: 20px; }
div.materiais div.right-col { float: right; margin-bottom: 60px; width: 45%;}
div.materiais div.right-col a img.video{ margin: auto; width: 100%; height: 100%;}
div.materiais div.videos div.right-col div.title{ font-weight: bold; padding-top: 50px; padding-bottom: 10px; color: #22b89e; background: url('images/title_materiais_separador.png') center bottom repeat-x }
div.materiais div.videos div.right-col div.text{ margin-top: 20px; }