/* CSS Document */
*{
	padding:0px;
	margin: 0px;
	list-style:none;
	
}

body{
	background:#002537;
	font-family:Arial, Helvetica, sans-serif;
}



h1{}
h1.title{ font-size:16px; color:#FFF; float:left; }
h1.title2{font-size:16px; color:#FFF; margin-left: 35px;}


span#but_home_voltar{float:right; margin: 10px 40px 0px 0;}

img{ border:none; }
a, input,textarea { outline: none; }

a{text-decoration:none;}
a:link{ } 
a:hover{ color:#999999;}

p,span,a{	
	font-size: 12px;
	color:#F3F3F3;
}


#geral{
	background:url(../imags/BACK_TOP.jpg) no-repeat center top;
}

/*TUDO DO TOPO ESTÁ AQUI
----------------------------------------------------------------------------------------------------------*/
	#topo{
		width: 990px;
		height: 160px;
		margin: 0px auto 0px auto;
	}
		#logo{
			width: 135px;
			height: 100px;
			margin: 60px 0 0 55px;
			float: left;	
		}	
		
/*TUDO DO MENU ESTÁ AQUI 
----------------------------------------------------------------------------------------------------------*/
		#menu{
			width: 775px;
			height: 37px;
			float: right;
			margin: 80px 0 0 0px;				
		}
			#menu a span{ display:none;}
			
			#menu li {float:left;}
			
			#menu a {display:block; height: 37px; background:url(../imags/menu.png) no-repeat; }
				
			#menu #iten1{ width:160px; background-position: 0 0;}
			#menu #iten2{ width: 120px; background-position: -160px 0px;}
			#menu #iten3{ width: 100px; background-position: -280px 0px;}
			#menu #iten4{ width: 72px; background-position: -380px 0px;}
			#menu #iten5{ width: 120px; background-position: -452px 0px;}
			#menu #iten6{ width: 100px; background-position: -572px 0px;}
			#menu #iten7{ width: 100px; background-position: -672px 0px;}
			
			
			#menu #iten1:hover{ width: 160px; background-position: 0px -37px}
			#menu #iten2:hover{ width: 120px; background-position: -160px -37px;}
			#menu #iten3:hover{ width: 100px; background-position: -280px -37px;}
			#menu #iten4:hover{ width: 72px; background-position: -380px -37px;}
			#menu #iten5:hover{ width: 120px; background-position: -452px -37px;}
			#menu #iten6:hover{ width: 100px; background-position: -572px -37px;}
			#menu #iten7:hover{ width: 100px; background-position: -672px -37px;}
			
/*TUDO DO MENU ACABA AQUI AQUI
----------------------------------------------------------------------------------------------------------*/		


/*Calendario começa aqui
----------------------------------------------------------------------------------------------------------*/
	.calendario{ float:left; margin-bottom:30px; margin-right:40px; width:370px;}

/*Calendario termina aqui
----------------------------------------------------------------------------------------------------------*/
		
		
	
