html, body {height:100%;} 
body {
	margin:0; 
	padding:0;
	background:#ccc;
	color:#666;
	font:75%/1.4 Verdana, Arial, Helvetica, sans-serif;
	text-align:center;

	overflow-x:hidden;
	}
a {
	border: 0px;
	color:#FFF;
  }
#tudo { 
	width:100%;
	position:relative;  /*Contexto de posicionamento */
	background-image: url(../images/comum/index_fundo_topo.jpg);
	background-repeat:repeat-x;
	
	background-color:#FFF;
	margin:0 auto;
	text-align:left;
	min-height:100%;/**/
	
	}
 * html #tudo  {height: 100%;}
#conteudo {
	width:780px;
	margin:0 auto;
	position:relative;  /*Contexto de posicionamento */
	padding-bottom:30px;
	}
	
/***********topo******************************************************************/	
#topo {
	background:#999;
	width:780px;
	height:32px;
	border-bottom:0;
	text-align:center;
	padding-top:1px;
	}
	
#col1{

	width:235px;

	text-align:right;
	float:right;
	padding-top: 5px;

	}
#col2{

	width:300px;

	text-align:right;
	float:right;
	padding-top: 6px;

	}
#fieltorcedor
{
	background-image:url(../images/comum/fieltorcedor.jpg);
	width: 106px;
	height: 18px;
	border: 0px;
	margin-top: 6px;

	cursor: pointer;
	float:left;
}
#fieltorcedor:hover
{
	background-image:url(../images/comum/fieltorcedor_hover.jpg);

}
.login
{
	background-color:#999;
	border: 0px;
	width: 82px;
	background-image:url(../images/comum/campo_login.jpg);
	background-repeat:no-repeat;
	color:#666;
	height: 16px;
	padding-left: 8px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	
}
#entrar
{
	background-image:url(../images/comum/entrar.jpg);
	width: 94px;
	height: 21px;
	border: 0px;
	cursor: pointer;
	float:right;
}
#entrar:hover
{
	background-image:url(../images/comum/entrar_hover.jpg);

}
#esqueci
{
	background-image:url(../images/comum/esqueci.jpg);
	width: 130px;
	height: 21px;
	border: 0px;
	cursor: pointer;
	float:right;
}
#esqueci:hover
{
	background-image:url(../images/comum/esqueci_hover.jpg);

}
#menu {

	width:760px;
	height: 50px;
	margin: 0 auto;}
#animacoes
{
	width:760px;
	text-align: center;
	height: 420px;

}
#animacao_cartoes
{
	width:780px;
	text-align: center;
}
#contador_jogos {
	width: 280px;
	height: 220px;
	float:left;
	margin-left: 5px;
	position: absolute;
	overflow: hidden;
	


}
#noticias {
	width: 450px;
	height: 220px;
	float:right;


}

#promocoes_conteudo
{

	text-align:center;
	padding-top: 0px;
}
#tabs_conteudo
{
	width: 760px;
	margin-left:7px;
	height: 340px;
	padding-top: 25px;

}
/*fim topo******************************************************************/
#principal {
	width:760px;
	padding: 10px;
	background-color: #FFF;
	margin-bottom:200px;
	background-image: url(../images/comum/index_fundo_principal.jpg);
	background-repeat:repeat-x;


	}
#animacao_cartoes_planos
{
	width:750px;
	text-align: center;
}
#rodape {
	background:#CCC;
	width:100%;
	height:220px;
	position: absolute;
	bottom: 0; 
	border:dotted #999;
	border-width: 0px 0;
	text-align:center;
	background-image:url(../images/comum/index_fundo_geral.jpg);
	background-repeat:repeat-x;
	}
#rodape p {
	margin:0;
	font-weight:bold;
	color:#060;
	}

