/* $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 #0055bf;
		margin: 0;
		padding: 3px 0;
	}

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

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

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

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

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

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

	ul.tabbernav li.tabberactive a:hover {
		color: #274989;
		background: #add0fa;
		font-weight: bold;
		border-bottom: 1px solid #add0fa;
		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: #add0fa;
		border: 1px solid #0055bf;
		border-top: 0px;
		color: #2f5941;
		font-weight: bold;
		min-height: 770px;
		padding: 5px; /* 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; */
	}

	/* 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 {
		height: 200px; /*overflow: auto;*/
	}

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

}

@media print {
}