@charset "utf-8";
/* CSS Document */

*{border:0; margin:0; padding:0;}

body
{
    font-family:Tahoma, Geneva, sans-serif;
}
.conteudoCabecalhoResolucaoMenor, .boxRodapeReduzido
{
    display: none;
}
.clear
{
    clear:both;
}

.geralTemplate
{
    width: 100%;
}

div.logotipoCabecalho
{
    background-repeat: no-repeat;
}

.geralCabecalho
{
    width: 100%;
}

.conteudo1000Template
/*
Esta classe irá ajustar as configurações de width do Template em 1000 pixels. Para utilizá-la, deve-se
colocar o nome desta classe na DIV que abrange o conteúdo do template ( Esquema interno e Caixas laterais )
*/
{
    margin: 0 auto;
    padding:4px 0 0 0;
    width: 1000px;
}

.conteudo100Template
/*
Esta classe irá ajustar as configurações de width do Template em 1000 pixels. Para utilizá-la, deve-se
colocar o nome desta classe na DIV que abrange o conteúdo do template ( Esquema interno e Caixas laterais )
*/
{
    padding-top:4px;
    width: 100%;
}

.conteudoExtendido
{
    margin-right:0px;
}

.colunaEsquerdaTemplate
{
    float: left;
    overflow:hidden;
    width: 180px;
}


.colunaDireitaTemplate
{
    float: right;
    overflow:hidden;
    width: 180px;
}

.colunaCentroTemplate
{
    margin: 0 184px;
}


.conteudoCabecalhoResolucaoMenor, .boxRodapeReduzido
{
    display: none;
}



/*Menu das Caixas Laterais*/
.conteudoMeioCaixaLateral .menuPadrao li:before {
    content: ".";
    font-weight: bold;
    padding-right: 8px;
}

.conteudoMeioCaixaLateral .menuPadrao li {
    font-size: 12px;
    list-style: circle outside none;
    padding: 5px 0 7px 3px;
    text-align: left;
}

.conteudoMeioCaixaLateral .menuPadrao li a {
    color: #6b6b6b;
}

.rodapeTemplate
{
    clear: both;
}

/*TAGS DO RODAPE*/
/***************************************
{rodape contato}
***************************************/

.boxTagRodapeContato
{
    margin: 0 auto;
}

.itemTagRodapeContato
{
    display: inline-block;
    min-width: 160px;
    padding: 5px 5px;
}

.iconeTagRodapeContato
{
    display: table-cell;
    padding:0 15px;
    vertical-align: middle;
}

