/*

    DELIVERY

    DESENVOLVIDO POR DIALWEB.COM.BR

*/



@import url(//fonts.googleapis.com/css?family=Poppins:400,600);



:root {

	--largura-total: 1280px;

	--margin-centralizar: 0 auto;

	--cor-verde: #854e4a;

	--cor-verde-hover: #967572;

	--cor-cinza-claro: #F4F4F4;

	--cor-cinza: #444;

	--cor-cinza2: #777;

}



html, body {

    height: 100%;

}



body {

    font-family: Poppins, Arial, Helvetica, sans-serif;

    font-size: 14px;

    color: var(--cor-cinza);

}







/* LINKS */

a {

    color: var(--cor-cinza);

    text-decoration: none;

}



a:hover {

    text-decoration: underline;

}







/* ALERTA */

.alerta {

    color: #1B1E21;

    background-color: #D6D8D9;

    border: 1px solid #C6C8CA;

    margin-bottom: 10px;

    padding: 10px 25px;

    border-radius: 5px;

}



.alerta.erro {

    color: #721C24;

    background-color: #F8D7DA;

    border-color: #F5C6CB;

}



.alerta.erro > .badge {

    color: #FFF;

    background: #DC3545;

}



.alerta.sucesso {

    color: #155724;

    background: #D4EDDA;

    border-color: #C3E6CB;

}



.alerta.sucesso > .badge {

    color: #FFF;

    background: #28A745;

}



.alerta.atencao {

    color: #856404;

    background: #FFF3CD;

    border-color: #FFEEBA;

}



.alerta.atencao > .badge {

    color: #212529;

    background: #FFC107;

}



.alerta > .badge {

	float: left;

    padding: 2px 8px;

    font-size: 12px;

    line-height: 14px;

    font-weight: bold;

    text-align: center;

    vertical-align: baseline;

    text-transform: capitalize;

    margin: 3px 10px 0 0;

    border-radius: 10px;

}



.alerta > .text {

	float: left;

}



.alerta.header {

	border-radius: 0;

}



.alerta.header > .badge {

	float: none;

	display: inline-block;

}



.alerta.header > .text {

	float: none;

	display: inline-block;

}







/* FORMULARIO */

form label {

    display: block;

    margin-top: 10px;

}



form label > span {

    font-weight: bold;

}



form input, form select, form textarea {

    display: block;

    height: 45px;

	color: var(--cor-cinza);

    border: 1px solid #CCC;

    padding: 0 20px;

    width: 100%;

	border-radius: 5px;

}



form input:focus, form select:focus, form textarea:focus {

	border-color: #032A51;

}



form textarea {

    height: auto;

    padding: 10px;

    resize: none;

}



form input[type=checkbox], form input[type=radio] {

    display: inline;

    padding: 0;

    width: auto;

    height: auto;

}



form button {

    display: block;

    width: 100%;

    height: 45px;

    margin: 20px auto 0 auto;

    padding: 0 35px;

    border: 0;

    background: #DDD;

	font-weight: bold;

	border-radius: 5px;

	transition: background 0.25s;

}



form button:hover {

    background: #CCC;

}



form button.btnGreen {

    color: #FFF;

    background: var(--cor-verde);

}



form button.btnGreen:hover {

    background: var(--cor-verde-hover);

}



form label.col {

    float: left;

    width: 50%;

    margin-left: 2%;

}



form label.col.f {

    margin-left: 0;

}



form label.col.small {

    width: 18%;

}



form label.col.medium {

    width: 49%;

}



form label.col.large {

    width: 79%;

}



form label.col.three {

	width: 32%;

}



form label.col.threeLarge {

	width: 60%;

}



form label.col.threeSmall {

	width: 18%;

}



form .btnCenter {

    text-align: center;

}



form .btnCenter > button {

    display: inline-block;

    width: auto;

    margin: 30px 1% 0 1%;

}







/* TITULOS */

h1 {

	font-weight: bold;

	font-size: 32px;

	letter-spacing: -1px;

	margin: 0;

}



h2 {

	font-weight: bold;

	font-size: 24px;

	margin: 0;

}







/* TEXTOS */

.mini {

	font-size: 13px;

}



.upper {

	text-transform: uppercase;

}







/* ALINHAMENTO */

.alCenter {

	text-align: center;

}



.alRight {

	text-align: right;

}







/* ESTRUTURA */

#tudo {

	position: relative;

	min-height: 100%;

	padding-bottom: 270px;

}