/*TUDO DO CONTENT (CONTEUDO) ESTÁ AQUI
----------------------------------------------------------------------------------------------------------*/	
	#content{
		width: 980px;
		margin: 0px auto 0px auto;
		min-height: 800px;
	}
		#content_top{
			height: 350px;
		}
		
			.content_top_div_left, .content_top_div_rigth{
				width: 310px;
				float: left;
			}	
				.content_top_div_left h1{margin: 110px 0 0px 20px; }
				span#data{ font-size:70px; margin: 10px 0 0 50px; float:left;}
				#seta{float:right;}
			
			.content_top_div_rigth{width:660px;}
				.content_top_div_rigth h1{ margin: 25px 0 0 0;}
			
					#flash{width:492px; height: 239px; margin: 5px 0 0 0; padding:8px; }
				/*.content_top_div_rigth */
				#moto_sobre{
					position:absolute;
					width: 226px;
					height: 178px;
					top: 120px;
					margin-left: 385px;
				}

			.content_center{ 
				background:url(../imags/moto.jpg) no-repeat; 
				background-position:0 240px; 
				height: 460px; 
			}
			
			#but_home_voltar{ 
				width:188px; 
				height:46px; 
				background:url(../imags/buts_home_voltar.png); 
			}
				#voltar, #home{ height:46px; width:45px; float:right; margin-right: 10px;}
				#home{margin-right: 5px;}
				
			a.apoio{float: left; margin: 20px 0 0 30px;}
			.title_content{margin: 60px 0 40px 0; height: 50px; float:left; width: 100%;}
			
			.content_center_div, .content_footer_div{
				height: 390px;
				float: left;
				margin: 0 5px 0 0;
				padding: 50px 0 0 0px;	
			}
				#form_enquete{ margin: 20px 0 0 0; color: #FFF;	font-size: 12px;}
				
				
					.enquete{
						color: #FFF; 
						border:none; 
						padding-right:10px; 

						margin: 0px 5px 0 0px;
						
					}

					.lab_enq{color: #FFF; }
			/* AQUI ESTÁ TUDO DO ALBUM DE FOTOS
----------------------------------------------------------------------------------------------------------*/

			.album_fundo, .album_fundo1{
				width:230px; 
				height:211px; 
				float:left; 
				background:url(../imags/fundo_foto.jpg) no-repeat; 
				margin-bottom:32px; 
			}
			
			.album_fundo1{ height:153px; background:url(../imags/fundo_foto1.jpg) no-repeat; }
			
				.album_dentro, .album_dentro1{
					width:162px; 
					height:123px; 
					margin: 14px 0 30px 30px; 
				}
			
					.borda_foto{border: solid #075374 2px;}
					
					.borda_foto:hover{border: solid #002537 2px;}

/* FIM 
------------------------------------------------------------------------------------------------------------*/
			
			.content_center_div{}
			
				#sobre_a_copa{ width: 355px;}
				
					#sobre_a_copa p{
						width: 320px;
						/*height: 150px;*/
						padding: 0 20px 0 0;
						margin: 15px 0 5px 0;						
					}
					#img_moto_center{
						background:url(../imags/moto.png) no-repeat;
						margin:0 0 0 40px;
					}
					
					.contents_text p{ margin: 0 100px 0 35px;}
					.contents_text p.recuo{ margin: 0 100px 0 50px;}
					
				#enquete_center, #noticias_center{width: 300px;}
				
				#enquete_center p, #noticias_center p{ margin-top:10px; padding-right: 20px;}
				
				
			a.but{float:left; margin: 40px 30px 20px 0px}
			a.but2{float:right; margin: 10px 30px 20px 100px}
			a.but3{float:right; margin: 20px 30px 20px 100px}
			
			
			span.autor{ font-size: 16px; font-weight:bold}
			
			
			.link_result{ margin: 10px 0 0 20px; vertical-align:middle; font-weight:bold;}
			
			.link_result img{vertical-align:middle;}
			.font_control{float:right; width: 900px; text-align:right; height:30px; margin: 0 100px 20px 0; }
			
			#paginacao{ width:800px; height:60px; float:left; margin:10px 0 0 20px;}
	
	
			
/*TUDO DO FOOTER (RODAPÉ) ESTÁ AQUI
----------------------------------------------------------------------------------------------------------*/
	#footer{
		background: url(../imags/back_copa_base.jpg) no-repeat center;
		height: 440px;
	    
		
	}
		#content_footer p{ margin-top:10px; padding-right: 20px;}
		 
		#content_footer{ 
			width: 990px;
			margin: 0px auto 0px auto;
			height: 300px;
			
			
		}
		
			.content_footer_div{
				height: 100%;
				float: left;
			
			}
			
			#depoimentos{
				width: 320px;
				margin: -10px 0 0 0;
			}
					
			#quem_apoia{
				width: 290px;
				margin: 0 0 0 40px;	
			}
			
			#patrocinadores{
				width: 300px;
				margin: 0 0 0 30px;
			}
				a.patroci{float:left; margin: 20px 10px 0 0px; }
			
			#ass{width: 990px; margin: 50px auto 0px auto;}
			#text_rodape{ float: left; margin: 50px 0 0 20px;}
			#by_perfil{float: right; margin: 35px 20px 0 0;}
			