.conteudoTagRodapeContato
{
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

/***************************************
{rodape suporte online}
***************************************/
.boxTagRodapeSuporteOnline
{
    width: 135px;
}

.itemTagRodapeSuporteOnline
{
    cursor: pointer;
    padding: 10px 5px;
}

.iconeTagRodapeSuporteOnline
{
    display: table-cell;
    padding: 0 15px;
    vertical-align: middle;
}

.conteudoTagRodapeSuporteOnline
{
    display: table-cell;
    vertical-align: middle;
}

/***************************************
{horario atendimento loja}
***************************************/
.boxTagRodapeHorarioAtendimento
{
    margin: 0 auto;
}

.itemTagRodapeHorarioAtendimento
{
    cursor: pointer;
    padding: 10px 5px;
}

.iconeTagRodapeHorarioAtendimento
{
    display: table-cell;
    padding: 0 15px;
    vertical-align: middle;
}

.conteudoTagRodapeHorarioAtendimento
{
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

/***************************************
{rodape redes sociais loja}
***************************************/
.boxTagRodapeRedesSociais
{
    margin: 0 auto;
}

.boxTagRodapeRedesSociais ul li
{
    display: inline;
    list-style: none;
}

/***************************************
{rodape formas pagamento}
***************************************/

.boxTagRodapeFormasPagamento
{
    margin: 0 auto;
    padding: 0 5px;
}

.boxTagRodapeFormasPagamento ul li
{
    float: left;
    list-style: none outside none;
    padding: 0 7px;
}

/***************************************
{rodape endereco}
***************************************/
.boxTagRodapeEndereco
{
    margin: 0 auto;
}

.itemTagRodapeEndereco
{
    padding: 10px 5px;
}

.iconeTagRodapeEndereco
{
    display: table-cell;
    padding: 0 15px;
    vertical-align: middle;
}

.conteudoTagRodapeEndereco
{
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

/***************************************
{rodape newsletter}
***************************************/

.boxTagRodapeNewsletter
{
    margin: 0 auto;
    width: 227px;
}

.boxTagRodapeNewsletter p
{
    color: #6b6b6b;
    margin-bottom: 10px;
    text-align: left;
}

.campoEmailTagRodapeNewsletter
{
}

.inputEmailTagRodapeNewsletter
{
    background: url('../../../img/ljvt/rodape/icone_newsletter.png') 2px center no-repeat;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    color: #6b6b6b;
    height: 23px;
    float: left;
    outline: none;
    padding-left: 25px;
    width: 168px;
}

.botaoRodapeNewsletter
{
    border: 1px solid #c8c8c8;
    cursor: pointer;
    float: left;
    height: 23px;
    margin-left: 5px;
    width: 25px;
}

.botaoRodapeNewsletter span
{
    color: #6b6b6b;
    display: table-cell;
    height: 23px;
    text-align: center;
    vertical-align: middle;
    width: 25px;
}

.botaoRodapeNewsletter:hover
{
    background: #6b6b6b;
}

.botaoRodapeNewsletter:hover span
{
    color: #fff;
}

/*MENU RODAPE VERTICAL*/
.rodapeTemplate .menuPadrao li
{
    font-size:12px;
    text-align: left;
    padding: 5px 0 7px 3px;
    list-style: circle;
}

.rodapeTemplate .menuPadrao li:before
{
    content: ".";
    font-weight: bold;
    padding-right: 8px;
}

.rodapeTemplate .menuPadrao li a
{
    color:#6b6b6b;
}

/*MENU RODAPE HORIZONTAL*/
.rodapeTemplate .menuDeitado li
{
    padding: 0 3px;
    border: none;
}

.rodapeTemplate .menuDeitado li:before
{
    content: ".";
    font-weight: bold;
    padding-right: 6px;
}

.rodapeTemplate .menuDeitado li a
{
    color:#6b6b6b;
    font-size: 13px;
}

.colunaEsquerdaTemplate:empty + .colunaDireitaTemplate + .colunaCentroTemplate
{
    margin: 0 184px 0 0 !important;
}

.colunaEsquerdaTemplate:empty + .colunaDireitaTemplate:empty + .colunaCentroTemplate
{
    margin: 0 auto !important;
}

.colunaEsquerdaTemplate:empty + .colunaDireitaTemplate + .colunaCentroTemplate .produto
{
    margin: 0 auto !important;
    max-width: 1200px;
}

.colunaCentroTemplate .produto
{
    max-width: 1200px;
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all
{
    z-index: 99 !important;
}

/************************************************************************
TOPO REDUZIDO PARA AS TELAS DE CHECKOUT
*************************************************************************/

.boxTopoReduzidoCheckout
{
    background: #{cor1};
    height: 128px;
    margin-bottom: 20px;
    transition:all 0.5s;
    width: 100%;
}

.centralizaTopoReduzidoCheckout
{
    margin: 0 auto;
    width: 1000px;
}

.logotipoTopoReduzidoCheckout
{
    background: #fff;
    box-shadow: 0 1px 7px #000;
    height: 140px;
    display: table;
    float: left;
    transition:all 0.5s;
    width: 222px;
}

.logotipoTopoReduzidoCheckout a
{
    height: 140px;
    width: 222px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.imagemLogotipoTopoReduzido
{
    max-height: 140px;
    max-width: 222px;
}

.centralizaLogotipoTopoReduzido
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    transition:all 0.5s;
}

.boxAmbienteSeguroTopoReduzido
{
    float: left;
    margin: 51px 0 0 56px;
    transition:all 0.5s;
}

.boxAmbienteSeguroTopoReduzido img
{
    float: left;
}

.boxAmbienteSeguroTopoReduzido img:nth-child(2)
{
    display: none;
}

.boxAmbienteSeguroTopoReduzido p
{
    color: #fff;
    float: left;
    margin-left: 10px;
    font-size: 19px;
    transition:all 0.5s;
}

.boxContatoTopoReduzido
{
    float: right;
    padding-top: 15px;
    padding-right: 5px;
    text-align: right;
    transition:all 0.5s;
}

.boxContatoTopoReduzido p
{
    color: #fff;
    font-size: 19px;
    margin: 15px 0 0px 0;
    transition:all 0.5s;
}