h1, h2, h3 { font-family: Arial; font-weight: bold; color: #666; letter-spacing: -1px; margin-bottom: 5px; }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { color: #666; font: 16px "Lucida Sans Unicode", Arial; }

#pagina_conteudo { margin: 0 auto; width: 780px; padding: 0;}
#pagina_banner { background: url(/imagens/banner/construtor-de-sites.jpg) no-repeat; height: 100px; width: 780px; margin: 0; }
#pagina_banner h1 { font-size: 34px; float: left; color: #fff; letter-spacing: -1px; padding: 30px 0 0 35px; }
#pagina_banner strong { font: 14px "Lucida Sans Unicode", Arial; float: left; color: #fff; display: block; line-height: 18px; padding: 30px 0 0 50px; width: 356px; }

p { line-height: 18px; }
a { outline: 0; }

a.botao { color: #fff; display: block; font-weight: bold; line-height: 30px; height: 32px; text-align: center; text-decoration: none; }
a.botao:hover { color: #fff; text-decoration: none; }

#construtor-de-sites { padding-bottom: 15px; }

#video { border: 10px solid #eee; float: left; margin: 10px 25px 0 0; width: 380px; height: 312px; }

.vantagens { display: inline; float: left; margin-top: 8px; width: 200px; }
.vantagens ul { margin-bottom: 20px; width: 325px; }
.vantagens ul li { background: url(/imagens/master-page/icone/check.png) center left no-repeat; display: block; line-height: 40px; margin: 0; height: 40px; padding-left: 28px; }
.vantagens a { background: url(/imagens/construtor-de-sites/experimente-ferramenta.jpg) 0 0 no-repeat; display: block; height: 72px; text-indent: -9999px; width: 323px; }
.vantagens a:hover { background-position: 0 -72px; }

.plano-construtor, .login { margin: 30px 0 28px 0; }
.plano-construtor { float: left; margin-right: 22px; width: 500px; }
.plano-construtor h2, .login h2 { clear: both; display: block; padding-bottom: 3px; }
.plano-construtor p { margin: 2px 0 18px 0; }
.plano-construtor a.botao { background: url(/imagens/master-page/botao/botao.png) no-repeat; float: left; margin-left: 64px; width: 107px; }
.plano-construtor a.botao:hover { background-position: 0 -32px; }

.box-plano-construtor { background: #d1d1d1 url(/imagens/construtor-de-sites/bg-cinza.png) repeat-x; float: left; height: 160px; width: 495px; }
img.sombra { left: 0; right: 0; position: absolute; }

.conteudo-plano-construtor { background: url(/imagens/construtor-de-sites/sombra-right.png) right center no-repeat; height: 120px; padding: 20px 0 20px 20px; }
.conteudo-plano-construtor p { float: left; }
.conteudo-plano-construtor img { bottom: 75px; float: left; right: 28px; margin-left: 10px; position: absolute; }
.conteudo-plano-construtor a.mais-planos { background: url(/imagens/construtor-de-sites/bg-confira-mais-planos.png) no-repeat; display: block; float: left; font-weight: bold; line-height: 22px; margin-top: 5px; height: 26px; text-align: center; padding-left: 10px; width: 244px; }

.login { float: left; width: 212px; }
.login h2 { background-position: 100px 10px; }
.box-login { background: #d1d1d1 url(/imagens/construtor-de-sites/bg-verde.png) repeat-x; height: 160px;  }
.conteudo-login { background: url(/imagens/construtor-de-sites/sombra-left.png) left center no-repeat; height: 120px; padding: 30px 20px 10px 20px; }
.conteudo-login h3 { background: url(/imagens/construtor-de-sites/seta-dupla.png) right center no-repeat; color: #a1a990; font: bold 21px Arial; margin-left: 5px; width: 146px; }
.conteudo-login span { font: bold 12px Arial; color: #a4b387; margin-left: 5px; text-transform: uppercase; }
.conteudo-login a.botao { background: url(/imagens/master-page/botao/botao-grande-sombra.png) no-repeat; margin: 26px 0 0 3px; line-height: 28px; width: 165px; }
.conteudo-login a.botao:hover { background-position: 0 -32px; }

a.banner { background: url(/imagens/construtor-de-sites/banner-como-criar-um-site.jpg) 0 0 no-repeat; color: #fff; display: block; font: bold 22px Arial; letter-spacing: -1px; line-height: 30px; height: 46px; padding: 15px 0 0 15px; width: 740px; }
a.banner:hover { color: #fff; text-decoration: none; }
a.banner span { letter-spacing: 0; margin-left: 15px; }