/********** menus**********************************************************************************/
#termo
{
	background-image:url(../images/png/termo.png);
	cursor:pointer;
	width: 33px;
	height: 31px;
	margin-right: 8px;
	float: right;
	margin-top: 10px;


}
#termo:hover
{
	background-image:url(../images/png/termo2.png);
}
#entregas
{
	background-image:url(../images/png/entregas.png);
	cursor:pointer;
	width: 33px;
	height: 31px;
	margin-right: 8px;
	margin-top: 10px;
	float: right;

}
#entregas:hover
{
	background-image:url(../images/png/entregas2.png);
}
#formas
{
	background-image:url(../images/png/formas.png);
	cursor:pointer;
	width: 33px;
	height: 31px;
	margin-right: 8px;
	margin-top: 10px;
	float: right;

}
#formas:hover
{
	background-image:url(../images/png/formas2.png);
}
#faleconosco
{
	background-image:url(../images/png/faleconosco.png);
	cursor:pointer;
	width: 33px;
	height: 31px;
	margin-right: 10px;
	margin-top: 10px;
	float: right;

}
#faleconosco:hover
{
	background-image:url(../images/png/faleconosco2.png);
}
#cadastrar
{
	width: 99px;
	height:24px;
	cursor: pointer;
	border:0px;
	background-image:url(../images/comum/cadastrar.png);
}
#cadastrar:hover
{
	width: 99px;
	height:24px;
	cursor: pointer;
	border:0px;
	background-image:url(../images/comum/cadastrar_hover.png);
}
#botao_minhavida
{
	width: 120px;
	height:25px;
	margin-right: 5px;
	margin-top: 8px;
	cursor: pointer;
	border:0px;
	background-image:url(../images/comum/botao_minhavida.png);
	background-repeat:no-repeat;
	float:right;
}
#botao_minhavida:hover
{
	width: 120px;
	height:25px;
	margin-right: 5px;
	margin-top: 8px;
	cursor: pointer;
	border:0px;
	background-image:url(../images/comum/botao_minhavida_hover.png);
	background-repeat:no-repeat;
	float:right;
}
#botao_minhahistoria
{
	width: 154px;
	height:25px;
	cursor: pointer;
	border:0px;
	margin-top: 8px;
	background-image:url(../images/comum/botao_minhahistoria.png);
	background-repeat:no-repeat;
	float:right;
}
#botao_minhahistoria:hover
{
	width: 154px;
	height:25px;
	cursor: pointer;
	border:0px;
	margin-top: 8px;
	background-image:url(../images/comum/botao_minhahistoria_hover.png);
	background-repeat:no-repeat;
	float:right;
}
#botao_meuamor
{
	width: 118px;
	height:25px;
	cursor: pointer;
	margin-top: 8px;
	border:0px;
	background-image:url(../images/comum/botao_meuamor.png);
	background-repeat:no-repeat;
	float:right;
}
#botao_meuamor:hover
{
	width: 118px;
	height:25px;
	cursor: pointer;
	margin-top: 8px;
	border:0px;
	background-image:url(../images/comum/botao_meuamor_hover.png);
	background-repeat:no-repeat;
	float:right;
}
#rodape_conteudo
{
	width: 780px;
	height: 90px;
	background-color:#FFF;
	margin:0 auto;
	background-image:url(../images/comum/pontilhado.png);
	background-repeat:no-repeat;
	padding-top: 30px

}
#rodape_conteudo_icones
{
	width: 442px;

	background-color:#FFF;
	margin:0 auto;


}
#rodape_conteudo_link
{
	width: 780px;
	padding-top: 20px;
	background-image:url(../images/comum/index_rodape.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
}
/********** MAPA **********************************************************************************/		
#mapa_site {
	width:780px;
	position:relative;  /*Contexto de posicionamento*/
	background-color:#FFF;
	color:#777;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;

	margin:0 auto;
	text-align:left;
	border:dotted #999;
	border-width:0 0px;
	}
#mapa_planos {
	width: 19%;
    color: #666;
	height: 100px;
	float:left;
		font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
