body{
	margin:0px;
	padding:0px;
}

div#corpo{
	width:940px;
	margin:0px auto;
	padding:0px;
	border:1px solid #ccc;
}
/***************++++++++++++++++++++++    CLASSES DAS DIVS GENERICAS +++++++++++++++++++++++++ *********
*********************************************************************************************************************/

/* CLASSES DO CABEÇALHO */
div#header{	
	margin:0px;
	padding:0;
	width:100%;
	height:125px; 
	background:url(../images/background_topo_esportes.gif) repeat-x;
	clear:both;
}
div#header div#logo{
	float:left;
	padding-left:36px;
	padding-top:13px;
	width:180px;
	height:95px;
}
div#header div#menu_topo{
	margin-left:280px;
	/*width:428px;*/
	/*height:16px;*/
}
ul#lista_menu_topo{
	float:left;
	margin-top:75px;
	list-style:none;
}
ul#lista_menu_topo li{
	float:left;
	padding-left:12px;
	padding-right:12px;
}
ul#lista_menu_topo li a{
	font:13pt "Trebuchet MS", Arial, sans-serif;
	color:#FFFFFF;
	text-decoration:none;	
}
ul#lista_menu_topo li a:hover{
	color:#3396a5;
	text-decoration:none;	
}


div#header div#visite{
	float:right;
	margin-top:16px;
	margin-right:10px;
	font:bold 14px "Trebuchet MS", Arial, sans-serif;
	color:#FFFFFF;
}

/* FIM DAS CLASSES DE CABECALHO */

/* CLASSES DO MENU LATERAL*/
div#menu{
	width:230px;
	height:295px;
	background:#d9d9d9;
	float:left;
	clear:left;
}
ul#lista_menu{
	list-style:disc;
	color:#333333;	
}
.menu_fonte{
	font: 10pt "Trebuchet MS", Arial, sans-serif;
	color:#333333;
	text-decoration:none;
}
.menu_fonte_filho{
	font: bold 10pt "Trebuchet MS", Arial, sans-serif;
	color:#333333;
	text-decoration:none;
}
ul#lista_menu li a{
	font: 10pt "Trebuchet MS", Arial, sans-serif;
	color:#333333;
	text-decoration:none;
}	
	
ul#lista_menu_filho{
	list-style:none;		
	margin:0 -30px; /* precisa de HACK pro IE ---------------------------naum esquecer*/
	color:#333333;
}
ul#lista_menu_filho li a{
	font: bold 10pt "Trebuchet MS", Arial, sans-serif;
	color:#333333;
	text-decoration:none;
}

ul#lista_menu_filho_2{
	list-style:none;
	margin:0 -30px; /* precisa de HACK pro IE ---------------------------naum esquecer*/
	color:#333333;
}
ul#lista_menu_filho_2 li a{
	font: bold 10pt "Trebuchet MS", Arial, sans-serif;
	color:#333333;
	text-decoration:none;
}
/* FIM DAS CLASSES DO MENU LATERAL */ 

/* CLASSES DO RODAPE */
div#rodape{
	background:#de2443;
	height:50px;
	width:100%;
	float:left;
	clear:left;
	/*margin-top:2px;	*/
}


/* DIV DOS PADDINGS DOS TITULOS DE SECAO */
div#titulos{
	padding:8px;
	padding-left:20px;
}

/******************************************** FIM DAS CLASSES DAS DIVS GENERICAS ************************************/

/***************+++++++++++++++++++++++++   CLASSES DAS DIVS DA INDEX DA ESPORTES ++++++++++++++++++++++++++ *********
*********************************************************************************************************************/

/* CLASSES DO MENU, SLIDES DE FOTOS E BANNERS */

div#meio{
	height:295px;
	padding-right:2px;
	padding-bottom:2px;
	padding-top:2px;
	clear:both;
}
	
