/*********************************************************************************************
* MODELO DE TEMPLATE - JBOSS PORTAL **********************************************************
**********************************************************************************************
**********************************************************************************************
* ESTE SELETOR #body CONTROLA O FUNDO DA PÁGINA E PODE SER MODIFICADO PARA ESTABELECER:	******
*	- A FONTE PADRÃO QUE SERÁ HERDADA POR TODOS OS ELEMENTOS FILHOS			******
*	- A MARGEM QUE TERÁ O LAYOUT							******
*	- O "ESTOFAMENTO" QUE TERÁ A PÁGINA						******
*	- POR PADRÃO O SELETOR PUXA UMA IMAGEM PARA O FUNDO DA PÁGINA			******
**********************************************************************************************/
#body {
	/* NO LAYOUT DO BUTANTAN PROPOSTO PELO LUCAS */
	/*background-image:	url( images/portal_background.gif );*/
	background-color:	#FFFFFF;
	margin:			0px;
	padding:		0px;
	font-size:		12px;
}
/*********************************************************************************************
**********************************************************************************************
* CABEÇALHO DO PORTAL ************************************************************************
**********************************************************************************************
**********************************************************************************************
* A div spacer É USADA PARA MANTER A LARGURA DETERMINADA INDEPENDENTEMENTE DO TAMANHO	******
* DO VISOR PARA DAR CONTA DE EXIBIR DIFERENTES TAMANHOS, ESSE SELETOR PODE SER MODIFI-	******
* CADO PARA FORÇAR UM SCROLL HORIZONTAL NO NAVEGADOR QUE ELIMINA QUALQUER PROBLEMA COM	******
* SOBREPOSIÇÃO DE ELEMENTOS NO CABEÇALHO 						******
*********************************************************************************************/
#spacer {
	width:				1024px;
   	line-height:			0px;
   	font-size:			0px;
   	height:				0px;
}
/*********************************************************************************************
**********************************************************************************************
* CONTEÚDO DO CABEÇALHO **********************************************************************
**********************************************************************************************
**********************************************************************************************
* UTILIZADO PARA CONTROLAR A POSIÇÃO DO CABEÇALHO DA PÁGINA. *********************************
* ESTE SELETOR É APLICADO EM UM ELEMENTO TABLE QUE É USADO PARA ESTRUTURAR O CABEÇALHO  ******
* VOCÊ PODE AJUSTAR OS ATRIBUTOS DO SELETOR PARA: 					******
* 	- REPOSICIONAR O CABEÇALHO DA PÁGINA SOBRE A LOCALIZAÇÃO			******
	- CRIAR ESPAÇO NA MARGEM:															******
		- SUPERIOR																		******
		- INFERIOR																		******
		- À ESQUERDA ( DO CABEÇALHO )													******
*********************************************************************************************/
#header-container {
   	/*background-image:	url( images/portal_background.gif );*/
	background-color:	#FFFFFF;
   	background-repeat:	repeat-y;
   	height:				100%;
   	min-width:			1024px;
   	width:				100%;
	/* TESTE PARA POSICIONAR O CABEÇALHO NA POSIÇÃO absolute
	position:		absolute;
	bottom: 		5px;
	*/
}
/*********************************************************************************************
**********************************************************************************************
* CABEÇALHO **********************************************************************************
**********************************************************************************************
**********************************************************************************************
* NESTE SELETOR SE APLICA A IMAGEM DE FUNDO DO CABEÇALHO NO PORTAL.			******
* ELE PODE SER AJUSTADO PARA ACOMODAR UMA IMAGEM DE FUNDO DE CERTA ALTURA E LARGURA	******
* OU, COMOM FAZ ATUALMENTE, REPETIR O CABEÇALHO GRÁFICO. 				******
*********************************************************************************************/
#header {
   	background-image:	url( images/fundoDoCabecalho.jpg );
   	background-repeat:	repeat-x;
   	height:			120px;
   	padding:		0px; /*margin: 0 25% 0 25%;*/
	position:		center;
}
/*********************************************************************************************
**********************************************************************************************
* LOGO ***************************************************************************************
**********************************************************************************************
**********************************************************************************************
* logoName É UM SELETOR UTILIZADO PARA O COLOCAR UM LOGOTIPO NO CABEÇALHO. O ESTILO É 	******
* APLICADO POSICIONANDO SOBRE UM ELEMENTO DIV QUE LHE PERMITE SER DESLOCADA PARA QUAL-	******
* QUER LOCAL DA PÁGINA, E LHE PERMITE SER AJUSTADO PARA ACOMODAR UM LOGOTIPO DE QUAL-	******
* QUER DIMENSÃO.																		******
*********************************************************************************************/
#logoName {
   	background-image:	url( images/butantanLogo.jpg );
   	background-repeat:	no-repeat;
   	width:				451px;
   	height:				72px;
   	position:			absolute;
   	left:				13%;
   	top:				13px;
   	z-index:			0;
}
#search{
	height:				20px;
	position:			absolute;
	top:				1px;
	padding-top:			3px;
	right:				220px;
	z-index:			5;
	width:				250px;
}
.botao-search {
	font-family:			Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	color:				#FFF;
	height:				19px;
	width:				77px;
	border:				1px solid #B3D81B;
	background-image:		url( images/botton-search.png );
}
/*********************************************************************************************
**********************************************************************************************
* REGIÕES DE LAYOUT NO PORTAL ****************************************************************
**********************************************************************************************
**********************************************************************************************
* PORTAL CONTAINER ***************************************************************************
**********************************************************************************************
**********************************************************************************************
* NESTE SELETOR DEFINIMOS ESTILOS PARA TODO O PORTAL, QUE SE ENCONTRA ENTRE A TAG BODY.	******
* O "ESTOFAMENTO" É USADO PARA PRESERVAR A LARGURA MÍNIMA ESTABELECIDAS PARA AS REGIÕES	******
* QUE IRÃO CONTER OS PORTLETS. SIMILAR AO SELETOR BODY, ESTE ESTILO MODIFICAR:		******
*	- A MARGEM QUE TERÁ O LAYOUT							******
*	- O "ESTOFAMENTO" QUE TERÁ A PÁGINA						******
*********************************************************************************************/
#portal-container {
	/*width:		100%;*/
	/* parte inferior do IE hack para preservar a largura mínima do portlet */
	padding:		0 350px 0 350px;
}
/*********************************************************************************************
**********************************************************************************************
* ESTES SELETORES SÃO USADOS EM CONJUNTO COM O APRESENTADO ACIMA, #portal-container,	******
* PARA PRESERVAR UMA MEDIDA MÍNIMA DE LARGURA FIXA PARA A REGIÃO DE PORTLETS. ISTO FOI	******
* IMPLEMENTADO PARA MANTER UMA APARÊNCIA CONSISTENTE ENTRE OS DIVERSOS NAVEGADORES.	******
*********************************************************************************************/
#expander {
   	margin:			0 -350px 0 -350px;
   	position:		relative;
}
#sizer {
   	width:			100%;
}
/* IE Hack \*/
* html #portal-container,
* html #sizer,
* html #expander {
   	height:			0;
}
/*********************************************************************************************
**********************************************************************************************
* ELEMENTO QUE CONTÉM TODAS AS REGIÕES DO PORTAL, COM EXCESSÃO DO CABEÇALHO. SEUS ATRI-	******
* BUTOS PODEM SER AJUSTADOS PARA CRIAR UM ESPAÇO NA MARGEM DE PÁGINA, BEM COMO O CONTRO-******
* LE DO POSICIONAMENTO DA ZONA DA PÁGINA ABAIXO DO CABEÇALHO.				******
*********************************************************************************************/
#content-container {
	margin-left: 	auto; 
	margin-right: 	auto;
   	height:		100%; /*width: 100%;*/
   	/*margin:	1em auto;
	border:		1px solid black;*/
	max-width:	900px;
	min-width:	900px;
   	/* PARTE INFERIOR DO IE HACK
	padding:	0 350px 0 350px;*/
}
#flash{
	margin-left:  	-0.2%;
	z-index:	0;
}
/*********************************************************************************************
**********************************************************************************************
* PROPRIEDADES DEFINIDAS PARA A DIV COM O ID login-container, LOCAL ONDE SERÁ O LOGIN	******
* DO ADMIN. DEFINE REGRAS DE POSICIONAMENTO E A FONTE QUE SERÁ UTILIZADA		******
*********************************************************************************************/
#login-container {
   	position:	relative;
   	left: 		35%;
   	top: 		55px;
   	right: 		45%;
   	width: 		320px;
	height: 	250px;
   	margin: 	0px;
	font-family: 	Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 	10px;
}
#login-container fieldset {
   	background-color: 	transparent;
}
#login-container label, #login-container input {
   	display: 	block;
   	float: 		left;
   	width: 		auto;
   	margin-top: 	15px;
}
#login-container label {
   	text-align: 	right;
   	padding-right: 	20px;
   	width: 		95px;
}
#login-container br {
   	clear: 	left;
}
#login-container legend {
   	font-family: 	Verdana, Arial, Helvetica, sans-serif;
   	font-size: 	13px;
   	font-weight: 	bold;
   	color: 		#596874;
}
#loginForm {
   	margin: 	0px;
   	padding: 	0px;
}
/*********************************************************************************************
**********************************************************************************************
* PORTAL CONTAINER ***************************************************************************
**********************************************************************************************
**********************************************************************************************
* PRIMEIRA REGIÃO LOCALIZADA DENTRO DO content-container. ESTE SELETOR CONTROLA A LAR-	******
* GURA DA REGIÃO BEM COMO A SUA LOCALIZAÇÃO NA PÁGINA. DESIGNERS PODE MUITO FACILMENTE	******
* REPOSICIONAR ESSA REGIÃO NO PORTAL.							******
*********************************************************************************************/
#regionA {
   	/* TESTE DE TROCA DE COLUNAS
 	float:		right; */
   	width:		199px;
   	float:		left;
   	margin:		0px;
   	padding:	0px;
   	min-width:	199px;
	text-align:	left;
   	height: 	100%;
	margin-top:	30px;
}
/*********************************************************************************************
**********************************************************************************************
* SEGUNDA REGIÃO LOCALIZADA NO INTERIOR DO content-container. ESSE SELETOR É SIMILAR AO	******
* APRESENTADO ACIMA.									******
*********************************************************************************************/
#regionB {
   	/* TESTE DE TROCA DE COLUNAS
	margin:		0 30% 0 0; */
	/* LAYOUT COM DUAS COLUNAS */
   	margin-left: 	5px;
	margin-right:	5px;
   	width: 		540px;
   	height: 	100%;
	/* TESTE PARA ADICIONAR UMA 3ª REGIÃO NO LAYOUT
  	width: 		40%;
  	float: 		left;*/
	text-align:	left;
}
/*********************************************************************************************
**********************************************************************************************
* TERCEIRA REGIÃO-PORTLET. USADO PARA 3 COLUNAS NO LAYOUT. SEMELHANTE A REGIÃO A E B, 	******
* ESTE SELETOR CONTROLA A LARGURA DA REGIÃO BEM COMO SUA LOCALIZAÇÃO NA PÁGINA		******
*********************************************************************************************/
#regionC {
   	/* INCLUSÃO DA 3ª REGIÃO */
  	padding: 	0px;
  	width: 		199px;
	min-width:	199px;
  	float: 		left;
   	height: 	100%;
	text-align:	left;
	margin-top:	30px;
}
/*********************************************************************************************
**********************************************************************************************
* É MAIS UMA REGIÃO LOCALIZADA DENTRO DO content-container. É UTILIZADA UMA COLUNA PARA	******
* PERMITIR UM PORTLET TOMAR A PÁGINA INTEIRA. SEMELHANTE A REGIÃO A, B, C ESSE SELETOR	******
* CONTROLA A LARGURA DA REGIÃO, BEM COMO SUA LOCALIZAÇÃO NA PÁGINA			******
*********************************************************************************************/
#regionMaximized {
   	width: 		100%;
   	float: 		left;
   	margin: 	0px;
   	padding: 	0px;
   	min-width: 	400px;
}
/*********************************************************************************************
**********************************************************************************************
* ESSA É A REGIÃO DO RODAPÉ LOCALIZADA NA PARTE INFERIOR DO content-container. ESSA RE-	******
* GIÃO EXTENDE TODA A LARGURA DA PÁGINA, MAS PODE SER AJUSTADO SUA LARGURA E ALTURA.	******
*********************************************************************************************/
#footer-container {
	position:	relative;
	clear:		both;
	background-repeat:	no-repeat;
	background-image:  url( images/rodape1.jpg );
	bottom:		0;
   	width: 		943px;
	height:		104px;
	margin-left: 	auto; 
	margin-right: 	auto;
}
/*********************************************************************************************
**********************************************************************************************
* ESSES DOIS SELETORES ABAIXO NÃO ESTÃO SENDO USADOS ATÉ O MOMENTO						******
*********************************************************************************************/
#navigation-container {

}
#sub-navigation-container {

}
/*********************************************************************************************
**********************************************************************************************
* used to clear float in regionA,B,C divs so that footer spans bottom of page 			******
*********************************************************************************************/
hr.cleaner {
   	clear: 		both;
   	height: 	1px;
   	margin: 	-1px 0 0 0;
   	padding: 	0;
   	border: 	none;
   	visibility: 	hidden;
}
/*********************************************************************************************
**********************************************************************************************
* NAVEGAÇÃO NO CABEÇALHO *********************************************************************
**********************************************************************************************
**********************************************************************************************
* DIV QUE CONTERÁ TODOS OS ELEMENTO PARA FORMAR A NAVEGAÇÃO NO CABEÇALHO				******
*********************************************************************************************/
div#navigation {
   	position:	relative;
   	width: 		100%;
}
div#container-menu{
	margin:0 auto;
	background:#fff;
	padding-bottom:20px;
}
/*********************************************************************************************
**********************************************************************************************
* UTILIZADA PARA FORNECER ( ATRAVÉS DO ATRIBUTO PADDING ) A POSIÇÃO DAS ABAS DE NAVEGA-	******
* ÇÃO NO CABEÇALHO. É O SUBMENU.														******
*********************************************************************************************/
/*ul#tabsHeader {
	top:		-73px;
   	width: 		100%;
   	list-style: 	none;
   	margin: 	0;
   	padding-left: 	0px;
   	min-width: 	550px;
   	z-index: 	1; /* added for submenu hover 
   	position: 	absolute; /* added for submenu hover 
}
/*********************************************************************************************
**********************************************************************************************
* SELETOR UTILIZADO PARA DEFINIR REGRAS DE ESTILO PARA OS ITENS QUE SERVIRÃO COMO NAVE-	******
* GAÇÃO HORIZONTAL E PARA DEFINIR O ESPAÇAMENTO E A POSIÇÃO DE CADA ITEM.				******
********************************************************************************************
ul#tabsHeader li {
   	float: 		left;
   	margin-left: 	-1px;
   	margin-top: 	74px;
   	margin-right: 	0px;
   	line-height: 	16px;
   	padding: 	0px;
/*   	border-right: 	1px solid #517904;
   	border-right: 	1px solid #B3D81B;
   	border-left: 	1px solid #B3D81B;
   	position:	relative;
}
/*********************************************************************************************
********************************************************************************************
UL#tabsHeader li,
ul#tabsHeader li#current {
   	background-position:	top right;
   	background-repeat: 	no-repeat;
}
/*********************************************************************************************
**********************************************************************************************
* ESSES DOIS SELETORES ABAIXO SÃO IMPLEMENTADOS POIS O IE NÃO CONSEGUE ENTENDER A UTILI-******
* ZAÇÃO DE PSEUDO-CLASSES NO ELEMENTO LI. SÃO UTILIZADOS COM A COMBINAÇÃO DE 			******
* ONMOUSEOVER  E ONMOUSEOUT QUE SÃO EVENTOS TRATADOS PELO JAVASCRIPT.					******
********************************************************************************************
UL#tabsHeader li.hoverOn {
   	background-image:	url( images/highlightedTab.jpg );
   	background-repeat: 	repeat-x;
}
UL#tabsHeader li.hoverOff {
   	background-image: 	none;
}
/*********************************************************************************************
**********************************************************************************************
* ESTE SELETOR DEFINE OS ESTILOS DOS LINKS DE NAVEGAÇÃO, INDICANDO "ESTOFOS" EM TORNO	******
* DO LINK, ASSIM COMO A FONTE QUE SERÁ USADA, A COR, E A DECORAÇÃO DO TEXTO.			******
********************************************************************************************
UL#tabsHeader a {
   	display: 		block;
   	float: 			left;
   	padding: 		4px 15px 5px 15px;
   	text-decoration:	none;
   	font: 			13px / normal Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	background: 		100% 0 no-repeat;
   	color: 			#FFF;/*#596874;*/
}
/*********************************************************************************************
**********************************************************************************************
* USADO PARA SUBLINHAR OS LINKS DE NAVEGAÇÃO QUANDO O MOUSE PAIRAR SOBRE ELE. AO CONTRÁ-******
* RIO DE LI:HOVER, O IE SUPORTA O EFEITO HOVER EM LINKS.				******
********************************************************************************************
UL#tabsHeader a:hover {
	text-decoration: 	underline;
}
/*********************************************************************************************
**********************************************************************************************
* ESTE SELETOR ESTÁ DEFINIDO O ESTILO TANTO PARA O FUNDO DO GUIA, QUANTO PARA FONTES	******
********************************************************************************************
UL#tabsHeader #current, UL#tabsHeader #current a {
   	font: 			13px / normal Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-weight: 		600;
   	color: 			#EBEAEA;
   	background-image: 	url( images/activeTab.gif );
   	background-repeat: 	repeat-x;
}
/*********************************************************************************************
**********************************************************************************************
* ESTILOS PARA OS SUBMENUS QUE INICIALMENTE NÃO SERÃO VISÍVEIS AO USUÁRIOS E ESTÃO DEN-	******
* TRO DO ELEMENTO UL.																	******
*********************************************************************************************
ul#tabsHeader ul {
   	visibility: 		hidden;
   	position: 		absolute;
   	height: 		0;
   	top: 			0px;
   	left: 			0;
   	width: 			150px;
   	text-align: 		left;
   	margin: 		0px;
   	padding: 		0px;
   	margin-top: 		24px;
}
/*********************************************************************************************
**********************************************************************************************
* DEFININDO O ESTILO DO ELEMENTO A DOS SUBMENUS											******
*********************************************************************************************
ul#tabsHeader ul a {
   	text-decoration: 	none;
   	font-size: 		11px;
   	font-family: 		Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   	font-weight: 		normal;
   	color: 			#5078aa;
   	background-image: 	none;
}
/*********************************************************************************************
**********************************************************************************************
* ESTILO PAR A PSEUDO-CLASSE HOUVER														******
*********************************************************************************************
ul#tabsHeader ul a:hover {
   	font-size: 		11px;
   	font-family: 		Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   	font-weight: 		normal;
   	color: 			#5078aa;
}
UL#tabsHeader #current ul a {
   	font-size: 		11px;
   	font-family: 		Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   	font-weight: 		normal;
   	color: 			#5078aa;
   	background-image: 	none;
}
UL#tabsHeader li:hover ul {
   	visibility: 		visible;
}
UL#tabsHeader ul li {
	top:			2px;
   	background: 		#EDECEC;
   	padding: 		3px;
   	width: 			120px;
   	list-style: 		none;
   	border: 		1px solid #517904;;
   	border-width: 		0 1px 1px 7px;
   	background-image:	none;
   	margin-left: 		-1px;
   	margin-top: 		0px;
   	margin-right: 		0px;
	z-index:		2;
}

ul#tabsHeader ul li#current ul li {
   	background-image: 	none;
}
ul#tabsHeader ul li:hover {
	padding:		3px 3px 3px 0px;
   	background: 		#E2E2E2;
	border-left:		10px solid #517904;
}
/*********************************************************************************************
**********************************************************************************************
* USADO PARA SUB-NAVEGAÇÃO SE FOR APLICADO												******
**********************************************************************************************
UL#tabsHeader #currentSubNav, UL#tabsHeader #currentSubNav a {
  	color: 			#000;
  	line-height: 		19px;
  	padding-top: 		0px;
  	padding-bottom: 	1px;
  	margin-bottom: 		-1px;
  	background: 		#eeeeef;
}

/* Tab background color for selected global nav item 
li.currentTabBackground {
   	background: 		#fff;
}

/* used for sub navigation if applicable
li.currentTabBackgroundSubNav {
  	background: 		#eeeeef;
}*/

