*{margin:0; padding:0; outline-style:none; box-sizing:border-box; font-family:Open Sans; font-size:13px; line-height:1.4; color:#454545}
html, body{height:100%}
body{overflow-y:scroll;overflow-x:hidden}

.FontBold{font-weight: 700}
.Corpo{max-width:1240px; margin:auto; overflow:hidden; padding:0px 20px}
.CorpoDiv{float:left; width:calc(100% + 40px); padding:0px 20px; margin-left:-20px; text-align:left}
.Botao{border: none; -webkit-appereance: none; cursor: pointer;text-transform: uppercase}
.Background{background-repeat:no-repeat; background-position:center center}
.Titulo{float:left; width:100%; font-size:26px; font-weight:300; color:#303030}
.CentralizaVertical{display:table-cell; vertical-align:middle; width:100%}
.BordaErro{border:1px solid #D92929 !important}
.ColorErro{color:#D92929 !important}
.Migalha{float:left; width:100%; font-size:12px; color:#8d8d8d}
.Modal{display:inline-block; width:100%}
.ModalTitulo{font-size:19px; font-weight:600; color:#333}
.BordaVerde{border:1px solid #46b74a !important; background-color:#FAFCFA !important}
.BordaVermelha{border:1px solid #DD0000 !important}
.AvisoQtdeMinima{float:left;width:100%;color:#DD0000;font-weight:600;font-size:14px;margin-top:10px;display:none}
.AvisoQtdeMinima2{margin-top:5px}
.AvisoOpcaoCartao, .AvisoOpcaoEntrega {float:left;width:100%;color:#DD0000;font-weight:600;font-size:14px;margin-bottom:15px;margin-top:0px;display:none}
.FontSize13 {font-size:13px}	
.FontWeight700 {font-weight:700}	
.FloatLeft {float:left}
.DivDefault {float:left; width:100%}
.Invisivel {display:none} 
.CampoArea {width:100%; height:80px; border:1px #dddddd solid; border-radius:6px; font-family:Open Sans; font-size:13px; line-height:1.4; color:#454545; padding:10px; box-sizing:border-box}
.SelectReadonly {pointer-events:none; touch-action:none; background-color:#f3f3f3 !important}
.BotaoConfirmar{float: right;height: 34px;padding: 0 10px;background-color: #12a4dd;border-radius: 5px;font-weight: 600;color: #fff;}
.BotaoConfirmar:hover{background-color: #004e9e;}

.AvisoErros {float:left;width:100%;color:#DD0000;font-weight:600;font-size:14px;margin-bottom:5px;margin-top:0px;}

.SaldoPositivo{color: #00ab00 !important}
.SaldoNegativo{color: #dd0000 !important}

.MarginTop5 {margin-top:5px}
.MarginTop10 {margin-top:10px}
.MarginTop20 {margin-top:20px}
.MarginTop30 {margin-top:30px}

.DivPaginacao {float:left;width:100%;text-align:center}
.pagination{display:inline-block;padding-left:0;margin-top:20px;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:8px 14px;margin-left:-1px;line-height:1.3333333;color:#404040;text-decoration:none;background-color:#fff;border:1px solid #ddd;font-size:16px;cursor:pointer}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#404040;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#404040;border-color:#404040}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}

.DivPermissoes {float:left; width:100%; padding:20px; border-radius:5px; border:1px solid #DDDDDD}
.CheckPermissoes {position:relative; top:3px; width:15px; height:15px;}
.DivEnderecos {float:left; width:calc(50% - 28px); margin:0px 20px 10px 0px; border-radius:5px; border:1px solid #DDDDDD; padding:10px;}
.RadioEndereco {float:left; width:30px; text-align:center; padding-top:10px;}
.InfoEndereco {float:left; width:calc(100% - 40px); margin-left:10px;}
.BotaoAdicionarInfo {float:left; width:100%; padding:13px 0px; font-size:14px; border-radius:5px; background-color:#e8e8e8; text-align:center; color:#7d7d7d; cursor:pointer}
.BotaoAdicionarInfo:hover {background-color:#dddddd}
.BotaoExcluirInfo {float:left; width:44px; height:44px; border:1px solid #DDD; border-radius:5px; background-color:#FFFFFF; background-image:url('../imagens/remover-painel.png'); background-repeat: no-repeat; background-position: center center; background-size:18px 18px}
.BotaoExcluirInfo:hover {border:1px solid #c4c4c4; cursor:pointer; background-color:#f7f7f7}

input:disabled, select:disabled {background-color:#EEEEEE !important}

#Alert {float:left;width:calc(100% - 60px);margin:20px;margin-top:0px;padding:12px;text-align:center;border-radius:4px;display:none}
.AlertVerde {background-color:#dff0d8;border:1px solid #d6e9c6;color:#3c763d}
.AlertAmarelo {background-color:#fcf8e3;border:1px solid #faebcc;color:#66512c}
.AlertVermelho {background-color:#fce5e3;border:1px solid #f5c8d4;color:#DD0000}

#Login{float:left; width:100%; height:100%; background-color:#f5f5f5; position:relative}
#Login .Corpo{position:absolute; top:calc(50% - 225px); left:calc(50% - 225px); min-width:auto; text-align:center}
#Login .Login{float:left; width:410px; margin-top:16px; border:1px solid #e9e9e9; padding:40px 48px; background-color:#FFF; border-radius:5px}
#Login .LoginText{float:left; width:100%; height:44px; margin-bottom:8px; padding:0px 16px; border:1px solid #e1e1e1; border-radius:5px; font-size:12px; color:#000000}
#Login .LoginBotao{float:left; width:100%; height:41px; border-radius:5px; background-color:#000; font-size:12px; color:#FFF}
#Login .EsqSenha {float:left; width:100%; text-align:left; margin-top:4px; margin-bottom:14px}
#Login .EsqSenha a {color:#666; font-size:12px; text-decoration:none}
#Login .EsqSenha a:hover {text-decoration:underline}

#Cabecalho{float:left; width:100%; background-color:#23292f}
#Cabecalho .Menu{float:left; padding:16px 32px; border-right:1px solid #5a5f64; font-size:13px; color:#FFF}
#Cabecalho .MenuNotificacao{float:right; width:18px; height:18px; margin-top:2px; margin-left:8px; background-color:#ed2133; border-radius:100%; text-align:center; font-size:11px; font-weight:600; color:#ffffff}
#Cabecalho .MenuMobile{float:left; padding:15px 32px; border-right:1px solid #5a5f64; background-image:url('../imagens/menu-mobile.png'); background-size:24px 24px; display:none}

#Topo{float:left; width:100%; text-align:center; border-bottom:1px solid #e4e4e4}
#Topo .CorpoDiv{padding:40px 20px}
#Topo .Logo{float:left; width:188px}
#Topo .Busca{float:left; width:540px; margin-top:10px}
#Topo .BuscaText{float:left; width:450px; height:56px; background-color:#f5f5f5; border:none; padding:0px 16px; font-size:13px; font-weight:500; font-style:italic; color:#6a6a6a}
#Topo .BuscaBotao{float:left; width:90px; height:56px; background-color:#12a4dd; background-image:url('../imagens/lupa.png')}
#Topo .Info{float:left; width:360px; margin-top:10px}
#Topo .InfoAtendimento{float:left; width:50%; position:relative}
#Topo .InfoAtendimentoTitulo{float:left; width:100%; margin-top:8px; margin-bottom:2px; padding-left:28px; background-image:url('../imagens/telefone.png'); background-position:left center; font-size:14px; color:#808080}
#Topo .InfoAtendimentoTelefone{float:left; width:100%; font-size:18px; color:#666666}
#Topo .InfoAtendimentoBorder{position:absolute; top:12px; right:0px; height:32px; border-right:1px solid #ebebeb}
#Topo .InfoCarrinho{float:left; width:calc(50% - 30px); margin-top:10px; margin-left:30px; padding-left:40px; background-image:url('../imagens/carrinho.png'); background-position:left center}
#Topo .InfoCarrinhoTitulo{float:left; width:100%; font-size:13px; font-weight:500; color:#23292f}
#Topo .InfoTelefone{float:left; width:100%; font-size:12px; color:#808080}
#Topo .Separador{float:left; width:calc(50% - 544px); height:56px}

#Banner{float:left; width:100%; text-align:center; margin-top:10px; margin-bottom:48px}
#Banner img{float:left; width:100%}

#Destaques{float:left; width:100%; text-align:center; padding:32px 0px; padding-bottom:0px; background-color:#f5f5f5}
#Destaques .DestaqueCorpo{float:left; width:calc(100% + 40px); margin-top:24px}
#Destaques .Destaque{float:left; width:calc(25% - 40px); margin-right:40px; margin-bottom:40px; padding:28px; background-color:#FFF}
#Destaques .DestaqueImg{float:left; width:100%; height:320px; min-height:320px}
#Destaques .DestaqueImgImg{text-align:center;width:100%;height:100%; position:relative}
#Destaques .DestaqueImgImg img{width:auto;height:auto; max-height:320px;max-width:100%; margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
#Destaques .DestaqueInfo{float:left; width:100%; margin-top:10px}
#Destaques .DestaqueInfoTitulo{float:left; width:100%; text-align:center; font-size:15px; color:#525252; white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#Destaques .DestaqueInfoPrecoLista{float:left; width:100%; text-align:center; margin-top:5px; margin-bottom:-4px; font-size:14px; font-weight:600; color:#808080;text-decoration:line-through}
#Destaques .DestaqueInfoPreco{float:left; width:100%; text-align:center; margin-top:5px; font-size:20px; font-weight:600; color:#12a4dd}

#Pagina{float:left; width:100%; margin:48px 0px; text-align:center}

#Lateral{float:left; width:280px; margin-right:40px}
#Lateral .Menu{float:left; width:100%; margin-bottom:40px}
#Lateral .MenuTopo{float:left; width:100%; padding:14px 16px; background-color:#12A4DD; font-size:14px; font-weight:700; color:#FFF; cursor:pointer}
#Lateral .MenuTopo img{margin-right:6px}
#Lateral .MenuDivCorpo{float:left; width:100%}
#Lateral .MenuDiv{float:left; width:100%; background-color:#f0f0f0; padding:13px 18px; margin-bottom:1px; font-size:14px; color:#656565}
#Lateral .MenuDiv:hover{background-color:#E5E5E5}
#Lateral .Banner{float:left; width:100%; max-width:100%;margin-bottom:20px}

#Conteudo{float:left; width:calc(100% - 320px)}
#Conteudo .Topo{float:left; width:100%; padding:14px 22px; background-color:#656565; font-size:14px; font-weight:700; color:#FFF}
#Conteudo .Produtos{float:left; width:100%; margin-top:4px}
#Conteudo .Produto{float:left; width:100%; padding:16px 0px; border-bottom:1px solid #eeeeee}
#Conteudo .Produto:nth-last-child(1){border-bottom:0px solid #eeeeee}
#Conteudo .ProdutoImg{float:left; width:210px;height:140px; padding-bottom:56.25%; padding:10px; border:1px solid #eeeeee; border-radius:3px; display:table}
#Conteudo .ProdutoImgImg{display:table-cell; vertical-align:middle; text-align:center;width:100%;height:100%}
#Conteudo .ProdutoImgImg img{width:auto;height:auto; max-width:calc(100% - 22px); max-height:118px}
#Conteudo .ProdutoText{float:left; width:calc(60% - 210px); height:115px; padding-left:28px; display:table}
#Conteudo .ProdutoTextTitulo{float:left; width:100%; margin-bottom:4px; font-size:16px; font-weight:600; color:#606062}
#Conteudo .ProdutoTextPrecoLista{float:left; width:100%; font-size:14px;color:#808080; font-weight:600}
#Conteudo .ProdutoTextPrecoLista2{color:#808080;text-decoration:line-through;font-size:14px;}
#Conteudo .ProdutoTextPreco{float:left; width:100%; font-size:20px; font-weight:600; color:#12a4dd}
#Conteudo .ProdutoTextPreco2{font-size: 14px;color:#12a4dd}
#Conteudo .ProdutoQtde{float:left; width:40%; height:115px; padding-left:40px; border-left:1px solid #EEE; display:table}
#Conteudo .ProdutoQtdeText{float:left; width:110px}
#Conteudo .ProdutoQtdeTextSpan{float:left; width:100%; margin-bottom:4px; font-size:13px; font-weight:700; color:#888888}
#Conteudo .ProdutoQtdeTextInput{float:left; width:100%; text-align:center; padding:9px; border-radius:5px; border:1px solid #d1d1d1; color:#777}

#Conteudo .ProdutoCarrinho{float:left; width:44px; height:38px; margin-top:22px; margin-left:18px; border-radius:5px; background-color:#1f93f5; background-image:url('../imagens/carrinho-branco.png')}
#Conteudo .ProdutoCarrinho2{background-color:#EEEEEE; background-image:url('../imagens/ajax-loader.gif');background-size:30px}
#Conteudo .ProdutoCarrinho3{background-color:#2ecc71; background-image:url('../imagens/ico_sucesso.png');background-size:20px 16px}

#Conteudo .ProdutoDetalhes{float:left; width:calc(100% - 180px); height:38px; margin-top:22px; margin-left:8px; border-radius:5px; background-color:#23292f; font-size:13px; color:#FFF}
#Conteudo .ProdutoDetalhes:hover{background-color:#313a42}
#Conteudo .Migalha{float:left; width:100%; font-size:12px; color:#8d8d8d}
#Conteudo .InstitucionalTitulo{float:left; width:100%; margin-top:4px; margin-bottom:16px; font-size:25px; font-weight:600; color:#303030}
#Conteudo .InstitucionalCorpo{float:left; width:100%; font-size:14px; line-height:23px; color:#727272}
.TabelaSelectInput {float: left; width: 100%; padding: 14px 16px; border-top: 1px solid #e8e8ec; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; color: #333}
#Conteudo .Imagem{float:left; width:calc(45% - 20px); margin-right:20px}
#Conteudo .ImagemConteudo{border:1px solid #e3e3e3;padding:10px}
#Conteudo .ImagemImagem{width:100%;}
#Conteudo .ImagemPequena{width:calc(50% - 5px);max-height:100px}
#Conteudo .Detalhes{float:left; width:calc(55% - 5px); margin-left:5px}
#Conteudo .DetalhesTitulo{float:left; width:100%; margin-top:6px; font-size:34px; font-weight:600; color:#303030}
#Conteudo .DetalhesPrecoLista{float:left; width:100%; font-size:15px; color:#808080}
#Conteudo .DetalhesPrecoLista2{color:#808080;text-decoration:line-through;font-size:15px;}
#Conteudo .DetalhesPreco{float:left; width:100%; font-size:30px; color:#12a4dd}
#Conteudo .DetalhesPreco2{font-size:16px; color:#12a4dd}
#Conteudo .DetalhesCompra{float:left; width:100%; margin-top:28px}
#Conteudo .DetalhesCompraDiv{float:left; width:100%; margin-bottom:10px; border:1px solid #e5e5e5}
#Conteudo .DetalhesCompraDiv:hover{background-color:#FAFAFA}
#Conteudo .DetalhesCompraDiv2{float:left; width:100%; margin-bottom:20px}
#Conteudo .DetalhesCompraIcone{float:left; width:72px; height:60px; border-right:1px solid #e5e5e5}
#Conteudo .DetalhesCompraOpcao{float:left; width:calc(100% - 72px); height:60px; padding:0px 24px; font-size:14px; color:#444; display:table}
#Conteudo .DetalhesCompraOpcao2{float:left;margin-left:10px}
#Conteudo .DetalhesCompraOpcao3{float:left;margin-top:3px}
#Conteudo .IconeNuvem{background-image:url('../imagens/icone_nuvem.png')}
#Conteudo .IconeArtes{background-image:url('../imagens/icone_artes.png')}
#Conteudo .IconeCriacao{background-image:url('../imagens/icone_criacao.png')}
#Conteudo .DetalhesQuantidade{float:left; width:100%; margin-top:4px; padding:16px 32px; background-color:#f5f5f5}
#Conteudo .DetalhesQuantidadeSpan{float:left; margin-top:8px; margin-right:14px; font-size:16px; font-weight:700; color:#393939}
#Conteudo .DetalhesQuantidadeText{float:left; width:108px; height:38px; padding:8px; border:1px solid #c5c5c5; border-radius:5px; text-align:center; color:#393939}
#Conteudo .DetalhesQuantidadeBotao{float:left; width:calc(100% - 238px); height:38px; margin-left:16px; background-color:#393939; border-radius:5px; font-weight:600; color:#FFF}
#Conteudo .DetalhesQuantidadeBotao:hover{background-color:#4c4c4c}
#Conteudo .DetalhesMenu{float:left; width:100%; margin-top:20px; border-bottom:1px solid #DDDDDD}
#Conteudo .DetalhesMenuAba{float:left; width:calc(33% - 5px); height:50px; padding:0px 4px; margin-left:5px; text-align:center; background-color:#EEEEEE; border-radius:12px 12px 0px 0px; font-size:13px; color:#333333; display:table;cursor:pointer}
#Conteudo .DetalhesMenuAba:hover{background-color:#12A4DD; font-weight:600; color:#FFF}
#Conteudo .DetalhesMenuAba1 {width:calc(25% - 5px)}
#Conteudo .DetalhesMenuAba2 {width:calc(42% - 5px)}
#Conteudo .DetalhesMenuAba3 {width:calc(33% - 5px)}
#Conteudo .DetalhesMenuAbaSel{background-color:#12A4DD; font-weight:600; color:#FFFFFF !important}
#Conteudo .DetalhesTextoTitulo, .DetalhesEspecificacoes, .DetalhesCompatibilidade {display:none}
#Conteudo .DetalhesEsconde {display:none}
#Conteudo .DetalhesMostra {display:inline}
#Conteudo .ImagemDescricao{float:left; width:100%; margin-top:24px}
#Conteudo .ImagemDescricaoTitulo{float:left; width:100%; margin-bottom:8px; font-size:18px; font-weight:600; color:#303030}
#Conteudo .ImagemDescricaoTexto{float:left; width:100%; font-size:13px; line-height:22px; color:#727272}

#Conteudo .ProdDetVincCont {float:left; width:100%; margin-top:30px; margin-bottom:10px}
#Conteudo .ProdDetTxtVinc {float:left; width:100%; font-size:18px; font-weight:600}
#Conteudo .ProdDetContBox {float:left; width:calc(100% + 10px)}
#Conteudo .ProdDetBoxImg {float:left; width:calc(20% - 10px); border:1px #ddd solid; border-radius:3px; padding-bottom:17%; margin-top:10px; margin-right:10px; background-size:contain; background-repeat:no-repeat; background-position:center center}
#Conteudo .ProdDetBoxImg:hover {cursor:pointer; border:1px #34a4dc solid}

#Carrinho{float:left; width:100%; text-align:center; min-height: calc(100% - 582px)}
#Carrinho .CorpoDiv{padding:32px 20px}
#Carrinho .Titulo{float:left; width:100%; margin-top:4px; margin-bottom:20px; font-size:25px; font-weight:600; color:#303030}
#Carrinho .Tabela{float:left; width:100%}
#Carrinho .TabelaTopo{float:left; width:100%; padding:15px 20px; background-color:#E8E8E8; font-size:14px; color:#656565}
#Carrinho .TabelaLinha{float:left; width:100%; padding:15px 20px; border-bottom:1px solid #E8E8E8; font-size:14px; color:#656565}
#Carrinho .TabelaProduto{float:left; width:45%}
#Carrinho .TabelaPreco{float:left; width:15%}
#Carrinho .TabelaQuantidade{float:left; width:20%}
#Carrinho .TabelaSubtotal{float:left; width:15%}
#Carrinho .TabelaExcluir{float:left; width:5%; cursor:pointer}
#Carrinho .Compra{float:right; width:320px}
#Carrinho .CompraLinha{float:left; width:100%; padding:20px 0px; border-bottom:1px solid #E8E8E8}
#Carrinho .CompraLinha:nth-last-child(1){border-bottom:0px solid #E8E8E8}
#Carrinho .CompraSubtotal{float:left; font-size:16px; color:#515151}
#Carrinho .CompraValor{float:right; font-size:16px; color:#515151}
#Carrinho .CompraSpan{font-size:14px; font-weight:500; color:#515151}
#Carrinho .FinalizarCompra{float:left; width:100%; margin:20px 0px; padding:15px; border-radius:5px; text-align:center; background-color:#12a4dd; font-size:14px; color:#FFF}
#Carrinho .ContinuarComprando{float:left; width:225px; margin:20px 0px; padding:15px; border-radius:5px; text-align:center; background-color:#24292F; font-size:14px; color:#FFF}
#Carrinho .TabelaProdutoImg{float:left; width:70px; height:70px; background-size:contain; margin-right:58px}
#Carrinho .TabelaProdutoTitulo{float:left; width:calc(100% - 128px)}
#Carrinho .Height70{display:table; height:70px}
#Carrinho .TabelaSpan{font-size:16px; font-weight:700}
#Carrinho .TabelaQuantidadeText{display:inline-block; width:50%; border:1px solid #DDD; border-radius:5px; padding:8px 12px; text-align:center; color:#444}
#Carrinho .DivCampoValores{float:left;width:100%;font-size:16px; font-weight:700}
#Carrinho .DivCampoValores2{float:left;width:100%;font-size:14px; font-weight:400;text-decoration:line-through}
#Carrinho .DivDespachante {float:left; width:100%; margin-top:14px}
#Carrinho .DivDespachante textarea {width:100%; height:80px; border:1px #dddddd solid; border-radius:6px; font-family:Open Sans; font-size:13px; line-height:1.4; color:#454545; padding:10px; box-sizing:border-box}
#Carrinho .LinhaExpectativa{text-align: right;float:right;width: 100%;}
#Carrinho .Link{text-decoration:underline; font-weight:700; color:#12A4DD}

#Corpo .CorpoDiv{padding:56px 20px}
#Corpo .Vendedor100{float:left; width:calc(100% + 36px); margin-bottom:40px}
#Corpo .Vendedor50{float:left; width:calc(50% + 18px)}
#Corpo .Vendedor50Cobranca{float:left; width:calc(50% - 18px)}
.DivSpan{float:left; position:relative}
.DivSpan20{width:calc(20% - 36px); padding-right:16px}
.DivSpan33{width:33.3%; padding-right:36px}
.DivSpan50{width:50%; padding-right:36px}
.DivSpan50Margin{width:calc(50% - 10px); padding-right:16px; margin-bottom:16px}
.DivSpan80{width:80%}
.DivSpan100{width:100%; padding-right:36px; margin-bottom:16px}
.DivTitulo{float:left; width:100%; margin-bottom:16px; font-size:25px; font-weight:600; color:#303030}
.DivTituloText{float:left; width:100%; margin-bottom:4px; font-size:13px; color:#303030;text-align:left}
.DivText{float:left; width:100%; border:1px solid #DDD; border-radius:5px; padding:12px 14px; font-size:14px; position:relative; z-index:2}
#Corpo .Menu{float:left; width:100%; margin-bottom:40px; border-bottom:1px solid #DDDDDD}
#Corpo .MenuDiv{float:left; width:108px; padding:21px 0px; margin-right:8px; text-align:center; background-color:#EEEEEE; border-radius:12px 12px 0px 0px; font-size:13px; color:#333333}
#Corpo .MenuDivClientes{width:156px}
#Corpo .MenuDiv:hover {background-color:#12A4DD; font-weight:600; color:#FFF}

.MenuSeta {float:right; width:20px; height:20px; margin-left:5px; background-image: url('../imagens/seta-menu.png'); background-repeat: no-repeat; background-position: center center; background-size:contain}
.MenuContaDiv {float:right !important; cursor:pointer}
.MenuContaDiv:hover #MenuConta {display: block !important}
#MenuConta {display: none; z-index:99; position: absolute; right:0px; top:52px; width:200px; background-color:#f5f5f5; color:#333333;}
#MenuConta .MenuContaTexto {float:left; width:100%; padding:10px; border:1px solid #dfdfdf; background-color:#f5f5f5; color:#333333; cursor:pointer}
#MenuConta .MenuContaTexto:hover {background-color:#12A4DD; color:#FFF;}
#MenuConta .Contas:hover .MenuContas {display: block !important}
#MenuConta .MenuContas {display: none; z-index: 999; position: absolute; right:200px; top:39px; width:200px; background-color:#f5f5f5; color:#333333;}

#Corpo .DivTextAba{z-index:9}
.DivDivText{float:left; width:100%; border:1px solid #DDD; border-radius:5px; overflow:hidden; font-size:14px}
.DivSelect{float:left; width:64px; padding:10px; border:1px solid transparent}
.DivSelect2{float:left; width:100%; padding:10px;height:44px; border:1px solid #DDD; border-radius:5px; font-size:14px}
.DivSelect3{float:left; width:80px; padding:6px;height:36px; border:1px solid #DDD; border-radius:5px; font-size:14px}
#Corpo .DivAba{position:absolute; top:calc(100% - 3px); left:0px; z-index:3; width:calc(100% - 36px); overflow:hidden; background-color:#FCFCFC; border:1px solid #ddd; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15); border-radius:0px 0px 5px 5px}
#Corpo .DivAbaSpan{float:left; width:100%; padding:10px 13px; font-size:13px; color:#1f1f1f; border-bottom:1px solid #e5e5e5; cursor:pointer}
#Corpo .DivAbaSpan:nth-last-child(1){border-bottom:0px solid #e5e5e5}
#Corpo .DivAbaSpan:hover{background-color:#12a4dd; color:#FFF}
#Corpo .EnderecoCobrancaCorpo{float:left; width:calc(100% + 20px)}
#Corpo .EnderecoCobranca{float:left; width:calc(33.3% - 20px); margin-right:20px; margin-bottom:20px; background-color:#FFF; border:1px solid #DADADA; border-radius:5px; overflow:hidden}
#Corpo .EnderecoCobrancaIcone{float:left; width:100%; text-align:center; padding:32px 0px}
#Corpo .EnderecoCobrancaRadio{float:left; width:100%; padding:12px 0px; border-top:1px solid #DADADA; text-align:center; font-size:13px; color:#444}
#Corpo .EnderecoCobrancaRadioRadio{display:inline-block}
#Corpo .EnderecoCobrancaRadioSpan{display:inline-block; margin-left:4px}
#Corpo .FinalizarCompraCorpo{float:left; width:100%}
#Corpo .FinalizarCompra{float:left; width:100%; margin-top:32px; margin-bottom:8px; padding:15px; border-radius:5px; text-align:center; background-color:#12a4dd; font-size:14px; color:#FFF}
#Corpo .PedidoCompleto{float:left; width:100%; margin-top:32px; margin-bottom:8px; padding:15px; border-radius:5px; text-align:center; background-color:#E5E5E5; font-size:13px; color:#1f1f1f}
#Corpo .Compra{float:left; width:calc(50% - 20px); margin-right:20px}
#Corpo .CompraTitulo{float:left; width:100%; font-size:22px; font-weight:600; color:#14A4E0}
#Corpo .CompraPedido{float:left; width:100%; margin-top:16px; margin-bottom:36px; font-size:20px; font-weight:600; color:#444}
#Corpo .CompraPedidoNumero{font-size:24px; text-decoration:underline}
#Corpo .BlocoInfo{float:left; width:100%; margin-bottom:28px}
#Corpo .BlocoInfo:nth-last-child(1){margin-bottom:0px}
#Corpo .BlocoTitulo{float:left; width:100%; margin-bottom:3px; font-size:14px; font-weight:600; color:#444}
#Corpo .BlocoTexto{float:left; width:100%; font-size:14px; line-height:22px; color:#444}
#Corpo .BlocoBorder{float:left; width:100%; margin-bottom:28px; border-bottom:1px solid #DDD}
#Corpo .Resumo{float:left; width:calc(50% - 20px); margin-left:20px}
#Corpo .BlocoBtPendencias{background-color: #b80405; font-size: 11px; color: #fff; border: 0px; border-radius: 6px; padding: 15px 20px}
#Corpo .BlocoBtPendencias:hover{background-color: #a50303; cursor: pointer}
#Corpo .BlocoPendenciaTxt{color: #d00; font-size: 11px; font-weight: 700}
#Corpo .BlocoBtPendencias.Email{background-color: #1479e0;}
#Corpo .BlocoBtPendencias.Email:hover{background-color: #004e9e;}
#Corpo .ResumoTabela{float:left; width:100%; border:1px solid #E5E5E5; margin-bottom:28px}
#Corpo .ResumoTopo{float:left; width:100%; padding:15px 20px; font-size:14px; background-color:#EDEDED; color:#393939}
#Corpo .ResumoLinha{float:left; width:100%; padding:15px 20px; border-bottom:1px solid #E5E5E5}
#Corpo .ResumoLinhaExpectativa{padding:0px}
#Corpo .ResumoLinha:nth-last-child(1){border-bottom:0px solid #E5E5E5}
#Corpo .ResumoLinhaImg{float:left; width:72px; height:72px; margin-right:28px; background-size:contain}
#Corpo .ResumoLinhaInfo{float:left; width:calc(100% - 216px); height:72px; display:table}
#Corpo .ResumoLinhaSpan{float:left; height:62px; padding:0px 20px; font-size:14px; color:#555}
#Corpo .ResumoExpectativa{width:50%; padding-top:22px}
#Corpo .ResumoExpectativaAdicionado{width:50%; padding-top:22px; text-align:center; border-left:1px solid #DDD}
#Corpo .ResumoExpectativaValor{width:50%; text-align:center; border:none; border-left:1px solid #DDD}
#Corpo .ResumoSalvar{float:left; width:100%; border-radius:5px; padding:10px; background-color:#14A4E0; margin-top:11px; font-size:14px; font-weight:500; color:#fff}
#Corpo .ResumoLinhaPreco{float:left; width:116px; height:72px; display:table}
#Corpo .ResumoTitulo{float:left; width:100%; font-size:16px; font-weight:700; color:#555}
#Corpo .ResumoPreco{float:left; width:116px; text-align:center; font-size:15px; font-weight:600; color:#505050}
#Corpo .ResumoQtde{float:left; width:100%; margin-top:2px; font-size:12px; color:#505050}
#Corpo .Titulo{float:left; width:100%; margin-top:4px; margin-bottom:20px; font-size:25px; font-weight:600; color:#303030}
#Corpo .TopoEsquerda{float:left; width:50%}
#Corpo .TopoDireita{float:right; width:50%}
#Corpo .BotaoVoltar{float:right; max-width:380px; width:170px; background-color:#DDD; border-radius:5px; padding:13px 24px; text-align:center; font-size:14px; color:#333}
#Corpo .BotaoIncluir{float:right; max-width:380px; width:170px; background-color:#12a4dd; border-radius:5px; margin-left:18px; padding:13px 24px; text-align:center; font-size:14px; font-weight:600; color:#FFF}
#Corpo .BotaoAlterar{float:left; width:120px; background-color:#555; border-radius:5px; padding:11px 24px; text-align:center; font-size:14px; font-weight:600; color:#FFF}
.PedidoCabecalhoTitulo{float: left; width: 100%; font-size: 24px; font-weight: 600}
.PedidoCabecalhoTxt{float: left; width: 100%; color: #333; font-size: 13px}
.Filtro{float: left; width: 100%;margin-bottom: 20px}

#Corpo .Info{float:left; width:calc(100% + 20px); margin-bottom:36px}
#Corpo .InfoTop{margin-top:28px}
#Corpo .InfoDiv{float:left; width:calc(50% - 20px); margin-right:20px}
#Corpo .InfoDiv100{width:calc(100% - 20px); margin-bottom:28px}
#Corpo .InfoTopo{float:left; width:100%; background-color:#3B4B54; padding:12px 20px; border-radius:7px 7px 0px 0px; font-size:14px; font-weight:600; color:#FFF}
#Corpo .InfoCorpo{float:Left; width:100%; min-height:290px; height:290px; max-height:290px; overflow-y:auto; padding:8px 20px; border:1px solid #DDDDDD; border-radius:0px 0px 7px 7px}
#Corpo .InfoCorpoCliente{float:Left; width:100%; padding:8px 20px; border:1px solid #DDDDDD; border-radius:0px 0px 7px 7px}
#Corpo .InfoCorpoDados{min-height:330px; height:330px; max-height:330px}
#Corpo .InfoLinha{float:left; width:100%; font-size:13px; color:#333; line-height:38px; border-bottom:1px solid #DDDDDD; white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#Corpo .InfoLinha:nth-last-child(1){border-bottom:0px solid #DDDDDD}
#Corpo .InfoHistoricoTitulo{float:left; width:100%; line-height:1.4; margin-top:16px; font-size:13px; font-weight:600; color:#12A4DD}
#Corpo .InfoHistoricoTexto{float:left; width:100%; line-height:1.4; margin-top:4px; margin-bottom:16px; font-size:13px; color:#666666}
#Corpo .TabelaConteudo{float:left; width:100%; overflow-x:auto}
.Tabela{float:left; width:100%; min-width:640px; margin-bottom:10px; border-radius:5px; border:1px solid #E8E8EC; overflow:hidden}
.TabelaTopo{float:left; width:100%; padding:14px 16px; background-color:#F4F4F4}
.TabelaTopoSpan{float:left; font-size:14px; font-weight:700; color:#333333; white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.TabelaLinha{float:left; width:100%; padding:0px 16px; border-top:1px solid #E8E8EC; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; color:#333}
.TabelaLinha2{float:left; width:100%; padding:0px 16px; border-top:1px solid #E8E8EC; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; color:#333}
.TabelaLinha3{float:left; width:100%; padding:0px 16px; border-top:1px solid #E8E8EC; color:#333}
.TabelaLinha:nth-child(odd){background-color:#F9F9F9}
.TabelaLinha:hover{background-color:#EDEDED;}
#Corpo .TabelaLinhaValorTotal{background-color:#F4F4F4}
.TabelaLinhaFrete{background-color:#FFF !important}
.TabelaLinhaSpan{float:left; padding:14px 0px; font-size:13px}
.TabelaIconeMais {background-image: url('../imagens/icone_mais.jpg'); cursor: pointer; background-size: 23px; padding: 22px;}
#Corpo .TabelaLinhaSpanFrete{padding:24px 0px}
#Corpo .TabelaTotal{background-color:#d9d9d9}
#Corpo .TabelaValorTotal{padding:28px 0px; font-size:19px; font-weight:700; color:#444444}
#Corpo .TabelaValorTotalPedidos{font-size:16px; font-weight:700; color:#444444}
#Corpo .TabelaImagem{float:left; width:70px; height:70px; margin-right:30px; border:1px solid #DDDDDD; border-radius:5px; text-align:center; position:relative}
#Corpo .TabelaImagem img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:60px; max-height:60px}
#Corpo .TabelaProduto{float:left; width:calc(100% - 100px); height:70px; font-size:14px; color:#444444; display:table}
#Corpo .TabelaHeight{display:table; height:98px}
#Corpo .TabelaCentraliza{display:table-cell; vertical-align:middle}
#Corpo .TabelaExcluir{background-image:url('../imagens/excluir.png')}
.DivCampoValores{float: left;width: 100%}
.Tabela10{width:10%}
#Corpo .Tabela15{width:15%}
#Corpo .Tabela20{width:20%}
#Corpo .Tabela25{width:25%}
#Corpo .Tabela30{width:30%}
#Corpo .Tabela35{width:35%}
#Corpo .Tabela40{width:40%}
#Corpo .Tabela45{width:45%}
#Corpo .Tabela55{width:55%}
#Corpo .Tabela60{width:60%}
.Tabela70{width:70%}
#Corpo .Tabela80{width:80%}
#Corpo .Tabela90{width:90%}
.TabelaCenter{text-align:center}
#Corpo .TabelaRight{text-align:right}
#Corpo .TabelaInput{float:left; width:calc(100% - 20px); border:1px solid #DDDDDD; margin-top:-16px; padding:10px 12px; position:relative; top:8px; border-radius:3px}
#Corpo .TabelaInputText{float:left; width:100%; border:1px solid #DDDDDD; margin-top:-16px; padding:10px 12px; position:relative; top:8px; border-radius:3px; text-align:center}
#Corpo .TabelaInputFrete{margin-top:-26px; top:12px; background-color:#272727; border-radius:5px; padding:12px; font-size:14px; font-weight:700; color:#FFF; cursor:pointer}
#Corpo .TabelaVermelho{color:#ec3545}
#Corpo .TabelaPendenciaDiv{float:left; width:16px; height:16px; border-radius:100%; margin-right:10px}
#Corpo .TabelaBotao{float:left; width:calc(100% - 20px); padding:12px; border-radius:3px; background-color:#333333; font-size:14px; font-weight:600; color:#FFF}
.TabelaFrase{float:left; width:100%; text-align:center; padding:60px 0px; font-size:15px; color:#333;background-color:#F5F5F5}
#Corpo .PendenciaVermelho{background-color:#ed2133}
/*#Corpo .PendenciaVerde{}*/
#Corpo .TabelaInputPedido{float:left; width:calc(100% - 40px); border:1px solid #DDDDDD; margin-top:-16px; padding:14px 12px; position:relative; top:8px; border-radius:8px; text-align:center}
#Corpo .Botao100{float:left; width:calc(100% - 40px); border:1px solid #DDDDDD; margin-top:-16px; padding:14px 12px; position:relative; top:8px; border-radius:8px; text-align:center}
#Corpo .ListagemLinha{float:left; width:calc(100% - 32px); margin:0px 16px; border-bottom:1px solid #E8E8EC}
#Corpo .ListagemLinha:nth-last-child(1){border-bottom:0px solid #E8E8EC}
#Corpo .ListagemCorpo{float:left; width:100%; height:47px; border-bottom:1px solid #E8E8EC; overflow:hidden; transition:0.3s}
#Corpo .ListagemCorpo2{float:left; width:100%; border-bottom:1px solid #E8E8EC; transition:0.3s}
#Corpo .ListagemTopo{border-bottom:1px solid #E8E8EC}
#Corpo .ListagemBotaoCorpo{float:left; width:100%; padding:24px 16px}
#Corpo .ListagemBotao{float:left; width:170px; height:42px; border-radius:6px; font-size:13px; font-weight:600; color:#FFF}
#Corpo .ListagemBotaoAprovar{background-color:#2DB200; margin-right:18px}
#Corpo .ListagemBotaoCancelar{background-color:#CB2D1B}
#Corpo .ListagemBotaoRejeitar{background-color:#333333; width:322px; margin-bottom:24px}
#Corpo .ListagemBotaoArquivo{background-color:#333333; margin-top:16px; margin-bottom:24px}
#Corpo .ListagemTextarea{float:left; width:100%; height:115px; padding:12px; margin-bottom:16px; border-radius:6px; border:1px solid #CDCDCD}
#Corpo .ListagemOpcoes{float:left; width:100%}
#Corpo .ArquivoEnvio{float:left; width:100%; margin-top:16px}
#Corpo .ArquivoEnvioTitulo{float:left; width:100%; margin-bottom:3px; font-size:13px; font-weight:700; color:#333}
#Corpo .ArquivoEnvioCorpo{float:left; width:100%}
#Corpo .ArquivoEnvioText{float:left; width:470px; border:1px solid #DDD; padding:11px 16px; border-radius:3px 0px 0px 3px; font-size:13px; color:#999999}
#Corpo .ArquivoEnvioBotao{float:left; width:124px; text-align:center; padding:12px 0px; border-radius:0px 3px 3px 0px; background-color:#DDDDDD; font-size:13px; color:#333}
.EnderecoDados{float:left; width:100%; margin-bottom:16px}
.EnderecoDadosModal{float:left; width:100%; margin-bottom:16px; border:1px solid #CCC; border-radius:8px; padding:16px}
.EnderecoDadosDiv{float:left; width:calc(50% - 20px); height:248px; margin-left:20px; margin-bottom:20px; border:1px solid #CCC; border-radius:8px; padding:16px; text-align:left; display:table; color:#444}
.EnderecoDadosDiv:hover{border:1px solid #12A4DD; color:#12A4DD}
.EnderecoDadosDiv:hover .EnderecoDadosEndereco{color:#12A4DD}
.EnderecoDadosDiv:hover .EnderecoPlus{background-image:url('../imagens/plus-azul.png')}
.EnderecoDadosDiv:hover .EnderecoDadosPrincipal{border-top:1px solid #12A4DD}
.EnderecoDadosModal input{float:right}
.EnderecoDadosTitulo{float:left; width:100%; padding-right:34px; margin-bottom:6px; font-size:15px; font-weight:600; color:#303030}
.EnderecoTituloEndereco{width:calc(100% - 72px)}
.EnderecoDadosEndereco{float:left; width:100%; margin-top:10px; text-align:center; font-size:16px; color:#777}
.EnderecoDadosInfo{float:left; width:100%; padding-right:34px; line-height:23px; font-size:14px; color:#303030}
.EnderecoSelecionar{float:right; margin-right:5px; line-height:12px; font-size:14px; color:#777}
.EnderecoSelecionarAzul{color:#1093C7 !important}
.EnderecoSelecionado{border:1px solid #12A4DD; color:#12A4DD}
.EnderecoPlus{width:64px; height:64px; margin:auto; background-image:url('../imagens/plus.png')}
.EnderecoFormCorpo{float:left; width:calc(100% + 36px)}
.EnderecoAdicionar{text-align:center; padding:24px 16px; margin-bottom:0px; cursor:pointer}
.EnderecoBotaoTopo{float:left; width:100px; height:40px; margin-bottom:28px; background-color:#444; border-radius:5px; font-size:14px; font-weight:600; color:#FFF}
.EnderecoBotaoSalvar{float:right; width:128px; height:40px; background-color:#12a4dd; border-radius:5px; font-size:14px; font-weight:600; color:#FFF}
.EnderecoAdicionar:hover{border:1px solid #12A4DD}
.EnderecoAdicionar:hover .EnderecoDadosEndereco{color:#1093C7}
.EnderecoAdicionar:hover .EnderecoPlus{background-image:url('../imagens/plus-azul.png')}
.EnderecoDadosPrincipal{float:left; width:100%; margin-top:16px; padding-top:8px; text-align:center; border-top:1px solid #CCC; cursor:pointer}
#Corpo .EnderecoDadosDivTitulo{float:left; width:100%; margin-bottom:6px; font-size:19px; font-weight:600}
#Corpo .EnderecoDadosDivInfo{float:left; width:100%; line-height:23px; font-size:14px; color:#303030; white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#Corpo .EnderecoDadosPrincipalSelecionado{border-top:1px solid #12a4dd}
#Corpo .EnderecoDadosInput{float:none !important; display:inline-block; margin-top:3px; margin-right:5px}
#Corpo .EnderecoSelecionarPrincipal{display:inline-block; margin-right:5px; font-size:14px}
#Corpo .EnderecoEditar{float:right !important; margin-right:0px !important; font-size:14px}
#Corpo .TabelaCursor{cursor:pointer}
#Corpo .Link{text-decoration:underline; font-weight:700; color:#12A4DD}
#Corpo .MaisDetalhes{float:left; width:100%; text-align:center; padding:16px; display:block; cursor:pointer}
#Corpo .MaisDetalhesSpan{display:inline-block; background-image:url('../imagens/mais-detalhes.png'); background-position:left center; padding-left:26px; line-height:16px; font-size:13px; font-weight:700; color:#12A4DD}
#Corpo .MenosDetalhes{float:left; width:100%; text-align:center; padding:16px; display:block; cursor:pointer}
#Corpo .MenosDetalhesSpan{display:inline-block; background-image:url('../imagens/menos-detalhes.png'); background-position:left center; padding-left:26px; line-height:16px; font-size:13px; font-weight:700; color:#12A4DD}
#Corpo .CartaoDiv{float:left; width:220px; margin:16px 0px; margin-right:32px}
#Corpo .CartaoDiv img{width:100%}
#Corpo .AdicionarCorpo{float:left; width:100%; margin:48px 0px; text-align:center}
#Corpo .SpanAdicionar{display:inline-block; width:480px; margin-bottom:4px; text-align:left; font-size:14px; font-weight:700; color:#444}
#Corpo .InputAdicionar{display:inline-block; width:480px; margin-bottom:16px; border:1px solid #DDDDDD; padding:14px 16px; border-radius:5px; color:#333}
#Corpo .BotaoAdicionarSalvar{display:inline-block; width:480px; padding:14px; border-radius:5px; background-color:#46b74a; margin-top:8px; font-size:14px; font-weight:600; color:#FFF}
#Corpo .CamposNaoCorrespondem{float:left; width:100%; text-align:center; margin-bottom:8px; font-size:16px; font-weight:600; color:#D92929;margin-top:29px;margin-right:35px}
.BotaoAdicionar{float: right; min-width:140px; padding:14px; background-color:#46b74a; border-radius:5px; margin-bottom:20px; font-size:14px; font-weight:600; color:#FFF;}
#Corpo .CliPedTxt {float:left; width:100%; margin-bottom:10px; font-size:13px}	
#Corpo .CliPedBt {float:left; width:100%; margin-top:10px; margin-bottom:6px; font-size:13px}	
#Corpo .CliPedBotao {font-size:13px; background-color:#333; color:#fff; border:0px; border-radius:3px; width:100%; height:35px}	
#Corpo .CliPedBotao:hover {background-color:#454545; cursor:pointer}	
#Corpo .CliPedTrTitulo {background-color:#F4F4F4; font-size:14px; color:#444; height:50px; font-weight:700}	
#Corpo .CliPedColTit1 {border-right:1px #e5e5e5 solid; padding:0px 20px}	
#Corpo .CliPedColTit2 {padding:0px 20px}	
#Corpo .CliPedTdEsq {border-right:1px #e5e5e5 solid; border-top:1px #e5e5e5 solid; padding:20px 20px; color:#555}	
#Corpo .CliPedSubs {padding:20px; border-top:1px #e5e5e5 solid}	
#Corpo .CliPedTr:nth-child(even) {background-color:#ffffff }	
#Corpo .CliPedTr:nth-child(odd) {background-color:#f5f5f5}	
#Corpo .CliPedEntregueTxt {color:#74AD1F}	
#Corpo .CliPedCancelTxt {color:#dd0000}	
#Corpo .CliPedEntregueCont {float:left; width:100%; font-size:14px; font-weight:700; color:#454545}	
#Corpo .CpEstiloTxtBarra {color:#454545; font-size:12px}	
#Corpo .CpEstiloTxtBarra2 {height:6px; font-size:1px}	
#Corpo .CpPosRel {position:relative}	
#Corpo .CpBgVerde {background-color:#92D827}
#Corpo .CpBgAndamento {background: -moz-linear-gradient(left, #92d827 49%, #dddddd 51%);background: -webkit-linear-gradient(left, #92d827 49%,#dddddd 51%);background: linear-gradient(to right, #92d827 49%,#dddddd 51%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92d827', endColorstr='#dddddd',GradientType=1 );}
#Corpo .CpBgCinza {background-color:#DDDDDD}	
#Corpo .CpCirculoVerde {width:35px; height:35px; background-color:#92D827; border-radius:35px; position:absolute; top:-14px; left:calc(50% - 17px)}
#Corpo .CpCirculoCinza, #Corpo .CpCirculoAndamento {width:35px; height:35px; background-color:#DDDDDD; border-radius:35px; position:absolute; top:-14px; left:calc(50% - 17px)}
#Corpo .CpCirculoCinza {width:35px; height:35px; background-color:#DDDDDD; border-radius:35px; position:absolute; top:-14px; left:calc(50% - 17px)}	
#Corpo .CpCirculoDetalhesVerde {width:50px; height:50px; background-color:#92D827; border-radius:50px; position:absolute; top:-20px; left:calc(50% - 25px)}
#Corpo .CpCirculoDetalhesAndamento {width: 50px;height: 50px;background-color: #dddddd;border-radius: 50px;position: absolute;top: -20px;left: calc(50% - 25px);}
#Corpo .CpCirculoDetalhesCinza {width:50px; height:50px; background-color:#DDDDDD; border-radius:50px; position:absolute; top:-20px; left:calc(50% - 25px)}	
#Corpo .CpNumPed {font-size:14px; font-weight:700; color:#454545}	
#Corpo .CpContPendencias {float:left; width:100%}	
#Corpo .CpBoxPendencias {float:left; width:100%; border:2px #B20000 solid; border-radius:4px; padding:20px; background-color:#FFF4F4; margin-bottom:20px; color:#B20000; font-size:15px; font-weight:600}	
#Corpo .CpBoxPendTitulo {float:left; width:calc(100% - 180px); color:#B20000; font-size:15px}	
#Corpo .CpBoxPendBt {float:right; width:180px; text-align:right}	
#Corpo .CpBtPend {height:38px; background-color:#B20000; color:#fff; border:0px; border-radius:3px; font-weight:600; padding:0px 30px}	
#Corpo .CpBtPend:hover {background-color:#9d0000; cursor:pointer}	
#Corpo .SubPedidoTextoLog {float:left;width:100%;margin-top:10px;padding:0px 8px}
#Corpo .PosCenterCenter {margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}#Corpo .CpBoxSucesso {float:left; width:100%; border:2px #91c23d solid; border-radius:4px; padding:20px; background-color:#f3f3f3; margin-bottom:20px; color:#739830; font-size:14px; position:relative; font-weight:600}	
#Corpo .CpBoxClose {position:absolute; top:10px; right:10px}	
#Corpo .CpBoxClose:hover {cursor:pointer; filter:alpha(opacity=70); opacity:.7}	
.VersoesAnteriores {float:right;cursor:pointer;border:0px;background-color:#1479e0;color:#FFF;margin-right: 20px;border-radius: 5px;padding: 13px 24px;text-transform: uppercase;font-size: 14px;}

#Corpo .DivContStatusSubpedido {float:left; width:100%; border-top:1px #E8E8EC solid; padding:50px 20px 20px 32px}	
#Corpo .DivContStatusFrete {float:left; width:100%; border-top:1px #E8E8EC solid; padding:20px; background-color:#f7f7f7}	
#Corpo .DivFreteAprovacao {float:left; width:100%; color:#dd0000; font-size:17px; font-weight:700}	
#Corpo .DivContOpcoesFrete{float:left; width:100%; margin-top:10px}	
#Corpo .BtAprovarFrete {background-color:#333; color:#fff; font-size:13px; height:30px; border:0px; border-radius:3px; padding:0px 20px}	
#Corpo .BtAprovarFrete:hover {background-color:#454545; cursor:pointer}	
#Corpo .ContinuarComprando{float:left; width:225px; padding:15px; border-radius:5px; text-align:center; background-color:#24292F; font-size:14px; color:#FFF}
#Corpo .BtAprovarB {background-color:#333; color:#fff; font-size:13px; height:40px; border:0px; border-radius:3px; padding:0px 20px}	
#Corpo .BtAprovarB:hover {background-color:#454545; cursor:pointer}	

#Corpo .SelecArteCartao {float:left; width:100%; padding:16px}
#Corpo .SelecArteCartaoTitulo {float:left; width:100%}
#Corpo .SelecArteCartaoList {float:left; width:calc(100% + 40px); margin-left:-40px; max-height:400px; overflow:auto; margin-top:20px; padding-right:10px}
#Corpo .SelecArteCartaoList2 {float:left; width:calc(50% - 40px); margin-left:40px; margin-bottom:40px; border:3px #eee solid; padding:10px; border-radius:3px}
#Corpo .SelecArteCartaoList2:hover {filter:alpha(opacity=70);opacity:.7;border:3px #505050 solid;cursor:pointer}
#Corpo .SelecArteCartaoList3 {float:left; margin-right:5px; width:calc(50% - 5px)}
#Corpo .SelecArteCartaoList4 {float:left; margin-left:5px; width:calc(50% - 5px)}
#Corpo .SelecArteCartaoBotao {float:left; width:100%; margin-top:30px}
#Corpo .SelecArteCartaoBotao2 {background-color:#333333; color:#fff; height:42px; padding:0px 34px; border:0px; border-radius:3px; font-weight:600}
#Corpo .SelecArteCartaoSel {border:3px #00AA00 solid;background-color:#f7fff7}
#Corpo .SelecArteCartaoValidacao {float:left;margin-left:20px;margin-top:11px;font-weight:600;font-size:15px;color:#DD0000}
#Corpo .BtEnviarRej {height:40px; padding:0px 40px; background-color:#333; border:0px; border-radius:3px; color:#fff}
#Corpo .BtEnviarRej:hover {background-color:#454545; cursor:pointer}
#Corpo .DivContBoxInvoice {float:left; width:100%; margin-bottom:14px}
#Corpo .LinkBxInvoice {line-height:28px; font-weight:400; font-size:13px; color:#545454}
#Corpo .BtEnviarRejRed {height:40px; padding:0px 40px; background-color:#b41919; border:0px; border-radius:3px; color:#fff}
#Corpo .BtEnviarRejRed:hover {background-color:#c71d1d; cursor:pointer}
#Corpo .DivContBtAprovRejInvoice {float:left; width:100%; margin-top:10px; margin-bottom:20px}
#Corpo .AreaInvoiceRejeicao {width:100%; height:80px; border:1px #dddddd solid; border-radius:3px; padding:12px; font-family:Open Sans; font-size:13px; line-height:1.4; color:#454545}
#Corpo .CartEndNotCont {float:left; width:100%; border:1px #ddd solid; border-radius:6px; padding:50px; box-sizing:border-box}
#Corpo .CartEndNotTitle {font-size:21px; font-weight:700}
#Corpo .CliBtArteAprovar {background-color:#3DB31E; color:#fff; font-size:13px; height:42px; padding:0px 36px; border:0px; border-radius:6px}
#Corpo .CliBtArteAprovar:hover {background-color:#44CC22; cursor:pointer}
#Corpo .CliBtArteRejetitar {background-color:#C42B1B; color:#fff; font-size:13px; height:42px; padding:0px 36px; border:0px; border-radius:6px}
#Corpo .CliBtArteRejetitar:hover {background-color:#D32F1D; cursor:pointer}
#Corpo .CliBtArteEnviar {background-color:#333; color:#fff; font-size:13px; height:42px; padding:0px 36px; border:0px; border-radius:6px}
#Corpo .CliBtArteEnviar:hover {background-color:#444; cursor:pointer}
#Corpo .CliBtArteCriar {background-color:#128189; color:#fff; font-size:13px; height:42px; padding:0px 36px; border:0px; border-radius:6px}
#Corpo .CliBtArteCriar:hover {background-color: #129aa2; cursor:pointer}
#Corpo .DivCliBtRej {display:inline-block; margin-right:5px}
#Corpo .DivCliBtAprov {display:inline-block; margin-left:5px}
.CampoSelect{width: 100%; height: 39px; border: 1px #ddd solid; border-radius: 3px; padding: 3px 10px; color: #454545}
.LabelRadio{border:1px solid #ddd; border-radius:10px; padding:0px 5px; margin:0px 10px; float:left; margin-left:10px;}
.LabelCheckbox{border-radius:0px; width:100%; padding:8px; margin:5px 0px 5px 0px; display:flex; justify-content:space-between; align-items:center}
.LabelCheckbox input {float:right}
.ControleQuantidadeComponentes {display:flex; align-items:center}
.ControleQuantidadeComponentes input[type=button] {height:40px; width:40px; font-weight:600; font-size:24px; background:transparent; border:1px solid #ddd; border-radius:50%; border:0px}
.ControleQuantidadeComponentes input[type=button]:hover {cursor:pointer;}

.DesignAlertaRed {color:#dd0000}
.DesignAlertaGreen {color:#8dbe32}
.DesignAlertaYellow {color:#d6cc16}

.ContatoDados{float:left; width:100%; margin-bottom:16px}
.ContatoDadosModal{float:left; width:100%; margin-bottom:16px; border:1px solid #CCC; border-radius:8px; padding:16px}
.ContatoDadosDiv{float:left; width:calc(33.3% - 20px); height:150px; margin-left:20px; margin-bottom:20px; border:1px solid #CCC; border-radius:8px; padding:16px; text-align:left; display:table; color:#444}
.ContatoDadosDiv:hover{border:1px solid #12A4DD; color:#12A4DD}
.ContatoDadosDiv:hover .ContatoDadosContato{color:#12A4DD}
.ContatoDadosDiv:hover .ContatoPlus{background-image:url('../imagens/plus-azul.png')}
.ContatoDadosDiv:hover .ContatoDadosPrincipal{border-top:1px solid #12A4DD}
.ContatoDadosModal input{float:right}
.ContatoDadosTitulo{float:left; width:100%; padding-right:34px; margin-bottom:6px; font-size:19px; font-weight:600; color:#303030}
.ContatoTituloContato{width:calc(100% - 72px)}
.ContatoDadosContato{float:left; width:100%; margin-top:10px; text-align:center; font-size:16px; color:#777}
.ContatoDadosInfo{float:left; width:100%; padding-right:34px; line-height:23px; font-size:14px; color:#303030}
.ContatoSelecionar{float:right; margin-right:5px; line-height:12px; font-size:14px; color:#777}
.ContatoSelecionarAzul{color:#1093C7 !important}
.ContatoSelecionado{border:1px solid #12A4DD; color:#12A4DD}
.ContatoPlus{width:64px; height:64px; margin:auto; background-image:url('../imagens/plus.png')}
.ContatoFormCorpo{float:left; width:calc(100% + 36px)}
.ContatoAdicionar{text-align:center; padding:24px 16px; margin-bottom:0px; cursor:pointer}
.ContatoBotaoTopo{float:left; width:100px; height:40px; margin-bottom:28px; background-color:#444; border-radius:5px; font-size:14px; font-weight:600; color:#FFF}
.ContatoBotaoSalvar{float:right; width:128px; height:40px; background-color:#12a4dd; border-radius:5px; font-size:14px; font-weight:600; color:#FFF}
.ContatoAdicionar:hover{border:1px solid #12A4DD}
.ContatoAdicionar:hover .ContatoDadosContato{color:#1093C7}
.ContatoAdicionar:hover .ContatoPlus{background-image:url('../imagens/plus-azul.png')}
.ContatoDadosPrincipal{float:left; width:100%; margin-top:16px; padding-top:8px; text-align:center; border-top:1px solid #CCC; cursor:pointer}
#Corpo .ContatoDadosDivTitulo{float:left; width:100%; margin-bottom:6px; font-size:19px; font-weight:600}
#Corpo .ContatoDadosDivInfo{float:left; width:100%; line-height:23px; font-size:14px; color:#303030; white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#Corpo .ContatoDadosPrincipalSelecionado{border-top:1px solid #12a4dd}
#Corpo .ContatoDadosInput{float:none !important; display:inline-block; margin-top:3px; margin-right:5px}
#Corpo .ContatoSelecionarPrincipal{display:inline-block; margin-right:5px; font-size:14px}
#Corpo .ContatoEditar{float:right !important; margin-right:0px !important; font-size:14px}
.MsgEmailCadastrado {float:left;width:100%;color:#DD0000;font-size:12px;font-weight:600;margin-top:6px;display:none}
.DivContatoSelect{float:left; width:100%; padding:10px;height:43px; border:1px solid transparent}
.DivContatoSelect2{float:left; width:100%; padding:10px;height:44px; border:1px solid #DDD; border-radius:5px; font-size:14px}
.DivContatoSelect3{float:left; width:80px; padding:6px;height:36px; border:1px solid #DDD; border-radius:5px; font-size:14px}

.OrcContOpcaoConta {position:absolute; width:100%; background-color:#ffffff; border:1px #dddddd solid; border-radius:6px; top:65px; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15); z-index:9; overflow:hidden; display:none}
.OrcOpcaoConta {float:left; width:100%; padding:10px 13px; border-bottom:1px solid #e5e5e5; font-size:13px; color:#333}
.OrcOpcaoConta:hover {background-color:#34a4dc; color:#ffffff; cursor:pointer}
.DivOrcLoad {float:left; width:100%; border:1px #ddd solid; border-radius:6px; text-align:center; padding:40px 0px; background-color:#fff}

#MenuAbas {float:left; width:calc(100% - 2px); padding:10px; padding-top:20px; padding-bottom:0px; text-align:center; background:#FFFFFF}
#MenuAbas .centralizar {display:inline-block; width:100% ; max-width:1140px; text-align:center; border-bottom:1px solid #dddddd}
#MenuAbas .Abas {float:left; cursor:pointer; width:155px; text-align:center; padding:10px; border-radius:8px 8px 0px 0px; margin-right:10px; font-size:14px}
#MenuAbas .Abas2 {width:210px}
#MenuAbas .Margin0 {margin-right:0px}
#MenuAbas .NaoSelecionado {background:#0098da; border:1px solid #0098da; border-bottom:0px; color:#FFFFFF; }
#MenuAbas .Selecionado {position:relative; background:#ffffff;border:1px solid #dddddd; border-bottom:0px; color:#454545}
#MenuAbas .BordaVazia {float:left; border-bottom:1px solid #fff; width:100%; position:absolute; left:0px; bottom:-1px}
#MenuAbas .MenuMobileR {float:left; margin-top:10px; width:calc(100% - 20px); padding:10px; background:#0098da; color:#FFFFFF; text-align:center; font-size:14px}
#MenuAbas .Imagem {float:left; width:30px}
#MenuAbas .Texto {float:left; width:calc(100% - 30px)}

#AreaRestrita {float:left; width:100%;text-align:center; background:#FFFFFF;padding-top:0px}
#AreaRestrita .centralizar {display:inline-block; width:100%; text-align:center; border-top:0px}
#AreaRestrita .DivLeft {float:left; width:100%; text-align:center}
#AreaRestrita .InputText{float:left; width:100%; margin-bottom:10px; padding:14px 16px; border:1px solid #dcdcdc; border-radius:5px; font-size:15px; color:#666}
#AreaRestrita .InputBotao{float:left; width:100%; padding:14px 16px; background-color:#454545; border-radius:5px; font-size:16px; font-weight:600; color:#FFF}
#AreaRestrita .InputBotao:hover {background-color:#5f5f5f; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
#AreaRestrita .conteudo_salvo {float:left; width:100%; font-weight:600; font-size:18px; color:#439e6d; background-color:#fafafa; border:1px solid #439e6d; border-radius:5px; padding:12px; margin-bottom:20px}
#AreaRestrita .erros {float:left;width:100%;margin-top:10px;margin-bottom:15px; font-weight:600; color:#ed3237;font-size:15px; text-align:center; display:none}
#AreaRestrita .BotaoVoltar {float:left; width:100%; border-radius:3px; background:#fff; text-align:right; margin-bottom:10px}
#AreaRestrita .BotaoVoltar input{border-radius:5px; border:0px; background:#454545; color:#FFF; font-size:16px; font-weight:600; padding:5px 22px 7px 22px;}
#AreaRestrita .BotaoVoltar input:hover {background-color:#5f5f5f; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; cursor:pointer}
#AreaRestrita .DivSpan33{width:33.3%; padding-right:36px}

#MinhaConta {float:left; width:calc(100% + 20px); margin-left:-20px}
#MinhaConta .DivBlocos{float:left; width:calc(50% - 20px); margin-left:20px; border:1px solid #dddddd; color:#454545; border-radius:5px; padding:15px; background:#FFF; margin-top:20px}
#MinhaConta .DivBlocos:hover{border:1px solid #0398da; color:#0398da; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s;}
#MinhaConta .TituloDados{float:left; width:calc(100% - 65px); text-align:left; margin-bottom:10px;font-size:18px; font-weight:600}
#MinhaConta .TextosInfos{float:left; width:100%; text-align:left; margin-bottom:5px; font-size:14px;}
#MinhaConta .TextosPrincipaisInfos{float:left; width:100%; text-align:left; margin-bottom:5px; margin-top:10px; font-weight:600; font-size:14px;}
#MinhaConta .Principal{float:left; width:100%; border-top:1px solid #dddddd; padding-top:10px; margin-top:10px; text-align:center; font-size:14px}
#MinhaConta .TextoSelecionado{color:#0398da}
#MinhaConta .BordaSelecionada{border:1px solid #0398da}
#MinhaConta .BordaPrincipalSelecionada{border-top:1px solid #0398da}
#MinhaConta .DivBlocos:hover .Principal{border-top:1px solid #0398da}
#MinhaConta .Botoes {float:left;width:65px}
#MinhaConta .Editar {float:left; width:25px; height:25px; background:url('../imagens/editar.png') no-repeat center center; margin-right:15px}
#MinhaConta .Editar:hover {background:url('../imagens/editar2.png') no-repeat center center; cursor:pointer}
#MinhaConta .Remover {float:left; width:25px; height:25px; background:url('../imagens/remover.png') no-repeat center center; margin-right:15px}
#MinhaConta .Remover:hover {background:url('../imagens/remover2.png') no-repeat center center; cursor:pointer}
#MinhaConta .Excluir {float:left; width:25px; height:25px; background:url('../imagens/excluir.png') no-repeat center center}
#MinhaConta .Excluir:hover {background:url('../imagens/excluir2.png') no-repeat center center; cursor:pointer}
#MinhaConta .BordaBlocoNovo {border:2px dashed #dddddd; height:278px}
#MinhaConta .BordaBlocoNovo:hover {border:2px dashed #0398da; cursor:pointer;}
#MinhaConta .AdicionarNovo {float:left; width:100%; height:100%; display:table}
#MinhaConta .BotaoAdd {float:left; width:100%; height:64px;margin-bottom:20px; background:url('../imagens/plus.png') no-repeat center center}
#MinhaConta .TextoAdd {float:left; width:100%; text-align:center; font-size:18px; font-weight:500}
#MinhaConta .DivBlocos:hover .BotaoAdd{background:url('../imagens/plus-azul.png') no-repeat center center; cursor:pointer;}

#Rodape{float:left; width:100%; padding:56px 0px; text-align:center; background-color:#23292f}
#Rodape .Titulo{float:left; width:100%; font-size:18px; font-weight:400; color:#0ab4f6}
#Rodape .Menu{float:left; width:100%; margin-top:12px}
#Rodape .MenuSpan{float:left; width:100%; margin-bottom:8px; font-size:14px; color:#FFF; line-height:1.7}
#Rodape .MenuTelefone{float:left; width:100%; margin-bottom:3px; font-size:17px; color:#FFF}
#Rodape .SeparadorEsquerda{float:left; width:calc(12.5% - 100px); height:174px; border-right:1px solid #3a3e42}
#Rodape .SeparadorDireita{float:left; width:calc(12.5% - 100px); height:174px}
#Rodape .Institucional{float:left; width:150px}
#Rodape .MinhaConta{float:left; width:108px}
#Rodape .Atendimento{float:left; width:200px}
#Rodape .HorarioAtendimento{float:left; width:204px}
#Rodape .Skype{float:left; width:134px}
#Rodape .SkypeSpan{float:left; width:100%; text-align:center; margin-top:14px; font-size:14px; color:#FFF}

#MenuMobile{float:left; position:absolute; top:20px; right:0px; z-index:999}
#MenuMobile .Link{font-size:14px; color:#8ff1ff}
#MenuMobile .MenuFixo{position:fixed; top:0px; left:-100%; width:calc(100% - 0px); height:100%; background:rgba(255,255,255,0.8); transition:0.2s}
#MenuMobile .Ul{float:left; position:relative; z-index:3; top:0; left:-270px; width:270px; height:100%; background:#F5F5F5; transition:0.5s}
#MenuMobile .UlTopo{float:left; width:100%; height:52px; background:#12a4dd; color:#FFF}
#MenuMobile .Logo{float:left; width:180px; height:35px; background-size:contain}
#MenuMobile .UlTopoImg{float:left; width:72px}
#MenuMobile .UlTopoFont{float:left; font-size:14px}
#MenuMobile .FraseUsuario{float:left; width:100%; margin-top:16px; padding:0px 10px; font-size:14px; color:#FFF; white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#MenuMobile .Li{float:left; width:100%}
#MenuMobile .LiFont{float:left; width:100%; background:#FAFAFA; color:#656565; padding:12px; font-size:14px; border-bottom:1px solid #e1e1e1}
#MenuMobile .LiFont:hover{background:#f5f5f5}
#MenuMobile .LiVoltar img{position:relative; top:2px}
#MenuMobile .LiIcon{float:right; color:#505050}
#MenuMobile .LiIcon img{width:18px; height:16px}
#MenuMobile .UlMenuMobile{display:block}
#MenuMobile .LiSubCat{position:absolute; top:0; left:-270px; width:270px; transition:0.2s}
.mobileClick{float:left; width:calc(100% - 270px); height:100%; position:relative}

#Info{float:left; width:100%; text-align:center; background-color:#23292f; border-top:1px solid #3a3e42; padding:10px 0px}
#Info .CorpoDiv{text-align:center}
#Info .Logos{display:inline-block}
#Info .Logos img{margin:10px}

.BoxContCartao {float:left; width:100%; border:1px #ccc solid; border-radius:6px; padding:30px; box-sizing:border-box; margin-bottom:30px}
.DivContLinhaImg {float:left; width:100%}
.DivContImgTitulo {float:left; width:calc(100% - 170px)}
.DivContImg {float:left; width:100px}
.DivContImg img {width:70px}
.DivContTitulo {float:left; width:calc(100% - 100px); font-size:14px; color:#454545}
.DivContTitulo font {font-weight:700; font-size:16px}
.DivContSelect {float:left; width:170px}
.SelectDivisaoQtde {max-width:170px}
.BoxDivisao {float:left; width:100%; margin-top:20px; border:1px #dedede solid; border-radius:6px; padding:20px 0px}
.DivContDivisao {display:table; width:100%}
.DivTituloDivisao {display:table-cell; width:130px; border-right:1px #dedede solid; vertical-align:middle; text-align:center; font-size:14px; color:#454545}
.DivConteudoDivisao {display:table-cell; width:calc(100% - 130px); padding:0px 20px 0px 40px; box-sizing:border-box}
.CampoDivisaoQtde {max-width:150px; box-sizing:border-box}
.DivBarraTitulo {float:left; width:100%; background-color:#e8e8e8; padding:14px 30px; box-sizing:border-box; border-radius:6px; margin-bottom:20px}
.DivBarraTitulo div {font-size:14px; color:#333}
.MsgQtdeMinima {font-size:11px; color:#dd0000; display:none}
.MsgValidacaoForm {float:left; width:100%; margin-top:30px; color:#dd0000; text-align:right; display:none}
.MsgQtdeNaoIgual {float:left; width:100%; margin-top:16px; color:#dd0000; font-size:13px; text-align:right; display:none}
.ContOpcoes {float:left; width:100%}
.OpcaoMobile {display:none}
.ContOpcoes label {float:left}
.BoxOpcao {float:left; border:1px #ccc solid; border-radius:6px; margin-right:20px; margin-top:20px}
.DivImgOpcao {float:left; height:45px; width:65px; border-right:1px #ccc solid; background-repeat:no-repeat; background-position:center center; background-size:32px}
.ImgEnviarArte {background-image:url('../imagens/icone_nuvem.png')}
.ImgSelArte {background-image:url('../imagens/icone_artes.png')}
.ImgCriarArte {background-image:url('../imagens/icone_criacao.png')}
.TxtOpcao {float:left; padding:15px 20px}
.TxtOpcao input[type=radio] {float:left; margin-right:10px; margin-top:3px}
.DivContOpcaoSel {float:left; width:100%}
.DivDefault {float:left; width:100%}
.DivImgSelecionada {float:left; width:300px; margin-right:40px}
.DivImgSelecionada img {max-width:100%}
.DivBtPreview {float:left; width:calc(100% - 340px)}
.DivBotaoHistArte {float:left; width:100%; margin-bottom:10px}
.DivBotaoHistArte input[type=button] {width:140px; height:40px; background-color:#d3d3d3; border:0px; border-radius:6px}
.DivBotaoHistArte input[type=button]:hover {background-color:#cccccc; cursor:pointer}
.DivMsgSelecione {float:left; width:100%; margin-top:10px; color:#dd0000; font-size:12px; display:none}
.DivMsgSelecioneBt {float:left; width:100%; margin-top:10px; color:#dd0000; font-size:12px; display:none; text-align:right}

.BotaoAprovarCotacao {float: left; width: auto; padding: 10px 15px; border-radius: 5px; font-weight: 700; color: #FFF; background-color: #3DB31E; cursor: pointer; margin-right: 15px;}
.BotaoAtivacaoCartao {float: left; width: auto; padding: 10px 15px; border-radius: 5px; font-weight: 700; color: #FFF; background-color: #555; cursor: pointer}


/*MEDIA QUERIES*/
@media(max-width:1180px){
#Topo .Info{width:142px}
#Topo .InfoAtendimento{display:none}
#Topo .InfoCarrinho{width:100%; margin-left:0px}
#Topo .InfoAtendimentoBorder{display:none}
#Topo .Separador{width:calc(50% - 436px)}
#Conteudo .ProdutoImg{width:140px}
#Conteudo .ProdutoText{width:calc(60% - 140px)}
#Conteudo .ProdutoQtde{padding-left:28px}
#Conteudo .ProdutoQtdeText{width:90px}
#Conteudo .ProdutoDetalhes{width:calc(100% - 160px)}
#Corpo .EnderecoCobranca{width:calc(50% - 20px); height:178px}
#Conteudo .DetalhesQuantidadeText{width:calc(100% - 114px)}
#Conteudo .DetalhesQuantidadeBotao{float:right; width:calc(100% - 114px); margin-top:10px}
}

@media(max-width:1100px){
.EnderecoDadosDiv{width:calc(100% - 20px); height:208px}
.ContatoDadosDiv{width:calc(50% - 20px);}
}

@media(max-width:1040px){
#Conteudo{width:100%}
#Lateral{width:100%}
#Lateral .Menu{margin-bottom:28px}
#Lateral .MenuDivCorpo{display:none}
#Lateral .Banner{display:none}
}

@media(max-width:960px){
#Topo .Busca{width:334px}
#Topo .BuscaText{width:270px}
#Topo .BuscaBotao{width:64px}
#Topo .Separador{width:calc(50% - 332px)}
#Destaques .Destaque{width:calc(50% - 40px)}
#Rodape .Institucional{width:33.3%; height:180px}
#Rodape .MinhaConta{width:33.3%; height:180px}
#Rodape .Atendimento{width:33.3%; height:180px}
#Rodape .HorarioAtendimento{width:66%; margin-top:20px; height:180px}
#Rodape .Skype{margin-top:20px}
#Rodape .SeparadorEsquerda{display:none}
#Rodape .SeparadorDireita{display:none}
}

@media(max-width:890px){
#Carrinho .TabelaTopo{font-size:13px}
#Carrinho .TabelaProduto{width:40%}
#Carrinho .TabelaPreco{width:20%}
#Carrinho .TabelaQuantidade{width:15%}
#Carrinho .TabelaSubtotal{width:20%}
#Carrinho .TabelaProdutoImg{width:48px; height:48px; margin-right:20px}
#Carrinho .TabelaProdutoTitulo{width:calc(100% - 68px)}
#Carrinho .Height70{height:48px}
#Carrinho .TabelaSpan{font-size:14px}
#Carrinho .Compra{width:200px}
#Carrinho .ContinuarComprando{width:180px; padding:14px; font-size:13px}
#Carrinho .CompraSubtotal{font-size:14px}
#Carrinho .CompraValor{font-size:14px}
#Carrinho .CompraSpan{font-size:13px}
#Carrinho .FinalizarCompra{padding:14px; font-size:13px}
#Corpo .Compra{width:100%; margin-right:0px}
#Corpo .Resumo{width:100%; margin-top:48px;margin-left:0px}
}

@media(max-width:840px){
#Corpo .DivTitulo{font-size:21px}
#Corpo .CorpoDiv{padding:40px 20px}
#Corpo .Vendedor50{width:calc(100% + 34px)}
#Corpo .Vendedor50Cobranca{width:100%; margin-top:32px; margin-bottom:16px}
#Corpo .EnderecoCobranca{width:calc(33.3% - 20px)}
#Corpo .FinalizarCompra{margin-top:10px}
#Conteudo .InstitucionalTitulo{font-size:23px}
#Conteudo .Imagem{width:100%; margin-right:0px}
#Conteudo .Detalhes{width:100%; margin-top:20px; margin-left:0px}
#Conteudo .DetalhesQuantidadeText{width:150px}
#Conteudo .DetalhesQuantidadeBotao{float:left; width:calc(100% - 280px); margin-top:0px}
}

@media(max-width:750px){
#Cabecalho .Menu{display:none}
#Cabecalho .MenuMobile{display:block}
#Topo .CorpoDiv{padding:28px 20px}
#Topo .Busca{display:none}
#Topo .Logo{width:160px}
#Topo .Separador{width:calc(50% - 152px)}
#Topo .Info{margin-top:8px}
#Conteudo .ProdutoQtde{width:285px; height:auto; margin:10px 0px; border-left:0px solid #EEE}
#Conteudo .ProdutoText{width:calc(100% - 140px);height:auto}
#Conteudo .ImagemDescricao{width:100%}
#Corpo .TopoEsquerda{width:100%}
#Corpo .TopoDireita{width:100%; margin-bottom:32px}
#Corpo .CpBoxPendTitulo {width:100%}	
#Corpo .CpBoxPendBt {float:left; width:100%; text-align:left; margin-top:12px}	
#CorpoCartao .DivBarraTitulo {display:none}
#CorpoCartao .DivContImgTitulo {width:100%}
#CorpoCartao .DivContSelect {width:100%; margin-top:10px}
#CorpoCartao .SelectDivisaoQtde {max-width:100%}
#CorpoCartao .BoxDivisao {border:0px; padding:0px}
#CorpoCartao .DivTituloDivisao {width:90px; border-right:0px; text-align:left; font-size:14px; color:#454545}
#CorpoCartao .DivConteudoDivisao {width:calc(100% - 90px); padding:0px}
#CorpoCartao .CampoDivisaoQtde {max-width:100%}
#CorpoCartao .ContOpcoes {display:none}
#CorpoCartao .OpcaoMobile {display:block}
#CorpoCartao .DivImgSelecionada {width:100%; margin-right:0px}
#CorpoCartao .DivBtPreview {width:100%}
#CorpoCartao .DivBotaoHistArte {width:auto; margin-bottom:0px; margin-top:10px; margin-right:10px}
}

@media(max-width:700px){
#Carrinho .TabelaLinha{position:relative; border:1px solid #E8E8E8; margin-bottom:10px}
#Carrinho .TabelaTopo{display:none}
#Carrinho .TabelaProduto{width:100%}
#Carrinho .TabelaProdutoTitulo{width:calc(100% - 88px)}
#Carrinho .TabelaSpanTitulo{font-size:16px}
#Carrinho .TabelaSpanPreco{font-size:15px}
#Carrinho .TabelaPreco{width:calc(100% - 150px); margin-left:70px}
#Carrinho .TabelaSubtotal{display:none}
#Carrinho .TabelaQuantidade{width:80px; margin-right:0px}
#Carrinho .TabelaQuantidadeText{width:100%}
#Carrinho .TabelaExcluir{position:absolute; top:0px; right:16px; width:28px}
#Corpo .Info{margin-bottom:12px}
#Corpo .InfoDiv{width:calc(100% - 20px); margin-bottom:20px; margin-right:0px}
#Corpo .Titulo{font-size:23px}
#Corpo .BotaoVoltar{width:auto; padding:12px; font-size:13px}
#Corpo .BotaoIncluir{width:auto; padding:12px; margin-left:10px; font-size:13px}
#Corpo .TabelaTopo{padding:12px 16px}
#Corpo .TabelaTopoSpan{font-size:13px}
#Corpo .TabelaInputPedido{width:calc(100% - 20px)}
#Corpo .MaisDetalhes{padding:14px}
#Corpo .SpanAdicionar{width:100%}
#Corpo .InputAdicionar{width:100%}
#Corpo .BotaoAdicionarSalvar{width:100%}
#MenuAbas {padding:0px}
#MenuAbas .Texto{width:100%; margin-top:8px}
#MenuAbas .Imagem{width:100%}
#MenuAbas .Abas{width:114px}
#MenuAbas .Abas2{width:164px}
#AreaRestrita{padding:0px}
#AreaRestrita .DivSpan33{width:100%; padding-right:0px; margin-bottom:10px;}
}

@media(max-width:650px){
#Banner{margin-bottom:36px}
#Corpo .EnderecoCobranca{width:calc(50% - 20px)}
#Rodape .Institucional{width:50%}
#Rodape .MinhaConta{width:50%}
#Rodape .Atendimento{width:50%}
#Rodape .HorarioAtendimento{width:50%; margin-top:0px}
#Rodape .Skype{width:100%; text-align:center}
}

@media(max-width:560px){
#Corpo .AdicionarCorpo{margin:20px 0px}
#MenuAbas .Texto{display:none}
#MenuAbas .Abas{width:64px}
#MenuAbas .Abas2{width:64px}
#Corpo .InputAdicionar{padding:12px 16px}

.ContatoDadosDiv{width:calc(100% - 20px);}
}

@media(max-width:480px){
.Titulo{font-size:22px}
#Pagina{margin:28px 0px}
#Topo .CorpoDiv{padding:24px 20px}
#Topo .Logo{width:128px}
#Topo .InfoCarrinho{margin-top:0px}
#Topo .Separador{width:calc(50% - 136px); height:auto}
#Conteudo .ProdutoImg{width:90px}
#Conteudo .ProdutoText{width:calc(100% - 90px); padding-left:16px}
#Conteudo .ProdutoQtde{padding-left:16px}
#Conteudo .ProdutoTextTitulo{font-size:15px}
#Conteudo .ProdutoTextPreco{font-size:17px}
#Banner{width:calc(100% + 40px); margin-left:-20px; margin-bottom:24px}
#Destaques .Destaque{width:calc(100% - 40px)}
#Corpo .CorpoDiv{padding:28px 20px}
#Corpo .DivTitulo{font-size:19px}
#Rodape .Institucional{width:100%; height:auto; margin-bottom:28px}
#Rodape .MinhaConta{width:100%; height:auto; margin-bottom:28px}
#Rodape .Atendimento{width:100%; height:auto; margin-bottom:28px}
#Rodape .HorarioAtendimento{width:100%; height:auto; margin-bottom:10px}
#Conteudo .InstitucionalTitulo{font-size:21px}
#Carrinho .Height70{height:40px}
#Carrinho .TabelaLinha{padding:15px 16px}
#Carrinho .TabelaExcluir{top:8px}
#Carrinho .ContinuarComprando{float:right}
#Carrinho .Compra{float:left; width:100%}
#Conteudo .ProdutoDetalhes{font-size:12px}
#Conteudo .DetalhesQuantidadeText{width:calc(100% - 114px)}
#Conteudo .DetalhesQuantidadeBotao{float:right; width:calc(100% - 114px); margin-top:10px}
#Conteudo .DetalhesTitulo{font-size:27px}
#Conteudo .DetalhesPreco{font-size:27px}
#Conteudo .ImagemConteudo{padding:16px}
#Corpo .CompraTitulo{font-size:20px}
#Corpo .CompraPedido{font-size:18px}
#Corpo .CompraPedidoNumero{font-size:22px}
#Corpo .ResumoTopo{font-size:13px; padding:12px 14px}
#Corpo .ResumoLinhaImg{width:48px; height:48px}
#Corpo .ResumoLinhaInfo{width:calc(100% - 158px); height:48px}
#Corpo .ResumoLinhaPreco{width:100px; height:48px}
#Corpo .ResumoPreco{width:100px; text-align:right; font-size:13px}
#Corpo .ResumoTitulo{font-size:15px}
#Corpo .ResumoLinhaImg{margin-right:10px}
/* #Corpo .ResumoLinhaSpan{padding:0px 14px; font-size:13px} */
#Corpo .ResumoExpectativa{width:166px; padding-top:22px; height:81px}
#Corpo .ResumoExpectativaValor{width:calc(100% - 120px)}
#Corpo .ResumoExpectativaAdicionado{height:81px}
#Corpo .ResumoSalvar{margin-top:15px; font-size:13px; padding:8px}
#Corpo .Titulo{margin-bottom:16px; font-size:21px}
#Corpo .BotaoVoltar{padding:12px; font-size:12px}
#Corpo .TopoDireita{margin-bottom:20px}
#Corpo .BotaoAlterar{width:96px; padding:10px 20px; font-size:13px}
#Conteudo .DetalhesMenu {display:none}
#Conteudo .ImagemDescricaoTitulo {display:inline}
#Conteudo .ImagemDescricao {display:inline}
}

@media(max-width:435px){
#Conteudo .ProdutoQtde{width:calc(100% - 90px);}
#Conteudo .ProdutoDetalhes{width:100%;margin-left:0px;margin-top:15px}
#Conteudo .ProdutoCarrinho{width:calc(100% - 108px)}
}

@media(max-width:420px){
#Corpo .ResumoSalvarDiv{width:100%; border-top:1px solid #DDD; border-left:0px solid #DDD}
}

@media(max-width:400px){
#Cabecalho .MenuMobile{padding:14px 26px; background-size:20px 20px}
#Topo .Logo{width:108px}
#Topo .Separador{width:calc(50% - 125px)}
#Topo .Info{margin-top:2px}
#MenuMobile .UlTopo{height:50px}
#MenuMobile .FraseUsuario{font-size:13px}
#MenuMobile .LiFont{font-size:13px}
#Banner{margin-top:0px}
#Corpo .EnderecoCobranca{width:calc(100% - 20px)}
#Corpo .DivSpan50Margin{width:calc(100% - 20px)}
#Conteudo .ProdutoDetalhes{font-size:11px}
#Conteudo .DetalhesQuantidade{padding:16px 20px}
#Corpo .ResumoLinha{padding:15px 14px}
#Corpo .ResumoLinhaExpectativa{padding:0px}
/* #Corpo .ResumoLinhaSpan{padding:10px 14px} */
#Corpo .ResumoExpectativa{width:120px}
#Corpo .ResumoSalvar{margin-top:2px}
.EnderecoSelecionar{line-height:10px; font-size:13px}
}