body{margin: 0px; background: #f3f3f3; color: #333333; font-size: 17px; font-family: 'Noto Sans', sans-serif;}
a, a:link, a:hover, a:visited{text-decoration: none; color: inherit;}
form{margin: 0px}
.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%}

.btHome{border: 2px solid #FFFFFF; color: #FFFFFF; font-size: 13px; text-align: center; padding: 5px 25px; border-radius: 2px; font-weight: bold; transition: 0.3s; cursor: pointer;}
.btHome:hover{background: #FFFFFF; color: #6B6A69}
.logoHeader{height: 50px}
.header{height: 50px; padding: 15px; background: #173557; display: flex; align-items: center; justify-content: space-between}
h1{text-align: center; font-weight: bold; font-size: 40px; margin: 0px 0px 25px 0px; color: inherit;}
.flex1000{width: 1000px; margin: 0px auto; display: flex; justify-content: space-between}
.flex1000 img {width: 100px;}

.inicio{background: #FFFFFF; padding: 30px 15px; color: #6B6A69;}
.inicioItem{width: 190px; text-align: center}
.possibilidades{background: #4FAFE1; padding: 30px 15px; color: #FFFFFF;}
.possibilidadesItem{width: 150px; text-align: center}
.funcionalidades{background: #56BAA2; padding: 30px 15px; color: #FFFFFF;}
.funcionalidadesItem{width: 150px; text-align: center}

/*
// LOGIN
.center{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center}
.center img{max-width: 100%; max-height: 100%}
.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;}

/*PONTILHADO EM SUMÁRIO/CARDAPIO
<ul>
  <li><span>Introdução</span> <span>20</span></li>
  <li><span>Metas</span> <span>20</span></li>
</ul>
*/

.cardapioCategoria {font-size: 30px; font-weight: bold; margin-top: 20px;}
.cardapioItem {display: flex; margin-top: 10px;}
.cardapioItemTitulo, .cardapioItemPreco{flex-grow: 0;}
.cardapioItemPontilhado{flex-grow: 1;border-bottom: 2px dotted #000; margin: 8px 5px;}