@charset "utf-8";
/* CSS Document */

*{
	padding: 0;
	margin: 0;
}

html{
	min-height: 100%;
	height: auto;
}

/****************************************************/

body {
	margin: 0;
	padding:0;
	background-image:url(../imagens/fundoFutebol.jpg);
}

/***************************************************************************/
/* INDEX */
/***************************************************************************/

#total {
	float: left;
	height: auto;
	width: 992px;
	left:50%;
	margin-left:-496px;
	position:absolute;
	background-color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #676767;
}

#topo {
	float: left;
	height: 353px;
	width: 992px;
}

#conteudo {
	width: 853px;
	height:auto;
	float:left;
}

#marcasIndex {
	width: 139px;
	height: 613px;
	float: right;
}

	#caixaMarcasIndex {
		width: 119px;
		height: 45px;
		float: right;
		padding-left:20px;
		padding-top:30px;
	}

#rodape {
	width: 992px;
	height: 150px;
	float:left;
	background-image: url(../imagens/index/baseRodape.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
	
	#news {
		width:242px;
		height:95px;
		float:left;
		background-image:url(../imagens/index/news.jpg);
		background-repeat:no-repeat;
		background-position:top;
		padding-top:30px;
		padding-left:20px;
	}
	
	/* LABEL */
	label {
		display: block;
	}
	
	/* FORMATANDO INPUT, SELECT E TEXTAREA */
	input.news,
	textarea.news,
	select.news {
		width: 200px;
		border: 1px solid #F90;
		background-color: #FFF;
	}
	
	/* SELECT COM LARGURA AUTOMÁTICA */
	select.news {
		width: auto;
	}
	
	textarea.contato {
		height: 90px;
		overflow: auto; /* BARRA DE ROLAGEM AUTOMÁTICA */
	}
	
	/* FORMATAÇÃO DO BOTÃO */
	buttonNews {
		color: #FFF;
		font-weight: bold;
		border: none;
		background-color:#FFF;
		margin-left: 80px;
	}
	
	.buttonNews {
		color: #ff9000;
		font-weight: bold;
		border: none;
		background-color:#FFF;
	}
	
	#contatosIndex {
	width:515px;
	height:95px;
	float:left;
	padding-top:40px;
	padding-right:15px;
	background-image:url(../imagens/index/titulo-nossas-lojas.jpg);
	background-repeat:no-repeat;
	background-position: 195px 0px;
	}
	
		#loja1 {
			width:158px;
			height:95px;
			float:left;
		}
		
		#loja2 {
			width:178px;
			height:95px;
			float:left;
		}
		
			#endereco {
				width:168px;
				height:50px;
				float:left;
				padding-left:10px;
			}
		
			#email {
				width:178px;
				height:45px;
				float:left;
			}
		
		#loja3 {
			width:178px;
			height:95px;
			float:left;
		}
	
	#cartoesIndex {
		width:180px;
		height:95px;
		float:left;
		padding-top:40px;
		padding-left:15px;
	}

	.titulo {
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		color: #ff9000;
		font-weight: bold;
	}

	
/***************************************************************************/

/***************************************************************************/
/* INICIAL */
/***************************************************************************/

#textos {
	width:853px;
	height:auto;
	float:left;
	padding-top:10px;
}

	#promocoes {
		width:468px;
		height:468px;
		float:left;
		padding-right:49px;
		padding-left:23px;
		padding-top:48px;
		background-image:url(../imagens/index/tituloPromocoes.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
		#promo01 {
			width:214px;
			height:214px;
			padding-right:20px;
			padding-bottom:20px;
			float:left;
		}
		
		#promo02 {
			width:214px;
			height:214px;
			padding-left:20px;
			padding-bottom:20px;
			float:left;
		}
		
		#promo03 {
			width:214px;
			height:214px;
			padding-right:20px;
			padding-top:20px;
			float:left;
		}
		
		#promo04 {
			width:214px;
			height:214px;
			padding-left:20px;
			padding-top:20px;
			float:left;
		}
		
			textoPromo {
				width:214px;
				height:107px;
				float:left;
			}
			
			fotoPromo {
				width:214px;
				height:107px;
				float:left;
			}
			
				.tituloPromo01 {
					font-family:Verdana, Geneva, sans-serif;
					font-size:15px;
					color: #ff9000;
					font-weight: bold;
				}
				
				.tituloPromo02 {
					font-family:Verdana, Geneva, sans-serif;
					font-size:16px;
					color: #ff9000;
					font-weight: bold;
				}
				
				.tituloPromo03 {
					font-family:Verdana, Geneva, sans-serif;
					font-size:11px;
					color: #ff9000;
				}				
	
	#destaques {
		width:313px;
		height:352px;
		float:left;
		background-image:url(../imagens/index/tituloDestaques.jpg);
		padding-top:48px;
		background-repeat: no-repeat;
		background-position: left top;
	}
	
		#textoDestaque {
			width:313px;
			height:auto;
			float:left;
			padding-bottom:20px;
		}
		
		#fotosDestaque {
			width:313px;
			height:auto;
			float:left;
		}