/* backslash hack for IE5-Mac \
UL#tabsHeader a {
   	float: 			none;
}
/* End Mac Hack 
html>body UL#tabsHeader a {
	width: 			auto;
}
/* fixes IE6 win hack */
/***************************
*  Utility Navigation  *
*****************************/
#dashboardnav {
   	position:		absolute;
   	top:			0;
   	right: 			15px;
   	font-size: 		10px;
   	padding: 		6px 12px 0px 0px;
   	color: 			#000;
   	z-index: 		20;
}
#dashboardnav a {
   	color: 			#000;
}
#dashboardnav .addcontent {
   	background-image: 	url( images/ico_addcontent.gif );
   	background-repeat: 	no-repeat;
   	background-position: 	left;
   	height: 		20px;
   	width: 			20px;
   	padding-left: 		16px;
}
#btnAcess{
	padding:		5px;
}
/*********************************************************************************************
**********************************************************************************************
* PORTLET CONTAINER **************************************************************************
**********************************************************************************************
**********************************************************************************************
* O EMPACOTADOR QUE RODEIA AS JANELAS PORTLETS. ATUALMENTE, ESTE SELETOR É USADO PARA 	******
* CRIAR O ESPAÇO ( ENCHIMENTO ) ENTRE OS PORTLETS EXPOSTOS EM CADA REGIÃO.				******
*********************************************************************************************/
.portlet-container {
	margin: 		0px;
	padding: 		0px;
	border:			1px solid #e0dfe3;
	margin-bottom:		20px;
}
/*********************************************************************************************
**********************************************************************************************
* CLASSE USADA PARA DEFINIR O ESTILO DE CADA TIULO DA JANELA PORTLET. 					******
* OS ATRIBUTOS DESTE SELETOR ESTABELECEM PROPRIEDADES DE FONTE, IDENTAÇÃO, 				******
* E POSIÇÃO DO TÍTULO.																	******
*********************************************************************************************/
.portlet-titlebar-title {
   	font-family:		"Trebuchet MS", Tahoma, Arial, "Times New Roman";
	position:		relative;
	top:			-31px;
	font-size: 		25px;
   	font-weight: 		bold;
   	color: 			#438519;	
   	white-space: 		nowrap;
   	line-height: 		100%;
   	float: 			left;
   	text-indent: 		8px;
	background-color:	#fff;
	padding-right:		19px;
	left:			47px;
   	display: 		block;
}
#portalName {
   	color: 			#438519;	
}
/*********************************************************************************************
**********************************************************************************************
* USADO PARA EXPOR UMA DECORAÇÃO NO CANTO EXQUERDO DO PORTLET. OS ATRIBUTOS DESTE		******
* ESTABELECEM POSIÇÃO E DIMENSÕES DESTA DECORAÇÃO										******
*********************************************************************************************/
.portlet-titlebar-decoration {
   	background-image: 	url( images/portlet-win-decoration2.jpg );
   	background-repeat: 	no-repeat;
   	height: 		43px;
   	width: 			93%;
   	float: 			left;
   	position: 		relative;
   	top: 			5px;
	margin-left:		18px;
}
/* wrapper for floating portlet window modes */
.portlet-mode-container {
   	float: 			right;
}
/*********************************************************************************************
**********************************************************************************************
* ESTILO USADO NA ESQUERDA DA JANELA PORTLET. CADA PORTLET COMPÕE-SE DE UMA TABLE QUE	******
* TEM 3 COLUNAS E 3 LINHAS. ESTE ESTILO PE APLICADO NA PRIMEIRA COLUNA E PRIMEIRA LINHA	******
*********************************************************************************************/
.portlet-titlebar-left {
   	/*background-image: 	url( images/portlet-top-left.jpg );
   	background-repeat: 	no-repeat;
   	width: 			9px;
   	height: 		31px;
   	background-position: 	right;
   	min-width: 		9px;*/
}
/*********************************************************************************************
**********************************************************************************************
* ESTILO USADO NO CENTRO, QUE É A BARRA DO PORTLET PORTLET. CADA PORTLET COMPÕE-SE DE 	******
* UMA TABLE QUE TEM 3 COLUNAS E 3 LINHAS. ESTE ESTILO É APLICADO NA SEGUNDA COLUNA E 	******
* PRIMEIRA LINHA									******
*********************************************************************************************/
.portlet-titlebar-center {
   	/*background-image: 	url( images/portlet-top-middle.jpg );
   	background-repeat: 	repeat-x;*/
   	height: 		45px;
}
/*********************************************************************************************
**********************************************************************************************
* ESTILO USADO NA DIREITA DA JANELA PORTLET. CADA PORTLET COMPÕE-SE DE UMA TABLE QUE	******
* TEM 3 COLUNAS E 3 LINHAS. ESTE ESTILO PE APLICADO NA TERCEIRA COLUNA E PRIMEIRA LINHA	******
*********************************************************************************************/
.portlet-titlebar-right {
/*   	background-image: 	url( images/portlet-top-right.jpg );
   	background-repeat: 	no-repeat;
   	width: 			6px;
   	height: 		31px;
   	min-width: 		6px;
*/
}
/*********************************************************************************************
**********************************************************************************************
* ESTILO QUE DEFINE AS "BORDAS" VERTICAIS QUE COMPÕEM A JANELA PORTLET. CADA PORTLET	******
* É COMPOSTO DE UMA TABLE QUE TEM 3 COLUNAS E 3 LINHAS. ESTE ESTILO É APLICADO NA PRI-	******
* MEIRA COLUNA E SEGUNDA LINHA.								******
*********************************************************************************************/
.portlet-content-left {
/*
   	background-image: 	url( images/portlet-left-vertical.jpg );
   	height: 		100%;
   	background-repeat: 	repeat-y;
   	background-position: 	right;
   	width: 			6px;
   	min-width: 		6px;
*/
}
/*********************************************************************************************
**********************************************************************************************
* ESTE SELETOR DEFINE OS ESTILOS DA ÁREA ONDE SERÁ INJETADO O CONTEÚDO NA JANELA	******
* PORTLET. OS ATRIBUTOS PARA ESSE SELETOR CONTROLAM O POSICIONAMENTO DO CONTEÚDO, PRO-	******
* PRIEDADES DE FONTE E O CONTEXTO. CADA PORTLET É COMPOSTO DE UMA TABLE QUE TEM 3 COL. 	******
* E 3 LINHAS. ESTE ESTILO É APLICADO NA SEGUNDA COLUNA E SEGUNDA LINHA			******
*********************************************************************************************/
.portlet-content-center {
   	background-color: 	#fff;
   	background-repeat: 	repeat;
   	vertical-align: 	top;
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
}
/*********************************************************************************************
**********************************************************************************************
* UM SELETOR EXTRA PARA CONTROLAR A SEÇÃO DE CONTEÚDO DAS JANELAS PORTLETS. ISSO FOI	******
* ACRESCIDO PARA TRATAR MELHOR A ESTRUTURAÇÃO DO CONTEÚDO QUE É INSERIDO NAS JANELAS	******
* PORTLET, ESPECIFICAMENTE SE O CONTEÚDO ESTIVER CAUSANDO PROBLEMAS DE EXPOSIÇÃO EM UM	******
* PORTLET.										******
*********************************************************************************************/
.portlet-body {
   	background-color: 	#fff;
}
/*********************************************************************************************
**********************************************************************************************
* ESTILO QUE DEFINE AS "BORDAS" VERTICAIS QUE COMPÕEM A JANELA PORTLET. CADA PORTLET	******
* É COMPOSTO DE UMA TABLE QUE TEM 3 COLUNAS E 3 LINHAS. ESTE ESTILO É APLICADO NA TER-	******
* CEIRA COLUNA E SEGUNDA LINHA.															******
*********************************************************************************************/
.portlet-content-right {
/*
   	background-image: 	url( images/portlet-right-vertical.jpg );
   	height: 		100%;
   	background-repeat: 	repeat-y;
   	background-position: 	left;
*/
}
/*********************************************************************************************
**********************************************************************************************
* ESTILO QUE DEFINE AS QUINAS QUE COMPÕEM A JANELA PORTLET. CADA PORTLET		******
* É COMPOSTO DE UMA TABLE QUE TEM 3 COLUNAS E 3 LINHAS. ESTE ESTILO É APLICADO NA PRI-	******
* MEIRA COLUNA E TERCEIRA LINHA.							******
*********************************************************************************************/
.portlet-footer-left {
/*
   	background-image: 	url( images/portlet-bottom-left.jpg );
   	width: 			6px;
   	height: 		6px;
   	background-repeat: 	no-repeat;
   	background-position: 	top right;
   	min-width: 		6px;
*/
}
/*********************************************************************************************
**********************************************************************************************
* ESTILO QUE DEFINE A BORDA INFERIOR HORIZONTAL DE CADA JANELA PORTLET. CADA PORTLET 	******
* É COMPOSTO DE UMA TABLE QUE TEM 3 COLUNAS E 3 LINHAS. ESTE ESTILO É APLICADO NA SE-	******
* GUNDA COLUNA E TERCEIRA LINHA.														******
*********************************************************************************************/
.portlet-footer-center {
/*
   	background-image: 	url( images/portlet-bottom-middle.jpg );
   	height: 		6px;
   	background-repeat: 	repeat-x;
*/
}
/*********************************************************************************************
**********************************************************************************************
* ESTILO QUE DEFINE AS QUINAS QUE COMPÕEM A JANELA PORTLET. CADA PORTLET		******
* É COMPOSTO DE UMA TABLE QUE TEM 3 COLUNAS E 3 LINHAS. ESTE ESTILO É APLICADO NA TER-	******
* CEIRA COLUNA E TERCEIRA LINHA.							******
*********************************************************************************************/
.portlet-footer-right {
/*
   	background-image: 	url( images/portlet-bottom-right.jpg );
   	width: 			6px;
   	height: 		6px;
   	background-repeat: 	no-repeat;
   	min-width: 		6px;
*/
}
/*********************************************************************************************
**********************************************************************************************
* MODELOS DE JANELA PORTLET ******************************************************************
**********************************************************************************************
**********************************************************************************************
* SELETOR USADO PARA DEFINIR AS REGRAS DE ESTILO QUANDO A JANELA PORTLET SERÁ EXPOSTA	******
* NO MODELO MAXIMIZADO· OS ATRIBUTOS DESTE SELETOR CONTROLAM A EXPOSIÇÃO E DIMENSÕES DO ******
* ÍCONE MAXIMIZAR, INCLUSIVE O COMPORTAMENTO DO PONTEIRO QUANDO FICA SOBRE O ÍCONE		******
*********************************************************************************************/
.portlet-mode-maximized {
   	background-image: 	url( images/maximize.jpg );
	position:		relative;
	top:			-35px;
	left:			-15px;
   	width: 			9px;
   	height: 		9px;
   	background-repeat: 	no-repeat;
   	float: 			left;
   	display: 		inline;
	margin-right:		6px;
   	cursor: 		pointer;
}
/*********************************************************************************************
**********************************************************************************************
* SELETOR USADO PARA DEFINIR AS REGRAS DE ESTILO QUANDO A JANELA PORTLET SERÁ EXPOSTA	******
* NO MODELO MINIMIZADO· OS ATRIBUTOS DESTE SELETOR CONTROLAM A EXPOSIÇÃO E DIMENSÕES DO ******
* ÍCONE MAXIMIZAR, INCLUSIVE O COMPORTAMENTO DO PONTEIRO QUANDO FICA SOBRE O ÍCONE		******
*********************************************************************************************/
.portlet-mode-minimized {
   	background-image: 	url( images/minimize.jpg );
	position:		relative;
	top:			-35px;
	left:			-20px;
   	width: 			9px;
   	height: 		9px;
	padding-right:		6px;
   	background-repeat: 	no-repeat;
   	float: 			left;
   	display: 		inline;
   	cursor: 		pointer;
}
/*********************************************************************************************
**********************************************************************************************
* SELETOR USADO PARA DEFINIR REGRAS DE ESTILO QUANDO A JANELA ESTIVER NO MODO NORMAL	******
* (DEFAULT). OS ATRIBUTOS DESTE SELETOR CONTROLAM A EXPOSIÇÃO E DIMENSÕES DO ÍCONE		******
* NORMAL, INCLUSIVE O COMPORTAMENTO DO PONTEIRO QUANDO FICA SOBRE O ÍCONE				******
*********************************************************************************************/
.portlet-mode-normal {
   	background-image: 	url( images/normal.jpg );
	position:		relative;
	top:			-35px;
	right:			15px;
   	width: 			9px;
   	height: 		9px;
	padding-right:		6px;
   	background-repeat: 	no-repeat;
   	float: 			left;
   	display: 		inline;
   	cursor: 		pointer;
}
/*********************************************************************************************
**********************************************************************************************
* SELETOR USADO PARA DEFINIR AS REGRAS DE ESTILO QUANDO A JANELA PORTLET SERÁ EXPOSTA	******
* NO MODELO ADMIN· OS ATRIBUTOS DESTE SELETOR CONTROLAM A EXPOSIÇÃO E DIMENSÕES DO 	******
* ÍCONE MAXIMIZAR, INCLUSIVE O COMPORTAMENTO DO PONTEIRO QUANDO FICA SOBRE O ÍCONE	******
*********************************************************************************************/
.portlet-mode-admin {
   	background-image: 	url( images/admin.jpg );
	position:		relative;
	top:			-40px;
   	width: 			9px;
   	height: 		9px;
	padding-right:		6px;
   	background-repeat: 	no-repeat;
   	float: 			left;
   	display: 		inline;
   	cursor: 		pointer;
}
/*********************************************************************************************
**********************************************************************************************
* SELETOR USADO PARA DEFINIR AS REGRAS DE ESTILO QUANDO A JANELA PORTLET SERÁ EXPOSTA	******
* NO MODELO HELP· OS ATRIBUTOS DESTE SELETOR CONTROLAM A EXPOSIÇÃO E DIMENSÕES DO 	******
* ÍCONE MAXIMIZAR, INCLUSIVE O COMPORTAMENTO DO PONTEIRO QUANDO FICA SOBRE O ÍCONE	******
*********************************************************************************************/
.portlet-mode-help {
   	background-image: 	url( images/help.jpg );
	position:		relative;
	top:			-40px;
   	width: 			9px;
   	height: 		9px;
	padding-right:		6px;
   	background-repeat: 	no-repeat;
   	float: 			left;
   	display: 		inline;
   	cursor: 		pointer;
}
/*********************************************************************************************
**********************************************************************************************
* SELETOR USADO PARA DEFINIR AS REGRAS DE ESTILO QUANDO A JANELA PORTLET SERÁ EXPOSTA	******
* NO MODELO EDIT· OS ATRIBUTOS DESTE SELETOR CONTROLAM A EXPOSIÇÃO E DIMENSÕES DO 	******
* ÍCONE MAXIMIZAR, INCLUSIVE O COMPORTAMENTO DO PONTEIRO QUANDO FICA SOBRE O ÍCONE	******
*********************************************************************************************/
.portlet-mode-edit {
   	background-image: 	url( images/edit.jpg );
	position:		relative;
	top:			-40px;
   	width: 			9px;
   	height: 		9px;
	padding-right:		6px;
   	background-repeat: 	no-repeat;
   	float: 			left;
   	display: 		inline;
   	cursor: 		pointer;
}
/*********************************************************************************************
**********************************************************************************************
* SELETOR USADO PARA DEFINIR AS REGRAS DE ESTILO QUANDO A JANELA PORTLET SERÁ EXPOSTA	******
* NO MODELO REMOVE· OS ATRIBUTOS DESTE SELETOR CONTROLAM A EXPOSIÇÃO E DIMENSÕES DO 	******
* ÍCONE MAXIMIZAR, INCLUSIVE O COMPORTAMENTO DO PONTEIRO QUANDO FICA SOBRE O ÍCONE		******
*********************************************************************************************/
.portlet-mode-remove {
   	background-image: 	url( images/remove.jpg );
	position:		relative;
	top:			-40px;
   	width: 			9px;
   	height: 		9px;
	padding-right:		6px;
   	background-repeat: 	no-repeat;
   	float: 			left;
   	display: 		inline;
   	cursor: 		pointer;
}
/*********************************************************************************************
**********************************************************************************************
* SELETOR USADO PARA DEFINIR AS REGRAS DE ESTILO QUANDO A JANELA PORTLET SERÁ EXPOSTA	******
* NO MODELO VIEW· OS ATRIBUTOS DESTE SELETOR CONTROLAM A EXPOSIÇÃO E DIMENSÕES DO 		******
* ÍCONE MAXIMIZAR, INCLUSIVE O COMPORTAMENTO DO PONTEIRO QUANDO FICA SOBRE O ÍCONE		******
*********************************************************************************************/
.portlet-mode-view {
   	background-image: 	url( images/view.jpg );
	position:		relative;
	top:			-40px;
   	width: 			9px;
   	height: 		9px;
	padding-right:		6px;
   	background-repeat: 	no-repeat;
   	float: 			left;
   	display: 		inline;
   	cursor: 		pointer;
}
/*********************************************************************************************
**********************************************************************************************
* SELETOR USADO PARA DEFINIR AS REGRAS DE ESTILO QUANDO A JANELA PORTLET SERÁ EXPOSTA	******
* NO MODELO RELOAD· OS ATRIBUTOS DESTE SELETOR CONTROLAM A EXPOSIÇÃO E DIMENSÕES DO 	******
* ÍCONE MAXIMIZAR, INCLUSIVE O COMPORTAMENTO DO PONTEIRO QUANDO FICA SOBRE O ÍCONE		******
*********************************************************************************************/
.portlet-mode-reload {
   	background-image: 	url( images/reload.jpg );
	position:		relative;
	top:			-40px;
   	width: 			9px;
   	height: 		9px;
	padding-right:		6px;
   	background-repeat: 	no-repeat;
   	float: 			left;
   	display: 		inline;
   	cursor: 		pointer;
}
/*********************************************************************************************
**********************************************************************************************
* COPYRIGHT SELETORS *************************************************************************
**********************************************************************************************
**********************************************************************************************
* OS QUATRO SELETORES ABAIXO SÃO USADOS PARA DEFINIR NO CONTEÚDO DE DIREITOS AUTORAIS	******
* DO PORTAL DETERMINADO ESTILO. OS SELETORES DE DIREITOS AUTORAIS DO PORTAL ESTABELECE	******
* AS PROPRIEDADES DE FONTE, DE LINKS, ETC...						******
*********************************************************************************************/
.portal-copyright {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		9px;
   	color:	 		#5E6D7A;
}
a.portal-copyright {
   	color: 			#768591;
   	text-decoration: 	none;
}
a.portal-copyright:hover {
   	color: 			#96A5B1;
   	text-decoration: 	none;
}
#ThemeBy:before {
   	content: 		"Instituto Butantan";
}
/*********************************************************************************************
**********************************************************************************************
* ELEMENTOS **********************************************************************************
**********************************************************************************************
*********************************************************************************************/
a {
	font-family:		trebuchet ms,geneva;
	font-size:		11px;
	font-weight:		bold;
	color:			#000;
   	text-decoration: 	none;
}
a:hover {
	color:			#438519;
	text-decoration:	underline;
}
INPUT {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
}
SELECT {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
}
FONT {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	color: 			#768591;
}
FIELDSET {
	background-color: 	#f7f7f7;
   	border: 		1px solid #BABDB6;
   	padding: 		6px;
}
LEGEND {
   	background-color: 	transparent;
   	padding-left: 		6px;
	padding-right: 		6px;
   	padding-bottom: 	0px;
   	font-size: 		12px;
}
/*********************************************************************************************
**********************************************************************************************
* SELETORES DE TABELAS ***********************************************************************
**********************************************************************************************
*********************************************************************************************/
.portlet-table-header {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		12px;
   	font-weight: 		bold;
   	background-color: 	#768591;
   	color: 			#fff;
}
.portlet-table-body {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
}
.portlet-table-alternate {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	background-color: 	#ececec;
}
.portlet-table-selected {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	background-color: 	#768591;
   	color: 			#fff;
}
.portlet-table-subheader {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 		11px;
	font-weight: 		bold;
}
.portlet-table-footer {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		10px;
}
.portlet-table-text {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	font-style: 		italic;
}
/*********************************************************************************************
**********************************************************************************************
* FONTS **************************************************************************************
**********************************************************************************************
*********************************************************************************************/
.portlet-font {
   	color: 			#000;
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	/*margin-top: 		7px;
  	margin-bottom: 		5px;*/
}
.portlet-font-dim {
   	color: 			#888385;
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
}
/*********************************************************************************************
**********************************************************************************************
* FORMS **************************************************************************************
**********************************************************************************************
*********************************************************************************************/
.portlet-form-label {
   	color: 			#000;
	text-decoration: 	none;
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	font-weight: 		bold;
}
.portlet-form-button {
   	font-family:		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	color: 			#000;
}
.portlet-icon-label {

}
.portlet-dlg-icon-label {

}
.portlet-form-field-label {
   	font-family:		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	color: 			#000;
   	vertical-align: 	bottom;
}
.portlet-form-field {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	color: 			#000;
   	margin-top: 		10px;
}
.portlet-form-input-field {
   	color: 			#000;
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 		11px;
}
/*********************************************************************************************
**********************************************************************************************
* LINKS **************************************************************************************
**********************************************************************************************
*********************************************************************************************/
.portal-links:link {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	font-weight: 		bold;
   	color: 			#242424;
	text-decoration: 	none;
}
.portal-links:hover {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	font-weight: 		bold;
   	color: 			#5699B7;
   	text-decoration: 	none;
}
.portal-links:active {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	font-weight: 		bold;
   	color: 			#242424;
	text-decoration: 	none;
}
.portal-links:visited {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	font-weight: 		bold;
   	color: 			#242424;
   	text-decoration: 	none;
}
/*********************************************************************************************
**********************************************************************************************
* MESSAGES ***********************************************************************************
**********************************************************************************************
*********************************************************************************************/
.portlet-msg-status {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	font-style: 		normal;
   	color: 			#788793;
}
.portlet-msg-info {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	font-style: 		italic;
   	color: 			#000;
}
.portlet-msg-error {
   	color: 			red;
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	font-weight: 		bold;
}
.portlet-msg-alert {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	font-weight: 		bold;
   	color: 			#821717;
}
.portlet-msg-success {
 	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	font-weight: 		bold;
   	color: 			#359630;
}
/*********************************************************************************************
**********************************************************************************************
* SEÇÕES *************************************************************************************
**********************************************************************************************
*********************************************************************************************/
.portlet-section-header {
   	font-weight: 		bold;
   	font-family: 		Verdana, Arial, Helvetica, sans-serif;
   	font-size: 		12px;
   	color: 			#768591;
   	background-color: 	#f7f7f7; 
	/*background-image: 	url(interf/head.jpg);*/
}
.portlet-section-body {
   	font-family: 		Verdana, Arial, Helvetica, sans-serif;
   	font-size: 		11px;
}
.portlet-section-alternate {
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	background-color: 	#ececec;
}
.portlet-section-selected {
   	background-color: 	#768591;
   	font-family: 		Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   	font-size: 		11px;
   	color: 			#fff;
}
.portlet-section-subheader {
   	font-weight: 		bold;
   	font-size: 		11px;
   	font-family: 		Verdana, Arial, Helvetica, sans-serif;
   	color: 			#000;
   	/*margin: 		3px;
  	padding: 		3px;*/
}
.portlet-section-footer {
   	font-family: 		Verdana, Arial, Helvetica, sans-serif;
   	background-color: 	#f7f7f7;
   	font-size: 		10px;
}
.portlet-section-text {
   	font-family: 		Verdana, Arial, Helvetica, sans-serif;
   	font-size: 		11px;
   	font-style: 		italic;
}
/*********************************************************************************************
**********************************************************************************************
* MENU ***************************************************************************************
**********************************************************************************************
*********************************************************************************************/
.portlet-menu {

}
.portlet-menu-item {
   	color: 			#242424;
	text-decoration: 	none;	
   	font-family: 		Verdana, Arial, Helvetica, sans-serif;
   	font-size: 		9px;
}
.portlet-menu-item:hover {
   	color: #5699B7;
   	text-decoration: none;
   	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size: 9px;
}

