/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/*
|--------------------------------------------------------------------------------------------
| Elementos principais
|--------------------------------------------------------------------------------------------
*/
html { height: 100%; }

body {
  height: 100%;
  font-family: 'DINPro';
  font-size: 100%;
  line-height: 1.5;
  color: #3d4d56;
  background-image: url(../images/bg.png);
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.container {
  position: relative;
  z-index: 10;
  max-width: 1000px;
  min-width: 1000px;
  margin: 0 auto;
  height: 100%;
}

.container-footer {
  padding-top: 10px;
  padding-bottom: 80px;
  height: 320px;
  text-align: center;
  background-color: #FFF;
}

.page .tile-wood {
  position: absolute;
  height: 100%;
  max-height: 905px;
}

.page .lighted-wood { height: 100%; }

.overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.7);
  background-image: url(../images/ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: center;
}

.overlay-message {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 40px;
  margin-left: -200px;
  height: 80px;
  width: 400px;
  text-align: center;
  font-weight: bold;
}

.page-notfound .content {
  position: relative;
  top: 30%;
  margin: 0 auto;
  width: 500px;
  padding: 50px;
  background-color: #fff;
}

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-highlight { color: #f00; }

.tile-wood {
  position: relative;
  z-index: 1;
  width: 100%;
  background-image: url(../images/tile-wood.jpg);
}

.lighted-wood {
  width: 100%;
  max-width: 1447px;
  margin: 0 auto;
  background-image: url(../images/bg-wood.jpg);
  position: relative;
}

.hide { display: none; }

/*
|--------------------------------------------------------------------------------------------
| Tipografia
|--------------------------------------------------------------------------------------------
*/
@font-face {
  font-family: 'TisaPro';
  src: url('../fonts/tisapro-regular.eot');
  src: url('../fonts/tisapro-regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/tisapro-regular.woff') format('woff'),
  url('../fonts/tisapro-regular.ttf') format('truetype'),
  url('../fonts/tisapro-regular.svg#TisaPro') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TisaPro';
  src: url('../fonts/tisapro-bold.eot');
  src: url('../fonts/tisapro-bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/tisapro-bold.woff') format('woff'),
  url('../fonts/tisapro-bold.ttf') format('truetype'),
  url('../fonts/tisapro-bold.svg#TisaPro') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'TisaPro';
  src: url('../fonts/tisapro-italic.eot');
  src: url('../fonts/tisapro-italic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/tisapro-italic.woff') format('woff'),
  url('../fonts/tisapro-italic.ttf') format('truetype'),
  url('../fonts/tisapro-italic.svg#TisaPro') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'TisaPro';
  src: url('../fonts/tisapro-bolditalic.eot');
  src: url('../fonts/tisapro-bolditalic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/tisapro-bolditalic.woff') format('woff'),
  url('../fonts/tisapro-bolditalic.ttf') format('truetype'),
  url('../fonts/tisapro-bolditalic.svg#TisaPro') format('svg');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Rockwell';
  src: url('../fonts/rock__.eot');
  src: url('../fonts/rock__.eot?#iefix') format('embedded-opentype'),
  url('../fonts/rock__.woff') format('woff'),
  url('../fonts/rock__.ttf') format('truetype'),
  url('../fonts/rock__.svg#Rockwell') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Rockwell';
  src: url('../fonts/rockb.eot');
  src: url('../fonts/rockb.eot?#iefix') format('embedded-opentype'),
  url('../fonts/rockb.woff') format('woff'),
  url('../fonts/rockb.ttf') format('truetype'),
  url('../fonts/rockb.svg#Rockwell') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Rockwell';
  src: url('../fonts/rocki.eot');
  src: url('../fonts/rocki.eot?#iefix') format('embedded-opentype'),
  url('../fonts/rocki.woff') format('woff'),
  url('../fonts/rocki.ttf') format('truetype'),
  url('../fonts/rocki.svg#Rockwell') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'DINPro';
  src: url('../fonts/dinpro-regular.eot');
  src: url('../fonts/dinpro-regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/dinpro-regular.woff') format('woff'),
  url('../fonts/dinpro-regular.ttf') format('truetype'),
  url('../fonts/dinpro-regular.svg#dinpro') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINPro';
  src: url('../fonts/dinpro-bold.eot');
  src: url('../fonts/dinpro-bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/dinpro-bold.woff') format('woff'),
  url('../fonts/dinpro-bold.ttf') format('truetype'),
  url('../fonts/dinpro-bold.svg#dinpro') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Miso';
  src: url('../fonts/miso.eot');
  src: url('../fonts/miso.eot?#iefix') format('embedded-opentype'),
  url('../fonts/miso.woff') format('woff'),
  url('../fonts/miso.ttf') format('truetype'),
  url('../fonts/miso.svg#Miso') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Miso';
  src: url('../fonts/miso-bold.eot');
  src: url('../fonts/miso-bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/miso-bold.woff') format('woff'),
  url('../fonts/miso-bold.ttf') format('truetype'),
  url('../fonts/miso-bold.svg#Miso') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?joz5ph');
  src:  url('../fonts/icomoon.eot?joz5ph#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?joz5ph') format('truetype'),
    url('../fonts/icomoon.woff?joz5ph') format('woff'),
    url('../fonts/icomoon.svg?joz5ph#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*
|--------------------------------------------------------------------------------------------
| Página inicial
|--------------------------------------------------------------------------------------------
*/

.login-page .tile-wood:first-of-type:after {
  content: '';
  z-index: 1;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 40px;
  background-image: url(../images/bg-detail.png);
  background-repeat: repeat-x;
  position: absolute;
}

.login-page .tile-wood,
.login-page .lighted-wood {
  height: 240px;
}

.logo {
  position: absolute;
  left: 50%;
  margin-top: 125px;
  margin-bottom: 0;
  margin-left: -273px;
  display: inline-block;
  width: 546px;
  height: 195px;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
}

.logo-campanha-doacao {
  position: absolute;
  left: 50%;
  margin-top: 80px;
  margin-bottom: 0;
  margin-left: -280px;
  display: inline-block;
  width: 560px;
  height: 213px;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url(../images/livros-digitais-logo-campanha.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.campaign-video {
  position: relative;
  top: 20px;
  text-align: center
}

.important-warning {
  position: absolute;
  z-index: 30;
  width: 100%;
  font-size: .9em;
  background-color: #fcfbc7;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: center;
}

.important-warning a { color: #ff6f28; }

.login-page .message {
  position: relative;
  margin-left: 3.2em;
  margin-top: 1em;
  width: 320px;
}

.about-info {
  padding-top: 1em;
  padding-bottom: 2em;
  text-align: center;
  color: #fff;
}

.about-info h2 {
  font-weight: normal;
  margin-bottom: 1em;
}

.about-info img {
  max-width: 180px;
  height: auto;
}

.about-info img:last-of-type {
  position: relative;
  top: 5px;
}

.about-info img + img { margin-left: 2em; }

.login-page .login-form {
  text-align: center;
  color: #fff;
  padding-bottom: 1em;
  padding-top: 5em;
}

.login-form p {
  font-size: 1em;
  color: #333;
  margin-bottom: 0;
  text-align: center;
  padding-top: 2em;
  padding-bottom: 0;
}

.login-page .login-form .btn-link {
  font-size: 1em;
  padding-left: 0;
}

.inline-form label {
  display: inline-block;
  margin-right: .5em;
}

.inline-form .field { display: inline-block; }
.login-form .form-row:last-child { margin-top: 1em; }

.login-page .login-form form { margin-top: 4em; }
.login-page .login-form h2 {
  margin-top: 0;
  font-size: 1.7em;
}
.login-form .info-donation p { padding-top: 0; }

.login-page .field {
  font-size: 1.1em;
  width: 330px;
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: bold;
  background-color: #c2e9ee;
  border: 1px solid #fff;
  color: #27666f;
}

.login-page .field:focus {
  outline: none;
  border-color: #27666f;
}

.login-page label.error { color: #ff9b6a; }

.rounded-image {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.plataform-comment {
  padding-top: 3em;
  padding-bottom: 0em;
  background-color: #95cdd5;
  margin-top: 1em;
}

.plataform-comment .comment{ display: none; }

.plataform-comment img {
  position: relative;
  bottom: 20px;
  display: inline-block;
  max-width: 20%;
  height: auto;
  margin-right: 3%;
}

.plataform-comment .user-comment {
  display: inline-block;
  max-width: 70%;
  vertical-align: top;
}

.plataform-comment .container { padding-left: 6em; }

.plataform-comment .user-comment p {
  margin-top: 0;
  color: #244856;
}

.plataform-comment .user-comment p:last-child { color: #fff; }

.login-page .tile-wood .tile-wood,
.login-page .tile-wood .tile-wood .lighted-wood {
  height: 520px;
}

.login-page .tile-wood .tile-wood:after { height: 0; }

.login-page .tile-wood .tile-wood h3 {
  width: 100%;
  display: inline-block;
  color: #fff;
  font-size: 2em;
  text-shadow: 1px 1px 4px rgba(0,0,0,.7);
  margin-top: 2em;
}

.logos-footer { margin-top: 5em; vertical-align: baseline;  }
.logos-footer a { vertical-align: baseline; }

.login-page .menu-list ul { margin-top: 4em; }
.login-page .menu-list li.menu-item { display: inline-block; }
.login-page .menu-list li a {
  color: #000;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
}

.login-page .menu-list li a:hover { color: #4ABACC; }
/*
|--------------------------------------------------------------------------------------------
| Novo livro
|--------------------------------------------------------------------------------------------
*/
.new-book .content {
  position: relative;
  top: 30%;
  width: 500px;
  height: 250px;
  margin: 0 auto;
  padding-top: 35px;
  text-align: center;
}

.white-box {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 85%, #e3e3e3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(85%,#fff), color-stop(100%,#e3e3e3));
  background: -webkit-linear-gradient(top, #fff 85%,#e3e3e3 100%);
  background: -o-linear-gradient(top, #fff 85%,#e3e3e3 100%);
  background: -ms-linear-gradient(top, #fff 85%,#e3e3e3 100%);
  background: linear-gradient(to bottom, #fff 85%,#e3e3e3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e3e3e3',GradientType=0 );
  border: 2px solid #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px 2px rgba(0,0,0,.2);
}

.new-book label {
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  color: #2e2e2e;
}

.new-book .field {
  width: 60%;
  margin-top: 2px;
  color: #2e2e2e;
  text-align: center;
  font-size: 1.4em;
  font-weight: normal;
  font-style: normal;
  border-bottom: 2px dashed #6c6f70;
}

.new-book .message {
  position: absolute;
  bottom: 10%;
  left: 50%;
  width: 500px;
  margin-left: -250px;
}

/*
|--------------------------------------------------------------------------------------------
| Meus livros
|--------------------------------------------------------------------------------------------
*/
.stand-page .content {
  position: relative;
  top: 10%;
  width: 550px;
  margin: 0 auto;
}

.stand {
  display: inline-block;
  width: 550px;
  height: 500px;
  padding: 10px 20px;
  border-radius: 10px;
  border: 2px solid #fff;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 85%, #e3e3e3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, #fff), color-stop(100%, #e3e3e3));
  background: -webkit-linear-gradient(top, #fff 85%,#e3e3e3 100%);
  background: -o-linear-gradient(top, #fff 85%,#e3e3e3 100%);
  background: -ms-linear-gradient(top, #fff 85%,#e3e3e3 100%);
  background: linear-gradient(to bottom, #fff 85%,#e3e3e3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e3e3e3',GradientType=0 );
}

.stand h2 {
  margin-top: 0;
  margin-bottom: 0px;
  font-size: 1.1em;
  color: #333;
}

.books-edition {
  display: inline-block;
  width: 100%;
  height: 220px;
  margin-bottom: 10px;
}

.published-books .books {
  display: inline-block;
  width: 100%;
  height: 205px;
  box-shadow: 0 3px 6px 2px rgba(0,0,0,.3) inset;
  overflow-y: scroll;
  overflow-x: hidden;
}

.books p { padding: 0 1em; }
.books-edition .books { padding-top: 10px; }

.books-edition .book {
  position: relative;
  display: inline-block;
  width: 85px;
  height: 120px;
  margin-left: 10px;
  text-align: center;
  background-color: #bababa;
  vertical-align: top;
}

.books-edition .book + .book { margin-left: 48px; }
.books-edition .edit-book { display: none; }
.books-edition .book:hover .edit-book,
.books-edition .book:focus .edit-book { display: inline-block; }

.stand .title-book {
  position: absolute;
  top: 28px;
  width: 100%;
  font-size: 9px;
  font-weight: bold;
  text-align: center;
  color: #333;
  overflow: hidden;
}

.stand .title-book a {
  color: #333;
  text-decoration: none;
}

.stand .date-book {
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  color: #595959;
}

.books-edition .date-book {
  position: absolute;
  bottom: -20px;
}

.books-edition .book-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.stand .book-cover img {
  width: auto;
  height: 100%;
}

.published-books ul {
  list-style: none;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 2em;
}

.published-books li {
  position: relative;
  height: 140px;
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
}

.published-books li:last-of-type { border: 0; }

.published-books .book-cover {
  position: relative;
  float: left;
  width: 85px;
  height: 120px;
  text-align: center;
  background-color: #bababa;
  vertical-align: top;
  margin-right: 1em;
  overflow: hidden;
}

.published-books .book-options {
  position: absolute;
  bottom: 20px;
  left: 100px;
  display: inline-block;
  width: 360px;
  text-align: left;
}

.stand-page .message {
  position: absolute;
  left: 50%;
  bottom: -80px;
  margin-left: -230px;
  width: 460px;
}

.published-books .book-options .btn { margin-left: .4em; }

.published-books .tag-book-signed {
  display: inline-block;
  font-size: .9em;
  font-family: 'DINPro';
  color: #fff;
  padding: 2px 8px 3px 28px;
  background-image: url(../images/icon-pencil-v2.png);
  background-repeat: no-repeat;
  background-position: 9px center;
  background-color: rgba(0,0,0,.7);
  border-radius: 20px;

}

/*
|--------------------------------------------------------------------------------------------
| Botões
|--------------------------------------------------------------------------------------------
*/
.btn {
  padding: 5px 10px;
  color: #fff;
  font-size: .9em;
  font-family: 'DINPro';
  border: 0;
  text-decoration: none;
  background-color: transparent;
  box-shadow: 0 0 4px 0 rgba(0,0,0,.2), 0 0 3px 1px rgba(255,255,255,.8) inset;
  cursor: pointer;
  -webkit-transition: color .3s;
  -moz-transition: color .3s;
  transition: color .3s;
}

.btn + .btn { margin-left: 1.5em; }
.btn:hover { opacity: .9; }

.disabled,
.disabled:hover,
.disabled:focus,
.btn[disabled] {
  cursor: default;
  opacity: .4;
}

.btn-big {
  position: relative;
  top: 3px;
  padding: 5px 20px;
  font-weight: bold;
  font-style: italic;
  font-size: 1.3em;
  letter-spacing: 1px;
  font-family: 'TisaPro';
}

.btn-default {
  border: 1px solid #4b8d96;
  background-color: #76b4bd;
  background-color: -moz-linear-gradient(top,  #76b4bd 0%, #55a2ad 100%);
  background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76b4bd), color-stop(100%,#55a2ad));
  background-color: -webkit-linear-gradient(top,  #76b4bd 0%,#55a2ad 100%);
  background-color: -o-linear-gradient(top,  #76b4bd 0%,#55a2ad 100%);
  background-color: -ms-linear-gradient(top,  #76b4bd 0%,#55a2ad 100%);
  background-color: linear-gradient(to bottom,  #76b4bd 0%,#55a2ad 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76b4bd', endColorstr='#55a2ad',GradientType=0 );
}

.btn-orange {
  border: 1px solid #ff6f28;
  background-color: #ff7930;
  background-color: -moz-linear-gradient(top,  #ff7930 0%, #ff5400 100%);
  background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7930), color-stop(100%,#ff5400));
  background-color: -webkit-linear-gradient(top,  #ff7930 0%,#ff5400 100%);
  background-color: -o-linear-gradient(top,  #ff7930 0%,#ff5400 100%);
  background-color: -ms-linear-gradient(top,  #ff7930 0%,#ff5400 100%);
  background-color: linear-gradient(to bottom,  #ff7930 0%,#ff5400 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7930', endColorstr='#ff5400',GradientType=0 );
}

.btn-green {
  border: 1px solid #88b908;
  background-color: #a4ca41;
  background-color: -moz-linear-gradient(top,  #a4ca41 0%, #88b908 100%);
  background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4ca41), color-stop(100%,#88b908));
  background-color: -webkit-linear-gradient(top,  #a4ca41 0%,#88b908 100%);
  background-color: -o-linear-gradient(top,  #a4ca41 0%,#88b908 100%);
  background-color: -ms-linear-gradient(top,  #a4ca41 0%,#88b908 100%);
  background-color: linear-gradient(to bottom,  #a4ca41 0%,#88b908 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4ca41', endColorstr='#88b908',GradientType=0 );

}

.btn-blue {
  border: 1px solid #0d8bba;
  background-color: #41a4ca;
  background-color: -moz-linear-gradient(top,  #41a4ca 0%, #0d8bba 100%);
  background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a4ca), color-stop(100%,#0d8bba));
  background-color: -webkit-linear-gradient(top,  #41a4ca 0%,#0d8bba 100%);
  background-color: -o-linear-gradient(top,  #41a4ca 0%,#0d8bba 100%);
  background-color: -ms-linear-gradient(top,  #41a4ca 0%,#0d8bba 100%);
  background-color: linear-gradient(to bottom,  #41a4ca 0%,#0d8bba 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a4ca', endColorstr='#0d8bba',GradientType=0 );
}


.btn-red {
  border: 1px solid #e83e3e;
  background: #ff4444;
  background: -moz-linear-gradient(top,  #ff4444 0%, #e83e3e 100%);
  background: -webkit-linear-gradient(top,  #ff4444 0%,#e83e3e 100%);
  background: linear-gradient(to bottom,  #ff4444 0%,#e83e3e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4444', endColorstr='#e83e3e',GradientType=0 );
}

.btn-link {
  color: #333;
  box-shadow: none;
  text-decoration: underline;
}

.btn-inst-paramitas {
  position: relative;
  top: 7px;
  display: inline-block;
  width: 115px;
  height: 52px;
  background-image: url(../images/logo-ip.png);
  background-repeat: no-repeat;
}

.btn-windows-tore {
  display: inline-block;
  width: 154px;
  height: 40px;
  background-image: url(../images/btn-windows-store.png);
  background-repeat: no-repeat;
  margin-right: 3em;
}

.btn-menu {
  width: 125px;
  height: 49px;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url(../images/btn-menu.png);
  background-repeat: no-repeat;
  position: absolute;
}

.btn-next {
  position: absolute;
  bottom: -25px;
  left: 50%;
  width: 158px;
  height: 52px;
  margin-left: -79px;
  border: none;
  overflow: hidden;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url(../images/btn-next.png);
  background-repeat: no-repeat;
}

.btn-logoff {
  position: absolute;
  right: 40px;
  top: 40px;
  z-index: 20;
  width: 104px;
  height: 42px;
  overflow: hidden;
  text-indent: -9999px;
  background-image: url(../images/btn-logoff.png);
  background-repeat: no-repeat;
}

.btn-manage-book {
  position: relative;
  top: 75px;
  padding: 4px 0 3px;
  display: inline-block;
  width: 63px;
  color: #4f4f4f;
  font-size: 10px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 15px;
  box-shadow: 0 2px 6px 1px rgba(0,0,0,.6);
  background-color: #fff;
  background-color: -moz-linear-gradient(top,  #fff 46%, #cecece 100%);
  background-color: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#fff), color-stop(100%,#cecece));
  background-color: -webkit-linear-gradient(top,  #fff 46%,#cecece 100%);
  background-color: -o-linear-gradient(top,  #fff 46%,#cecece 100%);
  background-color: -ms-linear-gradient(top,  #fff 46%,#cecece 100%);
  background-color: linear-gradient(to bottom,  #fff 46%,#cecece 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#cecece',GradientType=0 );
}

.btn-image {
  overflow: hidden;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.btn-digital-library {
  display: inline-block;
  width: 256px;
  height: 49px;
  background-image: url(../images/btn-digital-library.png);
}

.login-page .btn-digital-library {
  position: absolute;
  top: -70px;
  left: 50%;
  margin-left: -128px;
}

.btn-facebook {
  position: relative;
  bottom: 13px;
  display: inline-block;
  height: 30px;
  padding-left: 35px;
  padding-top: 4px;
  margin-left: 3em;
  color: #333;
  text-decoration: none;
  background-image: url(../images/icon-facebook.png);
  background-repeat: no-repeat;
  background-position: 0 center;
}

/* botões com icone */
.btn-icon {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: 10px center;
}

.icon-pencil { background-image: url(../images/icon-pencil.png); }

/* botão novo livro */
.books-edition .btn-green {
  float: right;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 4px;
}

.books-edition h2 {
  margin-bottom: 5px;
}

/* botão excluir livro */
.editor .btn-red {
  position: absolute;
  right: -115px;
  bottom: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 4px;
}

/*
|--------------------------------------------------------------------------------------------
| Formulários
|--------------------------------------------------------------------------------------------
*/

.field {
  color: #fff;
  font-family: 'TisaPro';
  font-style: italic;
  background-color: transparent;
  border: 0;
}

.field-default {
  color: #333;
  background-color: #fff;
  border: 1px solid #bfbfbf;
  padding: .3em .5em .4em;
}

.field-default:focus {
  outline: none;
  box-shadow: 0 0 6px 0 rgba(50,50,50,.2);
}

.field-dashed { border-bottom: 2px dashed #104b53; }

.field-dashed:focus {
  outline: none;
  border-bottom: 2px dashed #0a2d32;
}

.field::-webkit-input-placeholder {
  color: #416c7d;
  opacity: 1;
}

.field:-moz-placeholder {
  color: #416c7d;
  opacity: 1;
}

.field::-moz-placeholder {
  color: #416c7d;
  opacity: 1;
}

.field:-ms-input-placeholder {
  color: #416c7d;
  opacity: 1;
}

.field-default::-webkit-input-placeholder {
  color: #4f4f4f;
  opacity: .9;
}

.field-default:-moz-placeholder {
  color: #4f4f4f;
  opacity: .9;
}

.field-default::-moz-placeholder {
  color: #4f4f4f;
  opacity: .9;
}

.field-default:-ms-input-placeholder {
  color: #4f4f4f;
  opacity: .9;
}

.login-page .form-row {
  position: relative;
  width: 380px;
  margin: 0 auto;
}

label.error {
  color: #f00;
  display: block;
}

.custom-errors  label.error {
  position: absolute;
  color: #b80707;
  font-size: 1em;
  right: 25px;
  bottom: 8px;
  font-weight: bold;
}

.field.error,
.field.error:focus {
  border-color: #f74a4a;
}

.form-row { position: relative; }
.form-row + .form-row { margin-top: 1em; }

.size-mini { width: 10%; }
.size-small { width: 20%; }
.size-medium { width: 30%; }
.size-large { width: 50%; }
.size-largex { width: 70%; }
.size-largexx { width: 79%; }
.size-full { width: 100%; }

/*
| -------------------------------------------------------------
| Input Radio e Checkbox customizado
| -------------------------------------------------------------
*/
.custom-radio-buttons {
  list-style: none;
  padding-left: 1em;
}

.custom-radio-buttons:after {
  content: "";
  clear: both;
}

.radio-option {
  position: relative;
  padding-left: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.radio-option label {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  display: inline-block;
  width: auto;
  padding-left: 30px;
  padding-top: 0;
  cursor: pointer;
  white-space: nowrap;
  background-color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.radio-option label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  z-index: 2;

  background-color: #fff;
  border: 1px solid #999;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
  -o-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
  box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
}

.radio-option input:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 6px;
  background-color: #595959;
  height: 10px;
  width: 10px;
  z-index: 3;
  border-radius: 8px;
}

/* Checkbox */
.custom-checks {
  list-style: none;
  padding-left: 1em;
}

.custom-checks:after {
  content: "";
  clear: both;
}

.checkbox-custom {
  position: relative;
  padding-left: 30px;
}

.checkbox-custom label {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  width: auto;
  padding-left: 23px;
  font-size: 1em;
  padding-top: 0;
  cursor: pointer;
  white-space: nowrap;
  background-color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.checkbox-custom label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #999;
  height: 15px;
  width: 15px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
  -o-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
  box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
}

.checkbox-custom input:checked + label:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 6px;
  z-index: 3;
  height: 9px;
  width: 9px;
  background-color: #595959;
}

/*
|--------------------------------------------------------------------------------------------
| Box de mensagens - avisos, erros e ações concluídas com sucesso
|--------------------------------------------------------------------------------------------
*/
.message {
  text-align: center;
  padding: .5em 1em;
  margin-bottom: 1em;
  border-radius: 4px;
  display: inline-block;
  color: #fff;
  border: 1px solid #fff;
}

.message p { margin: 0; }
.message p + p { margin-top: 1em; }

.error-message {
  background-color: #d9534f;
  border: 1px solid #801e1c;
}

.success-message {
  color: #586c11;
  background-color: #cbe86b;
  border: 1px solid #586c11;
}

.warning-message {
  color: #84690f;
  background-color: #f8eab8;
  border: 1px solid #e1b417;
}

.btn-close {
  position: absolute;
  right: -15px;
  top: -15px;
  width: 26px;
  height: 32px;
  cursor: pointer;
  background-image: url(../images/btn-close.png);
}

/*
|--------------------------------------------------------------------------------------------
| Visualização do livro publicado
|--------------------------------------------------------------------------------------------
*/
body.livro { background-image: url(../images/book-tile.jpg); }

.player-book {
  position: relative;
  width: 873px;
  height: 665px;
  margin: 0px auto;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.book-page {
  position: relative;
  display: inline-block;
  height: 595px;
  width: 420px;
  background-repeat: no-repeat;
  vertical-align: top;
}

.cover-page { left: 430px; }

.cover-page .content-editor {
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 30px 20px 20px;
}

.book-page + .book-page { margin-left: 8px; }

.book-page ul {
  margin-left: 0;
  padding-left: 15px;
}

.player-book .nav {
  position: absolute;
  width: 852px;
  height: 40px;
  background-color: #181818;
  bottom: 10px;
  text-align: center;
}

.player-book .page-number {
  color: #fff;
  padding-top: 8px;
}

.player-book .prev-page,
.player-book .next-page {
  position: absolute;
  top: 6px;
  display: inline-block;
  width: 28px;
  height: 28px;
}

.player-book .prev-page {
  right: 50px;
  background-image: url(../images/book-arrow-left.png);
}

.player-book .next-page {
  right: 10px;
  background-image: url(../images/book-arrow-right.png);
}

.report-abuse-container {
  position: absolute;
  top: 57px;
  /*right: -152px;*/
  left: -160px;
  width: 210px;
}

.report-abuse-container .btn-report-abuse {
  float: right;
  color: #fff;
  text-decoration: none;
  padding: 3px 3px 3px 20px;
  border-radius: 3px;
  background-color: transparent;
  background-image: url(../images/icon-flag.png);
  background-position: center left;
  background-repeat: no-repeat;
  cursor: pointer;
}

.report-abuse-container .btn-send-message {
  color: #000;
  margin-top: 10px;
  background-color: #42abbb;
  border: 1px solid #000;
}

.report-abuse-content {
  width: 210px;
  display: none;
  clear: both;
}

.report-abuse-container .btn-report-abuse:hover {
  text-decoration: underline;
  background-color: rgba(0, 0, 0, .2);
}

.report-abuse-container .title-report-abuse {
  color: #fff;
  font-weight: normal;
  margin-top: 5px;
  margin-bottom: 8px;
  border-top: 1px solid #fff;
}

.report-abuse-container .report-txt {
  width: 210px;
  color: #333;
  background-color: rgba(255, 255, 255, .5);
  border: 1px solid #fff;
}

.page .tile-wood.book-view { height: 100%; }

.page .tile-wood.book-view:after {
  background-image: none;
  bottom: 0;
  height: 0;
  width: 0;
}

.logo-v2 {
  position: absolute;
  left: 10px;
  top: 6px;
  width: 146px;
  height: 30px;
  background-image: url(../images/logo-v3.png);
}

.btn-download-book {
  position: absolute;
  right: 100px;
  top: 0px;
  width: 118px;
  height: 40px;
  background-image: url(../images/btn-download-pdf.jpg);
}

body.livro .menu-editor {
  top: 0;
  left: -160px;
}

body.livro .btn-menu {
  display: inline-block;
  width: 210px;
  text-indent: 0;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  background-color: rgba(0,0,0,.6);
  background-image: none;
  text-align: center;
  padding: 11px 0;
}

body.livro .btn-menu:hover { color: #fff; }

body.livro .menu-list {
  left: 0;
  top: 49px;
  background-color: rgba(0,0,0,.4);
  box-shadow: none;
  border: 0;
}

body.livro .menu-list a { color: #fff; }

.livro .signing-book {
  position: absolute;
  left: -135px;
  bottom: 10px;
}

.livro .toggle-pages {
  top: 10px;
  left: 44%;
  margin-left: -50px;
  z-index: 6;
}

.livro .navigation-pages .container-page-order { height: 280px; }

.livro .popover-warning {
  top: -115px;
  left: 44%;
  margin-left: -140px;
  z-index: 2;
}

/*
|--------------------------------------------------------------------------------------------
| Cadastro
|--------------------------------------------------------------------------------------------
*/
.validate-errors .error {
  display: block;
  color: #ff4e50;
}

.validate-errors .error:last-child{ margin-bottom: 1em; }
.page-register .field.error { border-color: #ff4e50; }

.label-restriction {
  color: #585858;
  margin-top: 2em;
}

.terms-list {
  list-style: none;
  padding-left: 1.4em;
}

.terms-list li {
  color: #288a95;
  font-weight: bold;
  background: url(../images/list-terms.png) no-repeat 0 0;
  padding-left: 25px;
}

.terms-list li + li { margin-top: 1em; }

.terms-list li a {
  color: #288a95;
  text-decoration: none;
}

.page-register .custom-checks { padding-left: 0; }

/*
|--------------------------------------------------------------------------------------------
| Modal
|--------------------------------------------------------------------------------------------
*/
.modal {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0,0,0,.6);
}

.modal .modal-content {
  position: absolute;
  left: 50%;
  top: 15%;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0 10px 4px rgba(0,0,0,.2);
}

.modal-mini .modal-content {
  margin-left: -170px;
  width: 340px;
  height: 220px;
  top: 30%;
}

.modal-small .modal-content {
  margin-left: -230px;
  width: 460px;
  height: 380px;
}

.modal-medium .modal-content {
  margin-left: -320px;
  width: 640px;
  height: 460px;
}

.modal .modal-content h3 {
  margin-top: 0;
}

/*
|--------------------------------------------------------------------------------------------
| Menus
|--------------------------------------------------------------------------------------------
*/
.menu-list ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0;
}

.menu-list a {
  text-decoration: none;
  color: #333;
}

.menu-list a:hover {
  text-decoration: underline;
}

.menu-editor {
  position: absolute;
  top: 20%;
  left: 0;
  z-index: 40;
}

.menu-editor nav {
  position: absolute;
  top: 44px;
  left: 4px;
  z-index: 1;
  display: none;
  background-color: #fff;
  padding: 15px 20px;
  width: 0;
  box-shadow: 0 0 15px 3px rgba(0,0,0,.3);
  border: 1px solid #b2b2b2;
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.menu-editor .btn-menu:hover ~ nav,
.menu-editor nav:hover {
  width: 210px;
  display: block;
  opacity: 1;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.menu-editor .btn-menu { z-index: 2; }

.menu-editor a {
  padding: 4px 10px;
  width: 100%;
  display: block;
}

.menu-editor a:hover {
  color: #000;
}

.menu-editor nav {
  padding: 0;
}
.menu-editor nav li:hover {
  background-color: #333;
}
.menu-editor nav li:hover a {
  color: #fff;
}
.menu-editor a:hover {
  color: #000;
  text-decoration: none;
}

.menu-editor ul:nth-of-type(1) {
  background-color: #ddd;
}

.menu-editor ul:nth-of-type(2) {
  background-color: #fff;
}

.menu-editor a:hover {
  text-decoration: none;
}

.livro .menu-editor ul {
  background-color: rgba(0,0,0,.4);
}

/*
|--------------------------------------------------------------------------------------------
| Popovers
|--------------------------------------------------------------------------------------------
*/
.popover {
  position: absolute;
  min-width: 100px;
  padding: 15px;
  z-index: 10;
  color: #293204;
  font-size: .9em;
  background-color: #fff;
  box-shadow: 0 11px 40px 5px rgba(0,0,0,.3);
}

.popover-medium { width: 200px; }
.popover-large { width: 340px; }
.popover-largex { width: 460px; }

.popover::after {
  content: '';
  position: absolute;
}

.popover-arrow-left::after {
  left: -60px;
  top: 50%;
  margin-top: -30px;
  border-bottom: 30px solid transparent;
  border-left: 30px solid transparent;
  border-right: 30px solid #fff;
  border-top: 30px solid transparent;
}

.popover-arrow-right::after {
  right: -60px;
  top: 50%;
  margin-top: -30px;
  border-bottom: 30px solid transparent;
  border-right: 30px solid transparent;
  border-left: 30px solid #fff;
  border-top: 30px solid transparent;
}

.popover-arrow-bottom::after {
  left: 50%;
  bottom: -60px;
  margin-left: -30px;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  border-top: 30px solid #fff;
  border-bottom: 30px solid transparent;
}

.popover-arrow-top::after {
  left: 50%;
  top: -60px;
  margin-left: -30px;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  border-top: 30px solid transparent;
  border-bottom: 30px solid #fff;
  z-index: -1;
}

/*
|--------------------------------------------------------------------------------------------
| FAQ
|--------------------------------------------------------------------------------------------
*/
.faq {
  list-style: none;
}

.faq ul {
  list-style: none;
}

.ask {
  cursor: pointer;
  font-weight: bold;
}

.ask:before {
  content: '\e900';
  margin-right: 5px;
  font-weight: bold;
  transition: all 0.4s ease;
  position: relative;
  top: 2px;
}

.is-active .ask:before {
  content: '\e901';
  transition: all 0.4s ease;
}

.answer{
  margin-left: 20px;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s;
}

.is-active .answer{
  max-height: 500px;
  visibility: visible;
  transition: all 2s;
}

.faq li .answer ul {
  padding-left: 10px;
}

[class^="ask"], [class*="ask"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}