#carregando {

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../imagens/ico_carregando.gif) center center no-repeat rgba(0, 0, 0, .75);

	z-index: 999;

}



.content {

	width: var(--largura-total);

	margin: 30px auto;

}



#dialog {

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .75);

	z-index: 998;

}



#dialog .btnFechar {

	position: absolute;

	top: -10px;

	right: -10px;

	background: #FFF;

	color: #000;

	line-height: 30px;

	width: 30px;

	text-align: center;

	font-size: 18px;

	border-radius: 50%;

}



#dialog > form {

	display: none;

}



#dialog > * > .content {

	overflow-y: auto;

}



#dialog > .carrinhoAdicionar {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 600px;

	max-height: calc(100% - 60px);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}



#dialog > .carrinhoAdicionar > .titulo {

	background: var(--cor-verde);

	color: #FFF;

	font-size: 24px;

	font-weight: bold;

	line-height: 70px;

	text-align: center;

	border-radius: 10px 10px 0 0;

}



#dialog > .carrinhoAdicionar > .content {

	margin: 0;

	padding: 30px;

	width: 100%;

	text-align: center;

	background: #FFF;

	border-radius: 0 0 10px 10px;

}



#dialog > .carrinhoAdicionar > .content > .foto {

	width: 100%;

	height: 150px;

	margin-bottom: 10px;

	background: url(../imagens/spacer.png) center center no-repeat;

	background-size: cover;

	border-radius: 5px;

}



#dialog > .carrinhoAdicionar > .content > .categoria {

	text-transform: uppercase;

}



#dialog > .carrinhoAdicionar > .content > .produto {

	text-transform: uppercase;

	margin-bottom: 20px;

	font-size: 18px;

	font-weight: bold;

	line-height: 18px;

}



#dialog > .carrinhoAdicionar > .content > .descricao {

	margin-bottom: 20px;

}



#dialog > .carrinhoAdicionar > .content .quantidade > a {

	display: inline-block;

	line-height: 35px;

	padding: 0;

	color: var(--cor-cinza);

	transition: color 0.25s;

}



#dialog > .carrinhoAdicionar > .content .quantidade > a:hover {

	color: var(--cor-verde);

	text-decoration: none;

}



#dialog > .carrinhoAdicionar > .content .quantidade > input {

	display: inline-block;

	width: 50px;

	height: 35px;

	padding: 0 15px;

	text-align: center;

	font-weight: bold;

	border: 0;

	cursor: default;

}



#dialog > .carrinhoAdicionar > .content > .titulo {

	font-size: 18px;

	font-weight: bold;

	margin-top: 20px;

}



#dialog > .carrinhoAdicionar > .content > .adicionais {

	text-align: left;

	margin-top: 20px;

}



#dialog > .carrinhoAdicionar > .content > .adicionais > .categoria {

	display: table;

	width: 100%;

	background: #EEE;

}



#dialog > .carrinhoAdicionar > .content > .adicionais > .categoria > .detalhes {

	display: table-cell;

	font-weight: bold;

	padding: 10px;

	vertical-align: middle;

}



#dialog > .carrinhoAdicionar > .content > .adicionais > .categoria > .detalhes > span {

	font-weight: normal;

	font-size: 12px;

	font-style: italic;

}



#dialog > .carrinhoAdicionar > .content > .adicionais > .categoria > .obrigatorio {

	display: table-cell;

	text-align: right;

	padding: 10px;

	vertical-align: middle;

}



#dialog > .carrinhoAdicionar > .content > .adicionais > .categoria > .obrigatorio > span {

	display: inline-block;

	background: #CCC;

	font-size: 12px;

	text-transform: uppercase;

	font-weight: bold;

	padding: 3px 8px;

	border-radius: 3px;

}



#dialog > .carrinhoAdicionar > .content > .adicionais > .adicional {

	display: table;

	width: 100%;

	padding: 10px;

}



