/* CSS Document */
body
{
font:62.5%/2em Verdana, Arial, Helvetica, sans-serif;
color:#666;
margin:0;
text-align:center;
background:url(Imagens/bg.gif) 0 110px repeat-x;
}

/* itens globais */
a:link, a:visited
{
color:#f09;
}

a:hover
{
background:#f09;
color:#fff;
text-decoration:none;
}

a:active
{
color:#00c;
}

h1, h2, h3, h4, h5, h6
{
margin:10px 0;
font-size:12px;
font-weight:normal;
}

.clear
{
clear:both;
}

/* HEADER */
#header
{
width:720px;
height:95px;
margin:0 auto;
}

#header h1
{
text-indent:-90000px;
float:left;
margin:40px 0 0 0;
width:230px;
height:57px;
background:url(Imagens/logo.gif) no-repeat;
}

#header h1 a
{
display:block;
width:230px;
height:57px;
background:none;
}

#header p.menu
{
color:#00c;
margin:70px 20px 0 0;
float:right;
}

#header p.menu a.selected
{
color:#00c;
text-decoration:none;
background:none;
cursor:default;
}

/* CONTEÚDO PRINCIPAL */
#content
{
width:720px;
margin:0 auto;
}

#main-content
{
clear:both;
float:left;
text-align:left;
width:460px;
font-size:1.2em;
line-height:2em;
}

/* lista ordenada com as três etapas do processo */
#main-content ol
{
margin:35px 0 0 0;
padding:0;
list-style:none;
}
#main-content ol li
{
width:149px;
height:206px;
margin:0 5px 0 0;
float:left;
text-indent:-90000px;
}

#main-content ol li.etapa-1
{
background:url(Imagens/etapa_01.jpg) no-repeat;
}

#main-content ol li.etapa-2
{
background:url(Imagens/etapa_02.jpg) no-repeat;
}

#main-content ol li.etapa-3
{
background:url(Imagens/etapa_03.jpg) no-repeat;
margin-right:0;
}

#main-content strong.telefone
{
color:#f09;
}

#main-content span.highlight
{
background:#ff9;
}

#main-content h5
{
font-weight:normal;
color:#00c;
font-size:1.4em;
margin:27px 0 -5px 0;
}

/* headings com image replacement */
h2.como-funciona
{
margin-top:-30px;
clear:both;
text-indent:-90000px;
width:167px;
height:21px;
background:url(Imagens/tt_como_funciona.gif) no-repeat;
}

h2.privacidade
{
margin-top:-30px;
clear:both;
text-indent:-90000px;
width:256px;
height:26px;
background:url(Imagens/tt_politica.gif) no-repeat;
}

h2.resposta
{
margin-top:-30px;
clear:both;
text-indent:-90000px;
width:340px;
height:22px;
background:url(Imagens/tt_resposta.gif) no-repeat;
}

h4.duvidas
{
margin-top:30px;
text-indent:-90000px;
width:96px;
height:22px;
background:url(Imagens/tt_duvidas.gif) no-repeat;
}

/* FORM CONTATO */
#main-content label
{
display:block;
}

#main-content input
{
width:300px;
border:1px solid #ccc;
color:#333;
background:#E9E9E9;
}

#main-content textarea
{
width:300px;
height:100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
border:1px solid #ccc;
color:#333;
background:#E9E9E9;
}

#main-content input:focus, #main-content textarea:focus
{
background:#FFC;
}

#main-content input.btn-enviar
{
width:5em;
background:#f09;
color:#fff;
border:none;
}

#main-content input.btn-enviar:hover
{
background:#906;
}

/* ORÇAMENTO */
#orcamento
{
text-align:left;
width:235px;
float:right;
background:#603 url(Imagens/form_top.gif) no-repeat;
color:#fff;
margin:35px 0 0 0;
line-height:1.8em;
}

#orcamento form
{
margin-bottom:0;
padding-bottom:87px;
background:url(Imagens/form_bottom.gif) left bottom no-repeat;
width:235px;
}

#orcamento p
{
padding:0 15px;
}

#orcamento h3
{
text-indent:-90000px;
width:200px;
height:23px;
background:url(Imagens/tt_orcamento.gif) no-repeat;
margin:15px 0 0 15px;
}

#orcamento label
{
display:block;
color:#ff3;
}

#orcamento input
{
width:190px;
height:12px;
color:#333;
font-size:12px;
}

#orcamento input:focus
{
background:#FFC;
}

#orcamento p.radio-btn
{
margin:-10px 0 -18px 0;
}

#orcamento p.radio-btn input
{
width:20px;
height:22px;
line-height:22px;
float:left;
margin:0 5px 0 0;
clear:both;
}

#orcamento p.radio-btn label
{
float:left;
color:#fff;
line-height:22px;
margin:0;
}

#orcamento .nome-contato
{
padding-top:10px;
}

#orcamento select#quantidade
{
width:40px;
}

#orcamento select option
{
font-size:11px;
line-height:18px;
}

#orcamento span.obs
{
margin:0;
font-size:9px;
position:relative;
top:-15px;
left:55px;
}

#orcamento .url
{
margin:-10px 0 15px 0;
}

#orcamento .url input
{
margin-bottom:0;
}

#orcamento fieldset
{
background:#450023;
border:none;
width:205px;
margin:10px auto;
padding:10px 0;
}

#orcamento fieldset legend
{
font-size:1.4em;
font-weight:bold;
color:#fff;
}

#orcamento fieldset p
{
color:#ff3;
clear:both;
}

#orcamento fieldset label.ultimo
{
margin-bottom:20px;
}


#orcamento input.btn-dados
{
width:80px;
color:#fff;
background:#200010;
border:none;
height:20px;
}

#orcamento input.btn-dados:hover
{
color:#603;
background:#FFCC33;
}

/* tooltips para o form */
.tooltip-01
{
background:url(Imagens/tip_bg.gif) 63% 40% no-repeat;
}

.tooltip-03
{
background:url(Imagens/tip_bg.gif) 75% 40% no-repeat;
}

#orcamento fieldset p.tooltip-01 a, #orcamento fieldset p.tooltip-03 a
{
color:#fff;
}

#tip01, #tip03
{
position:absolute;
margin:-5px 0 10px -30px;
display:none;
border:1px solid #450023;
background:#ff9;
width:233px;
padding:0;
}

#orcamento fieldset #tip01 p, #orcamento fieldset #tip03 p
{
padding:35px 10px 0 10px;
color:#000;
}

#orcamento fieldset #tip01 p.btn-fechar, #orcamento fieldset #tip03 p.btn-fechar
{
padding:0;
position:absolute;
top:3px;
right:3px;
}


/* RODAPÉ */
#footer
{
width:720px;
clear:both;
margin:0 auto;
}

#footer p
{
text-align:right;
padding-bottom:20px;
}