* {
	margin:0 auto;
}

body
{
  background: url(images/background.gif) repeat-x;
  font: normal 12px Verdana, sans-serif;
  color: #666;
}

a
{
  text-decoration: none;
  color: #999;
}
a:visited {
	color:#999;
	text-decoration:none;
}
a:hover
{
	color:#666;
	text-decoration: underline;
}
	a img
	{
		border: none;
	}
ul {}
  ul li
  {
    list-style-type: none;
    list-style-image: none;
  }
form
{}
  form fieldset
  {
    border: 0;
  }
    form fieldset legend
    {
      display: none;
    }
    form fieldset label
    {
      margin-top: 10px;
      font-weight: bold;
      text-transform: lowercase;
      display: block;
    }
    form fieldset input,
    form fieldset select,
    form fieldset textarea
    {
      border: 1px solid #e6e6e6;
      border-width: 0 1px 1px 0;
      border-radius: 2px;
      background: #fff url(images/form_background.gif) no-repeat;
      width: 350px;
      padding: 6px;
      font-size: 90%;
      font-style: normal;
      color: #333;
    }
    form fieldset .sucesso
    {
      margin: 20px 0;
      text-align: center;
      color: #9c0;
    }
    form fieldset .erro
    {
      margin-right: 7px;
      text-align: right;
      text-transform: lowercase;
      color: #900;
    }
    form fieldset .example
    {
      font-style: italic;
      text-transform: lowercase;
      color: #999;
    }
    form fieldset button
    {
      padding: 3px;
    }

ul.lista
{
  margin-left: 25px;
}
  ul.lista li
  {
    margin: 10px 0;
    list-style-image: url(images/lista.gif);
  }
      ul.lista li a
      {
        color: #09c;
      }
      
