/*HTML Reset
----------------------------------------*/
body, h1, h2, h3, h4, h5, p, ul, ol, li, form {
margin:0;
padding:0;
border:0;
}

/*ATRIBUTOS GERAIS
----------------------------------------*/
body {
font-family:'Trebuchet MS', 'Lucida Sans Unicode';
font-size:14px;
color:#4A3D1A;
background:url(../imagens/bg.jpg) #3f220c;
}

h1, h2, h3, h4 {
font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
}
h1 {

}
h2 {
display:block;
font-size:35px;
letter-spacing:0px;
font-weight:normal;
padding-bottom:4px;
margin:15px 0 15px 0;
border-bottom:1px dashed #999999;
}
h3 {
font-size:25px;
color:#53340E;
margin:20px 0 10px 0;
font-weight:normal;
letter-spacing:0px;
}
h4 {
font-size:16px;
color:#8D4F21;
margin:20px 0 10px 0;
font-weight:normal;
letter-spacing:0px;
}

p {
margin:20px 0;
}

form ul {
list-style:none;
}

#wrapper_secundaria #conteudo ul, #wrapper_secundaria #conteudo ol, #wrapper_secundaria #coluna ul, #wrapper_secundaria #coluna ol {
padding-left:30px;
margin:20px 0;
}


blockquote {
font-style:italic;
background:#efefef;
padding:1px 5px;
}

img {
border:none;
}

#wrapper {
width:100%;
margin:0 auto;
background:url(../imagens/papel_bg.gif) no-repeat top center;
}

#wrapper_secundaria {
background:none;
}

#corpo {
width:950px;
margin:0 auto;
padding:0;
background:url(../imagens/corpo_bg.jpg) repeat-y;
}

.clear {
clear:both;
height:0;
margin:0;
padding:0;
_margin-bottom:-20px;
}

.separador_arame {
height:68px;
width:100%;
background:url(../imagens/detalhe_arame.gif) center top no-repeat;
clear:both;
margin:0;
}

#logotipo_onix {
width:100%;
text-align:center;
margin:15px auto 0 auto;
}

a:link, a:visited {
color:#006600;
}
a:hover, a:active {
text-decoration:none;
}

.mais {
font-weight:bold;
display:block;
width:95%;
text-align:right;
clear:both;
margin:10px auto;
}


/*INSTRUÇÕES PARA INPUT:
Uma vez que a maior parte das tags de input tem o nome "input", variando apenas o "type", para não haver confusão, a cada uma deverá ser atribuída uma classe específica. Text = text, radiobutton = radio, checkbox = check. Select e textarea não vão precisar de classe.
-------------------------------*/
.text, select, textarea {
padding:4px 3px;
height:14px;
font-size:12px;
font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", Times, serif;
border:1px solid #ccc;
border-top:1px solid #aaa;
color:#666;
background:#f2f2f2;
vertical-align:middle;
}

select {
height:26px;
vertical-align:middle;
}

textarea {
height:auto;
vertical-align:middle;
}


/*TOPO
----------------------------------------*/
#topo {
width:944px;
height:282px;
margin:0;
background:url(../imagens/logotipo_belchior_jeep_club.jpg) no-repeat left top #2F1D0F;
position:relative;
}
#wrapper_secundaria #topo {
width:944px;
height:181px;
margin:0;
background:url(../imagens/logotipo_belchior_jeep_club_secundaria.gif) no-repeat left top #2F1D0F;
position:relative;
}

#logo_link {
position:absolute;
width:245px;
height:245px;
left:45px;
top:5px;
}
#wrapper_secundaria #logo_link {
position:absolute;
width:170px;
height:170px;
left:46px;
top:0px;
}

#detalhe_papel {
clear:both;
height:16px;
padding:0;
width:100%;
background:url(../imagens/detalhe_papel.gif) no-repeat top left;
}
#wrapper_secundaria #detalhe_papel {
clear:both;
height:31px;
padding:0;
width:100%;
background:url(../imagens/detalhe_papel_secundaria.gif) no-repeat top left;
}

