@charset  "utf-8";

/************ ONPEDIDO **************/
/**** Criado por PearCloud App's ****/
/* www.onpedido.com | 51 3059-9069 **/
/************************************/

/*** Carregando Fontes ***/
@import '//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Oswald:300,400,700|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i';

/***************************************************************/
/********************* CONFIGURAÇÕES GERAIS ********************/
/***************************************************************/
html,body {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center top;
    background-color: #F9F7FC;
    color: #000;
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility !important;
    text-shadow: 1px 1px 1px transparent !important;
}

/** Resetando CSS **/
* {
    outline: none;
    box-sizing: border-box;
    border-collapse: separate;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

:focus {
    outline: 0;
}

ul,li,ul:hover,li:hover,ul li a:hover,ul li a,a,a:link,a:visited,a:hover,a:active {
    text-decoration: none;
    outline: none;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

img,iframe {
    border: none;
    text-decoration: none;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
}

ol,ul {
    list-style: none;
}

figcaption {
    display: none;
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
}

/**********************/
/******** Grids *******/
/**********************/

.grid960 {
    width: 960px;
    display: table;
    margin: 0 auto;
    padding: 0;
    border: 0 solid #ccc;
}

.full {
    width: 100%;
    display: table;
}

.distancia {
    clear: both;
    width: 100%;
    height: 20px;
}

.colunaEsquerda {
    display: table;
    float: left;
    width: 580px;
    border: 0 solid #000;
    top: 0 !important;
}

.colunaDireita {
    display: table;
    float: right;
    width: 350px;
}

/*****************************************************/
/******************** CABEÇALHO  *********************/
/*****************************************************/

header {
    width: 100%;
    height: 170px;
    display: table;
    box-shadow: 0 0 10px #000;
    background-color: #F9F7FC;
    z-index: 10 !important;
    border-bottom: 0px solid;
    background-position: center top;
}

header figure {
    float: left;
    width: 220px;
    height: 55px;
    margin: 10px 0 0;
}

header nav {
    float: right;
}

header nav ul li {
    float: left;
    margin: 10px;
    margin-top: 0;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    font-size: 24px;
    border-top: 10px solid transparent;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

header nav ul li:last-child {
    margin-right: 0;
}

@-webkit-keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px,-8px);
        transform: translate(8px,-8px);
    }

    33.3% {
        -webkit-transform: translate(-6px,6px);
        transform: translate(-6px,6px);
    }

    49.95% {
        -webkit-transform: translate(4px,-4px);
        transform: translate(4px,-4px);
    }

    66.6% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px);
    }

    83.25% {
        -webkit-transform: translate(1px,-1px);
        transform: translate(1px,-1px);
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
}

@keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px,-8px);
        transform: translate(8px,-8px);
    }

    33.3% {
        -webkit-transform: translate(-6px,6px);
        transform: translate(-6px,6px);
    }

    49.95% {
        -webkit-transform: translate(4px,-4px);
        transform: translate(4px,-4px);
    }

    66.6% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px);
    }

    83.25% {
        -webkit-transform: translate(1px,-1px);
        transform: translate(1px,-1px);
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
}