/* Planos */
.planos
{
  margin-top: 25px;
}
  .planos .plano
  {
    width: 249px;
    float: left;
  }
    .planos .plano.cor1 strong {color: #8d8d8d;}
      .planos .plano.cor1 h3 strong {color: #ccc;}
    .planos .plano.cor2 strong {color: #76cac6;}
    .planos .plano.cor3 strong {color: #8eac1a;}
    .planos .plano.cor4 strong {color: #f19000;}
    
    .planos .plano h3
    {
      border-right: 1px dotted #ccc;
      background: #222;
      padding: 5px 25px 5px 5px;
      font-size: 200%;
      text-align: right;
      color: #fff;
    }
    .planos .plano.ultimo h3
    {
      border: 0;
    }
      .planos .plano h3 strong.valor
      {
        font-size: 40%;
        display: block;
      }
    .planos .plano ul
    {
      border-right: 1px dotted #ccc;
    }
    .planos .plano.ultimo ul
    {
      border: 0;
    }
      .planos .plano ul li
      {
        border-bottom: 1px dotted #ccc;
        width: 200px;
        padding: 8px 0;
        font-size: 80%;
        list-style-image: url(images/planos_arrow.gif);
      }
      
      .detalhes
      {
        border-bottom: 1px dotted #ccc;
        margin: 15px 0;
        padding-bottom: 5px;
      }
        .detalhes ul
        {
          margin-bottom: 15px;
        }
          .detalhes ul li
          {
            background: url(images/sim.gif) center left no-repeat;
            width: 288px;
            margin: 0 11px;
            padding: 5px 0 5px 22px;
            float: left;
          }
          
.botao
{
  margin: 20px 0;
  font-size: 120%;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
  .botao a
  {
    text-decoration: underline;
    color: #036;
  }

.ClearFix
{
  clear: both;
}
.ImageReplacement
{
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
.botao_texto
{
  font-weight: bold;
  text-transform: lowercase;
  color: #069;
}
  .botao_texto a
  {
    color: #069;
  }

/* Mensagem */
.mensagem
{
  border: 1px solid #666;
  background: #f7f7f7;
  padding: 5px;
}
  .mensagem.erro
  {
    border-color: #900;
    background: #ffe6e6;
  }
  .mensagem.correto
  {
    border-color: #9c0;
    background: #f4ffd3;
  }

#livezilla_tracking
{
  display: none;
}
#container
{
  width: 996px;
}
  #container #barra
  {
    height: 40px;
    color: #fff;
  }
    #container #barra #boas-vindas
    {
      top: 11px;
      font-size: 120%;
      float: left;
      position: relative;
    }
    #container #barra ul#pre-navegacao
    {
      top: 3px;
      float: right;
      position: relative;
    }
      #container #barra ul#pre-navegacao li
      {
        margin-right: 3px;
        display: block;
        float: left;
      }
        #container #barra ul#pre-navegacao li a
        {
          background: #007Cb9 url(images/pre-navegacao_background.gif) repeat-x;
          padding: 10px 15px;
          display: block;
        }
        #container #barra ul#pre-navegacao li a:hover
        {
          background: #0073aa;
        }
    #container #barra a
    {
      color: #fff;
    }
  #container #cabecalho
  {
    height: 160px;
  }
    #container #cabecalho h1#logomarca
    {
      width: 285px;
      height: 80px;
      top: 40px;
      float: left;
      position: relative;
    }
      #container #cabecalho h1#logomarca span.ImageReplacement
      {
        background-image: url(images/logomarca.gif);
        width: 285px;
        height: 80px;
        display: block;
      }
    #container #cabecalho #caixas
    {
      margin-top: 2px;
      float: right;
    }
      #container #cabecalho #caixas .caixa
      {
        border-left: 1px dotted #ccc;
        padding: 0 15px;
        height: 145px;
        float: left;
      }
      #container #cabecalho #caixas #chat
      {
        width: 94px;
        height: 31px;
        margin: 15px 15px 0 0;
        float: left;
      }
      #container #cabecalho #caixas #twitter
      {
        width: 186px;
      }
        #container #cabecalho #caixas #twitter h3.ImageReplacement
        {
          background-image: url(images/titulo_twitter.gif);
          width: 186px;
          height: 30px;
          margin-top: 10px;
        }
        #container #cabecalho #caixas #twitter .twit
        {
          height: 25px;
          margin-top: 15px;
          font-size: 90%;
          color: #069;
          display: block;
        }
          #container #cabecalho #caixas #twitter .twit a
          {
            text-decoration: underline;
            color: #09c;
          }
        #container #cabecalho #caixas #twitter .botao_texto
        {
          top: 45px;
          text-align: right;
          position: relative;
        }
      #container #cabecalho #caixas #painel
      {
        width: 144px;
      }
        #container #cabecalho #caixas #painel h3.ImageReplacement
        {
          background-image: url(images/titulo_painel.gif);
          width: 144px;
          height: 27px;
          margin-top: 13px;
        }
          #container #cabecalho #caixas #painel form
          {
            margin-top: 5px;
          }
            #container #cabecalho #caixas #painel form fieldset {}
              #container #cabecalho #caixas #painel form fieldset input
              {
                width: 130px;
                margin: 3px 0;
              }
              #container #cabecalho #caixas #painel form fieldset .botao_texto
              {
                top: 14px;
                text-align: right;
                position: relative;
              }
  #container #navegacao
  {
    height: 36px;
    font-size: 120%;
    font-weight: bold;
    text-transform: lowercase;
    color: #fff;
  }
    #container #navegacao ul
    {
      top: 9px;
      position: relative;
    }
      #container #navegacao ul li
      {
        margin: 0 3px;
        display: block;
        float: left;
      }
        #container #navegacao ul li a
        {
          padding: 8px 15px;
          color: #fff;
          display: block;
        }
        #container #navegacao ul li a.ativo,
        #container #navegacao ul li a:hover
        {
          background: #fff;
          text-decoration: none;
          color: #036;
        }
  #container #conteudo
  {
    margin-top: 15px;
  }
  #container #rodape
  {
    margin: 10px 0;
  }
    #container #rodape #copyright
    {
      background: #efefef;
      padding: 12px;
      text-align: center;
      color: #666;
    }
    #container #rodape #desenvolvimento
    {
      margin: 10px 0;
      font-size: 80%;
      text-align: right;
    }
      #container #rodape #desenvolvimento a
      {
        color: #900;
      }
      
    /* INÍCIO */
    #container #conteudo #inicio {}
      #container #conteudo #inicio #lateral
      {
        width: 320px;
        float: left;
      }
        #container #conteudo #inicio #lateral #definicao {}
          #container #conteudo #inicio #lateral #definicao p
          {
            margin: 10px 0;
          }
      #container #conteudo #inicio #lateral #solucoes
      {
        margin-top: 20px;
      }
        #container #conteudo #inicio #lateral #solucoes h3.ImageReplacement
        {
          border-bottom: 1px solid #f0f0f0;
          background-image: url(images/titulo_solucoes.gif);
          background-position: right;
          padding-bottom: 5px;
          width: 100%;
          height: 20px;
        }
        #container #conteudo #inicio #lateral #solucoes .caixa
        {
          border-bottom: 1px solid #f0f0f0;
          padding: 25px 0;
          padding-left: 130px;
        }
          #container #conteudo #inicio #lateral #solucoes .caixa strong
          {
            margin-bottom: 15px;
            color: #f60;
            display: block;
          }
        #container #conteudo #inicio #lateral #solucoes #seu-site-em-boas-maos.caixa
        {
          background: url(images/imac.gif) 28px no-repeat;
        }
        #container #conteudo #inicio #lateral #solucoes #venda-como-nunca.caixa
        {
          background: url(images/carrinho.gif) 28px no-repeat;
        }
      #container #conteudo #inicio #lateral #atendimento
      {
        margin: 20px auto;
        width: 226px;
        height: 75px;
      }
    #container #conteudo #inicio #principal
    {
      width: 630px;
      float: right;
    }
      #container #conteudo #inicio #principal #destaque
      {
        background: url(images/destaque_background.gif) repeat-x;
        width: 100%;
        margin-top: 30px;
        padding: 15px 7px;
        font-size: 120%;
      }
        #container #conteudo #inicio #principal #destaque .servico
        {
          border-right: 1px solid #f0f0f0;
          width: 173px;
          padding: 0 18px;
          float: left;
        }
          #container #conteudo #inicio #principal #destaque .servico .descricao
          {
            margin: 20px 0;
						height: 110px;
          }
          #container #conteudo #inicio #principal #destaque .servico .contrate
          {
            width: 122px;
            height: 22px;
            margin: 10px 0;
            left: 25px;
            position: relative;
          }
        #container #conteudo #inicio #principal #destaque #hospedagem {}
          #container #conteudo #inicio #principal #destaque #hospedagem h3.ImageReplacement
          {
            background-image: url(images/destaque_hospedagem.gif);
            width: 172px;
            height: 40px;
          }
        #container #conteudo #inicio #principal #destaque #revenda {}
          #container #conteudo #inicio #principal #destaque #revenda h3.ImageReplacement
          {
            background-image: url(images/destaque_revenda.gif);
            width: 175px;
            height: 40px;
          }
        #container #conteudo #inicio #principal #destaque #email-marketing
        {
          border: 0;
        }
          #container #conteudo #inicio #principal #destaque #email-marketing h3.ImageReplacement
          {
            background-image: url(images/destaque_email-marketing.gif);
            width: 169px;
            height: 40px;
          }
      #container #conteudo #inicio #principal #sub-destaques
      {
        width: 100%;
        margin-top: 30px;
      }
        #container #conteudo #inicio #principal #sub-destaques #duvidas
        {
          width: 315px;
          font-size: 120%;
          float: left;
        }
          #container #conteudo #inicio #principal #sub-destaques #duvidas h3.ImageReplacement
          {
            background-image: url(images/titulo_duvidas.gif);
            width: 100%;
            height: 27px;
          }
          #container #conteudo #inicio #principal #sub-destaques #duvidas .botao_texto
          {
            margin-top: 25px;
            text-align: right;
          }
        #container #conteudo #inicio #principal #sub-destaques #porque
        {
          width: 265px;
          font-size: 120%;
          float: right;
        }
          #container #conteudo #inicio #principal #sub-destaques #porque h3.ImageReplacement
          {
            background-image: url(images/titulo_porque.gif);
            width: 100%;
            height: 27px;
          }
          #container #conteudo #inicio #principal #sub-destaques #porque p
          {
            margin: 15px 0;
          }
          #container #conteudo #inicio #principal #sub-destaques #porque #uptime
          {
            font-weight: bold;
            color: #5f7d00;
          }
            #container #conteudo #inicio #principal #sub-destaques #porque #uptime .porcentagem
            {
              width: 120px;
              font-size: 200%;
              float: left;
            }
            #container #conteudo #inicio #principal #sub-destaques #porque #uptime .comentarios
            {
              top: 4px;
              margin: 0 10px 0 30px;
              font-size: 70%;
              text-transform: lowercase;
              position: relative;
            }
            
            
      /* Páginas Internas */
      #container #conteudo .interno h2
      {
        margin-bottom: 15px;
        font-size: 200%;
        text-transform: lowercase;
        color: #0cc;
      }
      #container #conteudo .interno .descricao
      {
        border-radius: 5px;
        background: #f4f4f4 url(images/descricao_background.gif) center repeat-y;
        padding: 10px;
        line-height: 150%;
      }
      
  /* PARTIAL: DOMINIO -> WHOIS */
  #container #conteudo #whois
  {
    
  }
    #container #conteudo #whois h3.ImageReplacement
    {
      background-image: url(images/titulo_whois.gif);
      width: 100%;
      height: 20px;
    }
    
    #container #conteudo #whois form
    {
      margin-top: 5px;
    }
      #container #conteudo #whois form input,
      #container #conteudo #whois form select
      {
        padding: 10px;
        font-size: 120%;
        font-weight: bold;
        float: left;
      }
      #container #conteudo #whois form input
      {
        background-image: url(images/whois_form_background.gif);
        width: 312px;
        padding-left: 88px;
      }
      #container #conteudo #whois form .example
      {
        font-weight: normal;
      }
      #container #conteudo #whois form select
      {
        width: auto;
        margin-left: 10px;
      }
      #container #conteudo #whois form .botao_texto
      {
        top: 11px;
        margin-left: 20px;
        float: left;
        position: relative;
      }
    #container #conteudo #whois .resultado
    {
      margin-top: 5px;
      text-align: center;
      display: none;
    }
            
    /* HOSPEDAGEM */
    #container #conteudo #hospedagem {}
    
    /* REVENDA */
    #container #conteudo #revenda {}
      #container #conteudo #revenda #whmcs
      {
        border-radius: 5px;
        background: #72aced url(images/whmcs_logo.gif) center left no-repeat;
        margin: 10px 0 20px;
        padding: 10px 10px 10px 185px;
        color: #fff;
      }
        #container #conteudo #revenda #whmcs a
        {
          text-decoration: underline;
          color: #00244D;
        }
        #container #conteudo #revenda #whmcs p
        {
          font-weight: bold;
        }

    /* DOMÍNIO */
    #container #conteudo #dominio {}
      #container #conteudo #dominio #whois
      {
        width: 605px;
      }
      #container #conteudo #dominio .botao
      {
        margin: 25px 0;
      }
      #container #conteudo #dominio .tipos_dominio
      {
        width: 610px;
        margin: 20px auto;
      }
        #container #conteudo #dominio .tipos_dominio .tipo
        {
          background: url(images/dominio_background.gif);
          width: 275px;
          padding: 10px;
          margin: 0 5px;
          float: left;
        }
          #container #conteudo #dominio .tipos_dominio .tipo *
          {
            display: block;
          }
          #container #conteudo #dominio .tipos_dominio .tipo strong.nome
          {
            font-weight: bold;
            font-size: 200%;
            text-align: right;
            text-transform: lowercase;
            color: #036;
          }
          #container #conteudo #dominio .tipos_dominio .tipo small.tlds
          {
            text-align: right;
          }
          #container #conteudo #dominio .tipos_dominio .tipo strong.valor
          {
            margin-top: 10px;
            font-size: 300%;
            color: #900;
          }
    /* LOJA VIRTUAL */
    #container #conteudo #loja_virtual {}
      #container #conteudo #loja_virtual .lateral
      {
        width: 200px;
        float: left;
      }
        #container #conteudo #loja_virtual .lateral ul
        {
          margin-top: 15px;
        }
          #container #conteudo #loja_virtual .lateral ul li
          {
            margin: 4px;
            float: left;
          }
            #container #conteudo #loja_virtual .lateral ul li img
            {
              border: 1px solid #ccc;
            }
      #container #conteudo #loja_virtual .descricao
      {
        width: 735px !important;
        margin-left: 40px;
        float: left;
      }
        #container #conteudo #loja_virtual .descricao .valor
        {
          margin: 20px 0 30px;
          text-align: center;
          font-size: 225%;
          display: block;
          color: #900;
        }
          #container #conteudo #loja_virtual .descricao .valor small
          {
            font-size: 50%;
          }
    /* BUSCA */
    #container #conteudo #busca {}
      #container #conteudo #busca form
      {
        width: 425px;
        margin: 20px auto;
      }
      #container #conteudo #busca .nenhum_resultado
      {
        margin: 20px 0;
      }
      #container #conteudo #busca ul
      {
        border-top: 1px solid #666;
        width: 700px;
        font-size: 115%;
      }
        #container #conteudo #busca ul li
        {
          border-bottom: 1px dotted #ccc;
          margin: 20px 0;
          display: block;
        }
          #container #conteudo #busca ul li a
          {
            margin: 10px 0;
            text-decoration: none;
            color: #333;
            display: block;
          }
            #container #conteudo #busca ul li a strong.titulo
            {
              color: #069;
              display: block;
            }
            #container #conteudo #busca ul li a span.resumo
            {
              display: block;
            }
              #container #conteudo #busca ul li a span.resumo b
              {
                background: #ffc;
              }
            #container #conteudo #busca ul li a small.url
            {
              color: #069;
              display: block;
            }
    /* CONTATO */
    #container #conteudo #contato {}
      #container #conteudo #contato form
      {
        width: 370px;
      }