#dialog > .carrinhoAdicionar > .content > .adicionais > .adicional > .descricao {

	display: table-cell;

	width: calc(100% - 115px);

	vertical-align: middle;

}



#dialog > .carrinhoAdicionar > .content > .adicionais > .adicional > .descricao > .preco {

	font-weight: bold;

}



#dialog > .carrinhoAdicionar > .content > .adicionais > .adicional > .quantidade {

	display: table-cell;

	width: 80px;

	text-align: right;

	vertical-align: middle;

}



#dialog > .carrinhoAdicionar > .content > .adicionais > .adicional > .desc {

	display: table-row;

	font-size: 13px;

}



#dialog > .carrinhoAdicionar > .content > .adicionais > .adicional > .quantidade > span {

	font-size: 18px;

}



#dialog > .carrinhoAdicionar > .content > .adicionais > .adicional > .quantidade > .hidden {

	visibility: hidden;

}



#dialog > .carrinhoAdicionar > .content > .adicionais > .adicional {

	border-top: 1px solid #CCC;

}



#dialog > .carrinhoAdicionar > .content > .adicionais > .adicional.f {

	border-top: 0;

}



#dialog > .carrinhoAdicionar > .content > .adicionais > .adicional > .col {

	margin-top: 0;

	padding: 10px 0;

}



#dialogCep {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../imagens/bgCep.jpg) center center #FFF;

}



#dialogCep > form {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 400px;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}



#dialogCep > form > .logo {

	width: 109px;

	height: 35px;

	background: url(../imagens/logo.png);

	background-size: contain;

	margin: 0 auto 30px auto;

	text-indent: -999px;

	overflow: hidden;

}



#dialogCep > form > .shadow {

	border-radius: 10px;

	box-shadow: 0 0 10px #999;

}



#dialogCep > form > .shadow > .titulo {

	background: var(--cor-verde);

	color: #FFF;

	font-size: 24px;

	font-weight: bold;

	line-height: 70px;

	text-align: center;

	border-radius: 10px 10px 0 0;

}



#dialogCep > form > .shadow > .content {

	margin: 0;

	padding: 30px;

	width: 100%;

	text-align: center;

	background: #FFF;

	border-radius: 0 0 10px 10px;

}



#dialogCep > form > .shadow > .content > .texto {

	text-transform: uppercase;

	margin-bottom: 20px;

}



#dialogCep > form > .shadow > .content > input {

	text-align: center;

}



.semResultado {

	text-align: center;

	margin-top: 30px;

}



.semResultado > .far {

	font-size: 128px;

	color: #CCC;

}



.semResultado > .titulo {

	font-size: 18px;

	font-weight: bold;

	margin-top: 20px;

}



.semResultado > a {

	display: table;

    line-height: 60px;

	margin: 30px auto 0 auto;

    padding: 0 35px;

    background: #DDD;

	font-weight: bold;

	font-size: 18px;

	border-radius: 5px;

	text-align: center;

	transition: background 0.25s;

}



.semResultado > a:hover {

	background: #CCC;

	text-decoration: none;

}



#carrinhoAdicionado {

	display: none;

	position: fixed;

	bottom: -60px;

	left: 50%;
	
	text-align: center;

	padding: 20px 30px;

	color: #FFF;

	background: var(--cor-verde);

	font-size: 16px;

	opacity: 0;

	border-radius: 5px;

	transform: translateX(-50%);

	z-index: 997;

}

#btnCarrinho {
	display: none;
	position: fixed;
	bottom: -60px;
	left: 0;
	width: 100%;
	padding: 20px 30px;
	background: var(--cor-verde);
	color: #FFF;
	text-align: center;
	font-weight: bold;
	z-index: 996;
}

#btnCarrinho:hover {
	background: var(--cor-verde-hover);
	text-decoration: none;
}







/* RESULTADOS */

.resultados {

    background: transparent;

    padding: 0;

	border: 1px solid #E5E5E5;

	border-radius: 5px;

	overflow: hidden;

}



.resultados > header {

    color: #FFF;

    background: #333;

    line-height: 60px;

    text-transform: uppercase;

}



.resultados > footer {

    background: #F5F5F5;

    line-height: 60px;

    border-top: 1px solid #E5E5E5;

    padding: 0 35px;

    text-align: center;

    font-size: 14px;

}