.hvr-wobble-to-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-wobble-to-top-right:hover,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:active {
    -webkit-animation-name: hvr-wobble-to-top-right;
    animation-name: hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/**********************************************/
/****************** BANNER ********************/
/**********************************************/
#loadBanner div{
    border: 0px solid #000!important;
}
.banner {
    display: table;
    height: 345px;
    width: 960px;
    margin: 0 auto;
    background-color: transparent;
    z-index: 0 !important;
}
.bannerImagem{
    background-position: center top;
    height: 320px;
}
img.miniBanner  {
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 10px;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/******************************************/
/*********** FINALIZAR PEDIDO  ************/
/******************************************/

.containerFP {
    height: 445px;
    width: 100%;
    overflow: hidden !important;
    background-color: #fbfbfb;
}

.colunaEsquerdaFP {
    border: 0 solid #000;
    width: 50%;
    display: table;
    float: left;
    padding: 15px;
    padding-top: 0;
    padding-bottom: 0;
    display: hidden;
}

.colunaEsquerdaFP p b {
    margin: 0;
    line-height: 0;
    font-weight: 400;
    color: #333;
    text-shadow: 1px 1px 1px #fff;
    font-size: 14px;
}

.colunaDireitaFP {
    border: 0 solid #000;
    margin-top: 0;
    width: 100%;
    height: 445px;
    overflow: hidden;
    display: table;
    float: right;
    padding: 15px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #f5f5f5;
    box-shadow: inset 1px 0 3px #ccc;
}

.tituloColunaFP {
    font-size: 26px;
    text-shadow: 1px 1px 1px #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    display: table;
    border: 0 solid #000;
    padding-top: 15px;
    margin-top: -5px;
    width: 100%;
}

.tituloColunaFP font {
    font-size: 14px;
    height: 7px;
    color: #444;
    font-weight: 500;
    margin-top: 5px;
    display: table;
}

.containerFP input,.containerFP select {
    padding: 10px;
    display: table;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

.containerFP select {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    border-radius: 0 0 3px 3px;
    text-indent: .01px;
    padding-right: 40px;
    border-radius: 3px;
    background: url(//onpedido.com.br/static/img/setaBaixo.png) 95% 50% no-repeat #fff;
}

.as {
    float: left;
    margin: 10px;
    font-weight: 400;
}

#timestamp {
    display: none;
}

.diaAgendamento {
    float: left;
    background-image: url(//onpedido.com.br/static/img/calendario64.png),url(//onpedido.com.br/static/img/setaBaixo.png) !important;
    background-repeat: no-repeat,no-repeat !important;
    background-size: 25px,auto !important;
    background-position: 7px 8px,95% 50% !important;
    padding-left: 40px !important;
    padding-right: 5px !important;
    width: 310px;
}

.horarioAgendado {
    width: 100px;
    background-position: 87% 50% !important;
    padding-right: 5px !important;
}

.fpIconeNome {
    background: url(//onpedido.com.br/static/img/pessoa.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 7px 8px;
    padding-left: 40px !important;
}

.fpIconeCelular {
    background: url(//onpedido.com.br/static/img/celular.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 7px 8px;
    padding-left: 40px !important;
}

.fpIconeTelefone {
    background: url(//onpedido.com.br/static/img/telefone.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 7px 8px;
    padding-left: 40px !important;
}

.fpIconeLocal {
    background-image: url(//onpedido.com.br/static/img/map64.png),url(//onpedido.com.br/static/img/setaBaixo.png) !important;
    background-repeat: no-repeat,no-repeat !important;
    background-size: 27px,auto !important;
    background-position: 5px 8px,95% 50% !important;
    padding-left: 35px !important;
}

.inputFP {
    outline: none;
    margin-top: 15px;
    width: 100%;
    float: left;
}

.doisInputFPum {
    outline: none;
    margin-top: 15px;
    margin-right: 9px;
    width: 48%;
    float: left;
}

.doisInputFPdois {
    outline: none;
    margin-top: 15px;
    margin-left: 9px;
    width: 48%;
    float: left;
}

.bgEnderecoPretoBranco {
    background-image: url(//onpedido.com.br/static/img/bgEndereco.jpg);
}

.bgEnderecoColorido {
    float: left;
    width: 50%;
    height: 450px;
    margin: 0;
    background-position: -480px top;
    background-image: url(//onpedido.com.br/static/img/bgEndereco.jpg);
}

.selecioneEnderecoMap {
    position: absolute;
    z-index: 999;
    background-color: #fff;
    display: table;
    border-radius: 3px;
    padding: 5px;
    left: 10px;
    top: 10px;
    box-shadow: 1px 1px 1px #ccc;
}

.selecioneEnderecoMap select {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding-left: 30px !important;
    padding-right: 20px;
    background-position: 5px 5px,97% 50% !important;
    background-size: 22px,auto !important;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 31px;
    margin-right: 5px;
}

.btFPmap {
    width: 100%;
    padding: 4px 7px 5px;
    height: 31px;
    font-size: 14px;
    color: #fff;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
    width: auto;
    font-weight: 600;
    font-family: 'Open Sans',sans-serif;
    display: table;
    float: right;
    background-image: url(//onpedido.com.br/static/img/preto30.png);
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: 100% 3px;
}

.btFPmap:hover {
    border-radius: 3px;
    background-image: url(//onpedido.com.br/static/img/preto5.png),url(//onpedido.com.br/static/img/preto30.png);
    background-repeat: repeat,repeat-x;
    background-position: bottom;
}

.btFPmap:active {
    margin: 0;
    padding: 5px 7px 4px;
    background-image: url(//onpedido.com.br/static/img/preto30.png);
    background-repeat: repeat-x;
    background-position: top;
    background-size: 100% 3px;
    box-shadow: none;
}

.tooltip {
    display: none;
    position: absolute;
    background-color: #161616;
    border-radius: 3px;
    padding: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    z-index: 9999 !important;
}

.fontMarginFP {
    margin-top: 15px !important;
    display: table;
    background: #fff;
    padding: 15px;
    border-radius: 3px;
    line-height: 1.7em;
    padding-top: 10px;
    box-shadow: 0 0 2px #b8b8b8;
}

.botaoVerMapa img {
    border-radius: 5px;
    border: 1px solid #ccc;
    height: 100px;
    width: 100%;
    margin-top: 10px;
}
a.botaoVerMapa {
    margin-top: 10px!important;
    padding: 10px!important;
    padding-bottom: 7px!important;
    text-align: center;
    -webkit-box-shadow: 0 0 2px 0 #bbb;
    -moz-box-shadow: 0 0 2px 0 #bbb;
    box-shadow: 0 0 2px 0 #bbb;
    border-radius: 5px;
}
.botaoVerMapa {
    padding: 20px;
    top: 200px;
    font-size: 14px;
    margin-top: 20px;
    display: table;
    background-color: #fff;
    color: #fff; 
    font-weight: 700;
    color: #333;
}
.botaoVerMapa:hover {
    background-color: #ddffd6;
    border-radius: 5px;
}

.itemFPpasso {
    background-color: #fff;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 3px;
    width: 100%;
    color: #333;
    float: left;
    margin-bottom: 0;
    margin-top: 15px;
    -webkit-box-shadow: 0 0 2px 0 #bbb;
    -moz-box-shadow: 0 0 2px 0 #bbb;
    box-shadow: 0 0 2px 0 #bbb;
}

.itemFPpasso p {
    float: left;
    margin: 0;
    margin-right: 5px;
    padding: 0;
    font-weight: 700;
}

.itemFPpasso .tituloColunaFP {
    margin: 0 !important;
    padding: 0;
    font-size: 21px;
}

.bgValoresFP {
    background-position: 0 60px !important;
}

#valoresFP {
    background-color: #fff !important;
    display: table;
    border-radius: 3px;
    box-shadow: 0 0 2px #fff;
    border-top: 1px solid #ccc;
}

#valoresFP spam {
    border: 0 !important;
}

#valoresFP p {
    width: 50% !important;
}

#valoresFP p:nth-child(1) {
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
}

#valoresFP p:nth-child(2) {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #eee;
}

.troco {
    float: left;
    width: 41%;
    text-align: center;
    background-color: #ccc;
    display: table;
    padding: 10px;
    margin-left: 15px;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #333;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    color: #fff;
    margin-top: 20px;
}

.valorRecebido {
    float: left;
}

.sifraoFP {
    float: left;
    padding: 10px;
    height: 40px;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    color: #fff;
    margin-top: 20px;
    text-shadow: 1px 1px 1px #333;
    border-radius: 3px 0 0 3px;
    font-weight: 600;
}

.sifraoCupom {
    float: left;
    padding: 10px;
    height: 40px;
    background-color: #009a57;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    color: #fff;
    margin-top: 20px;
    text-shadow: 1px 1px 1px #333;
    border-radius: 3px 0 0 3px;
    font-weight: 600;
}

.valorRecebido {
    height: 40px;
    margin-top: 20px;
    border-radius: 0 3px 3px 0 !important;
    border-left: 0 !important;
}

.cupomDesconto {
    display: table;
    float: right;
    padding: 3px 5px;
    border-radius: 3px;
    background-image: url(//onpedido.com.br/static/img/pontoVerde.gif);
    font-size: 12px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

.btCupom {
    width: 100%;
    padding: 4px 7px 5px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
    width: auto;
    font-weight: 600;
    font-family: 'Open Sans',sans-serif;
    display: table;
    float: left;
    margin-top: 20px;
    margin-left: 15px;
    background-image: url(//onpedido.com.br/static/img/preto30.png);
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: 100% 3px;
    background-color: #009A57;
    width: 42%;
}

.btCupom:hover {
    border-radius: 3px;
    background-image: url(//onpedido.com.br/static/img/preto5.png),url(//onpedido.com.br/static/img/preto30.png);
    background-repeat: repeat,repeat-x;
    background-position: bottom;
}

.btCupom:active {
    padding: 5px 7px 4px;
    background-image: url(//onpedido.com.br/static/img/preto30.png);
    background-repeat: repeat-x;
    background-position: top;
    background-size: 100% 3px;
    box-shadow: none;
}

.logoSucessoFP {
    background: url(//onpedido.com.br/static/img/sucessoPedido.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    padding-left: 40px !important;
    width: 330px;
    height: 320px;
    float: left;
    margin: 60px;
    margin-right: 20px;
}

.textoSucessoFP {
    float: left;
    margin-top: 100px;
}

.textoSucessoFP h2 {
    color: #555;
}
#sucessoPedido .containerFP{
  text-align: center;
  width: 100%;
  height: 100%;
  display: table;
  text-shadow: 3px 0px 3px #fff;
  background-repeat: repeat!important;
  background-attachment: fixed!important;;
  background-position: center top!important;;
  background-color:#F5F5F9!important;;
  background-image:url('//2.bp.blogspot.com/-FJMsB_MPsJM/Vp-RaLkfV4I/AAAAAAAAAXI/PzFqIHP_An8/s1600/texturaAzulada.jpg');
}
#sucessoPedido h1{
    color: #9b0000;
    text-shadow: 5px 0px 5px #fff;
    padding: 10px;
    font-size: 28px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif!important;
}

/***************************************************/
/***************** PAGINA INICIAL ******************/
/***************************************************/
.navLogin {
    padding: 15px 0;
    height: 117px;
    border-top: 0 solid #fff;
    border-bottom: 0 solid #fff;
    -webkit-box-shadow: 0 0 3px 0 #333;
    -moz-box-shadow: 0 0 3px 0 #333;
    box-shadow: 0 0 3px 0 #333;
}

.botaoLogin,.botaoLogin:visited {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 21px;
    border: 0 solid #fff;
    padding: 10px 0 12px;
    width: 200px;
    text-align: center;
    float: left;
    border-radius: 0;
    background-color: #fff;
    text-shadow: 1px 1px 1px #fff;
    cursor: pointer;
    outline: none;
    background-image: url(//onpedido.com.br/static/img/preto30.png);
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: 100% 5px;
    border-radius: 3px 3px 5px 5px;
}

.botaoLogin:hover {
    background-image: url(//onpedido.com.br/static/img/preto30.png),url(//onpedido.com.br/static/img/preto5.png);
    background-repeat: repeat-x,repeat;
}

.botaoLogin:active {
    padding: 12px 0 10px;
    background-image: url(//onpedido.com.br/static/img/preto30.png);
    background-repeat: repeat-x;
    background-position: top;
    background-size: 100% 5px;
}

.btLogado {
    border: 0 solid #000 !important;
    width: 220px !important;
    text-align: left;
    margin-right: 20px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

.btSair {
    border: 0 solid #000 !important;
    width: 130px !important;
    text-align: left;
    margin-right: 0;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}
#boxLogin.colunaEsquerda{
    width: 610px!important;
}
.iconeSair {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 15px;
    margin-left: 15px;
    background-image: url(//onpedido.com.br/static/img/sair.svg);
    background-repeat: no-repeat;
}
.iconePedidoBt {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 15px;
    margin-left: 15px;
    background-image: url(//onpedido.com.br/static/img/pedidoCinza.svg);
    background-repeat: no-repeat;
}
.iconePessoa {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 15px;
    margin-left: 15px;
    background-image: url(//onpedido.com.br/static/img/pessoa.svg);
    background-repeat: no-repeat;
}

.mensagem {
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 0 0 10px;
    letter-spacing: .3px;
}

.ou {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 24px;
    float: left;
    display: table;
    margin: 5px 10px;
}

.tituloDelivery {
    font-style: initial;

    display: table;
    font-family: 'Raleway',sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 18px;
    color: #fff;
    float: right;
    margin-top: -10px;
    padding: 0;
}

.telefoneDelivery {
    font-style: initial;
    display: hidden;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    font-size: 52px;
    height: 50px;
    color: #fff;
    float: right;
    margin-top: -10px;
    padding: 0;
}
.telefoneDelivery font{
    font-size: 21px;
    display: table;
    float: left;
    font-weight: 500;
    margin-top: 12px;
    margin-right: 7px;
}
.menuInformativo {
    width: 100%;
    height: auto;
    display: table;
    background-color: #7d7d7d;
    border-top: 0 solid #fff;
    border-bottom: 0 solid #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: inset 0 3px 3px 0 #555,0 3px 3px 0 #fff;
    -moz-box-shadow: inset 0 3px 3px 0 #555,0 3px 3px 0 #fff;
    box-shadow: inset 0 3px 3px 0 #555,0 3px 3px 0 #fff;
}

.menuInformativo a:link,.menuInformativo a:visited,.menuInformativo a:active {
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    outline: none;
}

.menuInformativo a:hover {
    color: #fff;
    text-decoration: underline;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

.itemMenuInformativo {
    display: table;
    margin-bottom: 0;
    margin-top: 0;
    float: left;
    border: 0 solid #fff;
    padding: 10px;
    padding-left: 14px;
    padding-right: 13px;
    margin-right: 12px;
    font-size: 15px;
    border-radius: 3px;
}

.itemMenuInformativo:hover {
    background-color: #444;
}

.itemMenuInformativo a:hover {
    text-decoration: none;
}

.iconeMenuInformativo {
    float: left;
    display: table;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    background-color: none;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center top;
}

.fullStatus {
    width: 960px;
    margin: 0 auto;
    border-radius: 3px;
    margin-top: 25px;
    background-color: #fff;
    margin-bottom: -15px;
    font-weight: 600;
    color: #333;
    display: table;
    font-family: 'Open Sans' Arial;
    box-shadow: 0 0 3px #b8b8b8;
    text-shadow: 1px 1px 1px #fff;
}

.status {
    padding: 15px 0;
    width: 935px;
    margin: 0 auto;
}

.aberto {
    background-color: #ecffe8;
    color: #0e6c00;
}

.fechado {
    background-color: #ffd1d1;
    color: #9b0000;
}

.statusInativo {
    background-image: url(//onpedido.com.br/static/img/erro.png),url(//onpedido.com.br/static/img/pontoVermelho.gif);
    border-radius: 100px;
    background-size: 52% 52%,100% 100%;
    background-position: 50% 50%,center top;
}

.statusAtivo {
    background-image: url(//onpedido.com.br/static/img/checadoBranco.png),url(//onpedido.com.br/static/img/pontoVerde.gif);
    border-radius: 100px;
    background-size: 70% 70%,100% 100%;
    background-position: 50% 50%,center top;
}

.taxas {
    background-image: url(//onpedido.com.br/static/img/map32.png);
}

.formaPagamento {
    background-image: url(//onpedido.com.br/static/img/iconDinheiro.png);
}

.recuperarCadastro {
    background-image: url(//onpedido.com.br/static/img/cadastroBranco.png);
}

.tempoEntrega {
    background-image: url(//onpedido.com.br/static/img/tempoEntrega32.png);
}

.horarioFuncionamento {
    background-image: url(//onpedido.com.br/static/img/relogio32.png);
}

#crumbs {
    text-align: left;
    font-family: 'Raleway',sans-serif;
    font-weight: 600;
    width: 100%;
    padding: 0 !important;
    border: 0 solid;
    display: table;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#crumbs ul {
    list-style: none;
    display: inline-table;
    margin: 0;
    padding: 0;
}

#crumbs ul li {
    display: inline;
}

#crumbs ul li a {
    display: block;
    float: left;
    height: 50px;
    width: 310px;
    background: #b3b3b3;
    text-align: center;
    padding: 15px 0 0 30px;
    position: relative;
    margin: 0 10px 0 0;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#crumbs ul li a:after {
    content: "";
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #b3b3b3;
    position: absolute;
    right: -25px;
    top: 0;
    z-index: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#crumbs ul li a:before {
    content: "";
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #f3f3f3;
    position: absolute;
    left: 0;
    top: 0;
}

#crumbs ul li:first-child a {
    padding-right: 15px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    width: 280px;
}

#crumbs ul li:first-child a:before {
    display: none;
}

#crumbs ul li:last-child a {
    padding-right: 15px;
    margin-right: 0 !important;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    width: 350px;
}

#crumbs ul li:last-child a:after {
    display: none;
}

#crumbs ul {
    margin: 0 !important;
    padding: 0;
}

.crumbSpanUm,.crumbSpanDois,.crumbSpanTres {
    float: left;
    margin: 0;
    height: 35px;
    width: 35px;
    padding-top: 2px;
    font-size: 22px;
    margin-left: 5px;
    margin-top: -7px;
    background-color: #fff;
    border-radius: 100%;
    display: table !important;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    color: #b0b0b0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.crumbSpanUm {
    margin-left: -15px !important;
}

#crumbs ul li a:hover {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#crumbs ul li a:hover:after {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#crumbs ul li a:hover spam {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

spam.crumbAtivo {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#crumbs ul li .crumbAtivo:after {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

/*** PRODUTOS ***/
.produto {
    background-color: #fff;
    box-shadow: 0 0 2px #b8b8b8;
    line-height: 1.5em;
    display: table;
    margin: 15px 0;
    width: 100%;
    height: 200px;
    border-radius: 3px;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    position: relative !important;
    cursor: pointer;
}

hgroup {
    margin: 0;
    padding: 0;
}

.produto:hover {
    box-shadow: 0 0 12px #999;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.produto:hover .botaoPedir {
    box-shadow: 3px 3px 5px #888;
}

.produto:hover .pedirOnline {
    border-left: 45px solid;
}

.produto figure {
    float: left;
    margin: 0 !important;
    overflow: hidden;
    border-radius: 3px 0 0 3px;
    height: 200px !important;
    border: 0 solid transparent !important;
    padding: 0 !important;
}

.botaoPedir {
    font-family: 'Open Sans';
}

.valorPedir {
    text-shadow: 1px 1px 1px #000;
}

.botaoPedir font {
    font-size: 14px;
    margin-right: 3px;
}

hgroup.descricaoProduto {
    border: 0 solid transparent;
    padding: 15px;
    float: right;
}

.produto img {
    border-radius: 3px 0 0 3px;
    border: 0 solid transparent;
    outline: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: table;
    width: 200px;
}

.produto figcaption {
    display: block;
    position: absolute;
    color: #fff;
    font-weight: 600;
    margin-top: -45px;
    text-align: center;
    height: 45px;
    width: 200px;
    padding: 10px;
    border-radius: 0 0 0 3px;
    background-color: #009A57;
    overflow: hidden;
    opacity: 0;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.produto:hover figcaption {
    opacity: 10;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.descricaoProduto {
    border: 0 solid #c00;
    color: #444;
    display: table;
    float: left;
    padding: 15px;
    overflow: hidden !important;
    height: 200px;
    width: 378px;
}

.produto h1 {
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 21px;
    margin-bottom: 0;
    font-family: 'Arial';
    border: 0 solid #000;
}

.tituloUmaLinha {
    height: 25px;
}

.corpoUmaLinha {
    height: 100px;
}

.tituloDuasLinhas {
    height: 50px;
}

.corpoDuasLinhas {
    height: 75px;
}

.produto h2 {
    border: 0 solid #000;
    display: table;
    margin-right: 100px;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 14px;
    margin-top: 0;
    display: table;
    padding: 0;
    font-weight: 400;
    border: 0 solid #000;
}

/**********/
.produtoMini {
    background-color: #fff;
    box-shadow: 0 0 2px #b8b8b8;
    line-height: 1.5em;
    display: table;
    margin: 15px 0;
    width: 100%;
    height: auto;
    border-radius: 3px;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    position: relative !important;
    cursor: pointer;
}

.produtoMini:hover {
    box-shadow: 0 0 12px #999;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.produtoMini:hover .botaoPedir {
    box-shadow: 3px 3px 5px #888;
}

.produtoMini:hover .pedirOnline {
    border-left: 45px solid;
}

hgroup.descricaoProdutoMini {
    border: 0 solid transparent;
    padding: 15px;
    float: right;
}

.descricaoProdutoMini {
    border: 0 solid #c00;
    color: #444;
    display: table;
    float: left;
    padding: 15px;
    overflow: hidden !important;
    height: auto;
    width: 100%;
}

.produtoMini h1 {
    display: table;
    margin: 0;
    padding: 0;
    width: 400px;
    font-size: 21px;
    margin-bottom: 0;
    font-family: 'Arial';
    border: 0px solid #000;
}

.produtoMini h2 {
    border: 0 solid #000;
    display: table;
    margin-right: 100px;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 14px;
    margin-top: 5px;
    display: table;
    padding: 0;
    font-weight: 400;
    border: 0 solid #000;
}

.botaoPedirMini {
    position: absolute;
    right: 10px;
    top: 0;
    padding: 5px;
}

.botaoPedirMini {
    color: #34a203;
}

.botaoPedirMini spam:nth-child(1) {
    margin-left: 5px;
    display: table;
    float: left;
    font-weight: 600;
}

.botaoPedirMini spam:nth-child(2) {
    margin-left: 5px;
    display: table;
    float: left;
    font-weight: 600;
}

/**********/
.botaoPedir {
    border-radius: 3px;
    width: 100%;
    height: 45px;
    background-color: #7d7d7d;
    padding: 0;
    margin: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.botaoPedir h2 {
    margin: 0;
    padding: 0;
    line-height: normal;
    height: 45px !important;
    display: table;
}

.pedirOnline {
    color: #fff;
    text-align: center;
    border-radius: 3px;
    float: left;
    height: 45px;
    font-weight: 400;
    border-left: 30px solid transparent;
    padding: 12px 20px 0 15px;
    margin: 0;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.botaoPedir:hover .pedirOnline {
    border-left: 45px solid;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.valorPedir {
    color: #fff;
    display: table;
    float: right;
    text-align: center;
    font-size: 21px;
    height: 55px;
    padding: 8px 20px 0 15px;
    font-weight: 400;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.pedirOnline:after {
    content: "";
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 25px solid;
    top: -6px;
    left: 45px;
    z-index: 1;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.a10 {
    display: table;
    width: 100%;
    height: 10px;
}

.pizza {
    box-shadow: 0 0 3px #fbfbfb;
     box-shadow: inset 0px 1px 5px #000;
    height: 300px;
    display: table;
    margin-bottom: 20px;
    border-radius: 3px;
    background-position: center top;
    background-size: 100% 400px;
    background-image: url('//3.bp.blogspot.com/-k3-gRMtFqSM/Vp-RSnq92iI/AAAAAAAAAWw/tX4zpAjJZ88/s1600/bgAdmin-1');
}

.pizza .botao {
    margin-top: 200px;
    font-size: 26px;
    font-weight: 500;
    display: block;
    text-align: center;
    background-color: #ccc;
    font-family: 'Oswald',sans-serif;
    color: #fff;
    text-shadow: 0 3px 4px #555;
    font-style: italic;
    border-radius: 0px 0px 3px 3px;
    padding: 13px 15px 15px;
   
    text-decoration: none;
    cursor: pointer;
    background: #00c972;
    background: -moz-linear-gradient(top,#00c972 0%,#009a57 100%);
    background: -webkit-linear-gradient(top,#00c972 0%,#009a57 100%);
    background: linear-gradient(to bottom,#00c972 0%,#009a57 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c972',endColorstr='#009a57',GradientType=0);
}

.pizza .botao:hover,.pizza .botao:active {
    background: #009a57;
    background: -moz-linear-gradient(top,#009a57 0%,#00c972 100%);
    background: -webkit-linear-gradient(top,#009a57 0%,#00c972 100%);
    background: linear-gradient(to bottom,#009a57 0%,#00c972 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009a57',endColorstr='#00c972',GradientType=0);
}
.pizza .topo{
    padding: 13px 15px 15px;
    position: relative;
    z-index: 1;
    color: #fff;
    line-height: normal;
    height: 50px;
    width: 580px;
    border-radius: 3px 3px 0px 0px;
    margin: 0;
    display: table;
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: 96% 50%;
    background-image: url(//onpedido.com.br/static/img/pizza-icon-branco.png);
}

.categoriaProdutoAtiva, .subCategoriaProdutoAtiva{
    cursor: pointer;
    margin-top: 10px!important;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 97% 50%;
    background-image: url(https://onpedido.com.br/static/img/menos.svg)!important;
}
.categoriaProdutoInativa, .subCategoriaProdutoInativa{
    cursor: pointer;
    margin-top: 10px!important;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 97% 50%;
    background-image: url(https://onpedido.com.br/static/img/mais.svg)!important;
}
.categoriaProduto {
    padding: 13px 15px 15px;
    position: relative;
    z-index: 1;
    color: #fff;
    line-height: normal;
    height: 50px;
    width: 580px;
    box-shadow: 0 0 3px #fbfbfb;
    border-radius: 3px;
    margin: 0;
    display: table;
    background-size: 30px;
}

.categoriaProduto h1, .pizza .topo h1 {
    line-height: normal !important;
    font-weight: 600 !important;
    overflow: hidden !important;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 20px !important;
    display: table;
    font-size: 22px;
    font-family: 'Arial';
    letter-spacing: 0;
    text-shadow: 1px 1px 1px #000;
}

.categoriaProduto font,
.pizza .topo font{
    color: #fff;
    font-size: 14px;
    text-shadow: 1px 1px 1px #000;
    font-family: 'Open Sans',sans-serif;
    font-weight: 500;
}

.subCategoriaProduto {
    padding: 15px;
    position: relative;
    background-color: #7d7d7d;
    z-index: 1;
    color: #fff;
    line-height: normal;
    width: 580px;
    box-shadow: 0 0 3px #fbfbfb;
    border-radius: 3px;
    margin-top: 15px;
    display: table;
    background-size: 30px;
}

.subCategoriaProduto h1 {
    line-height: normal !important;
    overflow: hidden !important;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 20px !important;
    display: table;
    font-size: 22px;
    font-family: 'Arial';
    letter-spacing: 0;
    font-weight: 400;
    text-shadow: 1px 1px 1px #000;
}

.subCategoriaProduto font {
    color: #fff;
    font-size: 14px;
    text-shadow: 1px 1px 1px #000;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

/****************************/
/**** Carrinho de Pedidos ***/
/****************************/
.boxCarrinho {
    display: table;
}

.carrinho {
    top: 0;
    margin: 0;

    padding: 0;
    display: table;
    width: 350px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #b8b8b8;
    border-top: 5px solid;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: 5px solid;
}

.carrinho:hover {
    box-shadow: 0 0 12px #999;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.boxCarrinho {
    padding: 10px 0 0;
    display: table;
}

.iconePedido {
    float: left;
    background-image: url(//onpedido.com.br/static/img/iconePedido2x.png);
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: 100% 100%;
    width: 45px;
    height: 35px;
    margin: 8px 0 5px 10px;
}

h1.tituloCarrinho {
    width: auto;
    height: 50px;
    overflow: hidden !important;
    background-color: #fff;
    display: table;
    font-size: 21px;
    letter-spacing: .7px;
    margin: 0;
    border-radius: 3px 3px 0 0;
    padding: 10px 15px 13px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

.buttonEnviarPedido,.buttonEnviarPedido:visited {
    width: 100%;
    outline: none;
    color: #fff;
    padding: 12px!important;
    display: table;
    height: 50px;
    background-color: #009A57;
    border: 0 solid transparent;
    border-radius: 0;
    text-align: center;
    font-size: 18px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    cursor: pointer;
    outline: none;
    background-image: url(//onpedido.com.br/static/img/preto30.png);
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: 100% 5px;
    transition: none !important;
}

.buttonEnviarPedido:hover {
    background-size: 100% 5px;
    background-image: url(//onpedido.com.br/static/img/preto5.png),url(//onpedido.com.br/static/img/preto30.png);
    background-repeat: repeat,repeat-x;
    background-position: top,bottom;
    transition: none !important;
}

.buttonEnviarPedido:active {
    padding-top: 14px;
    padding-bottom: 8px;
    background-size: 100% 5px;
    background-image: url(//onpedido.com.br/static/img/branco30.png);
    background-repeat: repeat-x;
    background-position: top;
    transition: none !important;
}

h2.tituloItensPedido {
    margin: 0;
    display: table;
    width: 100%;
    height: 48px;
    border-bottom: 5px solid;
}

h2.tituloItensPedido spam:first-child {
    padding: 12px 0 12px 15px;
    float: left;
    border: 0 solid #000;
}

h2.tituloItensPedido spam:last-child {
    width: 35px;
    height: 35px;
    display: table;
    float: right;
    margin: 5px 5px 0 0;
    background-image: url(//onpedido.com.br/static/img/setas.png);
    background-position: left top;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

h3.tituloProdutoPedido {
    height: 40px;
    width: 100%;
    border-top: 3px solid transparent;
    border-radius: 3px 3px 0 0;
    padding: 10px;
    padding-top: 5px;
    margin: 0;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    z-index: 555;
    box-shadow: 0 2px 5px #999;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    background-image: url(//onpedido.com.br/static/img/preto30.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 5px;
    display: table;
}

h3.tituloProdutoPedido spam {
    float: right;
    border: 0;
    border-radius: 100%;
    color: #fff;
    padding: 0;
    height: 25px;
    width: 25px;
    border: 0 solid #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 22px;
    cursor: pointer;
    outline: none;
    border: 2px solid #fff;
    background-repeat: no-repeat;
    background-size: 29px;
    background-position: -4px -4px;
    background-image: url(//onpedido.com.br/static/img/fechar.svg);
}

h3.tituloProdutoPedido spam:hover {
    box-shadow: 2px 2px 3px #333;
}

.carrinhoDelete {
    margin-top: -23px;
}

#grupoPedidos {
    display: table;
    width: 100%;
    padding: 0;
    border: 0 solid #000;
}

.comBarra {
    width: 330px !important;
}

#grupoPedidos aside {
    margin: 10px;
}

.opcionaisPedido {
    margin: 0;
    margin-left: 0;
    display: table;
    padding: 0;
    width: 100%;
    border-left: 1px solid #ccc;
}

.opcionaisPedido ul {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: 'Arial';
    list-style-position: inside;
}

.opcionaisPedido ul {
    margin: 0;
    background-color: #fff;
    color: #555;
    display: table;
    border-right: 0 solid #fff;
}

.opcionaisPedido ul li {
    padding: 0 0 0 5px;
    width: 100%;
    margin: 0;
    height: 24px !important;
    display: table;
    overflow: hidden !important;
    box-shadow: inset -1px 0 0 #ccc;
    background-image: url(//onpedido.com.br/static/img/preto5.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.opcionaisPedido ul li b {
    font-size: 12.5px;
    font-family: 'Open Sans';
    font-weight: 50;
    border: 0 solid #ccc;
    line-height: 22px;
}

.opcionaisPedido ul li:hover {
    background-color: #ddd;
    color: #333;
    text-shadow: 0 0 1px #fff;
}

.opcionaisPedido ul li:hover spam:before {
    content: "";
    border-left: 14px solid #ddd;
}

.opcionaisPedido ul li:last-child {
    border-top: 0 solid #fff;
    border-bottom: 1px solid #333;
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 100% 3px;
    background-image: url(//onpedido.com.br/static/img/bgGradiente.png);
}


.opcionaisPedido ul li:first-child {
    border-top: 0 solid #fff;
    background-image: url(//onpedido.com.br/static/img/preto5.png);
    background-position: center bottom;
    background-repeat: repeat-x;
}

.opcionaisPedido ul li:last-child {
    border-bottom: 0 solid #f3f3f3;
}

.opcionaisPedido ul li b {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table;
    padding: 1px 0 0;
    float: left;
    text-shadow: 1px 1px 1px #fff;
}

.opcionaisPedido ul li spam {
    float: right;
    height: 26px;
    padding: 5px;
    color: #fff;
    width: 90px;
    margin: 0;
    margin-right: 0;
    font-family: 'Arial';
    font-weight: 500;
    font-size: 12px;
    text-shadow: 1px 1px 1px #333;
    background-color: #777;
    background-image: url(//onpedido.com.br/static/img/preto10.png);
    background-position: center bottom;
    background-repeat: repeat-x;
}

.opcionaisPedido ul li spam:first-child {
    z-index: -555;
    box-shadow: -10px 10px 10px #000;
}

.opcionaisPedido ul li spam:before {
    content: "";
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    margin: -7px 7px 0 -5px !important;
    left: 0;
    top: -4px;
    position: relative;
    z-index: 5;
    line-height: 0;
    font-size: 0;
    font-style: none;
}

.observacoesProdutoPedido {
    width: 100%;
    margin: 0;
    padding: 10px;
    display: table;
    background-color: #f3f3f3;
    text-shadow: 1px 1px 1px #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.observacoesProdutoPedido h4 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: 400;
}

.observacoesProdutoPedido p {
    margin: 0;
    font-size: 12px;
    margin-top: 1px;
    line-height: 1.3em;
    font-family: 'Open Sans';
    font-weight: 400;
    color: #333;
}

.rodapeProdutoPedido {
    width: 100%;
    margin: 0;
    height: 45px;
    background-color: #7d7d7d;
    border-bottom: 5px solid #444;

    border-radius: 0 0 3px 3px;
}

#itensPedido {
    width: 100%;
    overflow: hidden;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f3f3f3 43%,#ededed 55%,#fff 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(43%,#f3f3f3),color-stop(55%,#ededed),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,#fff 0%,#f3f3f3 43%,#ededed 55%,#fff 100%);
    background: -o-linear-gradient(top,#fff 0%,#f3f3f3 43%,#ededed 55%,#fff 100%);
    background: -ms-linear-gradient(top,#fff 0%,#f3f3f3 43%,#ededed 55%,#fff 100%);
    background: linear-gradient(to bottom,#fff 0%,#f3f3f3 43%,#ededed 55%,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0);
}

#grupoCategoriasCarrinho {
    overflow: hidden;
}

ul.selectem-items {
    overflow: hidden !important;
}

.rodapeProdutoPedidoEsquerdo {
    float: left;
}

.rodapeProdutoPedidoDireito {
    float: right;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    padding: 10px 10px 10px 0;
}

.rodapeProdutoPedidoDireito spam {
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    font-weight: 400;
    font-size: 14px;
}

.btSomar,.btSubtrair {
    float: left;
    border: 0;
    border-radius: 100%;
    color: #fff;
    padding: 0;
    height: 25px;
    width: 25px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 22px;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
    margin: 7px 10px 10px;
    background-size: 33px;
    background-position: -4px -4px;
}

.btSomar {
    background-image: url(//onpedido.com.br/static/img/mais.svg);
}

.btSubtrair {
    background-image: url(//onpedido.com.br/static/img/menos.svg);
}

.btSomar:hover,.btSubtrair:hover {
    box-shadow: 2px 2px 3px #333;
}

.btSomar:active,.btSubtrair:active {
    box-shadow: -2px -2px 3px #999;
}

.boxQtd {
    min-width: 25px;
    height: 25px;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: 700;
    padding: 1px 5px;
    margin: 8px 0 0;
    border: 0 solid #fff;
    background-color: #444;
}

.acaoPedido {
    border-top: 1px solid #444;
}

.acaoPedido spam {
    background-color: #777;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    padding: 7px 10px 10px;
    display: table;
    width: 340px;
    height: 35px;
}

.acaoPedidoSeta {
    width: 20px;
    height: 27px;
    display: table;
    float: right;
    margin: -2px 5px 0 0;
    background-image: url(//onpedido.com.br/static/img/setas.png);
    background-position: 27px -5px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.acaoPedidoOptions {
    width: 340px;
    padding: 7px;
    height: 55px;
    background-color: #b8b8b8;
}

.acaoPedidoOptions input[type="radio"],
.acaoPedidoOptions input[type="checkbox"] {
    display: none;
}

.acaoPedidoOptions label {
    display: inline-block;
    padding: 10px;
    font-family: Arial;
    font-size: 16px;
    border-radius: 3px;
    cursor: pointer;
    width: 158px;
    text-align: center;
    background-color: #ddd !important;
    color: #777;
}

.acaoPedidoOptions label:last-child {
    float: right;
}

.acaoPedidoOptions label:first-child {
    margin-right: 20px;
}

#valores {
    border-top: 5px solid;
}

#itensPedido {

    -moz-box-shadow: inset 1px 1px 2px #b8b8b8;
    -webkit-box-shadow: inset 1px 1px 2px #b8b8b8;
    box-shadow: inset 1px 1px 2px #b8b8b8;
}

.acaoPedidoOptions input[type="radio"]:checked + label,
.acaoPedidoOptions input[type="checkbox"]:checked + label{
    color: #fff;
    padding: 10px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 7px 6px;
    background-image: url(//onpedido.com.br/static/img/checado.png);
}

.boxRodapeCarrinho spam {
    width: 340px;
    height: 20px;
    border-bottom: 1px solid #b8b8b8;
    display: table;
    background-color: #ddd;
    padding: 0;
    display: table;
}

.boxRodapeCarrinho spam:last-child {
    border-bottom: 0 solid;
}

p.boxRodapeCarrinhoTitulo {
    float: left;
    display: table;
    margin: 0;
    color: #fff;
    padding: 7px;
    padding-top: 11px;
    padding-bottom: 0;
    height: 37px;
    padding-left: 10px;
    width: 130px;
    font-size: 14px;
    text-shadow: 1px 1px 1px #333;
    background-color: #777;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    height: 41px;
}

p.valorPedido b {
    font-weight: 600;
}

p.valorPedido font {
    font-weight: 600;
    font-family: 'Open Sans',sans-serif;
    margin-right: 3px;
}

p.valorPedido {
    float: left;
    display: table;
    margin: 0;
    color: #333;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0;
    width: 210px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    text-shadow: 1px 1px 1px #fff;
    height: 41px;
}

p.totalPedido {
    background-color: #009A57;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    height: 41px;
}

p.totalValor {
    font-size: 18px;
    padding: 5px;
    height: 40px;
    padding-left: 10px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

/* CSS rules */
#categoriasCarrinho {
    display: table;
}

.selectem_label {
    padding-left: 70px !important;
    background-color: transparent !important;
}

.selectem {
    width: 340px;
    position: absolute !important;
    z-index: 50;
    height: 50px;
    padding: 0 !important;
    margin-top: -2px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
}

ul.selectem-items {
    width: 330px;
}

.selectem_label {
    border-radius: 0;
    border: 0 solid !important;
    margin-top: 5px;
    display: table;
    width: 340px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
}

.selectem_dropdown {
    background-color: #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
}

.iconeCardapio {
    width: 47px;
    height: 47px;
    display: table;
    float: right;
    background-image: url(//onpedido.com.br/static/img/iconeCardapio.png);
    background-position: center top;
    background-size: 50px 55px;
    margin-left: 10px;
    margin-top: -5px;
}

/*** FOOTER ***/

footer {
    width: 100%;
    display: table !important;
    background-color: #ccc;
    border-top: 5px solid;
    box-shadow: 0 -5px 5px #ccc;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(47%,#f6f6f6),color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: -o-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: -ms-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(to bottom,#fff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0);
}

.itemFooter {
    width: 220px;
    float: left;
    margin-left: 26px;
    display: table;
    border: 0 solid #ccc;
    font-size: 14px;
    margin-bottom: 20px;
}

.itemFooter:first-child {
    margin-left: 0;
}

.itemFooter h1 {
    font-size: 19px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    text-shadow: 1px 1px 1px #fff;
    margin: 15px 0 10px;
    font-weight: 400;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

.itemFooter ul {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #333;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

.itemFooter ul li {
    text-shadow: 1px 1px 1px #fff;
    margin: 5px 0 0;
    margin-left: 3px;
    background: url(//onpedido.com.br/static/img/seta.png) 0 50% no-repeat;
    list-style-type: none;
    padding-left: 12px;
}

.itemFooter ul a,.itemFooter ul a:active,.itemFooter ul a:visited {
    color: #333;
    text-decoration: none;
    outline: none;
}

.rodape {
    color: #fff;
    text-align: center;
    line-height: .5em;
    font-size: 14px;
    font-style: normal;
    margin: 0;
    padding: 10px 0;
}

address {
    font-style: normal !important;
}

.enderecoFooter {
    display: table;
    width: 960px;
    position: absolute;
    left: 50%;
    margin-left: -460px;
    border: 0 solid #000;
    font-weight: 400;
}

.selos {
    width: auto;
    float: left;
    margin: 0;
    border: 0 solid #000;
}

.selos img {
    height: 40px;
    margin-top: 5px;
    border: 0;
    outline: none;
    margin-left: 10px;
}

figure.logoOnpedido {
    float: right;
    display: table;
    margin: 0;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    z-index: 555;
}

figure.logoOnpedido a img {
    height: 30px !important;
    display: table;
    margin-top: 10px;
}

#corpoCadastro {
    display: table;
    width: 100%;
    padding: 15px;
    margin-top: 15px !important;
}

.textoCadastro {
    margin: 0 auto;
    margin-top: -15px;
    margin-bottom: 15px;
    width: 290px;
    display: table;
    text-align: center;
    border: 0 solid #000;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    text-shadow: 1px 1px 1px #fff;
}

.iconeAtendimento {
    width: 130px;
    margin-right: 15px;
    height: 130px;
    margin-right: 0;
    margin-left: 15px;
    float: right;
    margin-top: 0;
    margin-bottom: 10px;
    border: 5px solid #fff;
    box-shadow: 0 0 2px #ccc;
    background-repeat: no-repeat;
    background-position: 70% 20%;
    background-size: 120%;
    border-radius: 3px;
    background-image: url(//onpedido.com.br/static/img/iconPessoaTelefone.jpg);
}

.recuperarCadastroTexto {
    width: 100%;
    margin-top: 25px;
}

.recuperarCadastroTexto p {
    text-align: left;
    display: table;
    font-size: 14px;
    border-radius: 3px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 20px;
    color: #555;
}

.recuperarCadastroTexto font {
    text-align: center !important;
}
.corpoRecuperarCadastro {
    padding: 0px 10px 10px 10px;
}
.inputCadastro {
    margin: 0 0 15px;
    width: 100%;
    padding: 12px;
    padding-left: 55px;
    display: table;
    color: #333;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 18px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 12px 10px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.inputCadastro:focus {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.telefoneCadastro {
    background-image: url(//onpedido.com.br/static/img/telefoneBalao.svg);
}

.nomeCadastro {
    background-image: url(//onpedido.com.br/static/img/pessoa.svg);
}

.emailCadastro {
    background-image: url(//onpedido.com.br/static/img/email.svg);
}

.senhaCadastro {
    background-image: url(//onpedido.com.br/static/img/cadeado.svg);
}

.confirmeSenhaCadastro {
    background-image: url(//onpedido.com.br/static/img/cadeadoConfirma.svg);
}

.botaoConfirmarCadastro {
    margin: 5px 15px 15px 0;
    width: 100%;
    padding: 10px 10px 15px;
    font-size: 21px;
    color: #fff;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    background-image: url(//onpedido.com.br/static/img/preto30.png);
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: 100% 5px;
}

.botaoConfirmarCadastro:hover {
    border-radius: 3px;
    background-image: url(//onpedido.com.br/static/img/preto5.png),url(//onpedido.com.br/static/img/preto30.png);
    background-repeat: repeat,repeat-x;
    background-position: bottom;
}

.botaoConfirmarCadastro:active {
    padding: 15px 10px 10px;
    background-image: url(//onpedido.com.br/static/img/preto30.png);
    background-repeat: repeat-x;
    background-position: top;
    background-size: 100% 5px;
    box-shadow: none;
}

.botaoCadastroBrancoUm {
    margin: 0;
    width: 100%;
    padding: 7px 5px;
    font-size: 16px;
    border: 0;
    display: table;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
    outline: none;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #eee;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    background-color: #fff;
    box-shadow: 5px 5px 10px silver;
}

.botaoCadastroBrancoUm:hover {
    background-color: #fcfcfc;
}

.botaoCadastroBrancoUm:active {
    padding: 9px 5px 5px;
    border-right: 1px solid #ddd;
    background-size: 100% 5px;
    box-shadow: none;
}

.botaoCadastroBrancoDois {
    margin: 0;
    width: 100%;
    padding: 7px 5px 12px;
    font-size: 16px;
    border: 0;
    border-left: 1px solid #ddd;
    border-radius: 0 0 10px 10px;
    cursor: pointer;
    outline: none;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    background-color: #fff;
    background-image: url(//onpedido.com.br/static/img/preto30.png);
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: 100% 5px;
    box-shadow: 5px 4px 7px silver;
}

.botaoCadastroBrancoDois:hover {
    background-color: #fcfcfc;
}

.botaoCadastroBrancoDois:active {
    padding: 10px 5px 5px;
    background-image: url(//onpedido.com.br/static/img/preto30.png);
    background-repeat: repeat-x;
    background-position: top;
    background-size: 100% 5px;
    box-shadow: none;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.ouBotaoCadastro {
    width: 100%;
    text-align: center;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0 solid transparent;
    display: table;
}

.ouBotaoCadastro font {
    float: left;
    display: table;
    text-align: center;


    margin: 0 auto;
    border: 0 solid #000;
    display: table;
    width: 20%;
}

.ouBotaoCadastro b {
    width: 40%;
    height: 5px;
    margin-top: 12px;
    float: left;
    border-radius: 20px;
    background-color: #ccc;
}

.ouBotaoCadastro b:last-of-type {
    float: right;
}

.avisoAlertaCompacto {
    width: 100%;

    height: 125px;
    color: #fff;
    padding: 10px;
    display: none;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

.avisoTituloCompacto {
    font-size: 18px;
    width: 270px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #fff;
}

.avisoTextoCompacto {
    font-size: 14px;
}

.avisoTextoCompacto a:link,.avisoTextoCompacto a:active,.avisoTextoCompacto a:visited {
    color: #fff;
    text-decoration: underline;
}

.avisoTextoCompacto a:hover {
    color: #ccc;
}
.recuperarCadastroCorpo {
    margin-top: -15px!important;
    padding-top: 0px!important;
}
#sucessoCadastro {
    display: none;
}

.emblemaEmail {
    display: table;
    width: 200px;
    height: 150px;
    margin: 0 auto;
    margin-bottom: 30px;
    border-radius: 3px;
    box-shadow: 0 0 5px #b8b8b8;
    background-image: url(//onpedido.com.br/static/img/email.png);
    background-repeat: repeat-x;
    background-position: top;
    background-size: 100%;
}

.textoCadastroSucesso {
    width: 250px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    text-shadow: 1px 1px 1px #fff;
}

.carrinhoVazio {
    width: 200px;
    text-align: center;
    text-shadow: 1px 1px 1px #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    margin: 0 auto;
    margin-top: 40px;
    height: 220px;
    border: 0 solid #000;
}

.iconeCarrinhoVazio {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 100%;
    margin-bottom: 10px;
    background-image: url(//onpedido.com.br/static/img/pedidoVazio.svg);
    background-size: 70px;
    background-position: center 22px;

    border: 5px solid #fff;
    box-shadow: 3px 3px 3px #888;
    background-repeat: no-repeat;
}

.carrinhoVazio font {
    font-size: 24px;
}

.carrinhoVazio p {
    margin-top: 10px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

.carrinhoCarregando {
    width: 200px;
    text-align: center;
    text-shadow: 1px 1px 1px #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    margin: 0 auto;
    margin-top: 40px;
    height: 220px;
    border: 0 solid #000;
}

.iconeCarrinhoCarregando {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 100%;
    margin-bottom: 10px;
    background-image: url(//onpedido.com.br/static/img/loaderAddCarrinho.gif);
    background-size: 70px;
    background-position: center 50%;
    border: 5px solid #fff;
    box-shadow: 3px 3px 3px #888;
    background-repeat: no-repeat;
}

.iconeCarrinhoAguardando {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 100%;
    margin-bottom: 10px;
    background-image: url(//onpedido.com.br/static/img/pedidoEscrita.svg);
    background-size: 65px;
    background-position: 28px 24px;
    border: 5px solid #fff;
    box-shadow: 3px 3px 3px #888;
    background-repeat: no-repeat;
}

.carrinhoCarregando font {
    font-size: 24px;
}

.carrinhoCarregando p {
    margin: 0;
    margin-top: 10px;
}

#loaderProduto {
    display: none;
}

.boxInformativo {
    text-shadow: 1px 1px 1px #fff;
    background-color: #fff;
    color: #333;
    border-radius: 3px;
    height: auto;
    margin: 0;
    margin-top: -15px;
    display: table;
    width: 430px;
    height: 550px;
}

.boxInformativo h1 {
    font-size: 21px;
    width: 100%;
    height: 70px;
    padding: 15px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 18px;
    font-weight: 400;
    font-family: 'Open Sans',sans-serif;
    border-radius: 3px 3px 0px 0px;
    border-bottom: 5px solid;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(47%,#f6f6f6),color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: -o-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: -ms-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(to bottom,#fff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0);
}

.corpoBoxInformativo {
    margin: 15px;
}

.scrollBoxInformativo {
    height: 345px !important;
    width: 400px;
    box-shadow: inset 0 0 3px 3px #ccc;
    border-radius: 3px;
}

.scrollBoxInformativo table {
    width: 100%;
    border: 0 solid #000 !important;
    border-spacing: 0;
    font-weight: 400;
}

.scrollBoxInformativo table tr {
    border: 0 !important;
}

.scrollBoxInformativo table img {
    width: 50px;
    margin: 5px;
    margin-right: 10px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.scrollBoxInformativo table font {
    margin-top: 8px;
    float: left;
    font-weight: 600;
}

.scrollBoxInformativo table td {
    padding: 3px;
    padding-left: 10px;
    border: 0 !important;
}

.scrollBoxInformativo table tr:nth-child(2n+1) {
    background-image: url(//onpedido.com.br/static/img/preto5.png);
    border: 0 !important;
}

.scrollBoxInformativo table tr td:first-child {
    font-weight: 400;
}

.boxPagina {
    text-shadow: 1px 1px 1px #fff;
    background-color: #fff;
    color: #333;
    border-radius: 3px;
}

.boxPagina h1 {
    font-size: 32px;
    margin: 0;
    padding: 20px;
    padding-bottom: 20px;
    font-weight: 400;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    position: fixed;
    width: 100%;
    border-radius: 3px 3px 0 0;
    border-bottom: 5px solid #9A2529;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(47%,#f6f6f6),color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: -o-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: -ms-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(to bottom,#fff 0%,#f6f6f6 47%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0);
}

.boxPagina h2 {
    font-size: 15px;
    margin: 0;
    padding: 20px;
    padding-top: 55px;
    line-height: 1.6;
    font-weight: 400;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

.boxPagina font {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-weight: 700;
    display: table;
    padding-top: 20px;
    padding-bottom: 15px;
    font-size: 16px;
    margin: 0;
}

.selectAtivarCadastro {
    width: 100%;
    font-size: 18px;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 10px;
    color: #0b0b0b;
    font-weight: 400;
    font-family: 'Open Sans',sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: ;
    background: url(//onpedido.com.br/static/img/setaBaixo.png) 95% 50% no-repeat;
}

.iconeOk {
    width: 55px;
    height: 55px;
    border: 2px solid #fff;
    float: left;
    margin-top: -5px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center 50%;
    margin-right: 20px;
    background-image: url(//onpedido.com.br/static/img/checadoBranco.png);
    background-size: 36px 36px;
}

.inputBoxPagina {
    outline: none;
    width: 100%;
    padding: 10px;
    font-size: 18px;
    color: #333 !important;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

h1.fontPagina {
    font-size: 21px;
    padding: 15px;
}

.botaoPagina,.botaoPagina:visited {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    border: 0 solid #fff;
    padding: 10px 0 12px;
    width: 100%;
    text-align: center;
    margin-top: 15px;
    background-color: #fff;
    text-shadow: 1px 1px 1px #000;
    cursor: pointer;
    outline: none;
    background-image: url(//onpedido.com.br/static/img/preto30.png);
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: 100% 5px;
    height: 50px;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
}

.botaoPagina:hover {
    padding: 12px 0 10px;
    background-image: url(//onpedido.com.br/static/img/preto30.png);
    background-repeat: repeat-x;
    background-position: top;
    background-size: 100% 5px;
}

.botaoPagina:active {
    -moz-box-shadow: inset 0 0 3px #000;
    -webkit-box-shadow: inset 0 0 3px #000;
    box-shadow: inset 0 0 3px #000;
}

.boxPagina h1 font {
    float: right;
    margin: 0;
    padding: 0;
    padding-top: 7px;
    margin-left: 10px;
    margin-top: -5px;
    text-align: center;
    height: 40px;
    width: 40px;
    display: table;
    border-radius: 100%;
    background-color: #fff;
    border: 2px solid;
}

.boxPagina h1 font.passoAtivo {
    color: #fff !important;
    border: 2px solid #fff;
    text-shadow: 1px 1px 1px #000;
}

.doisInputLine {
    width: 48%;
    float: left;
}

.doisInputLine-second {
    width: 48%;
    float: right;
}


.avisoCardapio {
    padding: 10px;
    padding-top: 15px;
    display: table;
    background-color: #fff !important;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    box-shadow: 1px 1px 2px #b8b8b8;
}

.iconeErro {
    width: 33px;
    height: 33px;
    float: left;
    margin-top: -5px;
    margin-right: 20px;
    border-radius: 3px;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center 50%;
    background-image: url(//onpedido.com.br/static/img/erroIcone.png);
}

.icon {
    width: 32px;
    height: 32px;
    margin-top: 0;
    margin-bottom: -30px;
    margin-left: -5px;
    margin-right: 10px;
    float: left;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.iconEntrar {
    background-image: url(//onpedido.com.br/static/img/entrarBranco.png);
}

.iconCadastrar {
    margin-top: -2px;
    margin-bottom: -5px;
    margin-left: 0;
    margin-right: 7px;
    background-image: url(//onpedido.com.br/static/img/cadastroBranco.png);
}

.espaco {
    height: 395px;
    padding-top: 30px;
}

input.inputDados {
    width: 100%;
    border: 0;
    padding: 10px;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    border-radius: 0 0 3px 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: .01px;
    background-position: 420px 8px;
    background-repeat: no-repeat;
    background-size: 25px;
    background-image: url(//onpedido.com.br/static/img/editar.png);
}

.btDadosCliente {
    width: 100%;
    border: 0;
    padding: 10px;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    border-radius: 0 0 3px 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    background-color: #009a57;
    background-position: 420px 8px;
    background-repeat: no-repeat;
    background-size: 25px;
    background-image: url(//onpedido.com.br/static/img/editarBranco.png);
}

.btDadosCliente:hover {
    background-image: url(//onpedido.com.br/static/img/editarBranco.png),url(//onpedido.com.br/static/img/preto10.png);
    background-repeat: no-repeat,repeat;
}

.botoesAcao {
    width: 100%;
    display: table;
    clear: both;
    padding-left: 30px;
    padding-right: 15px;
}


.botoesAcao font {
    clear: both;
    float: left;
    width: 100%;
    font-weight: 600;
    color: #333;
    padding-bottom: 15px;
}

.btEditarEndereco,.btExcluirEndereco {
    width: 50%;
    display: table;
    float: left;
    border: 0;
    padding: 15px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.btEditarEndereco:hover,.btExcluirEndereco:hover {
    background-image: url(//onpedido.com.br/static/img/preto10.png);
}

.btEditarEndereco {
    background-color: #009a57;
    border-radius: 3px 0 0 3px;
}

.btExcluirEndereco {
    border-radius: 0 3px 3px 0;
    background-color: #9A2529;
}

.tresNaLinha {
    width: 290px !important;
}

.tresNaLinha input {
    background-position: 95% 50% !important;
}

.mapaMeusDados {
    background: #fff;
    background-repeat: no-repeat;
    margin-top: -30px;
    margin-bottom: 24px;
    background-position: center -230px;
    background-size: 960px;
    box-shadow: inset 0 0 5px #777;
    height: 392px;
}

.floatBotoesMapa {
    position: absolute;
    margin-top: -215px;
}

.mapaMeusDados img {
    width: 960px;
    height: auto;
}

/**********  AVALIAR PEDIDO **********/
#exibirEstrelas {
    width: 190px;
    float: right;
    color: #fff;
    text-shadow: none;
    font-weight: 600;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
}

#exibirNota {
    background-color: #f4f0f5;
    margin-top: 10px;
    font-size: 14px;
    padding: 10px;
    border-radius: 3px;
    font-weight: 400;
}

#exibirNota b {
    font-weight: 600;
}

.avaliarPedidoTexto {
    width: 100%;
    border: 1px solid #ccc;
    display: block;
    border-radius: 3px;
    height: 100px;
    padding: 10px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #333;
}

.fullBanner {
    width: 100%;
    height: 320px;
    border: 1px solid #333;
    overflow: hidden;
    display: table;
    background-color: #000;
}

.blocoBanner {
    position: absolute;
    left: 50%;
    margin-left: -480px;
    z-index: 2;
    width: 960px;
    display: table;
    font-family: 'Oswald',sans-serif;
    font-weight: 400;
}

.blocoBanner img {
    border-radius: 100%;
    width: 230px;
    border: 10px solid #FDC101;
    box-shadow: 0 0 10px;
    position: absolute;
    top: 45px;
    z-index: 3;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.blocoBanner:hover > img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.blurBanner {
    width: 100%;
    height: 320px;
    background-size: cover;
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -ms-filter: blur(4px);
    -o-filter: blur(4px);
    filter: blur(4px);
    background-position: center;
    z-index: 0;
    display: table;
    overflow: hidden;
}

.tituloBanner {
    width: 850px;
    left: 110px;
    height: 80px;
    position: absolute;
    background-color: #D52B1E;
    border-radius: 5px;
    margin-top: 55px;
    z-index: 2;
    font-weight: 400;
    
    background-image: url(//onpedido.com.br/static/img/preto30.png),url(//onpedido.com.br/static/img/pontoVermelho.gif);
    background-repeat: repeat-x,repeat;
    background-position: bottom;
    background-size: 100% 3px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.blocoBanner:hover > .tituloBanner {

    left: 130px;
    width: 830px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.tituloBanner spam {
    color: #fff;
    margin: 12px;
    border: 0 solid #000;
    margin-left: 160px;
    display: table;
    font-size: 32px;
    text-shadow: 0 3px 4px #000;
}

.valorBanner {
    width: 320px;
    left: 120px;
    height: 130px;
    position: absolute;
    background-color: #D52B1E;
    border-radius: 5px 0px 10px 5px;
    margin-top: 135px;
    z-index: 1;
    font-family: 'Oswald',sans-serif;
    background-image: url(//onpedido.com.br/static/img/preto30.png),url(//onpedido.com.br/static/img/preto5.png);
    background-repeat: repeat-x,repeat;
    background-position: bottom;
    background-size: 100% 3px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.blocoBanner:hover > .valorBanner {
    left: 140px;
    width: 300px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.valorBanner spam {
    color: #fff;
    display: table;
    position: absolute;
    z-index: 3;
    text-shadow: 0 3px 4px #000;
}

.valorBanner spam:nth-child(1) {
    color: #fff;
    left: 140px;
    top: 15px;
    font-size: 18px;
}

.valorBanner spam:nth-child(2) {
    color: #fff;
    left: 140px;
    top: 45px;
    font-size: 26px;
}

.valorBanner spam:nth-child(3) {
    color: #fff;
    left: 165px;
    top: 30px;
    width: 100px;
    border: 0px solid #ccc;
    text-align: center;
    font-size: 64px;
}

.valorBanner spam:nth-child(4) {
    color: #fff;
    left: 260px;
    top: 45px;
    font-size: 26px;
}

.btnBanner {

    width: 500px;
    height: 110px;
    display: block;
    background-color: #ccc;
    position: absolute;
    font-family: 'Oswald',sans-serif;
    color: #fff;
    text-shadow: 0 3px 4px #555;
    top: 155px;
    left: 460px;
    font-style: italic;
    border-radius: 5px;
    font-size: 32px;
    text-decoration: none;
    cursor: pointer;
    background: #00c972;
    background: -moz-linear-gradient(top,#00c972 0%,#009a57 100%);
    background: -webkit-linear-gradient(top,#00c972 0%,#009a57 100%);
    background: linear-gradient(to bottom,#00c972 0%,#009a57 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c972',endColorstr='#009a57',GradientType=0);
}

.btnBanner:hover,.btnBanner:active {
    background: #009a57;
    background: -moz-linear-gradient(top,#009a57 0%,#00c972 100%);
    background: -webkit-linear-gradient(top,#009a57 0%,#00c972 100%);
    background: linear-gradient(to bottom,#009a57 0%,#00c972 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009a57',endColorstr='#00c972',GradientType=0);
}

.btnBanner:before,.btnBanner:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #000;
    box-shadow: 0 15px 10px #000;
    transform: rotate(-3deg);
}


.produtoFalta {
    background-color: #fed201;
    color: #6b5000;
    text-align: center;
    z-index:1;
    margin-top: 0px;
    padding: 3px;
    float: left;
    width: 140px;
    margin: 0 auto;
    border-radius: 3px;
    font-size: 12px;
    float: right;
    margin-top: 0px;
}
.produtoFalta spam {
    font-size: 14px;
    display: table;
    width: 100%;
    font-weight: 500;
}

.btnBanner:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

.btnBanner spam {
    margin: 0 auto;
    margin-top: 28px;
    display: table;
}

.btAnteriorSlide {
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: #c00;
    border-radius: 100%;
    margin-top: -195px;
    left: 30px;
    box-shadow: 0 0 5px #000;
    background-image: url(//onpedido.com.br/static/img/setaEsquerda.png);
    background-repeat: no-repeat;
    background-position: 17px 50%;
    background-size: 20px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.btProximoSlide {
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: #c00;
    border-radius: 100%;
    margin-top: -195px;
    right: 30px;
    box-shadow: 0 0 5px #000;
    background-image: url(//onpedido.com.br/static/img/setaDireita.png);
    background-repeat: no-repeat;
    background-position: 22px 50%;
    background-size: 20px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.btAnteriorSlide:hover {
    box-shadow: 0 0 10px #000;
    height: 70px;
    width: 70px;
    left: 25px;
    margin-top: -200px;
    background-position: 22px 50%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.btProximoSlide:hover {
    box-shadow: 0 0 10px #000;
    height: 70px;
    width: 70px;
    right: 25px;
    margin-top: -200px;
    background-position: 27px 50%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.display {
    display: none;
}

.itemOpcionais {
    width: 960px !important;
    height: 500px !important;
    display: table;
    border: 0 solid #c00;
    margin: 0 auto;
    float: left;
}

.boxOpcoes {
    height: 395px;
}

.boxOpcoes textarea {
    width: 900px;
    height: 330px;
    background-color: #f9ffdf;
    box-shadow: 0 3px 2px #ccc;
    border: 0 solid;
    color: #333;
    padding: 20px;
    border-radius: 0;
    margin-top: 30px;
    margin-left: 30px;
    border: 0 dashed #ccc;
    padding: 15px;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
}
.promocaoOpcao{
    font-size: 9px;
    text-align: center;
    border-radius: 3px;
    font-weight: 600;
    color: #fff;
    background-color: #34a203;
    padding-top: 4px;
    display: block;
    width: 100px;
    height: 20px;
    margin-bottom: 8px;
    margin-left:12px;    
}
.promocaoOpcao:before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  margin-left: 60px;
  width: 0; 
  height: 0;
  margin-top:16px;
  position: absolute;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #34a203;
}
.valorOpcaoPizza{
    text-align: right;
}

.itemOpcao .imagem img,
.itemOpcaoQtd .imagem img{
    width: 70px;
    float: right;
    border-radius: 3px;
    display: table; 
}



.boxOpcoes .itemOpcao:nth-child(1) {
    border-top: 0 solid #c00 !important;
}
@-webkit-keyframes breath {
 0%   {  background-size: 30px auto; padding-left: 50px;}
 50%  {  background-size: 40px auto; padding-left: 60px;}
 100% {  background-size: 30px auto; padding-left: 50px;}      
} 
.itemOpcao input[type="radio"]+ label,
.itemOpcao input[type="checkbox"] + label{
    padding-left: 50px;
    background-color: none;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: 10px 15px;
    background-image: url(/app/img/uncheckCirculo.png);
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    
}
.itemOpcao input[type="radio"]:checked + label,
.itemOpcao input[type="checkbox"]:checked + label{
    padding-left: 50px;
    background-color: #ecffe8;
    background-repeat: no-repeat;
    background-size:  30px 30px;
    background-position: 10px 15px;
    background-image: url(/app/img/checkCirculo.png);
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    -webkit-animation: breath 1s ease-in-out none;
}
.itemOpcao span:nth-child(1){
    font-weight: 700;
    color: #c00;
    width: 800px!important;
    display: table;
}

.itemOpcao span:nth-child(2){
    position: initial;
    float: right;
    margin: 0px;
    margin-top: -23px;
    margin-right: 14px;
    text-align: right;
}

.itemOpcao span:nth-child(3){
    width: 800px!important;
    font-size: 14px;
    float: left;
    font-weight: 400;
}
.itemOpcao label {
   
  
    width: 960px!important;
    

    display: table;
    cursor: pointer;
}

.itemOpcaoQtd {
    display: table;
    padding: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    width: 960px;
    padding: 10px;
}
.itemOpcaoQtd .titulo{
    font-weight: 700;
    color: #c00;
    width: 690px;
    display: table;
}
.itemOpcaoQtd .descricao{
    width: 690px;
    font-size: 14px;
    float: left;
    font-weight: 400;
}
.itemOpcaoQtd .valor{
    font-weight: 700;
    color: #34a203;
    display: table;
    clear: both;
    text-align: right;
    width: 100px;
    border: 0px solid #ccc;
}
.categoriaOpcoes {
    width: 100%;
    height: auto;
    display: table;
    background-color: #ccc;
    color: #333;
    font-weight: 700;
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;   
}
.categoriaOpcoes h1 {
    font-size: 14px;
    margin: 0;
    font-weight: 600;
    line-height: 1.2em;
    text-align: center;
}
.categoriaOpcoes h2 {
    font-size: 12px;
    margin: 0;
    font-weight: 400;
    line-height: 1.2em;
    text-align: center;
}
.btMaisOpcao,.btMenosOpcao {
    float: left;
    border: 0;
    border-radius: 100%;
    color: #fff;
    padding: 0;
    height: 25px;
    width: 25px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 22px;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
    margin: 10px 10px 10px;
    background-size: 33px;
    background-position: -4px -4px;
    background-color: #c00;
}

.btMaisOpcao {
    background-image: url(//onpedido.com.br/static/img/mais.svg);
}

.btMenosOpcao {
    background-image: url(//onpedido.com.br/static/img/menos.svg);
}

.btMaisOpcao:hover,.btMenosOpcao:hover {
    box-shadow: 2px 2px 3px #ccc;
}

.btMaisOpcao:active,.btMenosOpcao:active {
    box-shadow: -2px -2px 3px #ccc;
}
.numeroItens{
    background-color: #555;
    width: 30px;
    height: 25px;
    float: left;
    display: table;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding-top: 0px;
    margin: 10px 0px 0px;
}
.boxQtds {
    display:table;
    width: auto;
    float: left;
    border: 0px solid #ccc;
    padding: 0px;
    width: 125px;
}
.boxDescricao {
   display:table;
    width: auto;
    float: left;
    border: 0px solid #ccc;
    padding: 0px;
    width: 800px;
}

.grupoRollOpcoes {
    display: table;
}

.tituloBox {
    font-weight: 400;
    color: #333;
}

.tituloBox span {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    padding-top: 2px !important;
    text-align: center;
    display: table;
    float: left;
    color: #fff;
    font-weight: 600;
    margin-right: 15px;
}

.procenssandoOpcao {
    height: 31px !important;
    padding-top: 3px !important;
    border: 0 solid #ccc !important;
    margin-top: -32px !important;
}
#avaliacao {
    padding: 15px;
    padding-top:0px;
}
#tableHorariosAtendimento td {
    padding: 10px;
}
hr {
    border: 0;
    height: 1px;
    background: #ccc;
}
.boxOpcoes {
  background-color: #fff;
}
.boxopcoes .cabecalhoPrimarioOpcionais {
    padding: 10px;
    color: #fff;
    font-size: 21px;
    display: table;
    width: 960px;
    height: 50px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}
.boxopcoes .cabecalhoSecundarioOpcionais {
    width: 960px;
    display: table;
    height: 50px;
    margin-bottom: 0;
    background-color: #fff;
    box-shadow: 0 2px 2px #b8b8b8;
    z-index: 999;
    border-bottom: 1px solid #ccc;
}
.buscasOpcaoAviso{
    margin-left:180px;
    width: 600px;
    text-align: center!important;
}
.buscasOpcaoAviso h1 {
    margin: 0px;
    margin-top: 30px;
    padding: 80px;
    padding-bottom: 25px;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 75px;
    background-image: url(//onpedido.com.br/static/img/sad.png);   
}
.buscasOpcaoAviso h2 {
    line-height: 130%;
    margin: 0px;
    margin-top: 5px;
    font-weight: 400;
    width: 100%;
    padding: 0px;
    font-size: 14px;
}
.buscarOpcao{
    width: 350px;
    float: right;
    height: 49px;
    display: table;
    background-color: #555;
}
.buscarOpcao input::-webkit-input-placeholder {
  color: #ccc;
}
.buscarOpcao input::-moz-placeholder {
  color: #ccc;
}
.buscarOpcao input:-ms-input-placeholder {
  color: #ccc;
}
.buscarOpcao input:-moz-placeholder {
  color: #ccc;
}
.buscarOpcao input{
    width: 100%;
    border: 0px;
    margin: 0px;
    height: 49px;
    background-color: #888;
    padding-left: 50px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    font-family: 'Open Sans',sans-serif;
    outline: none;
    background-image: url(//onpedido.com.br/static/img/lupaBranca.png);
    background-position: 5px 5px;
    background-size: 40px;
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.buscarOpcao input:focus{
    background-position: 300px 5px;
    padding-left: 20px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
}
.boxopcoes .tituloBox {
    float: left;
    font-size: 21px;
    font-weight: 200;
    height: 33px!;
    margin-left: 10px;
    margin-top: 10px;
    border: 0 solid #ccc;
    padding: 0px;
    background-color: #fff;
    text-shadow: none;
    color: #333;
    width: auto;
}

.boxopcoes .valorBox {
    color: #fff;
    display: hidden;
    float: right;
    padding: 7px;
    height: 51px;
    font-size: 24px;
    width: 400px;
    position: absolute;
    right: 0;
    z-index: 5;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    background-image: url(//onpedido.com.br/static/img/preto10.png);
}

.boxopcoes .valorBox spam {
    font-size: 16px;
    margin-right: 10px;
    margin-left: 10px;
    height: 20px;
    margin-top: 7px;
    border: 0 solid #ccc;
    float: left;
    font-weight: 400;
}

.boxopcoes .sifrao {
    float: left;
}

.boxOpcoes .valorResultado {
    float: left;
}

.boxopcoes .boxSelecioneTitulo {
    width: 100%;
    color: #fff;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    background-color: #777;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

.boxopcoes .boxSelecioneTitulo spam {
    border-radius: 100%;
    display: table;
    float: left;
    height: 25px;
    width: 25px;
    font-weight: 700;
    margin-top: -2px;
    text-align: center;
    margin-right: 10px;
    border: 2px solid #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

.boxopcoes .boxSelecione {
    width: 370px;
    float: left;
    margin: 0 15px 30px;
    display: table;
    box-shadow: 0 2px 2px #b8b8b8;
    background-color: #fff;
    border-radius: 3px;
}

.boxopcoes #corpoRoll {
    margin: 0 auto;
    z-index: 1;
    width: 800px;
    display: table;
    border: 0 solid #000;
    height: 219px;
}

.boxopcoes .boxSelecione select {
    width: 100%;
    border: 0;
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    border-radius: 0 0 3px 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: ;
    background: url(//onpedido.com.br/static/img/setaBaixo.png) 95% 50% no-repeat;
}

.boxopcoes .comentarioProduto {
    display: table;
    float: left;
    width: 900px;
    margin-left: 30px;
    margin-top: 5px;
    margin-bottom: 30px;
    box-shadow: 0 2px 2px #b8b8b8;
    background-color: #fff;
    border-radius: 0 0 3px 3px;
}

.boxopcoes .comentarioProduto textarea {
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    border: 0;
    height: 64px !important;
    padding: 10px;
    font-size: 14px;
    border-radius: 0 0 3px 3px;
    outline: none;
    resize: none;
}

.boxopcoes button.botaoCancelarOpcional {
    width: 50%;
    float: left;
    height: 60px;
    border: 0;
    background-color: #777;
    font-size: 24px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    color: #fff;
    padding-bottom: 5px;
}

.boxopcoes button.botaoCancelarOpcional:hover {
    background-color: #555;
    cursor: pointer;
    outline: none;
    display: table;
}

.boxopcoes button.botaoConfirmarOpcional {
    width: 50%;
    height: 60px;
    padding: 0;
    float: left;
    margin: 0;
    border: 0;
    background-color: #009a57;
    font-size: 24px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    color: #fff;
    padding-bottom: 5px;
}

.boxopcoes button.botaoConfirmarOpcional:hover {
    background-image: url(//onpedido.com.br/static/img/preto10.png);
    cursor: pointer;
    outline: none;
    display: table;
}

.boxopcoes .btn {
    padding: 25px;
    height: 197px;
    display: table;
    cursor: pointer;
    color: #fff;

    position: absolute;
    background-color: #777;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 2px 2px #fff;
}

.boxopcoes .next {
    right: 0;
    border-radius: 3px 0 0 3px;
    background-image: url(//onpedido.com.br/static/img/setaDireita.png);
}

.boxopcoes .prev {
    left: 0;
    border-radius: 0 3px 3px 0;
    background-image: url(//onpedido.com.br/static/img/setaEsquerda.png);
}

.boxopcoes .avisoInformacao {
    color: #fff;
    width: 100%;
    height: 300px;
    padding: 0;
    display: none;
    text-shadow: 1px 1px 1px #000;
    background-color: #009A57;
}

.boxopcoes .avisoInformacaoTitulo {
    border-bottom: 1px dotted #fff;
    padding-bottom: 5px;
    padding-left: 70px;
    padding-bottom: 12px;
    margin-bottom: 5px;
    padding-top: 20px;
    width: 100%;
    font-weight: 700;
    font-size: 21px;
    font-weight: 600;
    text-shadow: 1px 1px 1px #004425;
    font-family: 'Open Sans',sans-serif;
    background-repeat: no-repeat;
    background-position: 15px 10px;
    background-size: 40px 40px;
    background-image: url(//onpedido.com.br/static/img/informacoes.png);
}
.itemOpcionais {
    width: 960px !important;
    height: 500px !important;
    display: table;
    border: 0 solid #c00;
    margin: 0 auto;
    float: left;
}
.boxOpcoes {
    height: 395px;
   
}
.boxOpcoes textarea {
    width: 900px;
    height: 330px;
    background-color: #f9ffdf;
    box-shadow: 0 3px 2px #ccc;
    border: 0 solid;
    color: #333;
    padding: 20px;
    border-radius: 0;
    margin-top: 30px;
    margin-left: 30px;
    border: 0 dashed #ccc;
    padding: 15px;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
}
.boxOpcoes {
   background-color: #f4f4f4;
}
.boxOpcoes .itemOpcao {
    display: table;
    padding: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    width: 960px; 
}
.boxOpcoes .itemOpcaoQtd {
    display: table;
    padding: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    width: 960px;
    padding: 10px;
}
.boxOpcoes .itemOpcaoQtd span:nth-child(1){
    font-weight: 700;
    color: #c00;
    width: 100%;
    display: table;
    float: right;
}
.boxOpcoes .itemOpcaoQtd span:nth-child(2){
    font-weight: 700;
    color: #34a203;
    right: 30px;
    margin-top: -5px;
    position: absolute;
}
.boxOpcoes .itemOpcaoQtd span:nth-child(3){
    font-size: 14px;
    float: left;
}
.boxOpcoes .itemOpcao:nth-child(1) {
    border-top: 0 solid #c00 !important;
}
.boxOpcoes .itemOpcao span:nth-child(1){
    font-weight: 700;
    color: #c00;
    width: 890px;
    display: table;
}

.boxOpcoes .itemOpcao span:nth-child(2){
    font-weight: 700;
    color: #34a203;
    right: 30px;
    /*! margin-top: -25px; */
    /*! position: absolute; */
}

.boxOpcoes .itemOpcao span:nth-child(3){
    width: 870px;
    font-size: 14px;
    float: left;
}

.boxOpcoes .itemOpcao label {
    margin: 0;
    border: 0 solid #c00;
    height: 50px;
    width: auto;
    padding: 10px;
    padding-left: 15px;
    float: left;
    display: table;
    cursor: pointer;
}

.boxOpcoes .btMaisOpcao,.btMenosOpcao {
    float: left;
    border: 0;
    border-radius: 100%;
    color: #fff;
    padding: 0;
    height: 25px;
    width: 25px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 22px;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
    margin: 10px 10px 10px;
    background-size: 33px;
    background-position: -4px -4px;
    background-color: #c00;
}

.boxOpcoes .btMaisOpcao {
    background-image: url(//onpedido.com.br/static/img/mais.svg);
}

.boxOpcoes .btMenosOpcao {
    background-image: url(//onpedido.com.br/static/img/menos.svg);
}

.boxOpcoes .btMaisOpcao:hover,.btMenosOpcao:hover {
    box-shadow: 2px 2px 3px #ccc;
}

.boxOpcoes .btMaisOpcao:active,.btMenosOpcao:active {
    box-shadow: -2px -2px 3px #ccc;
}
.boxOpcoes .numeroItens{
    background-color: #555;
    width: 30px;
    height: 25px;
    float: left;
    display: table;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding-top: 0px;
    margin: 10px 0px 0px;
}
.boxOpcoes .boxQtds {
    display:table;
    width: auto;
    float: left;
    border: 0px solid #ccc;
    padding: 0px;
    width: 125px;
}
.boxOpcoes .boxDescricao {
   display:table;
    width: auto;
    float: left;
    border: 0px solid #ccc;
    padding: 0px;
    width: 800px;
}
.boxOpcoes .itemOpcao input[type="radio"],
.boxOpcoes .itemOpcao input[type="checkbox"] {
    display: none;
}
.boxOpcoes .grupoRollOpcoes {
    display: table;
}
.boxOpcoes .tituloBox {
    font-weight: 400;
    color: #333;
}
.boxOpcoes .tituloBox span {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    padding-top: 2px !important;
    text-align: center;
    display: table;
    float: left;
    color: #fff;
    font-weight: 600;
    margin-right: 15px;
}

.procenssandoOpcao {
    height: 31px !important;
    padding-top: 3px !important;
    border: 0 solid #ccc !important;
    margin-top: -32px !important;
}
/*******************************/
/********* OPCIONAIS **********/
/*****************************/
.marginBoxProduto {

    display: hidden;
    width: 960px !important;
    margin: 0 auto !important;
}

.cabecalhoPrimarioOpcionais {
    padding: 10px;
    color: #fff;
    font-size: 21px;
    display: table;
    width: 960px;
    height: 50px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

.cabecalhoSecundarioOpcionais {
    width: 960px;
    display: table;
    height: 50px;
    margin-bottom: 0;
    background-color: #fff;
    box-shadow: 0 2px 2px #b8b8b8;
}

.tituloBox {
    float: left;
    font-size: 21px;
    font-weight: 200;
    height: 33px;
    margin-left: 10px;
    margin-top: 10px;
    border: 0 solid #ccc;
}

.valorBox {
    color: #fff;
    display: hidden;
    float: right;
    padding: 7px;
    height: 51px;
    font-size: 24px;
    width: 400px;
    position: absolute;
    right: 0;
    z-index: 5;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    background-image: url(//onpedido.com.br/static/img/preto10.png);
}

.valorBox spam {
    font-size: 16px;
    margin-right: 10px;
    margin-left: 10px;
    height: 20px;
    margin-top: 7px;
    border: 0 solid #ccc;
    float: left;
    font-weight: 400;
}

.sifrao {
    float: left;
}

.valorResultado {
    float: left;
}

.boxSelecioneTitulo {
    width: 100%;
    color: #fff;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    background-color: #777;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

.boxSelecioneTitulo spam {
    border-radius: 100%;
    display: table;
    float: left;
    height: 25px;
    width: 25px;
    font-weight: 700;
    margin-top: -2px;
    text-align: center;
    margin-right: 10px;
    border: 2px solid #fff;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

.boxSelecione {
    width: 370px;
    float: left;
    margin: 0 15px 30px;
    display: table;
    box-shadow: 0 2px 2px #b8b8b8;
    background-color: #fff;
    border-radius: 3px;
}

#corpoRoll {
    margin: 0 auto;
    z-index: 1;
    width: 800px;
    display: table;
    border: 0 solid #000;
    height: 219px;
}

.boxSelecione select {
    width: 100%;
    border: 0;
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    border-radius: 0 0 3px 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: ;
    background: url(//onpedido.com.br/static/img/setaBaixo.png) 95% 50% no-repeat;
}

.comentarioProduto {
    display: table;
    float: left;
    width: 900px;
    margin-left: 30px;
    margin-top: 5px;
    margin-bottom: 30px;
    box-shadow: 0 2px 2px #b8b8b8;
    background-color: #fff;

    border-radius: 0 0 3px 3px;
}

.comentarioProduto textarea {
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    border: 0;
    height: 64px !important;
    padding: 10px;
    font-size: 14px;
    border-radius: 0 0 3px 3px;
    outline: none;
    resize: none;
}

button.botaoCancelarOpcional {
    width: 50%;
    float: left;
    height: 60px;
    border: 0;
    background-color: #777;
    font-size: 24px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    color: #fff;
    padding-bottom: 5px;
}

button.botaoCancelarOpcional:hover {
    background-color: #555;
    cursor: pointer;
    outline: none;
    display: table;
}

button.botaoConfirmarOpcional {
    width: 50%;
    height: 60px;
    padding: 0;
    float: left;
    margin: 0;
    border: 0;
    background-color: #009a57;
    font-size: 24px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    color: #fff;
    padding-bottom: 5px;
}

button.botaoConfirmarOpcional:hover {
    background-image: url(//onpedido.com.br/static/img/preto10.png);
    cursor: pointer;
    outline: none;
    display: table;
}

.btn {
    padding: 25px;
    height: 197px;
    display: table;
    cursor: pointer;
    color: #fff;

    position: absolute;
    background-color: #777;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 2px 2px #fff;
}

.next {
    right: 0;
    border-radius: 3px 0 0 3px;
    background-image: url(//onpedido.com.br/static/img/setaDireita.png);
}

.prev {
    left: 0;
    border-radius: 0 3px 3px 0;
    background-image: url(//onpedido.com.br/static/img/setaEsquerda.png);
}

.avisoInformacao {
    color: #fff;
    width: 100%;
    height: 300px;
    padding: 0;
    display: none;
    text-shadow: 1px 1px 1px #000;
    background-color: #009A57;
}

.avisoInformacaoTitulo {
    border-bottom: 1px dotted #fff;
    padding-bottom: 5px;
    padding-left: 70px;
    padding-bottom: 12px;
    margin-bottom: 5px;
    padding-top: 20px;
    width: 100%;
    font-weight: 700;
    font-size: 21px;
    font-weight: 600;
    text-shadow: 1px 1px 1px #004425;
    font-family: 'Open Sans',sans-serif;
    background-repeat: no-repeat;
    background-position: 15px 10px;
    background-size: 40px 40px;
    background-image: url(//onpedido.com.br/static/img/informacoes.png);
}

.avisoInformacaoTexto {
    width: 100%;
    height: 115px;
    font-size: 14px;
    font-weight: 600;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-shadow: 1px 1px 1px #004425;
    font-family: 'Open Sans',sans-serif;
}

.botaoOkBoxVerde {
    width: auto;
    min-width: 180px;
    padding: 7px;
    border-radius: 3px;
    border: 0 solid transparent;
    float: right;
    font-family: 'Open Sans',sans-serif;
    margin-top: 5px;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 600;
    background-color: #fff;
    cursor: pointer;
    outline: none;
    color: #333;
}

.botaoOkBoxVerde:hover {
    background-color: #ccc;
}

.avisoAlertaMenor {
    display: none;
    width: 100%;
    height: 150px;
    overflow: hidden;
    color: #fff;
}

.avisoTextoMenor {
    padding: 10px;
}

.avisoAlertaMenor br {
    display: none;
}

.avisoTituloMenor {
    border-bottom: 1px dotted #fff;
    padding-left: 50px;
    padding-bottom: 10px;

    margin-bottom: 5px;
    width: 610px;
    margin-top: 10px;
    font-weight: 700;
    font-size: 21px;
    font-weight: 600;
    font-family: 'Open Sans',sans-serif;
    background-repeat: no-repeat;
    background-position: 10px top;
    background-image: url(//onpedido.com.br/static/img/erroIcone.png);
}

.avisoAlerta {
    color: #fff;
    width: 100%;
    height: 125px;
    padding: 0;
    display: none;
}

.avisoTitulo {
    border-bottom: 0px dotted #fff;
    padding-bottom: 5px;
    padding-left: 55px;
    padding-bottom: 10px;
    padding-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    font-weight: 700;
    font-size: 21px;
    font-weight: 600;
    font-family: 'Open Sans',sans-serif;
    background-repeat: no-repeat, repeat;
    background-position: 15px 15px, 1px 1px;
    background-image: url(//onpedido.com.br/static/img/erroIcone.png),url(https://img.onpedido.com.br/static/img/preto30.png) ;
}

.avisoTexto {
    width: 600px;
    font-size: 14px;
    font-weight: 400;
    padding-left: 15px;
    font-family: 'Open Sans',sans-serif;
}

.processando {
    display: none;
    position: absolute !important;
    left: 50% !important;
    margin-left: -130px !important;
    margin-top: -41px !important;
    text-align: center !important;
    width: 260px !important;
    padding: 5px !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-family: 'Open Sans',sans-serif !important;
    border: 0 solid #000 !important;
    background-repeat: no-repeat !important;
    background-size: 32px !important;
    background-position: left top !important;
    background-image: url(//onpedido.com.br/static/img/loaderAddCarrinho.gif) !important;
    font-size: 16px;
}

.processandoFP {
    display: none;
    position: absolute !important;
    left: 50% !important;
    margin-left: -130px !important;
    margin-top: -30px !important;
    text-align: center !important;
    width: 260px !important;
    padding: 5px !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-family: 'Open Sans',sans-serif !important;
    border: 0 solid #000 !important;
    background-repeat: no-repeat !important;
    background-size: 32px !important;
    background-position: left top !important;
    background-image: url(//onpedido.com.br/static/img/loaderAddCarrinho.gif) !important;
    font-size: 16px;
}
.avisoDebug{
    background-color:#9A008F;
  width:100%;
    padding:15px;
    text-align:left;
    color:#fff;
    box-shadow:0px 0px 3px #555;
}
.avisoDebug section {
    width: 960px;
    display: table;
    margin: 0 auto;
    padding-left: 80px;
    background-repeat: no-repeat;
  background-position: 0px 50%;
    background-size: 60px;
    background-image:url(//onpedido.com.br/static/img/engrenagensBranco.png);
}
.avisoDebug h1 {
    font-weight: 700;
    font-size:16px;
    margin: 0px;
    padding: 0px;
    line-height: auto;
}
.avisoDebug p {
  font-size:14px;
    margin: 0px;
    padding: 0px;
    line-height: auto;
}
.avisoDemonstrativo {
    background-color:#13B800; 
    width:100%; 
    text-align:center; 
    font-size:16px; 
    color:#fff;
    box-shadow:0px 0px 3px #555;
}
.avisoDemonstrativo b {
    font-weight: 700;
    display: table;
    margin: 0 auto;
    padding:15px;
    padding-left:50px;
    background-repeat: no-repeat;
    background-position:0% 50%;
    background-size: 40px;
    background-image:url(//onpedido.com.br/static/img/informacoes.png);
}
ul, li, ul:hover, li:hover, ul li a:hover, ul li a, a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    outline: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ol, ul {
    list-style: none;
    margin: 0px;
    padding: 0px;

}
.laminaPizza{
    margin-top: -15px;
    background-image: url(img/preto30.png);
    background-repeat: repeat;
    display: block;
    padding-bottom: 10px;
}

.boxPizza{
    background-color: #000;
    margin:0px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
    width: 100%;
    background-image: url('//onpedido.com.br/static/img/pizzaBackground.jpg');
    background-position: center top;
    animation: animatedBackgroundPizzas 20s linear 0s infinite alternate;
 }
 @keyframes animatedBackgroundPizzas {
     from { background-size: 600px auto; background-position: 20% 40%; }
     to { background-size: 1180px auto; background-position: 50% 80%;} 
}/*
.bgPizza{
    background-image: url(img/bgPizza.jpg);
    background-size: 90% auto;
    background-repeat: no-repeat;
    background-position: bottom right;
}*/
@media only screen and (min-width: 768px) {
    
    /*.bgPizza{
        background-size: 600px auto;
    }*/
   .boxPizza{
        background-color: #000;
        margin:0px;
        margin-top: 0px;
        margin-bottom: 0px;
        border-radius: 0px;
        width: 100%;
        background-image: url('//onpedido.com.br/static/img/pizzaBackground.jpg');
        background-position: center;
        animation: animatedBackgroundPizzas 20s linear 0s infinite alternate;
   }
   @keyframes animatedBackgroundPizzas {
        from { background-size: 1024px auto; background-position: 35% 35%; }
        to { background-size: 1600px auto; background-position: 100% 80%;} 
    }
}
.avisoPizzas {
    text-align: center;
    padding-top: 150px;
    font-weight: 500;
    background-size: 120px;
    background-repeat: no-repeat;
    background-position: center 30px;
    background-image: url(//onpedido.com.br/static/img/pizza-icon.png);
}
.avisoPizzas h2 {
    font-weight: 600;
    width:600px;
    margin: 0 auto;
    margin-bottom: 15px;
    margin-top: 15px
}
.boxPizza {
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    box-shadow:1px 1px 2px #ccc;
    outline:none;
}
.boxPizza .titulo{
    display: block;
    width:auto;
    padding: 25px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    height: 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 21px;
    text-shadow: 2px 2px 2px #000;
}
.boxPizza .descricao{
    display: block;
    width:90%;
    margin: 0 auto;
    padding-bottom: 25px;
    text-align: center;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    text-shadow: 2px 2px 2px #000;
}
.boxPizza .botao{
    margin: 0 auto;
    margin-top: 25px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 90%;
    color: #fff;
    margin-bottom: 25px;
    border: 0px solid #29a71a;
    background-color: #29a71a;
    box-shadow:  0px 0px 2px #000;  
    perspective: 2px;
}
.boxPizza table{
    font-size:12px;
    width: 90%;
    text-align: center;
    margin: 0 auto;
    border-spacing: 0px;
    border-collapse: separate;
}
.boxPizza table td { 
    background: #fff; 
    border-left:1px solid #ddd;
    padding: 5px;
    color: #555;
}
.boxPizza table tr:first-child td {
    border-left:1px solid rgba(0, 0, 0, .1);
    color: #fff;
    font-size:12px;
    text-transform: uppercase;
    font-weight: bold;
}
.boxPizza table tr:last-child td {
    background-color: #777;
    border-left: 1px solid rgba(0, 0, 0, .1);
    color: #fff;
    font-size:14px;
    font-weight: bold;
}
.boxPizza table tr:last-child td font:first-child{
    display: table;
    width: 50px;
    font-size:9px;
    margin: 0 auto;
    margin-bottom: -5px;
}
.boxPizza table tr:last-child td font:last-child{
    font-size:9px;
    margin: 0 auto;
    margin-right:2px;
}
.boxPizza table td:first-child {
    border-left: 0px solid transparent;
}
.boxPizza table tr:first-child td:first-child {
    border-radius: 5px 0px 0px 0px;
    border-left: 0px solid;
}
.boxPizza table tr:first-child td:last-child {
    border-radius: 0px 5px 0px 0px;
}
.boxPizza table tr:last-child td:first-child {
    border-radius: 0px 0px 0px 5px;
    border-left: 0px solid transparent;
}
.boxPizza table tr:last-child td:last-child{
    border-radius: 0px 0px 5px 0px;
}

.alertaConteudoFaltante{
    font-weight: 400;
    width:100%; 
    margin: 0 auto;
    max-width: 960px;
    border-radius:5px; 
    background-color:#fdc101; 
    color: #555; 
    text-align: left; 
    padding:15px; 
    font-size:16px; 
    margin-top:45px; 
    box-shadow:0px 0px 3px #ccc;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    line-height: 150%;
    background-image: url(//onpedido.com.br/static/img/sad.png);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: 15px 15px;
    padding-left: 75px;
}
.boxInformacoes{
    padding: 15px;
    padding-left: 5px;
    color: #236c00;
    background-color: #ecffe8;
    font-weight: 600;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
}
.boxInformacoes::before{
    content: "";
    width:35px;
    height: 35px;
    display: table;
    float: left;
    margin-top:-7px;
    border-radius:100px;
    margin-right:15px;
    margin-left:5px;
    background-color: #236c00;
    background-image: url(//onpedido.com.br/static/img/informacoes.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 45%;
}}
.showAlert {
    width: 100%;
    display: table;
    padding: 15px;
    padding-bottom: 0px;
    text-align: center;
}
.showAlert h1{
    line-height: 1.2;
    font-size: 27px;
}
#artLoginRulesOptional{
    background-repeat: no-repeat;
    float: left;
    width:300px;
    height: 300px;
    background-size: auto 100%;
    background-position: 0px 50%;
    background-image: url("https://onpedido.com.br/static/img/pedido-sem-cadastro-art.png")
}
.inputsForm{
    width: 100%!important;
    display: table;
    padding: 10px;
}
.submeter {
    width:260px;
    float: left!important;
    display: block;
    border: 0px;
    border-radius: 5px;
    padding: 15px;
    cursor: pointer;
}
#entrarAlertOptionalLogin,
#cadastreseAlertOptionalLogin,
#semCadastroAlertOptionalLogin{
   
    float: left;
    margin-top: -5px;
    background-color: #337de7;
    color: #fff;
    margin-bottom: 15px;
}
#semCadastroAlertOptionalLogin{
    background-color: #009A57; 
}
#cadastreseAlertOptionalLogin{
    background-color: #555; 
}