.mapa_planos {

    color:#777;
	

}
.mapa_planos a {

    color:#777;
	text-decoration:none;

}
.mapa_planos a:hover{

    color:#fff;
	text-decoration:none;
}
#mapa_texto
{
	width:22%;
	color:#666;
		font-family:Verdana, Geneva, sans-serif;
	font-size:10px;

	height: 100px;
	text-align:left;
	background-image:url(../images/preto/mapa_site.png);
	background-repeat:no-repeat;
	float:left;
}
#mapa_logos
{
	width:20%;
	color:#999;
	float:right;
	height: 100px;
	text-align:right;

}
#corinthians {
	width: 66px;
	float:right;
	height: 63px;
	border: 0px;
	background-image: url(../images/comum/mapa_site_corinthians.png);
	background-repeat:no-repeat;
	
}
#omni {
	width: 56px;
	float:right;

	height: 63px;
	border: 0px;
    background-image:url(../images/comum/mapa_site_omni.png);
}
#centenario
{
	background-image: url(../images/comum/100.png);
	width: 80px;
	height: 50px;
	margin: 0 auto;
	float: left;
	margin: 10px;
	cursor:pointer;
}
#centenario:hover
{
	background-image: url(../images/comum/1002.png);
	width: 80px;
	height: 50px;
	margin: 0 auto;
	float: left;
	margin: 10px;
	cursor:pointer;
}
#orkut
{
	background-image: url(../images/comum/orkut.png);
	width: 80px;
	height: 50px;
	margin: 0 auto;
	float: left;
	margin: 10px;
	cursor:pointer;
}
#orkut:hover
{
	background-image: url(../images/comum/orkut2.png);
	width: 80px;
	height: 50px;
	margin: 0 auto;
	float: left;
	margin: 10px;
	cursor:pointer;
}
#facebook
{
	background-image: url(../images/comum/facebook.jpg);
	width: 92px;
	height: 50px;
	margin: 0 auto;
	float: left;
	margin: 10px;
	cursor:pointer;
}
#facebook:hover
{
	background-image: url(../images/comum/facebook2.jpg);

}
#twitter
{
	background-image: url(../images/comum/twitter.png);
	width: 100px;
	height: 50px;
	margin: 0 auto;
	float: left;
	margin: 10px;
	cursor:pointer;
}
#twitter:hover
{
	background-image: url(../images/comum/twitter2.png);
	width: 100px;
	height: 50px;
	margin: 0 auto;
	float: left;
	margin: 10px;
	cursor:pointer;
}
/********** textos**********************************************************************************/
.texto_tabela_conteudo
{
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	font-size:10px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	padding: 12px;
	background-image: url(../images/comum/termo_fundo_tabelas_right.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#FFF;
}
.texto_tabela_trans_bold
{
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	font-size:10px;
	font-weight:bold;
	height: 45px;
	border: 0px solid #ddd;
	padding-left: 12px;
	padding-top: 8px;
	background-image: url(../images/comum/termo_fundo_tabelas.jpg);
	background-repeat:repeat-x;
}
.texto_justificado
{
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	font-size:10px;
	background-color:#FFF;
	text-align:justify;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	padding: 12px;
	background-image: url(../images/comum/termo_fundo_tabelas_right.jpg);
	background-position:bottom;
	background-repeat:repeat-x;


}
.texto_justificado a
{

	color:#444;

}
.texto_justificado a:hover
{

	color:#333;

}
.texto_tabela_trans
{
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	font-size:10px;
	border: 0px solid #ddd;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:justify;

	background-repeat:repeat-x;
}
.texto_normal
{
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	font-size:10px;

}
.texto_tabela
{
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	font-size:10px;
	background-color:#FFF;

	border: 0px solid #ddd;
	padding: 6px;

}
.texto_pontilhado
{
	font-family:Verdana, Geneva, sans-serif;
	color:#ccc;
	font-size:10px;
	border-top:1px dashed #fff;

}
.texto_planos {
	font-family:Verdana, Geneva, sans-serif;
	color:#777;
	font-size:10px;
	background-color:#eee;
	text-align:justify;
	border: 0px solid #ddd;
	padding: 6px;
}

/********** campos**********************************************************************************/
.botao_geral
{
	width: 80px;
	height:18px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	border:0;
	cursor:pointer;
	background-image:url(../images/branco/botao.png);
	background-color:#fff;
	padding-bottom: 2px;
}
.botao_geral:hover
{
	width: 80px;
	height:18px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	color:#444;
	font-size:10px;
	font-weight:bold;
	border:0;
	cursor:pointer;
	background-image:url(../images/comum/botao2.png);
	background-color:#fff;
}
.campos
{
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	font-size:10px;
	border: 2px solid #999;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
	padding-left: 6px;
	height: 16px;
	background-color:#ddd;
}
.campos2
{
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	font-size:10px;
	border: 2px solid #999;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
	padding-left: 6px;
	background-color:#ddd;

}

.esqueci_lado {
	width: 29%;
	background-image:url(../images/branco/esqueci_lado.png);
	background-repeat:no-repeat;
	background-position:right top;
}
.faleconosco_lado {
	width: 29%;
	background-image:url(../images/branco/faleconosco_lado.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

/********** scroll**********************************************************************************/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #CCC;
}
.jScrollPaneDrag {
	position: absolute;
	background: #999;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}



a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


.orange-bar .jScrollPaneTrack {
	background: #1d1d1d;
}
.orange-bar .jScrollPaneDrag {
	background: #cccccc ;
}
.orange-bar .scroll-pane {
	background: #1d1d1d;
}
			
.holder {
	float: left;
	margin: 10px;
}

.scroll-pane {

	overflow: auto;
	float: left;
	text-align: left;
	padding: 0px;
	left: 0;
	}

.wide {
	width: 400px;
}

.super-wide {
	width: 748px;
}

.tall {
	height: 00px;
}

#duvidas {
		width: 725px;
	   height: 250px;

}

#brasileiro {
		width: 725px;
	   height: 250px;
}
#fv {
		width: 725px;
	   height: 250px;
}