.resultados > .resultado {

    background: #FFF;

    padding: 10px 0;

}



.resultados > .resultado:hover {

    background: #F5F5F5;

}



.resultados > .resultado span {

    font-size: 14px;

}



.resultados > .noResult {

    padding: 35px;

    text-align: center;

    background: #FFF;

}



.resultados > .noResult > a {

    font-weight: bold;

}



.resultados > .noResult > span {

	font-size: 96px;

	margin-bottom: 10px;

	color: #DDD;

}



.resultados > .resultado > .acoes {

    float: right;

    padding-right: 35px;

}



.resultados > .resultado > .acoes > a {

    margin-left: 10px;

    text-decoration: none;

}



.resultados .col {

    float: left;

    padding-left: 35px;

}



.resultados .col.w65 {

    width: 65px;

}



.resultados .col.w100 {

    width: 100px;

}



.resultados .col.w150 {

    width: 150px;

}



.resultados .col.w200 {

    width: 200px;

}



.resultados .col.w300 {

    width: 300px;

}



.resultados .col.w400 {

    width: 400px;

}



.resultados .col.w500 {

    width: 500px;

}







/* HEADER */

header {

	padding: 15px 0;

	border-bottom: 1px solid #EDEDED;

}



header > .header {

	width: var(--largura-total);

	margin: var(--margin-centralizar);

}



header > .header > .logo {

	float: left;

	width: 109px;

	height: 35px;

	background: url(../imagens/logo.png);

	background-size: contain;

	text-indent: -999px;

	overflow: hidden;

}



header > .header > .infos {

	float: left;

	line-height: 35px;

	margin-left: 30px;

}



header > .header > .menu {

	float: right;

}



header > .header > .menu > a {

	float: left;

	position: relative;

	margin-left: 20px;

	line-height: 35px;

	font-size: 24px;

}



header > .header > .menu > a > .contagem {

	position: absolute;

	top: -5px;

	right: -10px;

	width: 18px;

	background: #F00;

	color: #FFF;

	font-size: 10px;

	line-height: 18px;

	text-align: center;

	border-radius: 50%;

}



header > .header > .menu > a.texto {

	margin-left: 10px;

	font-size: 14px;

}







/* FOOTER */

#footer {

	position: absolute;

	width: 100%;

	bottom: 0;

	background: #121921;

	color: #FFF;

	padding: 50px 0;

}



#footer > .footer {

	width: 1280px;

	margin: 0 auto;

}



#footer > .footer > .colA {

	float: left;

	line-height: 20px;

}



#footer > .footer > .colA > .titulo {

	margin-bottom: 5px;

}



#footer > .footer > .colB {

	float: right;

	text-align: right;

	line-height: 20px;

}



#footer > .footer > .colB > a {

	display: inline-block;

	margin: 8px 0 0 10px;

	font-size: 24px;

	line-height: normal;

}



#footer > .footer > .colC {

	float: right;

	margin-right: 75px;

}



#footer > .footer > .colC > img {

	display: block;

}



#footer > .footer > .developed {

	margin-top: 30px;

	text-align: center;

	font-size: 13px;

}



#footer > .footer > .developed > a {

	display: inline-block;

	width: 93px;

	height: 30px;

	background: url(../imagens/developed.png) center center no-repeat;

	margin-top: 5px;

	text-indent: -999px;

	overflow: hidden;

}



#footer a {

	color: #FFF;

}



#footer a:hover {

	text-decoration: none;

}



#footer .titulo {

	font-size: 24px;

	font-weight: bold;

	line-height: 24px;

}







/* BARRA TOPO */

#barraTopo {

	background: var(--cor-cinza-claro);

	padding: 20px 0;

}



#barraTopo > .cardapio {

	width: var(--largura-total);

	margin: var(--margin-centralizar);

}



#barraTopo > .cardapio > .titulo {

	float: left;

	font-size: 18px;

	font-weight: bold;

	line-height: 42px;

	color: #222;

}



#barraTopo > .cardapio > form {

	float: right;

}



#barraTopo > .cardapio > form > input, #barraTopo > .cardapio > form > button {

	float: left;

	height: 42px;

	margin: 0;

}



