/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
@media screen {
	.tabberlive .tabbertabhide {
		display:			none;
	}

	/*--------------------------------------------------
		  .tabber = before the tabber interface is set up
		  .tabberlive = after the tabber interface is set up
		  --------------------------------------------------*/
	.tabber {
	}
	.tabberlive {
		margin-top:			1em;
	}

	/*--------------------------------------------------
		  ul.tabbernav = the tab navigation list
		  li.tabberactive = the active tab
		  --------------------------------------------------*/
	ul.tabbernav {
		border-bottom:		1px solid #c9dba1;
		margin:				0;
		padding:			3px 0;
	}

	ul.tabbernav li {
		list-style:			none;
		margin:				0;
		display:			inline;
	}

	/*Tab inativa*/
	ul.tabbernav li a {
		background:			#f5fce4;
		border:				1px solid #c9dba1;
		border-top:			1px solid #c9dba1;
		border-bottom:		none;
		border-right:		1px solid #c9dba1;
		margin-left:		3px;
		padding:			3px 0.5em;
		text-decoration:	none;
	}

	ul.tabbernav li a:link {
		color:				#2f5941;
		font-weight:		bold;
		text-transform:		lowercase;
	}

	ul.tabbernav li a:visited {
		color:				#2f5941;
		font-weight:		bold;
		text-transform:		lowercase;
	}

	ul.tabbernav li a:hover {
		background-color:	#e3f1c0;
		color:				#ff7800;
		font-weight:		bold;
		text-decoration:	underline;
	}

	ul.tabbernav li.tabberactive a {
		background-color:	#f5fce4;
		border-bottom:		solid 1px #f5fce4;
		color:				#2f5941;
		font-weight:		bold;
		text-transform:		uppercase;
	}

	ul.tabbernav li.tabberactive a:hover {
		color:				#ff7800;
		background:			#e3f1c0;
		font-weight:		bold;
		border-bottom:		1px solid #e3f1c0;
		text-transform:		uppercase;
	}

	/*	--------------------------------------------------
		.tabbertab = the tab content --> CONTEÚDO DA TAB ATIVA
		Add style only after the tabber interface is set up (.tabberlive)
		--------------------------------------------------*/
	.tabberlive .tabbertab {
		background-color:	#f5fce4;
		border:				solid 1px #c9dba1;
		border-top:			0px;
		color:				#2f5941;
		font-weight:		bold;
		min-height:			770px;

		/*	If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height: 200px; */ /* If you set a fix height set overflow to auto and you will get a 		scrollbar when necessary */ /* overflow: auto; */
		padding:			5px;
	}

	/* If desired, hide the heading since a heading is provided by the tab */
	.tabberlive .tabbertab h2 {
		color:				#636260;
		display:			none;
	}

	.tabberlive .tabbertab h3 {
		display:			none;
	}

	.tabbertab span {
		color:				#2f5941;
		font-weight:		bold;
	}

	/* Example of using an ID to set different styles for the tabs on the page */
	.tabberlive#tab1 {
	}
	.tabberlive#tab2 {
	}
	.tabberlive#tab2 .tabbertab {
		
		/*overflow: auto;*/
		height:				200px;
	}

	#main_home td, span {
		color:				#000;
	}

}

@media print {
}