.img_topo {
margin:0 0 18px 375px;
border:4px solid #E6E5A9;
border-top:none;
}

/*Menu
----------------*/
#menu {
display:block;
float:right;
list-style:none;
}

#wrapper_secundaria #menu {
display:block;
float:right;
list-style:none;
margin-top:150px;
}

#menu li {
display:block;
float:left;
padding:0 0 0 0;
margin:0 13px;
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-size:14px;
color:#F0E6C6;
font-weight:bold;
}

#menu li a:link, #menu li a:visited {
color:#F0E6C6;
text-decoration:none;
}
#menu li a:hover, #menu li a:active {
color:#F0E6C6;
text-decoration:underline;
}

/*COLUNAS
----------------------------------------*/
/*Conteúdo
----------------*/
#conteudo, #conteudoMaior {
float:left;
width:538px;
margin:0 0 10px 42px;
_margin:0 0 10px 21px;
}
#conteudoMaior {
width:640px;
}
#wrapper_secundaria #conteudo {
font-size:14px;
}
#conteudoSemColuna {
width:866px;
margin:0 auto 10px auto;
}

/*Coluna
----------------*/
#coluna, #colunaMenor {
float:right;
width:300px;
margin:0 42px 10px 0;
_margin:0 21px 10px 0;
}
#colunaMenor {
width:198px;
}


/*Login
----------------*/
#login {
background:url(../imagens/login_bg.jpg) repeat-x bottom;
width:184px;
height:186px;
padding:20px 18px;
}

#login h3 {
margin-top:0px;
}

#login ul {
margin:5px auto;
}

#login ul li {
text-align:right;
margin-bottom:5px;
}

#login ul li label{
font-size:14px;
color:#333333;
}

#login ul li .button {
margin-right:10px;
}

#login .text {
width:114px;
}

#login p, .tres_colunas p {
margin:5px 0;
}

/*Notícias
----------------*/
.news {
width:100%;
list-style:none;
}
.news li {
float:none;
width:auto;
min-height:40px;
_height:40px;
margin:0 0 2px 0;
background:url(../imagens/bullet.gif) no-repeat 5px 5px;
border-bottom:1px dashed #c4c4c4;
}
.news li h4 {
margin:0;
}
.news li a:link, .news li a:visited  {
display:block;
width:100%;
height:100%;
text-decoration:none;
padding:2px 5px;
color:#4A3D1A;
}
.news li a:hover, .news li a:active {
background:#F8EDC7;
}


/*RODAPÉ
------------------------------------*/
#rodape_madeira {
width:100%;
height:91px;
background:url(../imagens/rodape_madeira.jpg);
}

/*Menu Rodapé
----------------*/
#menu_centralizador {
margin:5px auto;
display:table;
text-align:center;
}
#menu_rodape {
min-width: 100%;
_width:100%;
_margin:0 auto;
list-style: none;
}
#menu_rodape li {
display:inline;
padding:0 20px;
border-right:1px solid #4A3D1A;
}
#menu_rodape li a:link, #menu_rodape li a:visited {
background:none;
text-decoration:none;
color:#4A3D1A;
}
#menu_rodape li a:hover, #menu_rodape li a:active {
text-decoration:underline;
}

.copyright {
width:820px;
text-align:right;
margin:5px auto;
}

/*CONTATO
------------------------------------*/
#contato ul {
list-style:none;
padding:0;
margin:0;
}
#contato ul li{
}

#contato label, #contato label span, #contato label .text, #contato label textarea {
width:500px;
vertical-align:middle;
}
#contato label .text, #contato label textarea, #contato label select {
margin:3px 0 5px 0;
}
#contato {
width:500px;
margin:0 auto;
}