#barraTopo > .cardapio > form > input {

	width: 300px;

	border-radius: 5px 0 0 5px;

	border: 1px solid #FFF;

}



#barraTopo > .cardapio > form > input:focus {

	border-color: #CCC;

}



#barraTopo > .cardapio > form > button {

	width: 100px;

	padding: 0;

	border-radius: 0 5px 5px 0;

}



#barraTopo > .cardapio > form > button:hover {

	background: #121921;

}







/* LOGIN */

#pgLoginCriarConta {

	

}



#pgLoginCriarConta .box {

	padding: 60px 0;

	background: url(../imagens/bgLoginCriarConta.svg) #F4F4F4;

}



#pgLoginCriarConta .box > form {

	display: block;

	width: 400px;

	margin: 0 auto;

}



#pgLoginCriarConta .box > form > .titulo {

	background: var(--cor-verde);

	color: #FFF;

	font-size: 24px;

	font-weight: bold;

	line-height: 70px;

	text-align: center;

	border-radius: 10px 10px 0 0;

}



#pgLoginCriarConta .box > form > .content {

	margin: 0;

	padding: 30px;

	width: 100%;

	background: #FFF;

	border-radius: 0 0 10px 10px;

}



#pgLoginCriarConta .box > form > .content > .texto {

	margin-bottom: 10px;

	text-align: center;

}



#pgLoginCriarConta .box > form > .content > .ou {

	background: url(../imagens/bgOu.png) center repeat-x;

	margin: 20px 0;

	text-align: center;

}



#pgLoginCriarConta .box > form > .content > .ou > span {

	background: #FFF;

	padding: 10px;

}



#pgLoginCriarConta .box > form > .content > .btnDark {

	display: block;

	background: #444;

	color: #FFF;

	line-height: 45px;

	text-align: center;

	border-radius: 5px;

	transition: background 0.25s;

}



#pgLoginCriarConta .box > form > .content > .btnDark:hover {

	text-decoration: none;

	background: #555;

}







/* PRODUTOS */

#frmFiltros {

	float: left;

	width: 290px;

}



#frmFiltros > .ordenar {

	position: relative;

}



#frmFiltros > .ordenar > select {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

}



#frmFiltros > .ordenar > .setas {

	position: absolute;

	top: 50%;

	right: 10px;

	font-size: 18px;

	-webkit-transform: rotate(90deg) translateX(-50%);

	-ms-transform: rotate(90deg) translateX(-50%);

	transform: rotate(90deg) translateX(-50%);

}



#frmFiltros > .grupo {

	border: 1px solid #CCC;

	padding: 10px;

	margin-top: 10px;

	border-radius: 5px 5px 0 0;

}



#frmFiltros > .grupo > .titulo {

	background: var(--cor-cinza-claro);

	padding: 5px 10px;

	font-weight: bold;

}



#frmFiltros > .grupo > a {

	display: block;

	margin-top: 10px;

}



#frmFiltros > .grupo > a:hover {

	text-decoration: none;

}



#frmFiltros > .grupo > a > .check {

	float: left;

	line-height: 22px;

	font-size: 18px;

}



#frmFiltros > .grupo > a > .nome {

	float: left;

	margin-left: 10px;

	line-height: 22px;

}



#frmFiltros > .grupo > a > .quantidade {

	float: right;

	font-size: 12px;

	line-height: 22px;

	color: var(--cor-cinza2);

}



#frmFiltros > .botao {

	border: 1px solid #CCC;

	border-top: 0;

	padding: 10px;

	border-radius: 0 0 5px 5px;

}



#frmFiltros > .botao > button {

	margin: 0;

}



#produtos {

	float: left;

	width: calc(100% - 320px);

	margin-left: 30px;

}



#produtos > .titulo {

	font-size: 18px;

	font-weight: bold;

	color: #222;

}



#produtos > .titulo > a {

	font-size: 12px;

	font-weight: normal;

}



#produtos > .produto {

	float: left;

	width: calc(33.33% - 20px);

	margin: 0px 10px 10px 10px;

}



#produtos > .produto > .infos {

	display: block;

	position: relative;

	background: url(../imagens/spacer.png) center center no-repeat;

	background-size: 100%;

	border-radius: 5px;

	overflow: hidden;

	transition: background-size .15s;

}