/*TUDO DO FORMULARIO DE INSCRICÃO
----------------------------------------------------------------------------------------------------------*/

.inscricao{ color: #FFF; border:none; float:left; margin: 20px 0 0 20px; padding-right:10px; }

#nome{ 
	width:350px; 
	height: 40px; 
	background: url(../imags/bg_form_nome.png) no-repeat; 
	padding-left: 90px;
	
}
#apelido, #numero{ 
	width: 130px; 
	height: 40px;
	background: url(../imags/bg_form_apelido.png) no-repeat; 
	padding-left: 90px;
}
#numero{ 
	background: url(../imags/bg_form_numero.png) no-repeat;  
	margin: 20px 0 0 30px;
	width: 130px; 
	padding-left: 80px;
}

#moto{
	width: 210px; 
	height: 40px; 
	background: url(../imags/bg_form_moto_ano.png) no-repeat; 
	padding-left: 95px;
}
#marca{ 
	width: 200px; 
	height: 40px; 
	background: url(../imags/bg_form_marca.png) no-repeat; 
	padding-left: 60px; 
}
#equipe{ 
	width: 195px; 
	height: 40px; 
	background: url(../imags/bg_form_equipe.png) no-repeat; 
	padding-left: 115px; 
	margin: 20px 0 0 30px;
}

#patrocinador{ 
	width: 830px; 
	height: 40px; 
	background: url(../imags/bg_form_pratocinador.png) no-repeat; 
	padding-left: 115px;
}

#plano{ 
	width: 175px; 
	height: 40px; 
	background: url(../imags/bg_form_plano.png) no-repeat; 
	padding-left: 120px;
}
#tipo{ 
	width: 100px; 
	height: 40px; 
	background: url(../imags/bg_form_tipo.png) no-repeat; 
	padding-left: 115px; 
	margin: 20px 0 0 35px;
}
#email{ 
	width:290px; 
	height: 40px; 
	background: url(../imags/bg_form_email.png) no-repeat; 
	padding-left: 70px; 
}

#rg{
	width: 245px; 
	height: 40px; 
	background: url(../imags/bg_form_rg.png) no-repeat; 
	padding-left: 50px;
}
#cpf{
	width: 270px; 
	height: 40px; 
	background: url(../imags/bg_form_cpf.png) no-repeat; 
	padding-left:55px;
}
#idade{
	width: 195px;
	height: 40px; 
	background: url(../imags/bg_form_idade.png) no-repeat; 
	padding-left: 60px; 
	margin: 20px 0 0 30px;
}

#endereco{
	width: 405px; 
	height: 40px; 
	background: url(../imags/bg_form_endereco.png) no-repeat; 
	padding-left: 90px;  
}
#end_num{
	width: 35px; 
	height: 40px; 
	background: url(../imags/bg_form_end_num.png) no-repeat; 
	padding-left: 70px;  
	margin: 20px 0 0 15px;
}
#complemento{
	width: 200px; 
	height: 40px; 
	background: url(../imags/bg_form_comp.png) no-repeat; 
	padding-left: 100px; 
	margin: 20px 0 0 15px; 
}

#cidade{
	width: 250px;
	height: 40px; 
	background: url(../imags/bg_form_cid.png) no-repeat; 
	padding-left: 75px;
}

#estado{
	width: 180px; 
	height: 40px; 
	background: url(../imags/bg_form_est.png) no-repeat; 
	padding-left: 75px; 
	margin: 20px 0 0 15px;
}
#cep{
	width: 245px; 
	height: 40px; 
	background: url(../imags/bg_form_cep.png) no-repeat; 
	padding-left: 70px; 
	margin: 20px 0 0 15px;
}

