/*
MOBILE START
*******************************************************************************/
@media screen and (max-width : 780px) {
    body {font-size:1em;}
    fieldset {padding-left:0;padding-right:0;}
    .Padding {padding-left:4px;padding-right:4px;}
    .ExtraRodape {font-size:.8em;}
    .BannerLine, .BannerLineRight, .LogoMultifranquia, .Sub.Nivel2, .LateralDepartamentos .IconPlus, .Home .LateralDepartamentos .Sub, .Lateral .Head .Content, .Home .Lateral .Head, .ExtraDepartamentos, .LogoBredi, .LogoLocaweb, .Informacoes, .Conteudo, .ExtraRodape .RedesSociais, .ExtraPagamentos, .ExtraContatos, .Menu, .ContatosTop, .Box {display:none;}
    .ExtraCentral2 {padding:0;}
    #CENTRAL {padding:0;}
    .Topo, .MenuDepartamentos, .Contatos, .Rodape, .Pagamentos, .Info {width:inherit;margin:0;}
    #TOPO {height:144px;}
    .Lateral {float:none;left:0;width:100%;}
    .Lateral .Head {background:none;padding-bottom:10px;}
    .Lateral .Head h4 {padding-top:16px;padding-left:16px;text-align:left;font-size: 42px;line-height: 54px;text-transform: uppercase;font-family: 'exoregular',Arial,sans-serif;}
    .LateralDepartamentos {background:url(../imagens/site/bgDepartamentos.jpg) repeat top;padding:0;margin:0;}
    .LateralDepartamentos .Item {float:none;padding:0;background:none;}
    .LateralDepartamentos .SubItem {padding:0;}
    .LateralDepartamentos h5 a, .LateralDepartamentos .Sub a, .LateralDepartamentos  .Sub .Ativo a {line-height:16px;display:block;color:#FFF;font-size:18px;padding:16px 12px;background:none !important;text-transform:uppercase;font-family: 'exoregular',Arial,sans-serif;}
    .Interna .LateralDepartamentos h5 {background:#FFF;color:#444;padding:16px;font-size:13px;}
    .Topo .Bottom {position: relative;right: 0px;top: 0px;z-index:1;}
    .Topo .Bottom .BoxItem, .Topo .Top .BoxItem {float:none;margin:0;}
    .Topo .BoxPesquisa {position:absolute;top:-54px;left:64px;right:70px;width:inherit;margin-right:70px;}
    .BoxPesquisa input {width:100%;max-width:100%;padding:16px 0 11px;}
    .BoxPesquisa button {}
    .Topo .BoxUsuario {position:absolute;top:22px;left:0;}
    .Topo .BoxCarrinho {position:absolute;right:0px;top:-54px;}
    .ButtonCarrinho {width:64px;background-image:url(../imagens/mobile/carrinho.png);}
    .Logo {position:relative;left:0px;top:0;margin-top:4px;z-index:2;width:57px;height:56px;background-image:url(../imagens/mobile/natal/logo.png);}
    #GERAL {min-width:inherit;}
    .Info .Footer {width:inherit;margin:0;}
    .MapaSite {padding-top:18px;}
    .Imagem img {max-width:130px;}
    .Imagem {width:130px;height:150px;}
    .ListaProdutos .ProdutoContent {padding-left:140px;}
    .ListaProdutos .BoxImagemProduto {position:absolute;left:4px;top:10px;}

    .Rodape .ListaInfo {display:block;float:left;padding-top:16px;}
    .Rodape .ListaInfo .Msn {display:none;}
    .Rodape .ListaInfo .Item {padding-bottom:16px;}

    table input, table textarea {width:100%;padding:8px 2px;}
    table select {max-width:100%;width:auto;padding:8px 2px;}
    table input.InputRadio, table input.InputCheckbox {width:auto;}

    .SecaoCategoria .Lateral, .SecaoCategoria .Destaques, .institucional .Lateral, .Busca .Lateral {display:none;}
    .SecaoCategoria .Conteudo, .produto.detalhe .Conteudo, .institucional .Conteudo, .Busca .Conteudo {display:block;padding-left:0;}
    .SecaoCategoria .Padding.First, .produto.detalhe .Padding.First, .institucional .Padding.First, .Busca .Padding.First {padding-left:0;}
    .SecaoCategoria .ListaProdutos .Item, .Busca .ListaProdutos .Item{float:none;text-align:left;position:relative;display:block;width:100%;}
    .SecaoCategoria .ListaProdutos h6, .Busca .ListaProdutos h6 {text-align:left;}

    .produto.detalhe .OutrosProdutos, .produto.detalhe .Lateral {display:none;}
    .produto.detalhe .Produto .Left, .produto.detalhe .Produto .Right {float:none;width:100%;}
    .produto.detalhe .Produto .Left {text-align:center;}

    .carrinho .Conteudo, .usuario .Conteudo {display:block;}
    .carrinho.LarguraTotal #CENTRAL, .usuario.LarguraTotal #CENTRAL {width:100%;}
    .Etapa, .Etapa.Ativo, .Etapa span, .Etapa.Ativo span, .Etapa strong, .Etapa.Ativo strong {padding:0;background:0;}
    .Etapa a, .Etapa.Ativo a {background:#FFF !important;padding:8px 8px !important;font-size:12px;font-family:'Arial',sans-serif;text-transform:none;color:#666 !important;-moz-border-radius:20px;border-radius:20px;}
    .Etapa.Ativo a {font-weight:bold;background:#B4B4A9 !important;color:#FFF !important;}

    .ColunaDois .Left, .ColunaDois .Right {float:none;width:100%;}

}
@media screen and (max-width : 480px) {
    .BoxUsuario {width:auto;}
    .minha-conta #GERAL {min-width:400px;}
    .meus-pedidos #GERAL {min-width:540px;}
    h1 {font-size:28px;}
    .Padding.First {padding-top:24px;}
    .ExtraRodape .MapaSite .Item {float:none;}
    .Abas {height:33px;}
    .Aba {left:0;}
    .Aba h4, .Aba.ui-tabs-active h4, .Aba span, .Aba.ui-tabs-active span {background:none;padding:0;}
    .Aba a, .Aba.ui-tabs-active a {padding:8px 12px !important;font-size:13px;-moz-border-radius:5px;border-radius:5px;}
    .TabelaCarrinho th {font-size:12px;}
    .TabelaCarrinho td {padding:4px;}
    .CelProduto img {display:block;}
}
/*******************************************************************************
MOBILE END
*/