/*------------------------------------------------------------------------------------------------
[Estilo Mestre]

Projeto:		Mr. Jazz
Versão:			1.0
Última mudança:	04/06/08 [colocar aqui as ultimas classes mudadas]
Autor:			Fernando Lucena Gomes
------------------------------------------------------------------------------------------------*/

/*==== PARA TODOS ==============================================================================*/

* {
	margin:0;
	padding:0;
	list-style: none;
	text-decoration: none;
	font:12px Arial, Helvetica, sans-serif;
}

img, div.transparencia_home, img, div.contato, { behavior: url(iepngfix.htc) }

body {
	background:#5c5c5c;
	scrollbar-face-color:#000000;
	scrollbar-highlight-color:#C0C0C0;
	scrollbar-3dlight-color:#000000;
	scrollbar-darkshadow-color:#000000;
	scrollbar-shadow-color:#C0C0C0;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#0F0F11;
}

div.corpo{
	background:#3d0000 url(img/fundo.jpg) repeat-y;
	width:900px;
	height:auto;
	margin:0 auto;
}

div.geral{
	padding:0 10px;
}

img{
	border:0;
}

h1{
	color:#FFFFFF;
	margin-left:45px;
	padding-top:20px;
	font-weight:bold;
	font-size:25px;
	font-style:italic;
	text-align:right;
	padding-right:75px;
}

div.conteudo{
	float:left;
	background-color:#393C41;
}

/*==== FIM PARA TODOS ==========================================================================*/

/*==== CABECALHO ===============================================================================*/

div.cabecalho{
	width:880px;
	height:85px;
	background-color:#a70000;
}

img.logo{
	float:left;
	margin-left:20px;
	border:0;
}

/*==== FIM CABECALHO ===========================================================================*/

/*==== RODAPE ==================================================================================*/

div.rodape ul li{
	float:left;
	color:#FFFFFF;
	padding:5px;
}

div.rodape ul li a{
	color:#FFFFFF;
	font-weight:bold;
}

div.rodape ul li a:hover{
	color: #990000;
}

div.rodape ul{
	margin:0;
	margin-left:170px;
	padding-top:13px;
}

div.rodape{
	width:880px;
	height:50px;
	background:#3c0000 url(img/homeRodape.gif) top no-repeat;
	clear:both;
}

/*==== FIM RODAPE ==============================================================================*/


/*==== MENU ====================================================================================*/

ul.menu{
	margin-left:520px;
	padding-top:30px;
}

ul.menu li{
	float:left;
	font-weight:bold;
	color:#FFFFFF;
}

ul.menu li a{
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 10px;
}

ul.menu li a:hover{
	text-decoration:underline;
}

/*==== FIM MENU ================================================================================*/

/*==== HOME ====================================================================================*/

div.homeSuperior{
	height:322px;
	width:880px;
	background-image:url(img/homeFundo.jpg);
}

div.homeSuperior a{
	margin-left:121px;
	padding-top:38px;
	float:left;
}

div.homeInferior{
	background:#000000 url(img/homeLinhaSeparadora.gif) top no-repeat;
	height:136px;
	width:880px;
	padding-top:2px;
}

h2{
	background:url(img/homeTitulo.gif) repeat-x;
	height:50px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	padding:10px;
}

div.homeCaixas{
	background-color:#000000;
}

div.box, div.boxCentro{
	width:292px;
	height:136px;
	float:left;
	background-color:#333333;
}

div.boxCentro{
	margin:0 2px;
	background-color:#666666;
}

div.box p, div.boxCentro p{
	padding:0 10px;
	color: #FFFFFF;
}

div.flash{
	width:294px;
	height:322px;
	float:left;
	margin-left:71px;
}

div.caixaFlash, div.caixaFlashCentral{
	width:294px;
	height:104px;
	background-color:#000000;
}

div.caixaFlashCentral{
	margin:5px 0px;
}