div#content_meio{
	height:300px;
	float:inline;
}
div#content_banners{
	z-index:1;
	position:static;
	float:left;
	height:250px;
	width:460px;
	margin-bottom:1px;
	margin-left:2px;
	margin-right:1px;
	/*overflow:hidden;	*/
}
div#fotos{
	z-index:2;
	position:static;	
	height:250px;
	width:460px;
	float:left;
	font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#de2443;	
}
div#banners{
	width:245px;
	height:250px;
	float:left;	
}
div#banner_superior, div#banner_inferior{
	height:125px;
	margin:0;
	padding:0;
}

div#tit_produtos{
	background:#3396a5;
	margin-left:3px;
	margin-bottom:2px;
	width:705px;
	height:44px;
	float:left;
	display:inline;	
	
}

/************************ CLASSES DOS BANNERS ROTATIVOS **************************/
.btn_banner{
	width:24px;
	text-align:center;
	height:24px;
	color:#3396a5;
	background-image:url("../images/bt_banner.png");
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor:pointer;
	text-valign:bottom;
}
#btns_banners{		
	z-index:3;
	position:relative;		
	height:24px;
	width:460px;			
	top:-30px;				
}

/* CLASSE DA DIV INFERIOR, ONDE APARECE O CADASTRO E OS PRODUTOS EM DESTAQUE*/
div#produtos{
	height:216px;
	clear:both;
	margin-bottom:2px;
}
div#cadastro{
	background:#3396a5;
	height:216px;
	width:230px;
	float:left
}

div#tabela_cadastro{
	padding:15px;
}
div#form_cadastro{
	/*height:200px;*/
}

div#destaques{
	height:216px;
	float:left;
}
	
/***************++++++++++++++   CLASSES DAS DIVS DA APRESENTACAO DA ESPORTES ++++++ *********
***********************      aqui só entram as div adicionais, o restante são as mesmas da Index  ************************
*********************************************************************************************************/
/* CLASSES DO MENU, SLIDES DE FOTOS E BANNERS DA APRESENTACAO*/

div#meio_apresentacao{
	height:250px;
	padding-right:2px;
	padding-bottom:2px;
	padding-top:2px;
	/*clear:both;*/
}
div#menu{
	width:230px;
	height:295px;
	background:#d9d9d9;
	float:left;
	clear:left;
}
ul#lista_menu{
	list-style:disc;
}
ul#lista_menu li a{
	font: 10pt "Trebuchet MS", Arial, sans-serif;
	color:#000000;
	text-decoration:none;
}	
	
ul#lista_menu_filho{
	list-style:none;
}
ul#lista_menu_filho li a{
	font: bold 10pt "Trebuchet MS", Arial, sans-serif;
	color:#000000;
	text-decoration:none;
}
	
div#content_meio{
	height:250px;
	float:inline;
}
div#fotos{
	margin-bottom:1px;
	margin-left:2px;
	margin-right:1px;
	height:250px;
	width:460px;
	float:left;	
}
div#banners{
	width:245px;
	height:250px;
	float:left;	
}
div#banner_superior,div#banner_inferior{
	height:125px;
	margin:0;
	padding:0;
}
/* DIVS PARA A INCLUSAO DO FORMULARIO DE CADASTRO */
div#cadastro_apresentacao{
	width:230px;
	height:250px;
	background:#3396a5;
	float:left;
	clear:left;
}
div#tabela_cadastro_apresentacao{
	padding:15px;
}
div#tit_apresentacao{
	background:#de2443;
	height:45px;
	clear:both;
}

div#texto_apresentacao{
	width:100%;
	padding-top:30px;
}

/***************++++++++++++++   CLASSES DAS DIVS DOS PRODUTOS DA ESPORTES ++++++ *********
***********************      aqui só entram as div adicionais, o restante são as mesmas da Index  ************************
*********************************************************************************************************/
div#lateral_esquerda{
	float:left;
	width:230px;
	height:100%;
	margin-right:0px;
	margin-bottom:2px;
	margin-top:2px;
	background:#d9d9d9;
}
div#lateral_esquerda_item{
	float:left;
	width:230px;
	height:702px;
	margin-right:0px;
	margin-bottom:2px;
	margin-top:2px;
	background:#d9d9d9;
}
div#tit_categoria{
	background:#3396a5;
	float:left;
	margin-left:2px;
	margin-top:2px;
	width:706px;
}

