body{margin: 0px; background: #EEEEEE; color: #333333; font-size: 17px; font-family: 'Nunito', sans-serif;}
a, a:link, a:hover, a:visited{text-decoration: none; color: inherit;}
form{margin: 0px}
h1{text-align: center; font-weight: bold; font-family: 'Barlow Condensed', sans-serif; font-size: 50px; margin: 0px 0px 25px 0px; color: #F58634;}
.fullLink{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px}

.center{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center}
.center img{max-width: 100%; max-height: 100%}

/* LOGIN */
.boxLogin{background: #FFFFFF; border-radius: 2px; width: 300px; border: 1px solid #CCC;}
.loginImg{padding: 20px; text-align: center}
.loginImg img{height: 90px}
.dados{padding: 15px; text-align: center; background: #F5F5F5;}
.dados .input{padding: 10px; font-size: 16px; margin-bottom: 10px; outline: none; width: 100%; border: none; border-bottom: 1px solid #777777; background: transparent}
.btLogin{border: none; border-radius: 2px; padding: 15px 10px; width: 100%; background: #1E88E5; color: #FFFFFF; font-family: 'Heebo', sans-serif; font-weight: bold; outline: none; cursor: pointer; transition: 0.3s; margin-bottom: 20px}
.btLogin:hover{background: #096CC3;}
.formEsquciSenha{text-align: center}
.btEsqueciSenha{border: none; padding: 10px; width: max-content; background: transparent; color: #455A64; font-family: 'Heebo', sans-serif; font-weight: bold; outline: none; cursor: pointer; transition: 0.3s}
.btEsqueciSenha:hover{color: #607D8B;}

/*MSG BOX*/
#boxTemp{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 1000}
.msgAlerta{background: #FFFFFF; padding: 20px; position: relative; border-radius: 2px}
.msgClose{position: absolute; top: 5px; right: 5px;}
.btClose{background: #EEEEEE; color: #777777; border: none; border-radius: 2px; width: 25px; height: 25px; text-align: center; outline: none; transition: 0.3s; cursor: pointer}
.btClose:hover{background: #E53935; color: #FFFFFF;}
#msgBox{text-align: center;}
.input{padding: 10px; margin-bottom: 15px; outline: none; font-size: 15px;}

/* PAGE QR */
.containQR{width: 800px; margin: 0 auto}
.tituloQR{font-weight: bold; font-size: 20px; margin: 5px 0px 10px 0px}
.descricaoQR{font-size: 15px; text-align: justify; margin: 5px 0px 20px 0px}
.iframe-limit{width: 700px; margin: 0 auto 20px auto;}
.iframe-container{position: relative; overflow: hidden; padding-top: 56.25%;}
.iframe-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

.livroFlex{display: flex; min-height: 100%;}
.livroLateral{padding: 20px; background: #FFFFFF; border-right: 1px solid #EEEEEE; width: 300px;}
.livroCapa{margin: 0 auto;}
.livroCapa img{width: 100%;}
.livroTitulo{width: 300px; font-weight: bold; margin: 15px 0px;}
.livroDescricao{font-size: 14px; text-align: justify;}
.livroPrincipal{padding: 20px;}
.livroCapitulo{margin-bottom: 20px; font-weight: bold;font-size: 30px; text-align: center;}