/* conteúdo */
#content
{
clear:both;
padding-top:400px;
}

#home #content
{
width:940px; min-height:400px; padding:0;
}

#banners
{
width:940px;
margin:0 auto;
}

.banner-2
{
float:left;
margin:0;
display:block;
height:115px;
box-shadow:3px 3px 3px #666;
-moz-box-shadow:3px 3px 3px #666;
-webkit-box-shadow:3px 3px 3px #666;
}

.left-banner
{
float:left;
}

.right-banner
{
float:right;
}

#linha0km #content
{
padding:0;
}

/* fotos topo */
#empresa #content
{
background:url(../imagens/foto-top-empresa.jpg) no-repeat;
}

#boutique #content
{
background:url(../imagens/foto-top-boutique.jpg) no-repeat;
}

#pecas #content
{
background:url(../imagens/foto-top-pecas.jpg) no-repeat;
}

#oficina #content
{
background:url(../imagens/foto-top-oficina.jpg) no-repeat;
}

#cadastro #content
{
background:url(../imagens/foto-top-cadastro-02.jpg) no-repeat;
}

#contato #content
{
background:url(../imagens/foto-top-contato.jpg) no-repeat;
}

/* conteúdo principal */
#mainContent
{
position:relative;
border-top:8px solid #4db848;
background:url(../imagens/content-bg.gif) repeat-x;
width:900px; padding:20px;
}

#mainContent a
{
color:#fff;
}

#mainContent a:hover
{
text-decoration:none;
}

#mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6
{
color:#4db848; font-size:1.4em;
margin-bottom:1em;
text-transform:uppercase;
}

#mainContent p, #mainContent address
{
font-size:1.2em; line-height:1.8em; font-style:normal;
margin-bottom:1.7em;
}

#pecas #mainContent
{
padding-bottom:2em;
}

#linha0km #mainContent
{
height:330px; margin-bottom:10px;
overflow:auto;
}

ul.listaSimples
{
margin:0 0 1.7em 1em;
padding-left:1em;
}

ul.listaSimples li
{
font-size:1.2em; line-height:1.8em; font-style:normal;
margin-bottom:0.4em;
}

ul.listaSimples li ul
{
margin-left:1.2em;
padding-left:1.2em;
margin-bottom:1em;
}

ul.listaSimples li ul li
{
font-size:0.9em;
}


/* colunas */
.leftColumn, .rightColumn
{
width:420px;
}

.leftColumn
{
float:left;
}

.rightColumn
{
float:right;
}

#empresa .leftColumn
{
width:550px;
}

#empresa .rightColumn
{
width:300px;
}

#boutique .leftColumn
{
width:360px;
}

#boutique .rightColumn
{
width:700px;
}

#contato .leftColumn
{
width:490px;
}

#contato .rightColumn
{
width:380px;
}

/* a empresa - box endereço */
.addressBox
{
width:262px; padding-bottom:1px; margin:40px 0 0 10px;
background:#68a365 url(../imagens/box-endereco-bottom.gif) left bottom no-repeat;
}

.addressBox address
{
padding-left:16px;
}

#mainContent .addressBox a
{
color:#fff;
font-weight:bold;
}

.fotoLoja
{
margin:30px 0 0 10px;
}

/* linha 0km */
h2.bikeModelo
{
display:none;
}

h3.switch
{
cursor:pointer;
}

.tabelaFicha
{
width:700px;
text-align:left; font-size:1.2em;
}

.tabelaFicha caption
{
display:none;
}

.tabelaFicha th
{
font-weight:bold;
}

.tabelaFicha th, .tabelaFicha td
{
padding:7px 5px;
}

.tabelaFicha tr.par td, .tabelaFicha tr.par th
{
background:url(../imagens/bg-tabela.png);
}

/* boutique - marcas */
.marcas
{
clear:both;
margin-bottom:30px;
}

.marcas p.marcaLogo
{
float:left;
}

.marcas p.marcaDescricao, .marcas h3
{
margin-left:180px;
}

#mainContent ul.listaAcessorios
{
list-style:none;
margin:0 0 2em 0;
padding:0;
}

#mainContent ul.listaAcessorios li
{
float:left;
margin:0 20px 20px 0;
line-height:16px;
}