#produtos > .produto > .infos:hover {

	background-size: 120%;

}



#produtos > .produto > .infos > img {

	display: block;

	width: 100%;

}



#produtos > .produto > .infos > .categoria {

	position: absolute;

	top: 10px;

	left: 10px;

	background: #000;

	color: #FFF;

	font-weight: bold;

	font-size: 12px;

	text-transform: uppercase;

	padding: 3px 5px;

}



#produtos > .produto > .infos > .nome {

	display: table;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	min-height: 65px;

	padding: 10px 20px;

	color: #FFF;

	font-weight: bold;

	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75));

}



#produtos > .produto > .infos > .nome > div {

	display: table-cell;

	vertical-align: bottom;

}



#produtos > .produto > .preco {

	float: left;

	line-height: 32px;

	font-weight: bold;

	font-size: 16px;

	margin-top: 10px;

}



#produtos > .produto > .comprar {

	float: right;

	color: #FFF;

	background: var(--cor-verde);

	padding: 0 10px;

	line-height: 32px;

	margin-top: 10px;

	border-radius: 3px;

	font-size: 13px;

	font-weight: bold;

}



#produtos > .produto > .comprar:hover {

	background: var(--cor-verde-hover);

	text-decoration: none;

	transition: background 0.25s;

}







/* CARRINHO.PHP */

#pgCarrinho .produto {

	display: table;

	width: 100%;

	border-bottom: 1px solid #CCC;

	padding: 20px;

}



#pgCarrinho .produto > .imagem {

	display: table-cell;

	width: 202px;

	background: url(../imagens/spacer.png) center center no-repeat;

	background-size: 100%;

}



#pgCarrinho .produto > .imagem > img {

	display: block;

	width: 100%;

}



#pgCarrinho .produto > .infos {

	display: table-cell;

	vertical-align: middle;

	padding: 0 20px;

}



#pgCarrinho .produto > .quantidade {

	display: table-cell;

	width: 150px;

	text-align: center;

	vertical-align: middle;

}



#pgCarrinho .produto > .quantidade > a {

	display: inline-block;

	line-height: 35px;

	padding: 0;

	color: var(--cor-cinza);

	transition: color 0.25s;

}



#pgCarrinho .produto > .quantidade > a:hover {

	color: var(--cor-verde);

	text-decoration: none;

}



#pgCarrinho .produto > .quantidade > input {

	display: inline-block;

	width: 50px;

	height: 35px;

	padding: 0 15px;

	text-align: center;

	font-weight: bold;

	border: 0;

	cursor: default;

}



#pgCarrinho .produto > .subtotal {

	display: table-cell;

	width: 100px;

	vertical-align: middle;

	text-align: center;

}



#pgCarrinho .produto > .acoes {

	display: table-cell;

	width: 50px;

	text-align: right;

	vertical-align: middle;

	font-size: 18px;

}



#pgCarrinho .resumo {

	display: table;

	width: 100%;

	background: var(--cor-cinza-claro);

	padding: 20px;

	font-weight: bold;

	font-size: 16px;

}



#pgCarrinho .resumo > .titulo {

	display: table-cell;

	font-size: 28px;

	vertical-align: middle;

	text-align: right;

	letter-spacing: 1px;

}



#pgCarrinho .resumo > .resumo {

	display: table-cell;

	width: 350px;

	text-align: right;

	line-height: 30px;

}



#pgCarrinho .botoes {

	margin-top: 30px;

}



#pgCarrinho .botoes > a {

	float: left;

    width: 350px;

    line-height: 60px;

    padding: 0 35px;

    background: #DDD;

	font-weight: bold;

	font-size: 18px;

	border-radius: 5px;

	text-align: center;

	transition: background 0.25s;

}



#pgCarrinho .botoes > a:hover {

	background: #CCC;

	text-decoration: none;

}



#pgCarrinho .botoes > a.btnFinalizar {

	float: right;

	color: #FFF;

	background: var(--cor-verde);

}



#pgCarrinho .botoes > a.btnFinalizar:hover {

	background: var(--cor-verde-hover);

}