#telefone{
	width: 245px; 
	height: 40px; 
	background: url(../imags/bg_form_tel.png) no-repeat; 
	padding-left: 80px; 
	margin-bottom: 20px;
}

#celular{
	width: 250px; 
	height: 40px; 
	background: url(../imags/bg_form_cel.png) no-repeat; 
	padding-left: 75px; 
	margin:20px 250px 20px 20px;
}

#form_inscricao p{margin-left: 20px;}

#form_inscricao h2{ color:#FFF; font-size: 14px; margin-left: 20px;}

.option, .option_combo{ 
	color: #FFF; 
	border:none; 
	float:left; 
	margin: 20px 0 0 20px; 
	padding-right:10px; 
	font-size: 14px; 
}
.option_combo{ margin: 20px 0 0 5px;}


#but_enviar{float:left; margin: 20px 0 0  20px;}



/*TUDO DO FORMULARIO DE CONTATO
----------------------------------------------------------------------------------------------------------*/
.contato{ 
	color: #FFF; 
	border: none; 
	float: left; 
	margin: 20px 0 0 20px; 
	padding-right: 10px; 
}


#nome_cont{ 
	width: 350px; 
	height: 40px; 
	background: url(../imags/bg_cont_nome.png) no-repeat; 
	padding-left: 90px; 
}
#email_cont{
	width: 395px; 
	height: 40px; 
	background: url(../imags/bg_cont_email.png) no-repeat; 
	padding-left: 75px;
}

#end_cont{
	width: 380px; 
	height: 40px; 
	background: url(../imags/bg_cont_end.png) no-repeat; 
	padding-left: 90px;
}
#num_cont{
	width: 35px; 
	height: 40px;
	background: url(../imags/bg_form_end_num.png) no-repeat; 
	padding-left: 70px;
}
#comp_cont{
	width: 200px;
	height: 40px; 
	background: url(../imags/bg_form_comp.png) no-repeat;
	padding-left: 100px;
	margin: 20px 0 0 25px;
}

#cid_cont{
	width: 330px;
	height: 40px; 
	background: url(../imags/bg_cont_cid.png) no-repeat;
	padding-left: 75px;
}
#est_cont{
	width: 100px;
	height: 40px; 
	background: url(../imags/bg_cont_est.png) no-repeat;
	padding-left: 70px;
}
#cep_cont{
	width: 250px;
	height: 40px; 
	background: url(../imags/bg_cont_cep.png) no-repeat;
	padding-left: 60px;
}

#tel_cont{
	width: 215px;
	height: 40px; 
	background: url(../imags/bg_cont_tel.png) no-repeat;
	padding-left: 80px;
}
#cel_cont{
	width: 145px;
	height: 40px; 
	background: url(../imags/bg_cont_cel.png) no-repeat;
	padding-left: 70px;
}
#men_cont{
	width: 865px;
	height: 80px; 
	background: url(../imags/bg_cont_men.png) no-repeat;
	padding: 25px 0 10px 90px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}




.recado{ color:#FFF; border: none;}
#nome_com{
	width: 450px; 
	height: 40px; 
	background: url(../imags/bg_cont_nome.png) no-repeat; 
	padding-left: 90px; 
	margin: 10px 0 0 20px;
}
#texto_com{
	width: 450px; 
	height: 133px; 
	background: url(../imags/bg_texto.png) no-repeat; 
	padding: 20px 0 0 90px; 
	overflow:hidden;
	margin: 10px 0 0 20px;
}

#but_recado{margin: 10px 0 0 20px;}



.form_button{ background:url(../imags/but_responder.png); height: 27px; width: 81px; border:none;  cursor:pointer;}
#but_top{text-align:right;}

.coment{margin-left: 20px;}