a.fotoHome{
	background:url(img/tenisHome2.gif) top no-repeat;
	width:394px;
	height:197px;
	margin-top:50px;
}

a.fotoHome:hover{
	background:url(img/tenisHome2.gif) 0 -235px no-repeat;
	width:394px;
	height:197px;
	margin-top:50px;
}

a.homeLink{
	color:#990000;
	font-weight:bold;
}

a.homeLink:hover{
	color:#FFFFFF;
	font-weight:bold;
}

/*==== FIM HOME ================================================================================*/

/*==== EMPRESA =================================================================================*/

div.fundoEmpresa{
	background:url(img/fundo_empresa2.jpg) no-repeat;
	width:880px;
	height:462px;
}

div.empresa {
	margin-left:490px;
	padding-top:300px;
	width:auto;
}

div.empresa p{
	padding-top:10px;
	color:#FFFFFF;
}

/*==== FIM EMPRESA =============================================================================*/

/*==== PRODUTOS ================================================================================*/

div.fundoProdutos{
	background:url(img/fundo_produtos.jpg) no-repeat;
	width:880px;
	height:462px;
}

div.fotosPadrao{
	background:url(img/bkg_padrao.jpg) repeat-x;
	width:880px;
	height:462px;
}

div.fotosThumb{
	width:800px;
	float:left;
	margin-left:50px;
	_margin-left:20px;
	margin-top:30px;
}

img.imgThumb{
	margin:0;
}

div.fotos{
	width:auto;
	height:100px;
	float:left;
	margin-bottom:20px;
}

div.fotos a{
	padding:0 5px;
}

div.fotosProdutos{
	width:600px;
	height:222px;
	float:left;
	margin-left:140px;
	_margin-left:100px;
}

div.fotoRunning, div.fotoBolasAcessorios, div.fotoChuteira{
	width:221px;
	height:221px;
	float:left;
}

div.fotoBolasAcessorios, div.fotoChuteira{
	margin-left:42px;
}


/*==== FIM PRODUTOS ============================================================================*/

/*==== FALE CONOSCO ============================================================================*/

div.contato{
	background:url(img/tranparenciaFaleConosco.gif) no-repeat 640px 30px;
	height:370px;
}

div.contato p{
	font-size:20px;
	color:#FFFFFF;
	padding:50px;
}

div.contato a{
	color:#FFFFFF;
	font-size:20px;
}

div.contato a:hover{
	color:#FFCC00;
}

div.fundoFaleConosco{
	background:url(img/bkg_padrao.jpg) repeat-x;
	width:880px;
}


form {
	width:500px;
	margin:20px;
	margin-left:80px;
}

fieldset {
	border:none;
}

form fieldset legend {
	font:bold 20px Arial, Helvetica, sans-serif;
	color: #FFCC00;
	margin:0 0 10px;
}

form fieldset label {
	color:#FFF;
	display:block;
	width:240px;
	float:left;
	font-weight:bold;
	padding:2px;
}

form fieldset label.labmensagem {
	width:470px;
}

form fieldset label.labmensagem textarea {
	width:464px;
	height:100px;
	font:13px arial, tahoma, sans-serif;
	padding:3px;
	border:2px solid #990000;
	background-color:#2F3034;
	color:#FFFFFF;
}

form fieldset label input {
	width:220px;
	border:2px solid #990000;
	padding:3px;
	background-color:#2F3034;
	color:#FFFFFF;
}

label input:hover, label.labmensagem textarea:hover{
	border:2px solid  #FF9900;
} 

form fieldset input.botao {
	float:right;
	margin:20px 25px;
	border:0;
	background:#990000;
	color:#FFF;
	padding:5px;
	font:13px verdana, arial, tahoma, sans-serif;
	cursor:pointer;
}

input.botao:hover{
	background-color:#FF9900;
}

/*==== FIM FALE CONOSCO ========================================================================*/