#pgCarrinho .cupomDesconto {
	margin: 20px 0 40px 0;
}

#pgCarrinho .cupomDesconto > input {
	display: inline-block;
	width: 200px;
	margin-left: 10px;
	text-transform: uppercase;
}

#pgCarrinho .cupomDesconto > button {
	display: inline-block;
	width: auto;
	margin-left: 10px;
}







/* FINALIZAR-PEDIDO.PHP */

#pgFinalizar .resumo {

	float: left;

	width: 400px;

	background: #EEE;

	padding: 20px;

	margin-top: 20px;

}



#pgFinalizar .resumo > .produto {

	padding: 10px 0;

	border-bottom: 1px solid #CCC;

}



#pgFinalizar .resumo > .geral {

	padding-top: 10px;

	font-weight: bold;

}



#pgFinalizar .resumo .col {

	float: left;

	width: calc(100% - 150px);

}



#pgFinalizar .resumo .subtotal {

	float: left;

	width: 150px;

	font-weight: bold;

	text-align: right;

}



#pgFinalizar #frmPagamento {

	float: left;

	width: calc(100% - 430px);

	margin: 20px 0 0 30px;

}



#pgFinalizar #frmPagamento > .endereco > a {

	display: block;

	padding: 20px;

	border: 1px solid #CCC;

	border-top: 0;

}



#pgFinalizar #frmPagamento > .endereco > a:hover {

	background: #EEE;

	text-decoration: none;

}



#pgFinalizar #frmPagamento > .endereco > a.f {

	border-top: 1px solid #CCC;

}



#pgFinalizar #frmPagamento > .endereco > a.selecionado {

	background: #CCC;

}



#pgFinalizar #frmPagamento > .endereco > .novo {

	display: none;

	padding: 20px;

	border: 1px solid #CCC;

	border-top: 0;

}



#pgFinalizar #frmPagamento > .formadepagamento {

	border: 1px solid #CCC;

}



#pgFinalizar #frmPagamento > .formadepagamento > a {

	float: left;

	padding: 20px;

	text-align: center;

	border-right: 1px solid #CCC;

}



#pgFinalizar #frmPagamento > .formadepagamento > a:hover {

	background: #EEE;

	text-decoration: none;

}



#pgFinalizar #frmPagamento > .formadepagamento > a.selecionado {

	background: #CCC;

	font-weight: bold;

}



#pgFinalizar #frmPagamento > .formadepagamento > a > .fas {

	font-size: 24px;

	margin-bottom: 5px;

}



#pgFinalizar #frmPagamento > .formadepagamento > .cartaodecredito {

	display: none;

	padding: 20px;

	border-top: 1px solid #CCC;

}



#pgFinalizar #frmPagamento > .formadepagamento > .cartaodecredito > .cartao {

	position: relative;

}



#pgFinalizar #frmPagamento > .formadepagamento > .cartaodecredito > .cartao > .bandeira {

    position: absolute;

    bottom: 8px;

    right: 1px;

    width: 68px;

    height: 30px;

	background: url(../imagens/spacer.png) center center no-repeat;

}



#pgFinalizar #frmPagamento > .formadepagamento > .naentrega {

	display: none;

	padding: 20px;

	border-top: 1px solid #CCC;

}







/* MENU LOGADO */

.menuLogado {

	float: left;

	width: 300px;

	padding: 20px 0 20px 20px;

	background: #EEE;

	margin-top: 30px;

}



.menuLogado > a {

	display: block;

	width: 100%;

	padding: 10px 20px;

}



.menuLogado > a:hover {

	background: #DDD;

	text-decoration: none;

}



.menuLogado > a.atual {

	background: #FFF;

}



.menuLogado > a > span {

	width: 24px;

	text-align: center;

	padding-right: 4px;

}



.conteudo {

	float: left;

	width: calc(100% - 330px);

	margin: 30px 0 0 30px;

}







/* MEUS-PEDIDOS.PHP */

#pgMeusPedidos .detalhes {

	border: 1px solid #CCC;

	margin-top: 20px;

	padding: 20px;

}



#pgMeusPedidos .detalhes > .titulo {

	font-size: 18px;

	font-weight: bold;

}