div#produtos_detalhes{
	width:708px;
	float:left;
}

/* ************************** CLASSE DAS DIVS DA PAGINA DE VIDEOS *****************************************
************************************************************************************************************/
div#videos_detalhes{
	width:700px;
	float:left;
}
div#lateral_esquerda_videos{
	float:left;
	width:230px;
	height:560px;
	margin-right:2px;
	margin-bottom:2px;
	margin-top:2px;
	background:#d9d9d9;
}

/* ************************** CLASSE DAS DIVS DA PAGINA DE CONTATO *****************************************
************************************************************************************************************/
div#lateral_esquerda_contato{
	float:left;
	width:230px;
	height:700px;
	margin-right:2px;
	margin-bottom:2px;
	margin-top:2px;
	background:#d9d9d9;
}

/* ************************** CLASSE DAS DIVS DA PAGINA DO CARTÃO *****************************************
************************************************************************************************************/
div#lateral_esquerda_cartao{
	float:left;
	width:230px;
	height:1550px;
	margin-right:2px;
	margin-bottom:2px;
	margin-top:2px;
	background:#d9d9d9;
}



/***************************+++++++++++++++++++++ CLASSES DAS FONTES EM GERAL ++++++++++++++++++++++********************
***********************************************************************************************************************/
/* CLASSES DOS TITULOS */
.titulo_vermelho{
	font:18px "Trebuchet MS", Arial, sans-serif;
	color:#de2443;
}
a.titulo_vermelho:hover{
	text-decoration:none;
	color:#3396a5;
}
a.titulo_vermelho:link,a.titulo_vermelho:active,a.titulo_vermelho:visited{
	text-decoration:none;
}

.titulo_branco{
	font:18px "Trebuchet MS", Arial, sans-serif;
	color:#ffffff;
}

/* CLASSES DOS CONTEUDOS */
.conteudo_branco{
	font:12px "Trebuchet MS", Arial, sans-serif;
	color:#ffffff;
}
a.conteudo_branco:link, a.conteudo_branco:active, a.conteudo_branco:visited{
	text-decoration:underline;
}

.conteudo_vermelho{
	font:12px "Trebuchet MS", Arial, sans-serif;
	color:#de2443;
}
a.conteudo_vermelho:link,a.conteudo_vermelho:active,a.conteudo_vermelho:visited{
	text-decoration:none;
}

/* CLASSE DOS NEGRITOS */
.negrito_vermelho{
	font:bold 12px "Trebuchet MS", Arial, sans-serif;
	color:#de2443;
}
a.negrito_vermelho:hover{
	text-decoration:none;
	color:#3396a5;
}
a.negrito_vermelho:link,a.negrito_vermelho:active,a.negrito_vermelho:visited{
	text-decoration:none;
}

/******************************** CLASSES DE UTILIDADES (borda de fotos, formularios)+++++++++++++++++************************
******************************************************************************************************************************/
/* CLASSE DA FOTO */
.foto{
	border:1px solid #CCCCCC;
}
/* CLASSE DO FORMULARIO */
.caixa_texto_cadastro{
	border:1px solid #CCCCCC;
	width:175px;
	font:13px Trebuchet MS, Arial, sans-serif;
	color:#de2443;
	padding:4px;
}
.caixa_texto{
	border:1px solid #CCCCCC;
	font:13px Trebuchet MS, Arial, sans-serif;
	color:#de2443;
	padding:4px;
}
.bt_form{
	border:1px solid #CCCCCC;
	font:bold 13px Trebuchet MS, Arial, sans-serif;
	color:#de2443;
}