#mainContent ul.listaAcessorios li img
{
border:1px solid #666;
-moz-box-shadow:3px 3px 3px #666;
-webkit-box-shadow:3px 3px 3px #666;
}

#mainContent ul.listaAcessorios li span
{
display:block;
font-weight:bold;
text-align:center;
width:250px;
height:30px;
overflow:hidden;
padding:5px 0;
}

#mainContent ul.listaAcessorios li a:hover img
{
border:5px solid #000;
margin:-4px;
}

#linha0km #mainContent ul.listaAcessorios li
{
margin-right:40px;
}


.fotoBoutique
{
float:left;
margin:0 20px 20px 0;
}

.fotoProduto img
{
border:1px solid #666;
-moz-box-shadow:3px 3px 3px #666;
-webkit-box-shadow:3px 3px 3px #666;
}

/* peças */
.despachamos
{
position:absolute;
top:145px; right:85px;
}

/* formulários - base em peças */
form
{
margin-bottom:2em;
}

form fieldset
{
padding-bottom:2em;
width:490px; border-top:1px solid #939393;
}

form fieldset legend
{
color:#4db848; font-size:1.4em; font-weight:bold;
padding-bottom:20px;
}

#mainContent form p
{
clear:both;
margin:0;
}

#mainContent form p.hidden
{
display:none;
}

#mainContent form p.checkbox input
{
width:auto; height:auto;
margin:5px 5px 10px 0;
background:#333;
border:1px solid #787878;
}

#mainContent form p.checkbox span
{
display:block;
height:auto;
margin-top:2px;
float:left;
}

form label
{
display:block;
width:160px; margin-right:15px;
text-align:right;
float:left;
}

form label span
{
font-weight:bold; color:#4db848;
}

form input, form select
{
float:left;
width:250px;
padding:3px;
background:#333; color:#fff;
border:1px solid #333;
margin-bottom:0.5em;
}

form select
{
width:258px;
}

form textarea
{
float:left;
width:250px;
padding:3px;
background:#333; color:#fff;
border:1px solid #333;
margin-bottom:1em;
}

form input:focus, form textarea:focus
{
border:1px solid #b8b8b8;
}

input.ddd
{
width:30px; margin-right:10px;
}

input.telefone
{
width:202px;
}

form p.desejoReceber label
{
float:left; font-size:11px; line-height:16px; text-align:left;
width:240px;
}

form input.checkbox
{
float:left;
border:1px solid #858585;
padding:0; width:15px; height:15px; margin:0 15px 0 175px;
}

#mainContent form p.btnEnviar
{
margin-left:175px;
}

#mainContent form p.btnEnviar input
{
width:80px;
float:none;
background:#4db848; border:1px solid #5a5a5a;
text-transform:lowercase; font-weight:bold;
}

#mainContent form p.btnEnviar input:hover
{
background:#3de036;
}

/* form cadastro */
form p.doubleCheck input.checkbox
{
margin:3px 10px 0 0;
}

form input.radiobutton
{
float:left;
border:0; background:none;
padding:0; width:15px; height:15px; margin:3px 10px 0 0;
}

form p.doubleCheck span
{
display:block;
float:left;
margin-right:20px; padding-bottom:10px;
}

form p.selectNascimento select.dia
{
width:50px;
margin-right:5px;
}

form p.selectNascimento select.mes
{
width:100px;
margin-right:5px;
}

form p.selectNascimento input.ano
{
width:50px;
}

#cadastro form input.modelo
{
width:142px; margin-right:10px;
}

#cadastro form input.ano
{
width:90px;
}

#cadastro #mainContent form p.btnEnviar
{
margin-top:-10px;
}

#cadastro #mainContent form p.btnEnviar input
{
margin-top:0;
}


/* contato */
#contato form fieldset
{
width:450px;
}

#contato form textarea
{
margin-bottom:0;
}

#contato address strong
{
font-size:1.4em; color:#4db848;
}

p.ampliarMapa
{
text-align:center;
}

p.ampliarMapa a
{
display:block;
padding:10px;
text-decoration:none; font-weight:bold;
}

p.ampliarMapa a:hover
{
background:#6f6f6f;
}