/***************************************************************************/
/* QUEM SOMOS */
/***************************************************************************/
	#quemSomos {
		width:468px;
		height:565px;
		float:left;
		padding-right:49px;
		padding-left:23px;
		padding-top:48px;
		background-image:url(../imagens/quem-somos/tituloQuemSomos.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
		#textoQuemSomos {
			width:468px;
			height:auto;
			float:left;
			padding-bottom:20px;
		}
		
		#fotosQuemSomos {
			width:468px;
			height:auto;
			float:left;
		}
	
	#fotosLateralQuemSomos {
		width:313px;
		height:565px;;
		float:left;
		background-image:url(../imagens/quem-somos/imagemQuemSomosLateral.jpg);
		background-repeat: no-repeat;
		background-position: top;
	}

/***************************************************************************/
/* PRODUTOS */
/***************************************************************************/
	#produtos {
		width:853px;
		height:auto;
		float:left;
		background-image:url(../imagens/produtos/topoProdutos.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#menuProdutos {
		width:833px;
		height:24px;
		float:left;
		padding-top:52px;
		padding-left:20px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		font-weight: bold;
		color: #FFF;
	}
	
	#fotoProdutos {
		width:833px;
		height:auto;
		float:left;
		padding-top:10px;
		padding-left:20px;
	}
	
	.link a {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #FFF;
		text-decoration:none;
	}
	
	.link a:hover {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #F90;
	}
	
	.subTituloProdutos {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #FFF;
	}

/***************************************************************************/
/* PARCEIROS */
/***************************************************************************/
	#parceiros {
		width:805px;
		height:613px;
		float:left;
		padding-left:23px;
		padding-right:25px;
		padding-top:38px;
		background-image: url(../imagens/parceiros/tituloParceiros.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
		#boxParceiros {
			width:255px;
			height:150px;;
			float:left;
			padding-right:20px;
		}

/***************************************************************************/
/* EVENTOS */
/***************************************************************************/
	#eventos {
		width:468px;
		height:565px;
		float:left;
		padding-left:23px;
		padding-right:49px;
		padding-top:48px;
		background-image:url(../imagens/eventos/tituloEventos.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#fotosLateralEventos {
		width:313px;
		height:565px;;
		float:left;
		background-image:url(../imagens/eventos/imagensEventos.jpg);
		background-repeat: no-repeat;
		background-position: top;
	}
	
		.linkEventos a {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: #F90;
			text-decoration:none;
		}
	
		.linkEventos a:hover {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: #61B3D1;
		}
	
		.tituloEventos {
			font-family:Verdana, Geneva, sans-serif;
			font-size:12px;
			color: #F90;
			font-weight: bold;
		}

/***************************************************************************/
/* CONTATO */
/***************************************************************************/
	/* LABEL */
	label {
		display: block;
	}

	/* FORMATANDO INPUT, SELECT E TEXTAREA */
		input.contato,
		textarea.contato,
		select.contato {
		width: 450px;
		border: 1px solid #ff9000;
		background-color: #FFF;
	}

	/* SELECT COM LARGURA AUTOMÁTICA */
		select.contato {
   		width: auto;
	}

	textarea.contato {
		height: 100px;
		overflow: auto; /* BARRA DE ROLAGEM AUTOMÁTICA */
	}

	/* FORMATAÇÃO DO BOTÃO */
	button {
		color: #FFF;
		font-weight: bold;
		border: none;
		background-color:#FFF;
		margin-left: 80px;
	}

	.button {
		color: #ff9000;
		font-weight: bold;
		border: none;
		background-color:#FFF;
	}

	#contato {
		width:514px;
		height:565px;
		float:left;
		padding-top:48px;
		padding-left:23px;
		padding-right:3px;
		background-image:url(../imagens/contato/tituloContato.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#fotosLateralContato {
		width:313px;
		height:565px;
		float:left;
		background-image:url(../imagens/contato/imagensContato.jpg);
		background-repeat: no-repeat;
		background-position: top;
	}