/*GALERIA CAPA
------------------------------------*/
#galeria {
display:block;
width:100%;
padding:5px 0;
background:url(../imagens/marca_pneu_verde.gif) repeat-x bottom #807B40;
border-bottom:4px dashed #5F5A28;
list-style:none;
}
#wrapper_secundaria #conteudo #galeria {
padding:5px 0;
}

#galeria li {
display:block;
margin:5px 10px;
_margin:5px 5px;
width:244px;
height:75px;
float:left;
}
#galeria h4 {
color:#DEDCBC;
margin:0;
}
#galeria p {
margin:0;
}
#galeria img {
margin-right:5px;
}
#galeria li a:link, #galeria li a:visited {
display:block;
width:100%;
height:100%;
color:#ffffff;
text-decoration:none;
}
#galeria li a:hover, #galeria li a:active {
background:#ABA558;
}
#galeria li.linha_link {
height:15px;
float:right;
text-align:right;
background:none;
font-weight:bold;
margin:3px 15px;
_margin:1px 10px;
}
#galeria li.linha_link a:link, #galeria li.linha_link a:visited {
text-decoration:underline;
background:none;
}
#galeria li.linha_link a:hover, #galeria li.linha_link a:active {
text-decoration:none;
}


/*GALERIA 
------------------------------------*/
.fotosThumbnails img {
border:2px solid white;
}
.fotosThumbnails a:link,.fotosThumbnails a:visited {
display:block;
float:left;
width:19%;
margin-right:0.5%;
margin-bottom:3px;
text-align:center;
background:#807B40;
padding:10px 0;
}
.fotosThumbnails a:hover, .fotosThumbnails a:active {
background:#ABA558;
}

/*CLASSIFICADOS CAPA
------------------------------------*/
#classificados {
display:block;
width:100%;
list-style:none;
}
#classificados li {
width:100%;
height:95px;
padding:0;
margin-bottom:5px;
background:#E8DDB7;
}
#classificados h4 {
margin:0;
}
#classificados p {
margin:0;
}
#classificados img {
margin:0px 5px 0 10px;
}
#classificados li a:link, #classificados li a:visited {
display:block;
width:100%;
height:75px;
padding:10px 0;
color:#4A3D1A;
text-decoration:none;
}
#classificados li a:hover, #classificados li a:active {
background:#F8EDC7;
}
#classificados li.linha_link {
height:15px;
float:right;
text-align:right;
background:none;
font-weight:bold;
margin:3px 15px;
_margin:1px 10px;
}
#classificados li.linha_link a:link, #classificados li.linha_link a:visited {
text-decoration:underline;
background:none;
}
#classificados li.linha_link a:hover, #classificados li.linha_link a:active {
text-decoration:none;
}


/*PREVISÃO DO TEMPO E VÍDEO
------------------------------------*/
#previsaoTempo, #video {
text-align:center;
margin:15px auto;
}

/*SÓCIOS
------------------------------------*/
#wrapper_secundaria #conteudo #socios {
display:block;
width:100%;
list-style:none;
padding-left:0px;
color:#DEDCBC;
}
#wrapper_secundaria #conteudo #socios li {
width:100%;
padding:10px 0;
margin-bottom:5px;
background:url(../imagens/socio_bg.jpg) #201911;
height:125px;
}
#wrapper_secundaria #conteudo #socios h4 {
margin:0;
color:#ffffff;
}
#wrapper_secundaria #conteudo #socios p {
margin:0;
}
#wrapper_secundaria #conteudo #socios img {
margin:0px 10px 0 10px;
}
#wrapper_secundaria #conteudo #socios .socioAniversariante {
background:url(../imagens/socio_bg_aniver.jpg) no-repeat right top #504921;
border-bottom:4px dashed #DEDCBC;
border-top:4px dashed #DEDCBC;
}
#wrapper_secundaria #conteudo #socios .socioAniversariante .socioAniver {
font-size:25px;
}
#wrapper_secundaria #conteudo #socios a {
color:#ABA558
}