*{border:0;margin:0;outline:none;padding:0;position:relative;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
html,body{background:#fff;color:#444;height:calc(100% - 20px);font:normal 14px 'Open Sans',Arial,Tahoma,Sans}
h1,h2,h3,h4,h5,h6{font:normal 12px 'Open Sans',Arial,Tahoma,Sans}
ul,ol{list-style:none}
.l{clear:both}
.direita{float:right}
.margem{margin:0 auto;max-width:968px}
* html #geral{height:calc(100% - 20px);}

.verde { background: #4e9b0f; float:left; margin:10px 0 0 0; background: -webkit-gradient(linear, left top, left bottom, from(#66bd21), to(#4e9b0f)); background: -moz-linear-gradient(top, #66bd21, #4e9b0f); background: -o-linear-gradient(top, #66bd21, #4e9b0f); border: 1px solid #4e9b0f; box-shadow: inset 1px 1px 1px #85e53b; color: #FFF; cursor: pointer; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66bd21", endColorstr="#4e9b0f"); font-size: 12px; height: 30px; min-width: 100px; -webkit-box-shadow: inset 1px 1px 1px #85e53b; -moz-box-shadow: inset 1px 1px 1px #85e53b; padding: 0 5px; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px}
.verde:hover { background: -webkit-gradient(linear, left top, left bottom, from(#7ccf3c), to(#4e9b0f)); background: -moz-linear-gradient(top, #7ccf3c, #4e9b0f); background: -o-linear-gradient(top, #7ccf3c, #4e9b0f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ccf3c", endColorstr="#4e9b0f"); }

#geral{min-height:100%;background:#dfeaf7;background:-webkit-gradient(linear,left top, left bottom,from(#ffffff),to(#dfeaf7));background:-moz-linear-gradient(top,#ffffff,#dfeaf7);background:-o-linear-gradient(top,#ffffff,#dfeaf7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dfeaf7')}
#cabecalho{background: url(../imagens/fundo-cabecalho.png);height:60px;position:relative;z-index:4;box-shadow:0 1px 20px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 20px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 20px rgba(0,0,0,0.5)}
#cabecalho .logo{float:left;margin:18px 0 0 0}

#cabecalho .atendimento{float:right;margin:11px 0 0 0}
#cabecalho .atendimento ul{margin:0;padding:0;list-style:none}
#cabecalho .atendimento li{color:#fff;display:inline-block;font-size:14px;text-align:right}
#cabecalho .atendimento li.telefone{margin:0 20px 0 0}
#cabecalho .atendimento li img{display:inline-block;margin:-2px 10px 0 0;vertical-align:middle}
#cabecalho .atendimento a{color:#fff;display:inline-block;padding:10px;text-decoration:none;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-khtml-border-radius:8px;}
#cabecalho .atendimento a:hover{background:rgba(0, 0, 0, .1);color:#b7e4ff}

#pesquisa {margin:20px 0 0 0;width:100%}
#pesquisa form{background:#f4f6f4;border:1px solid #cae9ff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px;width:100%}
#pesquisa .www{color:#999;display:inline-block;font-size:22px;height:66px;line-height:66px;text-align:right;width:75px}
#pesquisa input{background:transparent;color:#999;display:inline-block;font-size:22px;font-weight:normal;height:66px;line-height:66px;text-transform:lowercase;width:calc(100% - 140px)}
#pesquisa input:focus {color:#444}
#pesquisa button {background:transparent;cursor:pointer;margin:22px 0 0 0;height:24px;width:60px}
#pesquisa form.erro{background:#ffe6e6;border:1px solid #ff8080}

#lista{background:#f4f6f4;border:1px solid #cae9ff;border-top:0;display:none;margin:-2px 0 0 0;position:absolute;width:100%;z-index:9999;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px}
#lista ul{list-style:none;padding:6px 0 0 0}
#lista li{cursor:pointer;font-size:20px;padding:5px 8px 5px 78px}
#lista li a{display:block;padding:8px}
#lista li:hover,.ativo{background:#cae9ff;color:#0071b6;text-decoration:none}

#area{margin:30px 0 0 0;padding:0 0 80px 0}
#area h1{color:#444;font-size:26px;float:left;font-weight:normal;line-height:35px;margin:30px 0 0 0}
#area h1 img{float:left;margin:10px 0 0 5px;vertical-align:top}
#area h1 .titulo{display:inline-block;float:left}
#area h1 .trilho{display:inline-block;float:left;overflow:hidden;width:98px}
#area h1 ul{display:inline-block;float:left;margin:0;padding:0;width:690px}
#area h1 li{color:#0071b6;display:none;float:left;font-weight:bold;width:98px}
#area h1 li.mostrar{display:inline-block}
#area .garota{float:right;margin:0 10px 0 0;z-index:1}

#quadro{background:#fff;border: 1px solid #dcecf8;padding:40px 20px;box-shadow: 0 0 7px #e0e0e0;margin:-10px 0 0 0;min-height:260px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-khtml-border-radius:8px;z-index:0}
#quadro h2{color:#0071b6;font-size:22px;font-weight:normal;margin:40px 0 20px 0;text-align:center}

#quadro .extensoes{float:left;width:100%}
#quadro .extensao{float:left;padding:20px;text-align:center;min-width:calc(33.33% - 40px)}
#quadro .extensao .borda{border:1px solid #dfeaf7;box-shadow:2px 2px 5px rgba(0,0,0,.05);border-radius:4px;min-width:150px;padding:20px 0;margin:0 auto;min-height:120px;width:100%;-webkit-border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px}
#quadro .extensao .invisivel{opacity:0}
#quadro .extensao .nome{font-size:22px;font-weight:bold;height:25px}
#quadro .extensao .riscado{color:#c00;margin:20px 0 0 0;text-decoration:line-through}
#quadro .extensao .valor{color:#999;margin:5px 0 0 0}
#quadro .extensao .valor .cor{color:#009000;font-size:18px;font-weight:bold}
#quadro .extensao .valor .grande{font-size:38px;letter-spacing:-3px;line-height:38px}
#quadro .extensao .breve *{opacity:0.3}
#quadro .extensao .breve .descricao{color:#999;font-size:22px;font-weight:bold;margin:28px 0 0 0}

.esconder{display:none}
.resultado{margin:40px 0 40px 0;width:100%;background:#f4f6f4;border:1px solid #cae9ff;background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#f4f6f4));background:-moz-linear-gradient(top,#ffffff,#f4f6f4);background:-o-linear-gradient(top,#ffffff,#f4f6f4);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px}
.resultado .limite{padding:20px;min-height:38px}
.resultado .limite #carregando-mais{padding:200px 0;text-align:center}
.resultado .disponivel{font-size:18px;float:left;margin:3px 0 0 0}
.resultado .disponivel img{float:left;margin:5px 10px 0 0}
.resultado .erro{margin:8px 0 0 0}
.resultado .erro img{margin:0 10px 0 0}
.resultado .disponivel strong{font-size:24px}
.resultado .disponivel strong.avail{color:#009000}
.resultado .disponivel strong.unavail{color:#c00}
.resultado button{float:right}
.resultado .valores{float:right;margin:6px 20px 0 0}
.resultado .valores .risco{color:#c00;text-decoration:line-through;display:inline-block}
.resultado .valores .valor{color:#009000;display:inline-block;font-weight:bold;margin:10px 0 0 20px}
.resultado .divisao{height:1px;border-bottom:1px solid #f0f0f0;margin:20px 0 40px 0}

.resultado .sugestoes h3{color:#999;font-size:18px;text-align:left}
.resultado .sugestoes .principais{margin:10px 0}

.resultado .sugestoes .a{margin:0 10px 0 0}
.resultado .sugestoes .b{margin:0 0 0 10px}
.resultado .sugestoes .caixa{background:#fff;border:1px solid #f0f0f0;padding:10px 10px 0 10px}
.resultado .sugestoes .caixa h4{font-size:16px;font-weight:bold;margin:0 0 10px 0}

.resultado .sugestoes .caixa li{border-top:1px solid #f0f0f0;padding:10px 0;position:static}
.resultado .sugestoes .caixa li.ultima{border:0;padding-bottom:0}
.resultado .sugestoes .caixa li .dominio{float:left}
.resultado .sugestoes .caixa li .dominio img{float:left;margin:2px 5px 0 0}
.resultado .sugestoes .caixa .alinhar{float:right}
.resultado .sugestoes .caixa li .risco{color:#c00;text-decoration:line-through;float:left;font-size:12px;margin:5px 0 0 10px}
.resultado .sugestoes .caixa li .valor{color:#009000;float:left;font-size:14px;margin:0 0 0 10px}
.resultado .sugestoes .caixa .marcar{color:#0095cd;float:left;font-size:12px;font-weight:normal}
.resultado .sugestoes .caixa .marcar input{margin:3px 0 0 10px}
.resultado .sugestoes button{margin:10px 0 0 0}

.obs{color:#777;font-size:12px;margin:5px 0 0 10px}
.obs a{color:#0066b3;text-decoration:none}
.obs a:hover{text-decoration:underline}
#limite{margin:0 auto;max-width:880px}

#dialog-sombra { background: #000; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; }
#dialog { background: #fff; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: fixed; top: 50%; width: 24px; z-index: 999999; box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); }
#carregando { height: 16px; left: 50%; margin: -8px 0 0 -8px; position: relative; top: 50%; width: 16px; }

.janela {font-size: 12px;background:#dcecf8; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcecf8)); background: -moz-linear-gradient(top, #ffffff, #dcecf8); background: -o-linear-gradient(top, #ffffff, #dcecf8); border: 1px solid #E9E9E9; display: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#dcecf8"); max-height: 480px; min-height: 450px; width: 850px; }
.janela *{font-family: Arial,Calibri,"Lucida Sans",Helvetica,sans-serif}
.janela.total { height: 100%; max-height: 100%; min-height: 100%; width: 978px; }
.janela p { margin: 20px 30px; }
.janela h3 {color:#0066b3;margin: 30px 0 15px 30px; display: block; }
.janela .titulo { background:#0066b3; background: -webkit-gradient(linear, left top, left bottom, from(#0080dd), to(#0066b3)); background: -moz-linear-gradient(top, #0080dd, #0066b3); background: -o-linear-gradient(top, #0080dd, #0066b3); border: 1px solid #0066b3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0080dd", endColorstr="#0066b3"); height: 15px; margin: 1px; padding: 15px; }
.janela .titulo h2 {color: #FFF; float: left; font-size: 14px; font-weight: bold; margin: 0 10px; }
.janela .titulo img { float: left; margin-top: -5px; }
.janela .titulo img.fechar { float: right; margin-top: -3px; }

.quadro-branco { background: #FFF; border: 1px solid #dcecf8; box-shadow: 0 0 7px #e0e0e0; min-height: 170px; margin: 20px 30px; -webkit-box-shadow: 0 0 7px #e0e0e0; -moz-box-shadow: 0 0 7px #e0e0e0; overflow: auto; width: 788px; }
.quadro-branco.maior { height: 300px; }
.quadro-branco p { color: #979797; font-size: 11px; margin: 0; }
.quadro-branco a { color: #0066b3;}
.quadro-branco ul { margin: 15px 0; width: 230px; }
.quadro-branco li { margin: 10px 0; }
.quadro-branco .coluna h3 { margin: 0; }
.quadro-branco .coluna { border-radius: 0; border-right: 1px solid #e2eff8; float: left; min-height: 45px; padding: 25px 20px; width: 217px; }
.quadro-branco .texto { margin-right: 5px; }
.quadro-branco.maior .coluna { height: 99px; }

.radius { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; }
.radius > * { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; }
.radius > img { -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; }

#sugestao_anuncio{color:#006CBA;font-size:20px;height:56px;margin:20px 0 0 30px;padding:0;width:575px}
#sugestao_anuncio strong{font-size:23px}
#sugestao_garota{position:absolute;margin:69px 0 0 485px;z-index:2}
#sugestao_quadro{height:185px}
#sugestao_texto{color:#505050;font-size:12px;height:32px;margin:15px 0 15px 30px;width:488px}
#sugestao_plano{float:left;margin:20px 0 0 20px;width:420px}
#sugestao_plano h3{font-size:18px;margin:0}
#sugestao_plano .planos{margin:10px 0 0 0}
#sugestao_plano label span{color:#65AD2C;font-size:11px}
#sugestao_plano input{float:left;margin:0 5px 0 0 }
#sugestao_plano p{color:#505050;font-size:13px;font-weight:bold;margin:0 0 0 18px}
#sugestao_plano p span{color:#999;font-size:11px;font-weight:normal}
#sugestao_detalhes{float:left;margin:20px 0 0 0}
#sugestao_detalhes h3{font-size:18px;margin:0 0 10px 0}
#sugestao_detalhes ul{margin:0}
#sugestao_detalhes li{margin:0 0 10px 0;padding:0}
#sugestao_detalhes li img{float:left;margin:0 5px 0 0}
#sugestao_obs{color:#999;font-size:11px;height:20px;margin:-18px 0 0 35px}
#sugestao_comprar{float:right;margin:0 30px 0 0}
#sugestao_sair{float:right;margin:8px 20px 0 0}
#sugestao_sair a{color: #505050;text-decoration:none}
#sugestao_sair a:hover{text-decoration:underline}


#rodape{bottom:-40px;position:absolute;width:100%;border-top:1px solid #005a91;background:#0071b6;color:#fff;padding:10px 0;text-align:center}