@import url(sIFR-screen.css);

/*
Cliente: MapLink
Projeto: Google Earth Pro
*/

* { margin: 0; padding: 0; }
html, body { font: 100% Verdana, Tahoma, sans-serif; }
html { background: url(images/bg.jpg) #fff repeat-x; }
body { background: url(images/bg_topo.jpg) center 0 no-repeat; }
#limites { width: 760px; margin: 0 auto; font-size: .62em; line-height: 1.36em; }

  /* ------- elementos especificos ------- */
  a { color: #ff6900; }
  form fieldset, #comprar.compra #conteudo form button, a img { border: 0; }
  form fieldset ol, form fieldset ul { list-style: none; }
  
  /* ------- classes gerais ------- */
  .inativo { display: none; }
  
  a.destaque { font-weight: bold; }
  
  .direita { float: right; }
  .esquerda { float: left; }
  .centro { text-align: center; }
  p.direita, p.esquerda { float: none; }
  p.direita { text-align: right; }
  p.esquerda { text-align: left; }
  
  .separador { width: 761px; height: 45px; margin: -3px 0 0 3px; background: url(images/separador.png) no-repeat; }
  * html .separador { margin: 0 0 0 10px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/separador.png',sizingMethod='crop'); }
  html body #limites #conteudo ul.aplicacoes { width: 369px; height: 121px; padding: 45px 0 0 35px; background: url(images/oque_aplicacoes_bg.jpg) no-repeat; list-style: none; }
  html > body #limites #conteudo ul.aplicacoes { height: 151px; padding-top: 35px; }
  html body #limites #conteudo ul.aplicacoes li { float: left; margin: 0 25px 10px 0; text-indent: -9999em; overflow: hidden; line-height: 1em !important; }
  html > body #limites #conteudo ul.aplicacoes li { margin-bottom: 0; }
  html body #limites #conteudo ul.aplicacoes li a { display: block; width: 121px; height: 17px; background-repeat: no-repeat; background-position: 0 1px; }
  html body #limites #conteudo ul.aplicacoes li a:hover, ul.aplicacoes li.ativo a { background-position: 0 -16px; }
  html body #limites #conteudo ul.aplicacoes li#info_orgaos a { background-position: 0 0; }
  html body #limites #conteudo ul.aplicacoes li#info_orgaos a:hover { background-position: 0 -17px; }
  
  /* contendo float */
  html body #limites .contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  html body #limites .contemfloat { display: inline-block; }
  /* Hides from IE-mac \*/
  * html body #limites .contemfloat { height: 1%; }
  html body #limites .contemfloat { display: block; /* background: #fff; */ }
  /* End hide from IE-mac */    

/* ------- topo ------- */
#topo { position: relative; height: 230px; cursor: default; }
#topo h2 { position: absolute; width: 161px; height: 76px; top: 82px; left: 168px; background: url(images/topo_logo.jpg) no-repeat; }
html > body #topo h2 { left: 163px; }
#topo h2 a { display: block; height: 100%; text-indent: -999em; overflow: hidden; }
#topo #vantagens { text-indent: -9999em; }
#topo ul { list-style: none; }
#topo ul#menu { width: 740px; height: 73px; margin: 145px 0 0 10px; padding: 2px 0 0 20px; background: url(images/bg_menu.jpg) no-repeat; }
html > body #topo ul#menu { margin: 146px 0 0 4px; }
#topo ul#menu li { float: left; padding-top: 7px; text-align: center; }
#topo ul#menu li a { display: block; height: 24px; margin-right: 3px; padding-top: 7px; font-weight: bold; text-decoration: none; color: #48505a; }
#topo ul#menu li#menu_home a { width: 110px; background: url(images/topo_menu_home_bg.jpg) no-repeat; }
#topo ul#menu li#menu_oque a { width: 176px; background: url(images/topo_menu_oque_bg.jpg) no-repeat; }
#topo ul#menu li#menu_comprar a { width: 81px; background: url(images/topo_menu_comprar_bg.jpg) no-repeat; }
#topo ul#menu li#menu_faq a { width: 146px; background: url(images/topo_menu_faq_bg.jpg) no-repeat; }
#topo ul#menu li#menu_suporte a { width: 199px; background: url(images/topo_menu_suporte_bg.jpg) no-repeat; }
html body #limites #topo ul#menu li a:hover, #home #limites #topo ul#menu li#menu_home a, #oque #limites ul#menu li#menu_oque a, 
#comprar #limites #topo ul#menu li#menu_comprar a, #faq #limites #topo ul#menu li#menu_faq a, #suporte #limites #topo ul#menu li#menu_suporte a { background-position: bottom; }

/* ------- conteudo ------- */
#conteudo { clear: both; position: relative; width: 724px; margin-left: 10px; padding: 0 16px 0 20px; background: url(images/bg_conteudo.png) repeat-y; }
html > body #conteudo { margin: 32px 0 0 4px; }
* html #conteudo { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/bg_conteudo.png',sizingMethod='scale'); }

#conteudo .informacoes { position: absolute; right: 16px; width: 352px; line-height: 1.6em; color: #6c809b; }
#conteudo .informacoes a.botao_diferencas { display: block; width: 349px; height: 19px; margin: 19px 0 9px; background: url(images/botao_diferencas.gif) no-repeat; text-indent: -999em; overflow: hidden; }
#conteudo .informacoes .comprar { width: 312px; height: 132px; padding-left: 36px; background: url(images/home_comprar_bg.jpg) no-repeat; }
#conteudo .informacoes .comprar a, #conteudo .informacoes .comprar h3 { text-indent: -999em; overflow: hidden; }
#conteudo .informacoes .comprar a { float: right; width: 94px; height: 93px; margin-top: 19px; background: url(images/home_comprar_botao.jpg) no-repeat; }
#conteudo .informacoes .comprar h3 { position: relative; width: 94px; height: 16px; top: 29px; background: url(images/home_comprar_titulo.jpg) no-repeat; }
#conteudo .informacoes .comprar .preco { margin-top: 29px; line-height: 1.1em; font: bold 1.63em "Trebuchet MS", Tahoma, sans-serif; color: #000; }
#conteudo .informacoes .comprar .obs { font-family: "Trebuchet MS", Tahoma, sans-serif; color: #fff; }
#conteudo .informacoes h5 { width: 320px; margin-top: 2em; text-align: center; font-size: 1em; line-height: 1.6em; color: #48505a; }
#conteudo .informacoes ul { width: 335px; margin-top: 20px; list-style: none; }
#conteudo .informacoes ul li { float: left; margin: 0 25px 15px 0; text-indent: -9999em; overflow: hidden; line-height: 1em; }
#conteudo .informacoes ul li a { display: block; width: 121px; height: 17px; background-repeat: no-repeat; }
#conteudo .informacoes ul li a:hover { background-position: 0 -17px; }
#conteudo .informacoes ul li.ativo a { background-position: 0 -34px; }
#conteudo .informacoes ul li#info_arquitetos a, #conteudo .informacoes ul li#info_orgaos a, #conteudo .informacoes ul li#info_corretores a, 
html body #limites #conteudo ul.aplicacoes li#info_arquitetos a, html body #limites #conteudo ul.aplicacoes li#info_orgaos a, html body #limites #conteudo ul.aplicacoes li#info_corretores a { width: 160px; }
#conteudo .informacoes ul li#info_arquitetos a, 
ul.aplicacoes li#info_arquitetos a { background-image: url(images/home_info_arquitetos.gif); }
#conteudo .informacoes ul li#info_imobiliarias a, 
ul.aplicacoes li#info_imobiliarias a { background-image: url(images/home_info_imobiliarias.gif); }
#conteudo .informacoes ul li#info_orgaos a, 
ul.aplicacoes li#info_orgaos a { background-image: url(images/home_info_orgaos.gif); }
#conteudo .informacoes ul li#info_seguranca a, 
ul.aplicacoes li#info_seguranca a { background-image: url(images/home_info_seguranca.gif); }
#conteudo .informacoes ul li#info_corretores a, 
ul.aplicacoes li#info_corretores a { background-image: url(images/home_info_corretores.gif); }
#conteudo .informacoes ul li#info_jornalistas a, 
ul.aplicacoes li#info_jornalistas a { background-image: url(images/home_info_jornalistas.gif); }

#conteudo .detalhes { width: 354px; height: 471px; margin: 0 auto 3px; padding-right: 370px; background: url(images/home_detalhes_bg.jpg) bottom no-repeat; }
#conteudo .detalhes .titulo { position: relative; }
#conteudo .detalhes .titulo span { position: absolute; top: 5px; left: 10px; font-weight: bold; font-size: 1.3em; color: #48505a; }
#conteudo .detalhes h4 { width: 336px; height: 18px; margin-left: -1px; padding: 6px 0 0 12px; background: url(images/home_detalhes_titulo.jpg) #dde9f8 no-repeat; font-weight: bold; font-size: 1.3em; color: #E2E9F1; }
#conteudo .detalhes img { display: block; margin-left: 1px; }
#conteudo .detalhes p { margin: 20px 17px; line-height: 2em; }

/* ------ caixa vantagens ------- */
#caixa_vantagens { width: 727px; height: 186px; margin: 0 0 10px 3px; padding: 0 17px 17px; background: url(images/bg_vantagens.png) no-repeat; }
* html #caixa_vantagens { margin-left: 10px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/bg_vantagens.png',sizingMethod='crop'); }
#caixa_vantagens h4 { margin-bottom: 2.3em; font-size: 1em; text-align: center; color: #6c809b; }
#caixa_vantagens dl { position: relative; float: left; width: 145px; padding-left: 90px; }
#caixa_vantagens dl#exportacao { background: url(images/vantagens_exportacao.jpg) no-repeat; }
#caixa_vantagens dl#medidas { margin: 0 10px; background: url(images/vantagens_medidas.jpg) no-repeat; }
#caixa_vantagens dl#media { background: url(images/vantagens_media.jpg) no-repeat; }
#caixa_vantagens dl dt { margin-bottom: 5px; }
#caixa_vantagens dl dt a { font-weight: bold; }
#caixa_vantagens dl dd { line-height: 1.4em; }
#caixa_vantagens dl dd a { position: absolute; display: block; width: 73px; height: 87px; top: 0; left: 7px; text-indent: -999em; overflow: hidden; }

/* ------- rodape ------- */
#rodape { clear: both; margin-top: 2.3em; text-align: center; color: #48505a; }
#rodape p { margin-bottom: 1em; }
#rodape img { position: relative; margin: 0 3px; }
#rodape img.maplink { top: 7px; }
#rodape img.google { top: 10px; }


  /* ------- PAGINAS INTERNAS ------- */
  .interna #topo ul#menu { height: 43px; background-image: url(images/interna_bg_menu.jpg); }
  .interna #topo ul#menu li#menu_oque a { background-image: url(images/interna_topo_menu_oque_bg.jpg); }
  .interna #topo ul#menu li#menu_comprar a { background-image: url(images/interna_topo_menu_comprar_bg.jpg); }
  .interna #topo ul#menu li#menu_faq a { background-image: url(images/interna_topo_menu_faq_bg.jpg); }
  
  .interna #conteudo, .interna #conteudo #breadcrumb, .interna #conteudo #breadcrumb a { color: #6c809b; }
  .interna #conteudo { width: 759px; margin-top: 0; padding: 10px 0 1px 1px; }
  html > body .interna #conteudo { margin-top: 2px; }
  .interna #conteudo #breadcrumb { margin: 5px 0 34px 20px; }
  .interna #conteudo #breadcrumb a { font-weight: bold; }
  .interna #conteudo a.voltar { position: absolute; float: right; top: 15px; right: 16px; font-weight: bold; }
  
  .interna #conteudo #coluna1 { float: left; width: 459px; font-size: 1.1em; }
  .interna #conteudo h1, .interna #conteudo #coluna1 h3, #comprar #conteudo h3 { height: 25px; margin: 0 0 5px 20px; font-size: 1.8em; line-height: 1em; }
  .interna #conteudo #coluna1 h4 { font-size: 1em; color: #000; }
  .interna #conteudo #coluna1 p { margin-bottom: 1em; }
  
  .interna #conteudo #coluna2 { float: left; margin-left: 10px; }
  .interna #conteudo #coluna2 .caixa { width: 221px; padding: 16px; background: url(images/oque_aplicacoes_bg2.jpg) no-repeat; }
  
  .interna #rodape { width: 760px; margin: 0 0 0 4px; padding-top: 40px; background: url(images/interna_rodape_bg.png) no-repeat; }
  * html .interna #rodape { margin-left: 10px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/interna_rodape_bg.png',sizingMethod='crop'); }
  
    /* ------- oque e ------- */
    #oque #conteudo #coluna1 .secao { clear: left; padding: 20px 0 20px 20px; border-top: 1px solid #e9ecf0; }
    #oque #conteudo #coluna1 .secao.primeira { border: 0; }
    #oque #conteudo #coluna1 .secao p, #oque #conteudo #coluna1 ul li { line-height: 1.6em; }
    #oque #conteudo #coluna1 ul { list-style: inside; /* color: #000; */ }
    #oque #conteudo #coluna1 /* ul li */strong { color: #FF6900/* #6c809b */; }
    #oque #conteudo h1, #oque #conteudo #coluna1 h3 { margin-left: 0; }
    
    #oque #conteudo #coluna2 .imagem { position: relative; width: 281px; margin-bottom: 16px; text-align: center; }
    #oque #conteudo #coluna2 .moldura { position: absolute; width: 281px; height: 253px; top: 0; left: 0; background: url(images/interna_moldura_imagem.png) no-repeat; }
    * html #oque #conteudo #coluna2 .moldura { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/interna_moldura_imagem.png',sizingMethod='crop'); }
    #oque #conteudo #coluna2 .imagem img { width: 253px; height: 250px; }
    
      /* ------- aplicacoes ------- */
      #oque.aplicacao #coluna1 .depoimentos { width: 394px; padding: 16px; background: url(images/oque_depoimentos_bg.jpg) no-repeat; color: #48505a; }
      #oque.aplicacao #coluna1 .depoimentos p.autor { font-style: italic; text-align: right; }
      
      #oque.aplicacao #coluna2 { margin-top: 2em; }
      #oque.aplicacao #coluna2 .caixa ul { width: auto; height: auto; padding: 0; background: transparent; list-style: none; }
      #oque.aplicacao #coluna2 .caixa ul li { float: none; margin-bottom: 10px; }
      
      /* ------- diferencas ------- */
      #oque.diferencas #conteudo h1 { margin-left: 20px; }
      
      #oque.diferencas #conteudo ul.opcoes { position: relative; float: right; margin-top: -20px; list-style: none; }
      #oque.diferencas #conteudo ul.opcoes li { display: inline; margin-right: 20px; font-weight: bold; }
      
      #oque.diferencas #conteudo table, #oque.diferencas #conteudo table thead td { border-bottom: 1px solid #d3d9e1; }
      #oque.diferencas #conteudo table { width: 100%; margin-top: 25px; border-collapse: collapse; }
      #oque.diferencas #conteudo table .primeira, #oque.diferencas #conteudo table tbody th { padding-left: 47px; }
      #oque.diferencas #conteudo table thead td { padding-top: 8px; padding-bottom: 8px; font-size: 1.1em; font-weight: bold; text-align: center; color: #99bf00; }
      #oque.diferencas #conteudo table thead td.primeira { text-align: left; }
      #oque.diferencas #conteudo table thead td.ultima, #oque.diferencas #conteudo table tbody td.ultima { padding-right: 29px; }
      #oque.diferencas #conteudo table tbody th, #oque.diferencas #conteudo table tbody td { height: 35px; vertical-align: middle; }
      #oque.diferencas #conteudo table tbody th { text-align: left; font-weight: normal; }
      #oque.diferencas #conteudo table tbody tr.alt th, #oque.diferencas #conteudo table tbody tr.alt td { height: 25px; }
      #oque.diferencas #conteudo table tbody tr.alt th { background: url(images/tabela_alt_esquerda.jpg) 27px 0 no-repeat; }
      #oque.diferencas #conteudo table tbody td { width: 160px; border-width: 0 1px; border-style: solid; border-color: #d3d9e1; text-align: center; }
      #oque.diferencas #conteudo table tbody tr.alt td { background: #DDE8EC; }
      #oque.diferencas #conteudo table tbody td.ultima { width: 165px; padding-right: 29px; border: 0; }
      #oque.diferencas #conteudo table tbody tr.alt td.ultima { background: url(images/tabela_alt_direita.jpg) no-repeat; }
      #oque.diferencas #conteudo table tbody td img { position: relative; }
      
      #oque.diferencas #conteudo .comprar { float: right; width: 213px; height: 92px; margin: 5px; padding-left: 24px; background: url(images/diferencas_comprar_bg.jpg) no-repeat; }
      #oque.diferencas #conteudo .comprar a, #oque.diferencas #conteudo .comprar h3 { text-indent: -999em; overflow: hidden; }
      #oque.diferencas #conteudo .comprar a { float: right; width: 64px; height: 64px; margin-top: 13px; background: url(images/diferencas_comprar_botao.jpg) no-repeat; }
      #oque.diferencas #conteudo .comprar h3 { position: relative; width: 66px; height: 11px; top: 20px; background: url(images/diferencas_comprar_titulo.jpg) no-repeat; }
      #oque.diferencas #conteudo .comprar .preco { margin-top: 19px; line-height: .9; font: bold 1.1em "Trebuchet MS", Tahoma, sans-serif; color: #000; }
      #oque.diferencas #conteudo .comprar .obs { font-family: "Trebuchet MS", Tahoma, sans-serif; color: #fff; }
      #oque.diferencas #conteudo ul.obs { margin: 20px 0 0 20px; list-style: none; color: #3b88bf; }
      
    
    /* ------- perguntas frequentes ------- */
    #faq #conteudo dl { margin: 22px 0 0 22px; padding: 1px 0; color: #48505a; }
    #faq #conteudo dl dt, #faq #conteudo dl dd { padding-left: 28px; }
    #faq #conteudo dl dt { margin-bottom: 10px; line-height: 15px; background: url(images/bullet.gif) no-repeat; }
    #faq #conteudo dl dt a { color: #3b88bf; font-weight: bold; }
    #faq #conteudo dl dd { display: none; margin-bottom: 20px; }
    #faq #conteudo dl dd.ativo { display: block; }
    #faq #conteudo dl dd p { margin: 5px 0; }
  	#faq #conteudo dl dd ul { margin: 5px 0 5px 20px; }

    
    /* ------- comprar ------- */
    #comprar #conteudo p.introducao { margin-left: 20px; font-size: 1.1em; }
    
    #comprar #conteudo .produto { position: relative; width: 651px; height: 98px; margin: 31px 0 20px 45px; background: url(images/comprar_opcoes_bg.jpg) no-repeat; }
    #comprar #conteudo .produto h4 { position: absolute; z-index: 2; width: 310px; height: 95px; top: -1px; left: -30px; }
    #comprar #conteudo .produto h4 a { display: block; width: 100%; height: 100%; background: url(images/comprar_opcoes_botoes.jpg) no-repeat; text-indent: -9999em; overflow: hidden; }
    #comprar #conteudo .renovar { background-position: 0 -99px; }
    #comprar #conteudo .renovar h4 a { background-position: 0 -95px; }
    #comprar #conteudo .produto h5 { font:bold 14px Verdana, Tahoma, sans-serif; color:#FFF; position: absolute; width: 140px; height: 18px; top: 16px; left: 75px; text-indent:-9999em;  background: url(images/comprar_opcoes_titulopreco.jpg) no-repeat; overflow: hidden; }
    #comprar #conteudo .produto .preco { position: absolute; top: 38px; left: 74px; font: bold 20px "Trebuchet MS", Tahoma, sans-serif; color: #000; }
    #comprar #conteudo .produto .descricao { position: absolute; top: 28px; left: 309px; width: 330px; font: bold 14px "Trebuchet MS", Tahoma, sans-serif; color: #fff; }
    #comprar #conteudo .produto .obs { position: absolute; top: 70px; left: 74px; font-family: "Trebuchet MS", Tahoma, sans-serif; color: #fff; }
    
    #comprar #conteudo ul.produtos { width: 727px; height: 113px; margin: 0 0 30px 8px; padding: 30px 0 0 16px; background: url(images/comprar_produtos_bg.jpg) no-repeat; list-style: none; }
    #comprar #conteudo ul.produtos li { position: relative; float: left; width: 190px; }
    #comprar #conteudo ul.produtos li.mac { margin: 0 55px; }
    #comprar #conteudo ul.produtos li img { float: left; margin-right: 3px; }
    #comprar #conteudo ul.produtos li h5 { font-size: 1em; }
    #comprar #conteudo ul.produtos li a { display: block; margin-bottom: 5px; font-weight: bold; }
    #comprar #conteudo ul.produtos li a.entrar { position: absolute; display: block; width: 73px; height: 87px; top: 0; left: 7px; text-indent: -999em; overflow: hidden; }
    #comprar #conteudo ul.produtos li p { line-height: 1.4em; }
    
    #comprar #conteudo .pagamento { width: 566px; height: 68px; margin: 10px auto; padding: 26px 0 0 11px; background: url(images/comprar_pagamento_bg.jpg) no-repeat; }
    #comprar #conteudo .pagamento ul, #comprar #conteudo .pagamento ul li, #comprar #conteudo .pagamento h5 { float: left; }
    #comprar #conteudo .pagamento ul { list-style: none; }
    #comprar #conteudo .pagamento ul li { margin: 0 20px; }
    html > body#comprar #conteudo .pagamento ul li { margin: 0 30px; }
    #comprar #conteudo .pagamento h5 { width: 146px; height: 43px; background: url(images/formas_logo_parcelado.jpg) no-repeat; text-indent: -9999em; overflow: hidden; }
    
      #comprar #conteudo .secao { clear: left; margin: 0 20px 20px 20px; padding: 0 0 20px 0; border-bottom: 1px solid #e9ecf0; }
      #comprar #conteudo .secao.primeira { border: 0; }
      #comprar #conteudo .secao p { line-height: 1.6em; }
      #comprar #conteudo .secao h3 { margin: 5px 0; }

      /* ------- comprar - passo 1 ------- */
      #comprar.compra #conteudo ul.dados { margin-left: 20px; list-style: none; font-weight: bold; color: #4fb5ff; }
      #comprar.compra #conteudo ul.dados li strong { color: #6c809b; }
      #comprar.compra #conteudo ol.passos { height: 91px; margin: 0 0 20px 20px; list-style: none; }
      #comprar.compra #conteudo ol.passos li { float: left; width: 177px; text-indent: -9999em; overflow: hidden; }
      #comprar.compra #conteudo ol.passos li.passo1, #comprar.compra #conteudo ol.passos li.passo2 { margin-top: 21px; }
      #comprar.compra #conteudo ol.passos li.passo1 { height: 69px; background: url(images/comprar_passo1.jpg) no-repeat; }
      #comprar.compra #conteudo ol.passos li.passo2 { height: 62px; margin-left: 90px; margin-right: 90px; background: url(images/comprar_passo2.jpg) no-repeat; }
      #comprar.compra #conteudo ol.passos li.passo3 { height: 91px; background: url(images/comprar_passo3.jpg) no-repeat; }
      #comprar.passo1 #conteudo ol.passos li.passo1, #comprar.passo2 #conteudo ol.passos li.passo2, 
      #comprar.passo3 #conteudo ol.passos li.passo3 { background-position: 0 bottom; }

      #comprar.compra #conteudo form { clear: both; height: 691px; margin: 0 101px 0 109px; background: url(images/comprar_form_bg.jpg) 0 18px no-repeat; color: #48505a; }
      #comprar.compra #conteudo form p.obrigatorios { margin-left: 10px; font-size: .9em; color: #000; }
      #comprar.compra #conteudo form a.voltar { position: relative; float: left; left: 45px; }
      #comprar.compra #conteudo form label { font-weight: bold; }
      #comprar.compra #conteudo form ol { margin: 37px 45px 0 57px; }
      #comprar.compra #conteudo form ol li { clear: both; min-height: 22px; margin-bottom: 5px; }
      * html #comprar.compra #conteudo form ol li { height: 22px; }
      #comprar.compra #conteudo form .ok { background: url(images/marca.gif) right 3px no-repeat; }
      #comprar.compra #conteudo form .erro { background: url(images/error.gif) right 3px no-repeat; }
      #comprar.compra #conteudo form ol li label, #comprar.compra #conteudo form ol li input { vertical-align: middle; }
      #comprar.compra #conteudo form ol li label { float: left; width: 90px; }
      #comprar.compra #conteudo form ol li.maior label { width: 128px; }
      #comprar.compra #conteudo form ol li input, #comprar.compra #conteudo form ol li select { border: 1px solid #48505a; font-size: 1em; color: #3b88bf; }
      #comprar.compra #conteudo form ol li input { width: 323px; padding: 3px; }
      #comprar.compra #conteudo form ol li input#nome { width: 285px; }
      #comprar.compra #conteudo form ol li input#ddd1, #comprar.compra #conteudo form ol li input#ddd2, #comprar.compra #conteudo form ol li input#cep2 { width: 17px; }
      #comprar.compra #conteudo form ol li input#fone1, #comprar.compra #conteudo form ol li input#fone2 { width: 76px; }
      #comprar.compra #conteudo form ol li input#cpf, #comprar.compra #conteudo form ol li input#cnpj { width: 105px; }
      #comprar.compra #conteudo form ol li input#cep1, #comprar.compra #conteudo form ol li input#nascimento { width: 67px; }
      #comprar.compra #conteudo form ol li select#estado, #comprar.compra #conteudo form ol li select#cidade { width: 166px; }
      #comprar.compra #conteudo form ol li span label { float: none; }
      #comprar.compra #conteudo form ol li span label input { width: auto; margin-right: 5px; padding: 0; border: none; }
      #comprar.compra #conteudo form ol li em { display: block; margin-left: 90px; font-style: normal; }
      * html #comprar.compra #conteudo form ol li em { margin-bottom: -15px; }
      #comprar.compra #conteudo form fieldset.especiais { margin: 30px 50px 5px; padding: 19px 0 0 8px; border-width: 1px 0; border-style: solid; border-color: #e4e8ed; }
      html > body#comprar.compra #conteudo form fieldset.especiais { padding: 19px 8px; }
      #comprar.compra #conteudo form fieldset.especiais ol { margin: 0; }
      #comprar.compra #conteudo form fieldset.especiais ol li { margin-bottom: 20px; }
      #comprar.compra #conteudo form fieldset.especiais ol li label { display: block; float: none; width: auto; margin-bottom: 5px; }
      #comprar.compra #conteudo form fieldset.especiais ol li input { width: auto; border: 0; }
      #comprar.compra #conteudo form fieldset.especiais ol li select { width: 133px; }
      #comprar.compra #conteudo form fieldset.especiais ol li#acordo { margin: 20px 0 0 -8px; padding: 19px 0 0 8px; border-top: 1px solid #e4e8ed; }
      #comprar.compra #conteudo form button { float: right; width: 169px; height: 22px; margin: 10px 50px 0 0; background: url(images/form_botao_continuar.jpg) no-repeat; cursor: pointer; } 
      #comprar.compra #conteudo form button.finalizar { display: none; float: right; width: 241px; height: 29px; margin: 9px 50px 0 0; background: url(images/form_botao_finalizar.gif) no-repeat; cursor: pointer; } 
      #comprar.compra #conteudo form button span { display: block; text-indent: -9999em; overflow: hidden; }
      
	  /* ------- comprar - passo 2 ------- */
      #comprar.passo2 #conteudo form { height: 440px; background-image: url(images/comprar_form_bg_menor.jpg); }
      #comprar.passo2 #conteudo form fieldset { margin: 25px 48px; border-bottom: 1px solid #e2e6ec; }
      #comprar.passo2 #conteudo form legend { font-weight: bold; color: #3b88bf; }
      #comprar.passo2 #conteudo form legend.ok { padding-right: 20px; line-height: 20px; }
      #comprar.passo2 #conteudo form fieldset ol { margin: 20px 0; }
      #comprar.passo2 #conteudo form fieldset ol li { clear: none; float: left; width: 33%; }
      #comprar.passo2 #conteudo form fieldset.formas ol li { width: 125px; padding-top: 50px; text-align: center; }
      #comprar.passo2 #conteudo form fieldset.formas ol li.master { background: url(images/comprar_forma_1.gif) center 0 no-repeat; }
      #comprar.passo2 #conteudo form fieldset.formas ol li.visa { margin: 0 39px; background: url(images/comprar_forma_2.gif) center 0 no-repeat; }
      #comprar.passo2 #conteudo form fieldset.formas ol li.boleto { background: url(images/comprar_forma_3.gif) center 0 no-repeat; }
      #comprar.passo2 #conteudo form fieldset ol li label { float: none; width: auto; }
      #comprar.passo2 #conteudo form fieldset ol li label input { width: auto; border: 0; }
      #comprar.passo2 #conteudo form fieldset.formas ol li label input { display: block; margin: 5px auto; }
      #comprar.passo2 #conteudo form fieldset ol li p { position: relative; left: 22px; font-weight: bold; }
      html > body#comprar.passo2 #conteudo form fieldset ol li p { left: 17px; }
      #comprar.passo2 #conteudo form fieldset ol li p strong { color: #4fb5ff; }
      
        /* ------- comprar - passo 2 cartao ------- */
        #comprar.cartao #conteudo form fieldset { margin-bottom: 5px; }
        #comprar.cartao #conteudo form fieldset ol li { position: relative; clear: both; float: none; width: auto; }
        #comprar.cartao #conteudo form fieldset ol li label { display: inline; float: left; width: 125px; }
        #comprar.cartao #conteudo form fieldset ol li.maior label { width: 180px; }
        #comprar.cartao #conteudo form fieldset ol li input#nome { width: 240px; }
        #comprar.cartao #conteudo form fieldset ol li input#mes { width: 22px; }
        #comprar.cartao #conteudo form fieldset ol li input#ano { width: 40px; }
        #comprar.cartao #conteudo form fieldset ol li input#num1, #comprar.cartao #conteudo form fieldset ol li input#num2, 
        #comprar.cartao #conteudo form fieldset ol li input#num3, #comprar.cartao #conteudo form fieldset ol li input#num4, 
        #comprar.cartao #conteudo form fieldset ol li input#ver { width: 40px; }
        #comprar.cartao #conteudo form fieldset ol li .info { position: absolute; width: 175px; height: 31px; top: 0; left: 181px; padding: 3px 0 0 65px; background: url(images/comprar_cartao_digito.gif) no-repeat; font-size: .9em; color: #000; }
        html > body#comprar.cartao #conteudo form fieldset ol li .info { left: 177px; }
        #comprar.cartao #conteudo form fieldset ul.resultado { margin: -23px 0 20px; font-weight: bold; font-size: 1.1em; color: #48505a; }
        #comprar.cartao #conteudo form fieldset ul.resultado li { margin-bottom: 10px; line-height: 40px; }
        #comprar.cartao #conteudo form fieldset ul.resultado li strong { color: #4fb5ff; }
        #comprar.cartao #conteudo form fieldset ul.resultado li img { position: relative; top: 15px; margin-left: 10px; }
        #comprar.cartao #conteudo form button { width: 241px; height: 29px; background-image: url(images/form_botao_finalizar.gif); }
        
        /* ------- comprar - passo 2 boleto ------- */
        #comprar.boleto #conteudo { padding-bottom: 50px; }
        #comprar.boleto #conteudo div.finalizar, #comprar.passo3 #conteudo .confirmacao { width: 456px; height: 253px; margin: 0 auto; padding: 34px 48px; background: url(images/comprar_finalizar_bg.jpg) no-repeat; }
        #comprar.boleto #conteudo .aviso p { font-size: 1.1em; font-weight: bold; color: #3b88bf; }
        #comprar.boleto #conteudo .aviso p strong { color: #48505a; }
        #comprar.boleto #conteudo .resultado { margin-top: 20px; padding-top: 20px; border-width: 1px 0; border-style: solid; border-color: #e4e8ed; font-size: 1.1em; color: #48505a; }
        #comprar.boleto #conteudo .resultado ul { margin: -23px 0 20px; font-weight: bold; font-size: 1.1em; list-style: none; }
        #comprar.boleto #conteudo .resultado ul li { margin-bottom: 10px; line-height: 40px; }
        #comprar.boleto #conteudo .resultado ul li strong { color: #4fb5ff; }
        #comprar.boleto #conteudo .resultado ul li img { position: relative; top: 15px; margin-left: 10px; }
        #comprar.compra #conteudo div.finalizar a.voltar { position: relative; float: left; top: 44px; left: 0; }
        #comprar.boleto #conteudo a.finalizar { float: right; width: 337px; height: 57px; margin-top: 25px; background: url(images/form_botao_finalizarboleto.gif) no-repeat; text-indent: -9999em; overflow: hidden; }
        
        /* ------- comprar - passo 3 cartao ------- */
        #comprar.passo3 #conteudo .confirmacao { padding-bottom: 95px; padding-top: 18px; height: 268px; text-align: center; font-weight: bold; font-size: 1.1em; color: #48505a; }
        #comprar.passo3 #conteudo .confirmacao h3 { width: 100px; height: 30px; margin: 0 auto 0.4em; }
        #comprar.passo3 #conteudo .confirmacao p { margin-bottom: 1.5em; }
        #comprar.passo3 #conteudo .confirmacao p strong { color: #6c809b; }
        #comprar.passo3 #conteudo .confirmacao ul.opcoes { margin: 22px 0 0 100px; list-style: none; }
        #comprar.passo3 #conteudo .confirmacao ul.opcoes li { float: left; width: 110px; margin-right: 40px; padding-top: 106px; }
        #comprar.passo3 #conteudo .confirmacao ul.opcoes li.windows { background: url(images/comprar_download_windows.jpg) center 0 no-repeat; }
        #comprar.passo3 #conteudo .confirmacao ul.opcoes li.mac { background: url(images/comprar_download_mac.jpg) center 0 no-repeat; }
        
        /* ------- comprar - passo 3 boleto ------- */
        #comprar.boleto #conteudo .confirmacao { color: #6c809b; }
        #comprar.boleto #conteudo .confirmacao p strong { color: #4fb5ff; }
        
        
        /* ------- comprar - login ------- */
        #comprar.login #conteudo form { background-position: 0; }
        #comprar.login #conteudo form fieldset { padding-top: 40px; }
        #comprar.login #conteudo form fieldset ol { margin-bottom: 0; padding-top: 30px; border-top: 1px solid #E2E6EC; }
        #comprar.login #conteudo form fieldset ol li { float: none; width: auto; margin-bottom: 40px; }
        #comprar.login #conteudo form fieldset ol li label { display: inline; font-size: 1.5em; }
        #comprar.login #conteudo form fieldset ol li span { display: block; margin: 15px 0 0 22px; }
        html > body#comprar.login #conteudo form fieldset ol li span { margin-left: 17px; }
        #comprar.login #conteudo form fieldset ol li span label { font-size: 1em}
        #comprar.login #conteudo form fieldset ol li span a { display: block; margin: 5px 0 0 116px; font-weight: bold; }
        #comprar.login #conteudo form fieldset ol li input#senha { width: 110px; }

    /* ------- suporte ------- */
    #suporte #conteudo .caixa_entrar { position: relative; width: 383px; height: 49px; margin: 27px auto 34px; padding: 24px 105px 24px 32px; background: url(images/suporte_entrar_bg.jpg) no-repeat; font-weight: bold; color: #000; }
    #suporte #conteudo .caixa_entrar strong { line-height: 1.7em; font-size: 1.2em; }
    #suporte #conteudo .caixa_entrar span.email { position: absolute; display: block; top: -1px; right: -34px; width: 94px; height: 95px; background: url(images/suporte_entrar_botao.jpg) no-repeat; text-indent: -9999em; overflow: hidden; }
    #suporte #conteudo h3 { font-size: 2em; width: 171px; margin: 0 auto; }
    #suporte #conteudo .destaque { width: 675px; height: 57px; margin: 0 auto; padding: 28px 0; background: url(images/suporte_destaque_bg.jpg) no-repeat; text-align: center; font-weight: bold; color: #000; }
    #suporte #conteudo .destaque .telefone { width: 224px; height: 22px; margin: 21px auto 0; background: url(images/suporte_telefone.jpg) no-repeat; text-indent: -9999em; overflow: hidden; }