/* Selected menu item. */
.portlet-menu-item-selected {

}

/* Selected menu item when the mouse hovers over it. */
.portlet-menu-item-selected:hover {

}

/* Normal, unselected menu item that has sub-menus. */
.portlet-menu-cascade-item {

}

/* Selected sub-menu item that has sub-menus */
.portlet-menu-cascade-item-selected {

}

/* Descriptive text for the menu (e.g. in a help context below the menu) */
.portlet-menu-description {

}

/* Menu caption */
.portlet-menu-caption {

}

/* A separator bar similar to a horizontal rule, but with styling matching the page */
.portlet-horizontal-separator {
}

/* Allows portlets to mimic the title bar when nesting something */
.portlet-nestedTitle-bar {
}

/* Allows portlets to match the textual character of the title on the title bar. */
.portlet-nestedTitle {
}

/* Support portlets having tabs in the same style as the page or other portlets */
.portlet-tab {
}

/* Highlight the tab currently being shown */
.portlet-tab-active {
}

/* Highlight the selected tab (not yet active) */
.portlet-tab-selected {
}

/* A tab which can not be currently activated */
.portlet-tab-disabled {
}

/* Top level style for the content of a tab. */
.portlet-tab-area {
}
/****************************************************************/
/*	CMS 							*/
.desc{
	font-family:		trebuchet ms,geneva;
	font-size:		20px;
	color:			#438519;
	font-weight:		bold;
}
.not{
	font-family:		trebuchet ms,geneva;
	font-size:		18px;
	color:			#000;
	font-weight:		bold;
}
.descLat{
	padding:		1px;
	font-family:		trebuchet ms,geneva;
	font-size:		12px;
	color:			#438519;
	font-weight:		bold;
}
.sutia{
	font-family:		trebuchet ms,geneva;
	font-size:		10px;
	color:			#000;
}