#pgMeusPedidos .detalhes > .produto {

	padding: 10px 0;

	border-top: 1px solid #CCC;

}



#pgMeusPedidos .detalhes > .produto.f {

	border-top: 0;

}



#pgMeusPedidos .detalhes > .resumo {

	padding-top: 10px;

	font-weight: bold;

	border-top: 1px solid #CCC;

}



#pgMeusPedidos .detalhes .col {

	float: left;

	width: calc(100% - 150px);

}



#pgMeusPedidos .detalhes .subtotal {

	float: left;

	width: 150px;

	font-weight: bold;

	text-align: right;

}



#pgMeusPedidos .pedidos {

	display: block;

	border: 1px solid #CCC;

	padding: 20px;

	margin-bottom: 20px;

}



#pgMeusPedidos .pedidos:hover {

	background: #EEE;

	text-decoration: none;

}







/* MEUS-ENDERECOS.PHP */

#pgMeusEnderecos .detalhes {

	border: 1px solid #CCC;

	padding: 20px;

}



#pgMeusEnderecos .detalhes > .titulo {

	font-size: 18px;

	font-weight: bold;

}



#pgMeusEnderecos .enderecos {

	display: block;

	border: 1px solid #CCC;

	padding: 20px;

	margin-bottom: 20px;

}



#pgMeusEnderecos .enderecos:hover {

	background: #EEE;

	text-decoration: none;

}



/* MOBILE */
.mobHide {
	
}

.mobShow {
	display: none;
}

















































@media screen and (max-width: 1199px) {
	.mobHide {
		display: none;
	}
	
	.mobShow {
		display: block;
	}
	
	
	header > .header {

		width: 94%;

	}

	

	header > .header > .infos {
		float: none;
		
		width: 100%;

		margin: 20px auto 0 auto;
		
		text-align: center;

	}

	

	#barraTopo > .cardapio {

		width: 100%;

		padding: 0 3%;

	}

	

	#barraTopo > .cardapio > .titulo {

		float: none;

		text-align: center;

	}

	

	#barraTopo > .cardapio > form {

		float: none;

	}

	

	#barraTopo > .cardapio > form > input {

		width: calc(100% - 100px);

	}

	

	.content {

		width: 94%;

	}

	

	#frmFiltros {

		float: none;

		width: 100%;

	}

	

	#produtos {

		float: none;

		width: 100%;

		margin-left: 0;

	}

	

	#footer > .footer {

		width: 94%;

	}

	

	#footer > .footer > .colA {

		float: none;

		text-align: center;

	}

	

	#footer > .footer > .colB {

		float: none;

		text-align: center;

		margin: 30px 0;

	}

	

	#footer > .footer > .colC {

		float: none;

		margin: 0;

	}

	

	#footer > .footer > .colC > img {

		margin: 0 auto;

	}

	

	#produtos > .produto {

		float: none;

		width: 100%;

		margin: 30px 0 0 0;

	}

	

	#dialog > .carrinhoAdicionar {

		width: 94%;

	}
	
	#carrinhoAdicionado {
		width: 88%;
		max-width: 440px;
	}
	
	#dialogCep > form {
		width: 94%;
	}
	
	#pgCarrinho .resumo {
		display: block;
	}
	
	#pgCarrinho .resumo > .titulo {
		display: block;
		text-align: center;
	}
	
	#pgCarrinho .resumo > .resumo {
		display: block;
		width: 100%;
		text-align: center;
	}
	
	#pgCarrinho .botoes > a {
		float: none;
		display: block;
		width: 100%;
	}
	
	#pgCarrinho .botoes > a.btnFinalizar {
		float: none;
		margin-top: 20px;
	}
	
	#pgLoginCriarConta .box > form {
		width: 94%;
	}
	
	#pgFinalizar .resumo {
		float: none;
		width: 100%;
	}
	
	#pgFinalizar #frmPagamento {
		float: none;
		width: 100%;
		margin: 20px 0 0 0;
	}
	
	#pgFinalizar #frmPagamento > .formadepagamento > .naentrega > .col {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	
	.menuLogado {
		float: none;
		width: 100%;
		padding: 20px;
	}
	
	.conteudo {
		float: none;
		width: 100%;
		margin: 30px 0 0 0;
	}
}