/************************************************************/



#nav {padding:0; margin:0; list-style:none; height:0px; background:none; position:relative; float:left; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:0px;}
#nav li a.top_link {display:block; float:left; height:0px;  color:#fff; text-decoration:none; font-size:11px; padding:0 0 0 1px; cursor:pointer;background:none;}
#nav li a.top_link span {float:left; display:block; text-align:center; padding-top: 3px; height:12px; background: url(../images/comum/fieltorcedor.jpg) left top no-repeat;}
#nav li a.top_link span.down {float:left; display:block;  height:29px; width:125px; 


}

#nav li:hover a.top_link {color:#444; background: none;}
#nav li:hover a.top_link span {background:none;}
#nav li:hover a.top_link span.down {background: url(../images/comum/fieltorcedor_hover.jpg) no-repeat left top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:0px; top:33px; height: 115px; background-image: url(../images/comum/menu_abrir.png);; background-repeat:no-repeat; padding:3px; padding-left:4px; border:0px solid #ccc;  white-space:nowrap; width:130px;  z-index:300; text-align:left;}
#nav li:hover ul.sub li
{display:block; height:18px; position:relative;border: 0;  padding:2px; float:left; width:120px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:120px; border: 0; line-height:18px; text-indent:0px;  text-decoration:none; border:0px solid #bbd37e;}
#nav li ul.sub li a.fly
{background:#F00 ; border:0px;}
#nav li:hover ul.sub li a:hover 
{background:#fff; border: 0; }
#nav li:hover ul.sub li a.fly:hover
{background:#6a812c; border:0px;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:0px; border:0px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; border:0px; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; border:0px; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat;border:0px; color:#000; border-color:#bbd37e;} 

/************************************************************/

/********** TABS**********************************************************************************/
.galeria_fotos {
	border: 1px solid #aaa;
	    filter:alpha(opacity=40);     
		-moz-opacity:0.4;     
		-khtml-opacity: 0.4;     
		opacity: 0.4;
}
	
.ing_fundo_tabela_grande {
	background-image:url(../images/comum/ing_fundo_tabela_grande.jpg);
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
	background-position:bottom left;

	color:#888;
	background-repeat:no-repeat;
	font-size: 10px;

}
.tab_duvidas
{
	 width: 150px;
	 height: 27px; 
	 background-image: url(../images/COMUM/duvidas.png);
	 border:0;
	 
}
.tab_brasileiro
{
	 width: 175px;
	 height: 27px; 
	 background-image:url(../images/comum/campeonatobrasileiro.png);
	 border:0;
	 
}
.tab_fv
{
	 width: 175px;
	 height: 27px; 
	 background-image:url(../images/comum/torneio_fv.png);
	 border:0;
	 
}
.tab_depoimentos
{
	 width: 116px;
	 height: 27px; 
	 background-image:url(../images/branco/depoimentos.png);
	 border:0;
	 
}
.tab_libertadores
{
	 width: 194px;
	 height: 27px; 
	 background-image:url(../images/branco/libertadores.png);
	 border:0;
	 
}
.tab_ranking
{
	 width: 132px;
	 height: 27px; 
	 background-image:url(../images/branco/ranking.png);
	 border:0;
	 
}

.index_classificacao
{
	background-image:url(../images/index_classificacao.jpg);
	height: 20px;
	background-repeat:no-repeat;
}
.index_calendario
{
	background-image:url(../images/index_calendario.jpg);
	height: 20px;
	background-repeat:no-repeat;
}

.index_tabs_classificacao
{
    font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#666;
	background-color:#fff;
	padding: 4px;
	text-align:center;
	border: 1px solid #ccc;


}
.index_tabs_texto
{
    font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#777;
	
	padding: 4px;
	text-align:left;

}
.index_tabs_pontos
{
    font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666;
	padding: 4px;
	text-align:center;
	background-color:#fff;

	border: 1px solid #ccc;
}
.index_titulo_tabs_sobre
{

	height: 25px;
	color: #777;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;

}

.texto_tabs {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color:#666;
	padding-top: 12px;
	padding-bottom: 12px;
}
.tabs_quadro_texto {
	background-color:#EEE;
	color:#777;
	padding: 12px;
	font-size: 10px;

}
	



.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 0px solid #ffffff;  color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 0px solid #666;  color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { 
border: 0px solid #F00;
background-image:url(../images/comum/index_tabs_fundo_botao_inativo.jpg);
background-repeat:repeat-x;
font-weight: normal; 
color: #555555; 
outline: none; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { 
color: #555555; 
text-decoration: none; 
outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { 
border: 0px solid #F00; 
background-image:url(../images/comum/index_tabs_fundo_botao_hover.jpg);
background-repeat:repeat-x;
font-weight: normal; 
color: #212121; 
outline: none; 
}
.ui-state-hover a, .ui-state-hover a:hover { 
color: #212121; 
text-decoration: none; 
outline: none; 
}
.ui-state-active, .ui-widget-content .ui-state-active { 
border: 0px solid #F00; 
background: #ffffff; 

background-repeat:repeat-x;
font-weight: normal; 
color: #212121; 
outline: none; 
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { 
color: #ffffff; 
outline: none; 
text-decoration: none; 

}






.ui-tabs { padding: .0em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .0em 0; border-top: 0px; border-left: 0px; border-right: 0px; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .4em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .0em 0em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 0.7em ; display: block; border-width: 0; background-image:url(../images/comum/index_fundo_tabs_geral.jpg);
background-repeat:no-repeat;}
.ui-tabs .ui-tabs-hide { display: none !important; }

/*****************************/

             #principal_ie6 {
                    width: 400px;
                    height: 300px;
					
                    
                    background: #000;
                    margin:0px auto;
                    
             }  
	 #ie6_geral {
	  min-height:100%;
	  height:auto;
	  margin:0px auto;
	  width:100%;
	  padding-top:100px;
	  
	  background-image: url(../images/comum/fundo_ie6.png);
	  background-repeat:repeat;
	  position:absolute;
	  color:#FFFFFF;
	  z-index: 800;
	}
 
	/* Para o IE */
	* html #ie6_geral{
		height:100%;
	}


/****************************************************************/



#dhtmltooltip{
	position: absolute;
	border: 1px solid #aaa;
	background-color:#FFF;

	visibility: hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 10px;
	padding-left: 10px;
	color: #777;
	z-index: 500;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

.natal {
	position:absolute;

	margin-left: -10px;

}
	
	
