/* CSS Document */

*{margin:0; padding:0;}

body{background:url(../img/bg.jpg) #000 center top repeat-y; font-family:Trebuchet MS; font-size:11px; color:#FFF; line-height:18px;}
img{border:none;}
a{text-decoration:none; color:#FFF;}
ul, li{list-style:none;}

#body{width:900px; margin:auto;}

#erro { padding: 5px; width: 100%; text-align: center; font-size: 11px; font-weight: bold; color: #CC0000; border: 1px solid #CC0000; background-color:#FFECEC }

#conteudo{padding:0 24px; overflow:hidden;}
#conteudo #meio{overflow:hidden; padding-bottom:20px; background:url(../img/bg-recados.png) 577px repeat-y; }
#conteudo #fotos{width:258px; float:left;}
#conteudo #fotos #texto{padding:0 0 10px 6px;}
#conteudo #fotos #texto a{display:block;}
#conteudo #fotos #texto span{font-size:14px; font-weight:bold; line-height:37px; padding-left:4px;}
#conteudo #fotos #texto div{width:252px;}
#conteudo #fotos #texto .foto{margin-right:6px; margin-bottom:6px; float:left; width:120px; height:83px;}
		
#conteudo #relatos{width:319px; float:left;}
#conteudo #relatos #texto{padding:0 10px;}
#conteudo #relatos #texto .titulo{font-size:14px; font-weight:bold; color:#ffc000; line-height:37px;}
#conteudo #relatos #texto .info{color:#404040; background:#0d0d0d; padding:5px; margin-bottom:10px;}
#conteudo #relatos #texto .texto{padding:0 5px;}
#conteudo #relatos #texto .leiamais{text-align:right; margin-top:10px; font-weight:bold;}
#conteudo #relatos #texto .leiamais a{padding:5px;}
#conteudo #relatos #texto .leiamais a:hover{text-decoration:underline;}
		
#conteudo #recados{width:275px; float:left;}
#conteudo #recados #texto{padding:10px;}
#conteudo #recados #texto .info{font-size:10px; background:#0d0d0d; padding:5px;}
#conteudo #recados #texto .texto{padding:5px; margin-bottom:10px;}
#conteudo #recados #texto .deixarrecado, #conteudo #recados #texto .verrecados{width:127px; float:left; text-align:center; font-size:11px; font-weight:bold;}
#conteudo #recados #texto .deixarrecado a, #conteudo #recados #texto .verrecados a{padding:5px;}
#conteudo #recados #texto .deixarrecado a:hover, #conteudo #recados #texto .verrecados a:hover{text-decoration:underline;}
#conteudo #recados #texto .deixarrecado a{color:#ffc000;}

#conteudo #parceiros{background:#000; overflow:hidden;}
#conteudo #parceiros #logos{padding:15px 20px; overflow:hidden;}
#conteudo #parceiros #logos li{list-style:none; float:left; overflow:hidden;}
#conteudo #parceiros #logos #slideshow{width:709px; padding:5px 30px;}
#conteudo #parceiros #logos #slideshow #imagens li{text-align:center;}

#conteudo #rodape{background:url(../img/bg-rodape.png) no-repeat; text-align:center; padding:7px; font-size:10px; color:#333; font-weight:bold;}

/* INTERNAS */
#conteudo #internas{overflow:hidden; padding-bottom:20px;}
#conteudo #internas #esquerda, #conteudo #internas #direita{margin-top:10px;}
#conteudo #internas #esquerda{width:258px; float:left;}
#conteudo #internas #direita{width:585px; float:left; margin-left:9px;}
#conteudo #internas #direita #texto{padding:15px; padding-top:5px;}

#conteudo #internas #direita #texto-fotos{padding-top:30px;}
#conteudo #internas #direita #texto-fotos .exibe-fotos{padding:5px; float:left;}
#conteudo #internas #direita #texto-fotos .exibe-fotos img{border:solid 1px #cccccc; padding:1px;}

#texto-fotos{padding-top:30px;}
		.exibe-fotos{padding:5px; float:left;}
		.exibe-fotos img{border:solid 1px #cccccc; padding:1px;}


.bt-voltar {display: block; clear: both; margin-bottom: 15px; text-align: right} 

/* Dicas */

.dicas a{padding-left:20px; display:block; text-decoration:none; color:#5d5d5d;}
				.dicas a:hover{color:#FFF;}
				.dicas a:hover{color:#FFF;}
				.dicas-titulo{color:#CCCCCC}
				.dicas-data{padding-bottom:10px}
				.dicas-link{color:#FFF; text-decoration: none }
				.dicas-link:hover{color:#CCC; text-decoration: underline}

.dica-titulo{color: #FF0000}
				
/* Integrantes */

#lista_integrantes { width: 477px; text-align: center }
#lista_integrantes ul li { text-align: left; padding-left: 80px; background:url(../img/bg-integrantes.jpg) no-repeat; height: 45px }
#lista_integrantes ul li a { font-size: 14px; }
#lista_integrantes ul li a:hover { color: #990000 }

#integrante { color: #000; font-size: 13px; width: 560px; height: 244px; background: url(../img/bg-integrante.jpg) no-repeat; }

/* Relatos */

.relatos a{padding-left:20px; display:block; text-decoration:none; color:#5d5d5d;}
				.relatos a:hover{color:#FFF;}
				.relatos a:hover{color:#FFF;}
				.relatos-titulo{color:#CCCCCC}
				.relatos-data{padding-bottom:10px}
				.relatos-link{color:#FFF; text-decoration: none }
				.relatos-link:hover{color:#CCC; text-decoration: underline}				
.relato-titulo{color: #FF0000}
				
/* Parceiros */

.parceiros a{padding-left:20px; display:block; text-decoration:none; color:#5d5d5d;}
				.parceiros a:hover{color:#FFF;}
				.parceiros a:hover{color:#FFF;}
				.parceiros-titulo{color:#CCCCCC}
				.parceiros-link{color: #5d5d5d; text-decoration: none }
				.parceiros-link:hover{color:#FFF;}				

#motoclubes { width: 100%; display: block; clear: both; padding: 20px }				
#motoclubes h1 { font-size: 14px; width: 100%; border-bottom: 1px solid #333333 }
#motoclubes ul li { *float: left; display: inline-block; line-height: 23px; }
#motoclubes a{text-decoration:none; color:#FFCC00}
#motoclubes a:hover{text-decoration:underline}
				
/* Contato */

.input_contato {font-family:Trebuchet MS; font-size: 12px; padding: 2px; border: 1px solid #CCC; }
.campos_contato_bg { text-align: right; padding-right: 20px; height: 22px; border-right: 1px solid #333333; }
.select_contato { font-size: 12px; padding: 2px;  border: 1px solid #CCC; }
.contato_form{border:1px solid #333333; background:url(../img/fundo_contato.png) no-repeat left bottom;}


/* Galeria de Fotos */

.foto { width: 100%; text-align: center  }
.foto h1 { width: 90% }
.foto h1 a { font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration: none }
.foto h1 a:hover { font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration: none }
.foto_box { width: 50%; float: left; display: block; margin-bottom:20px; }
.foto_descricao { width: 90% }

.foto_titulo {color: #FF0000;} 
.foto_galeria { width: 100%; }
/*	Paginação */

#paginacao { width: 100%; float: left; margin-top:20px; display: block; clear: both; text-align: center }
.pag-atual {background-color:#CCC; padding:6px; color:#000; display:inline; border:solid 1px #333; margin:3px;}
.pag {display:inline; margin:0 3px; text-align:center;}
.pag-bts {display:inline; padding:6px; margin:3px;}
.pag-links {text-decoration:none; color:000; font-weight:bold; padding:6px;}

/* Mural de Recados */
#deixar-recado{padding:15px; border:solid 1px #333; margin-top:10px;}
#lista-recados{margin-top:20px;}
#lista-recados .info{padding:5px; padding-left:25px; background:url(../img/balaozinho.png) no-repeat #0d0d0d 5px center; font-size:10px;}
#lista-recados .recado{background:url(../img/bg-recado.png) no-repeat 10px 10px; padding:15px 15px 35px 40px;}