/*
====================  ==================== ==================== 
#															
#	Css Genérico para todos os módulos do sistema.
#	Copyright 05/2010
#	Escrito por - Bruno Verçosa Martins, S3wf Soluções Web
#	
#	Cores Padrões
#	----------------------------
#	ffb200 Laranja
#	00a1ff Azul
#	333333 Preto
#	cccccc Cinza
#	f1f1f1 Branco
#	7ac501 Verde
#	----------------------------
#
#	OBSERVAÇÕES :
#	01 - Declarar grupo de grupos de classes Ex.:
#	-----------------------
#	nome do grupo [INICIO]
#	-----------------------
#	 conteúdo...
#	-----------------------
#	nome do grupo [FIM]
#	-----------------------
# 
#
#
#	02 - Declara grupos de classes
#	Formulários e inputs [INICIO]
#	----------------------	
#	conteúdo
#	Formulários e inputs [FIM]
#	----------------------
# 
==================== ==================== ==================== 
*/

/*	-------------------------------------
	resets e limpezas e padrões [INICIO]
	-------------------------------------
*/
	/*	Resets e limpezas [INICIO]
		-------------------------------	*/	
		* { }
		img { border: none; }
		
		body{
			margin:0px;
			padding:0px;
			background:#2E6188;
			font-family:arial,sans;
		}
	/*	Tags Elementares [FIM]
		-------------------------------	*/	
				
	/*	Tags Elementares [INICIO]
		-------------------------------	*/	
		h1{	font-size:15pt;color:#666666;text-transform:capitalize;}
		h2{	font-size:14pt;color:#555555;text-transform:capitalize;}
		h3{	font-size:13pt;color:#444444;text-transform:capitalize;}
		h4{	font-size:12pt;color:#333333;}
		h5{	font-size:11pt;color:#222222;}
		h6{	font-size:10pt;color:#111111;}
		hr{	border:1px solid #333333;}
		b{	font-size:8pt;color:#333333;}
		i{	font-size:8pt;color:#cccccc;}
		a{	color:#00a1ff;text-transform:none;}
	   li{	color:#333333;}
		table{ padding:0; border:0;}
	/*	Tags Elementares [FIM]
		-------------------------------	*/	
		
/*	-------------------------------------
	resets e limpezas e padrões [FIM]
	-------------------------------------
*/


/*	-------------------------------------
	Padronização de formulários [INICIO]
	-------------------------------------
*/
	/*	Textos [INICIO]
		-------------------------------	*/
		/*@abstract Classe usada para legendas.*/
		.SgiLegendSpan{
			font-size:8pt;
			color:#333;
		}
					
		/*@abstract Classe usada praticamente todos os spans e labels de menus.*/
		.SgiGenericSpan{
			font-size:12pt;
			color:#333333;
		}
		
		/*@abstract Classe complementar do SgiGenericSpan, serve para diferenciar os tipos de genericspan, mas deve ser usado com moderação.*/
		.SgiGenericSpanDois{
			font-size:8pt;
			font-weight:bold;
			color:#8C8C8C;
		}
		
		/*@abstract Classe predefinida para os "*" ou para direcionar que é algo obrigatório.*/
		.SgiRequired{
			font-size:8pt;
			font-weight:bold;
			color:#ff0000;
		}
		
		/*@abstract Classe muito usada para ser praticamento o legend do SgiBuscaCorpoFieldset.*/
		.SgiPesquisaAvSpan{
			font-weight:bold;
			font-size:10pt;
			color:#333333;
			cursor:pointer;
		}
		
		/*@abstract Classe usada nos campos referentes as legendas que mostram os resultados da pesquisa Ex.: <span>foram encontrados 20 resultados</span> .*/
		.SgiPesquisaLegendResults{
			font-weight:bold;
			font-size:8pt;
			color:#f1f1f1;
			cursor:pointer;
			text-align:right;
		}		
		
		/*@abstract Classe muito usada que referência o legend do fieldset principal, que por sua vez é estilizado pela classe SgiFieldsetMod.*/
		.SgiTopLegend{
			padding:10px;
			height:auto;
			border:1px solid #C7D5DC;
			background:#f1f1f1;
			-moz-border-radius:8px;
			-webkit-border-radius:8px;
			width:auto;
			-webkit-box-shadow: 1px 2px 5px #999;
		}		
	/*	Textos [FIM]
		-------------------------------	*/
		
	/*	Fieldsets [INICIO]
		--------------------------------*/
		/*@abstract Classe criada para ser o estilo do corpo de fieldsets referentes a pesquisa avançada.*/
		.SgiBuscaCorpoFieldset{
			border:1px solid #ccc;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
		}	
		
		/*@abstract Classe muito usada que referência o fieldset, responsável por comportar todos os conteúdos de módulos, seja Ajax ou submit.*/
		.SgiFieldsetMod{
			
			background:url(imag/bgtransparentwhite.png);
			background:rgba(255,255,255,0.4);
			padding:10px;
			height:auto;
			width:96%;
			border:1px solid #f1f1f1;
			-moz-border-radius:8px;
			-webkit-border-radius:8px;
		}

	/*	Fieldsets [FIM]
		--------------------------------*/
		
	/*	Inputs tipo texto [INICIO]
		-------------------------------	*/
		
		/*@abstract Herença fundamental passada as classes de botões abaixo.*/
		.SgiInputForm,.SgiInputFormButton,.SgiInputFormTextAreaSmall,.SgiInputFormStringNCode,.SgiInputFormStringLiteral,.SgiInputFormInt,.SgiInputFormSmall,.SgiInputFormData,.SgiInputFormTextAreaSimple,.SgiInputFormHora,.SgiInputFormSalario,.SgiInputFormPorcent,.SgiInputFormTextArea,.SgiInputFormPesquisa{
			width:383px;
			padding:7px;
			background:#F6F9FF;
			border:2px solid #B6BBCA;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
		}
		
		/*@abstract Herença seletora fundamental passada as classes de botões abaixo.*/
		.SgiInputForm:hover,.SgiInputFormButton:hover,.SgiInputFormTextAreaSmall:hover,.SgiInputFormStringNCode:hover,.SgiInputFormStringLiteral:hover,.SgiInputFormInt:hover,.SgiInputFormSmall:hover,.SgiInputFormData:hover,.SgiInputFormTextAreaSimple:hover,.SgiInputFormHora:hover,.SgiInputFormSalario:hover,.SgiInputFormPorcent:hover,.SgiInputFormTextArea:hover,.SgiInputFormPesquisa:hover{
			border:2px solid orange;
			background:#fff;
		}
		
		/*@abstract Essa classe é um fix do SgiInputForm direcionado para  elementos select, logo todos os elementos
		select que usam a class genérica SgiInputForm, abstraem toda a herança da classe e é devidamente
		reajustada.*/
		select.SgiInputForm{
			width:400px;
		}

		/*@abstract Essa classe soma o estilo do select.SgiInputForm e coloca height para todos os elementos select que
		possuem atributo multiple.*/
		select[multiple].SgiInputForm{
			height:130px;
		}

		/*@abstract Classe para estilizar textareas com a classe SgiInputForm, a classe SgiInputFormTextArea vai 
		deixar de existir graças a essa melhoria.*/
		textarea.SgiInputForm{
			width: 500px;
			height:100px;
		}		
		
		/*@abstract Classe para inputs tipo texto de formulários, onde seu valor(value) é 
		preenchido por inteiros Ex. <input value="-500"> ou <input value="9200">  .*/
		.SgiInputFormInt{
			width:100px;
		}
		
		/*@abstract Classe para inputs tipo texto de formulários, onde seu valor(value) é 
		preenchido por apenas textos Ex. <input value="ola mundo"> ou <input value="caiçara">.*/
		.SgiInputFormStringLiteral{
			width:80px;
		}
		
		/*@abstract Classe bastante abstrata onde é usada somente se o valor dos inputs tipo
		texto são preenchidos por campos que necessitam de caracteres especiais/códigos, letras ou números, 
		Ex. CEP,CNPJ,CIDADE/ESTADO,COORDENADAS dentre outros.*/
		.SgiInputFormStringNCode{
			width:120px;
		}
		
		/*@abstract Classe criada com o intuíto de estilizar botões que utilizam dos atributos border, background
		dentre outros da classe sgiipunt_form e que precisam ser menores ou enxutos, porém não essa classe
		não cabe para inputs que comportam Inteiros ou necessidados de caractéres especiais como a classe
		SgiInputFormStringNCode.*/
		.SgiInputFormSmall{
			width:80px;
			height:auto;
			padding:0px;
		}
		
		/*@abstract Classe para inputs tipo Data, ano més dia, qualquer valor que referência data.*/
		.SgiInputFormData{
			width:100px;
		}
		
		/*@abstract Classe para inputs onde seus valores são parâmetros de pesquisa, como input para busca de 
		registro pelo nome.*/
		.SgiInputFormPesquisa{
			width:400px;
		}
		
		/*@abstract Classe para inputs tipo Hora, minuto, segundo milésimo,milésimo de segundo, qualquer valor que 
		referência hora Ex. <input value="13:20:50.12354509981"> .*/
		.SgiInputFormHora{
			width:80px;
		}

		/*@abstract Classe para inputs onde seus valores são moedas Ex.: <input value="R$ 200,00"> ou
		<input value="$10.000,00">.*/
		.SgiInputFormSalario{
			width:100px;
		}
		/*@abstract Classe para inputs que cobre 100% de largura do elemento pai em que está colocado.*/
		.SgiInputFormPorcent{
			width:100%;
		}
		
		/*@abstract Classe para reajustar o tamanho nos selects.*/
		select.SgiInputFormPorcent{
			width:99%;
		}		
		
		.SgiInputFormTextArea{
			width: 500px;
			height:100px;
		}
		.SgiInputFormTextAreaSimple{
			width: 300px;
			height:120px;
		}
		.SgiInputFormTextAreaSmall{
			width:300px;
			height:55px;
		}		
		/*TIPOS DE INPUT FORM*/
		/*FORM OCULTO*/
		.SgiInputFormOculto{
			width:383px;
			padding:7px;
			background:transparent;
			border:0;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
		}
		.SgiInputFormOculto:hover{
			color:#000;
			background:#f1f1f1;
		}
		.SgiInputFormOcultoDois{
			width:100px;
			text-align:center;
			padding:2px;
			font-size:8pt;
			background:transparent;
			border:1px solid #cccccc;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
		}
		
		.SgiInputFormOcultoDois:hover{
			color:#000;
			background:#f1f1f1;
			background:rgba(0,104,188,0.25);
		}
	/*	Inputs tipo texto [FIM]
		-------------------------------	*/			
						
	/*	Botões [INICIO]
		-------------------------------	*/
		/*@abstract Classe predefinida que estiliza os botões salvar, alterar, sendo submit's ou não dos formulários atuais.*/
		.SgiBotoesInterfaces{
			width:230px;
			height:35px;
			background:url(imag/botoes_off.png) no-repeat;
			border:none;
			font-size:8pt;
			color:white;
			font-family:Arial, Helvetica, sans-serif;
			padding-bottom:5px;
			text-align:left;
			padding-left:18px;
			padding-top: 8px;
			font-weight:bold;
			float:left;
			cursor:pointer;
		}		
		
		/*@abstract Padronizando as imagens da classe.*/
		.SgiBotoesInterfaces img{
			vertical-align:middle;
			margin-right:4px;
		}
		
		/*@abstract Seletor da classe SgiBotoesInterfaces.*/
		.SgiBotoesInterfaces:hover{
			border:none;
			background:url(imag/botoes_on.png) no-repeat;
		}
		
		/*@abstract Classe que referência os botões que são simples, são usados em momentos que por exemplo a classe SgiBotaoIniciar, 
		responsável pelos botões de salvar, não é estânciada.*/
		.SgiInputFormButton{
			padding:2px;
			padding-bottom:4px;
			height:33px;
			margin-top:8px;
			background:#F6F9FF;
			border:2px solid #B6BBCA;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			width:130px;
			font-weight:bold;
			cursor:pointer;
			
		}
		
		/*@abstract Seletor da classe SgiInputFormButton.*/
		.SgiInputFormButton:hover{
			background:#FFFBD9;
		}
		
		/*@abstract Classe para substituir SgiInputFormButton. essa classe vai deixar de existir graças a essa melhoria.*/
		input[type=button].SgiInputForm{
			padding:2px;
			padding-bottom:4px;
			height:33px;
			width:130px;
			cursor:pointer;
		}			
		
		/*@abstract Herança passada as classes abaixo listadas.*/
		.SgiBotaoIniciar,.SgiBotaoIniciarDesativado{
			height:43px;
			width:200px;		
			-moz-border-radius: 4px;
			-webkit-border-radius:4px;
		}
		/*@abstract Classe que referência os botões que vem de uma ação importante no sistema, 
		como salvar, alterar, deletar, abrir, ler, cancelar dentre outros.*/
		.SgiBotaoIniciar{	
			background:#DEEBF9;
			cursor:pointer;
		}
		
		/*@abstract Seletor da classe SgiBotaoIniciar.*/
		.SgiBotaoIniciar:hover{	
			background:#DEEBF9;
			border:2px solid #8300FF;
			color:#FF7C00;
		}
				
		/*@abstract Classe que referência os botões que vem de uma ação importante no sistema, 
		como salvar, alterar, deletar, abrir, ler, cancelar dentre outros.*/		
		.SgiBotaoIniciarDesativado{
			background:#CCCCCC;
			cursor:default;
		}
		
		/*@abstract Classe muito importante pode estilizar os botões de pesquisa.*/
		.SgiGlobalPesquisar{
			-moz-border-radius: 5px;
			-webkit-border-radius:5px;
			color:#333333;
			font-family:sans,arial;
			background:#ffffff;
			border:2px solid #cccccc;
			cursor:pointer;
			padding:7px;
		}
		
		/*@abstract Seletor da classe SgiGlobalPesquisar.*/
		.SgiGlobalPesquisar:hover{
			background:#ffffff;
			color:#333;
			border: 2px solid #ffb200;
		}			
	/*	Botões [FIM]
		-------------------------------	*/
/*	-------------------------------------
	Padronização de formulários [FIM]
	-------------------------------------
*/
		
/*	-------------------------------------
	Div e Elementos de Alinhamento [INICIO]
	-------------------------------------
*/
			/*@Abstract Div Padrão de todo o sistema*/
			.SgiContent{
			
				position:absolute;
				background:#fff url(imag/background_div.png)  no-repeat;
				border:1px solid #333;
				top:200px;
				display:none;
				z-index:5;
				padding:1%;
				-moz-box-shadow: 0 0 20px #000;
				-webkit-box-shadow: 0 0 20px #000;
				-moz-border-radius:8px;
				-webkit-border-radius:8px;
				
			}
			/*@Abstract O fechar da div content*/
			.SgiContent div.close{
				margin-left:95%;
				margin-top:-28px;
				cursor:pointer;
				position:absolute;
				height:30px;
				width:30px;
				background:url(imag/close_button.png) no-repeat;
			}
			
			.SgiContent div.close:hover{
				background-position: 0 -30px;
			}
/*	-------------------------------------
	Div e Elementos de Alinhamento [FIM]
	-------------------------------------
*/
			
/*	-------------------------------------
	resets e limpezas e padrões [FIM]
	-------------------------------------
*/



			

/*FORM OCULTO*/



.SgiMolduraRelatorio{
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px;
	background:#F8F8F8;
	border:3px solid #C0C0C0;
	width:200px;
	height:100px;
	text-align:center;
}

.SgiMolduraRelatorio:hover{
	filter:alpha(opacity=100);
	opacity:1;
	-moz-box-shadow:3px 3px 14px #000;
	-webkit-box-shadow:3px 3px 14px #000;
	background:#FFFF7D;
	border:3px solid #cccccc;
}

.SgiContainerRelatorio{
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px;
	background:#f1f1f1;
	width:140px;
	margin-left:22px;
	height:50px;
	margin-top:25px;
	background:#F4F1F1;
	border:2px solid #f1f1f1;
	text-align:center;
}

.SgiDescRelatorio{
	margin-left:8px;
	font-size:10px;
	text-align:center;
}
/*
Classe Responsavel por aberetura das div do relatorio
*/
.SgiClassRelatorio{
	top:20px;
	left:90px;
	width:630px;
	padding:22px;
	height:auto;
	border:8px solid #002062;
	background:#f1f1f1;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	z-index:100;
	position:fixed;
	display:none;
}

.SgiPaginacaoVerticalSel{
	background:url(imag/paginacao/select.jpg) center;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.50);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.50);
	color:#fff;
	text-shadow: 0 1px 1px rgba(0,0,0,5);
	border:1px solid #dc6b00;
	padding-top:6px;
	margin-right:3px;
	margin-left:4px;
	margin-top:6px;
	width:28px;
	height:18px;
	float:left;
	font-size:8pt;
	text-align:center;
	cursor:pointer;
}

.SgiPaginacaoVertical{
	background:url(imag/paginacao/normal.jpg) center;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	color:#fff;
	text-shadow: 0 1px 1px rgba(0,0,0,5);
	border:1px solid #1a5189;
	padding-top:6px;
	margin-right:3px;
	margin-left:4px;
	margin-top:6px;
	width:28px;
	height:18px;
	float:left;
	font-size:8pt;
	text-align:center;
	cursor:pointer;
}
.SgiPaginacaoVertical:hover{
	background:url(imag/paginacao/normal_hover.jpg) center;
}
/*GENERIC SPAN*/

.SgiHrStyle{
	border-top: 1px dashed #FFAFA2;
	border-bottom: 0px solid #f00;
	color: #f1f1f1;
	background-color: #f1f1f1;
	height: 1px;
}
#shadow{
	width:100%;
	position:fixed;
	height:100%;
	z-index:2;
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=90);
	top:0;
	left:0;
	display:none;
}
.SgiGenericDyDiv{
	width:650px;
	height:auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 0px 4px 4px #000;
	-webkit-box-shadow: 1px 1px 10px #000;
	padding:10px;
	padding-top:0px;
	background:#fff;
	border:8px solid #333;
	position:fixed;
	z-index:3;
	top:15px;
	left:15%;
	display:none;
}
#SgiTopContent{
	cursor:move;
}
#SgiTopContent h3{
	color:#333;
	font-weight:bold;
	font-size:15pt; 
	text-shadow: 1px 2px 2px #ccc;
}
.SgiTitleBar{
	text-align:center;
	font-size:16px;
	color:#f1f1f1;
}


/*PESQUISA WHITE*/
.SgiClassPesquisaWhite,.SgiClassPesquisaWhiteUm,.SgiClassPesquisaWhiteDois,.SgiClassPesquisaWhiteTres,.SgiTrBackgroundRodape,.SgiTrBackground,.SgiSubTrBackground,.SgiTrBackgroundDois,.SgiSubTrBackgroundDois,.SgiTrBackgroundTres,.SgiSubTrBackgroundTres,.SgiClassPesquisaDark,.SgiClassPesquisaDarkDois,.SgiClassPesquisaOrange{
	text-align:center;
	cursor:pointer;
	font-size:8pt;
	color:#333333;
}
.SgiClassPesquisaWhite a,.SgiClassPesquisaDark a,.SgiClassPesquisaDark a,.SgiClassPesquisaOrange a{
	font-size:8pt;
	color:#333333;
}
.SgiClassPesquisaWhite{ 
	background:#CBDEE5;
}
.SgiClassPesquisaWhiteUm{
	background:blue;
}
.SgiClassPesquisaWhiteDois{
	background:#fff;
	color:#333;
	
}
.SgiClassPesquisaWhiteTres{ 
	background:green;
}
/*PESQUISA WHITE*/
/*SUBTRBACKGROUND*/
.SgiTrBackgroundRodape{ 
	background:#6FACC5;
	font-weight:bold;
	color:#fff;
}
.SgiTrBackground{ 
	background:#207498;
	font-weight:bold;
	font-size:10pt;
	color:#fff;
}
.SgiSubTrBackground{ 
	background:#6FACC5;
	font-weight:bold;
	color:#fff;
}
.SgiTrBackgroundDois{ 
	background:#77879E;
	color:#ffffff;
	font-weight:bold;
	font-size:9pt;
}
.SgiSubTrBackgroundDois{ 
	background:#aaa;
}
.SgiTrBackgroundTres{ 
	background:#ccc;
}
.SgiSubTrBackgroundTres{ 
	background:#444;
}
/*SUBTRBACKGROUND*/
/*PESQUISA DARK*/
.SgiClassPesquisaDark{
	background:#AAC9D3;
}
.SgiClassPesquisaDark a{
	text-align:center;
}
.SgiClassPesquisaDarkDois{
	background:#f1f1f1;
	color:#333;
}
/*PESQUISA DARK*/
/*PESQUISA ORANGE*/
.SgiClassPesquisaOrange{
	background:#FFB200;
	color:#333333;
}
/*PESQUISA ORANGE*/
.SgiLinkLabel,.SgiLabel{
	color:#00A1FF;
	cursor:pointer
}
.SgiLinkLabel:hover,.SgiLabel:hover{
	color:#333;
	cursor:pointer
}
.SgiLinkLabel{
	text-decoration:underline;
	cursor:pointer;
	font-size:10pt;
}
.SgiLabel{
	font-size:10pt;
	cursor:pointer
}
/*PADRONIZACAO DAS ABAS*/
.SgiAba{
	font-size:10pt;
	border:1px solid #E1E1E1;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:8px;
	cursor:pointer;
	background:url(imag/bgaba.jpg);
	text-align:center;
}
.SgiAba:hover{
	border:1px solid orange;
	background:url(imag/bgabahover.jpg);
}
.SgiAbaSelected{
	font-size:10pt;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:8px;
	cursor:pointer;
	border:1px solid orange;
	background:url(imag/bgabahover.jpg);
	text-align:center;
}
.SgiAbaOff{
	font-size:10pt;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:8px;
	cursor:default;
	border:1px solid #ddd;
	color:#fafafa;
	background:url(imag/bgabaoff.jpg);
	text-align:center;
}
	
/*PADRONIZACAO DAS ABAS*/

.SgiSpanSmall{
	font-size:8pt;font-weight:bold;
}
/*PADRAO DE ESTILO DE SENHAS*/
.SgiSenhaForte{
	height:2px;
	border:1px solid black;
	background:#B8EA23;
}
.SgiSenhaMedia{
	height:2px;
	border:1px solid black;
	background:#EAD623;
}
.SgiSenhaCurta{
	height:2px;
	border:1px solid black;
	background:#cccccc;
	width:50px;
}

#SgiLabelPassword{
	font-weight:bold;
	font-size:8pt;
}
/*PADRAO DE ESTILO DE SENHAS*/

/*CLASSES DO MENU MAC*/
.SgiMacSelect{
	
}
.SgiMacSelectDiv{
	display:inline;
	cursor:pointer;
	padding-top:8px;
	margin-top:-10px;
	height:20px;
	width:149px;
	position:absolute;
	text-align:center;
	color:#334479;
	text-indent:-35px;
	background:url('imag/mac_select/mac_select_small.png') no-repeat;
}
.SgiMacSelectDiv:hover{
	background:url('imag/mac_select/mac_select_small_hover.png') no-repeat;
	color:#f1f1f1;
}
.SgiMacSpanSelectedItem{
	font-size:8pt;
}
#SgiMacSelectBox{
	z-index:2;
	padding-left:0px;	
	margin-top:-40px;
	width:163px;
	height:163px;
	position:absolute;
	display:none;
	background:url('imag/mac_select/box/mac_select_box_small.png') no-repeat;
}

.SgiMacSelectBoxItem{
	margin-left:-35px;
	padding:4px;
	padding-left:6px;
	color:#979797;
	list-style-type:none;
	width:146px;
	height:14px;
	font-size:8pt;
	cursor:pointer;

}
.SgiMacSelectBoxItem:hover{
	color:#f1f1f1;
	background:url('imag/mac_select/box/mac_select_box_itemSelected.png') no-repeat;
}
/*CLASSES DO MENU MAC*/

.SgiPesquisaCorpo{
	margin-left:15px;
	background:#ffffff;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.SgiElementLeg{
	background:#DCF2D7;
	-moz-border-radius:5px;
	width:70px;
	text-align:center;
	font-weight:bold;
	font-size:8pt;
}
.SgiLegRegistros{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:right;
	font-size:10pt;
	color:#fff;
	background:rgba(0,0,0,0.5);
	text-shadow:1px 1px 1px #000;
}

.SgiDivClassOverFlow{
	display:none;
	position:absolute;
	overflow-x:hidden;
	overflow-y:auto;
	left:39%;
	width:500px;
	height:90px;
	background:#f1f1f1;
	border:2px solid blue;
	-moz-border-radius:5px;
	text-align:left;
	margin-top:2px;
	margin-left:4px;
}
.SgiBackgroundEl{
	background:#fff;
	padding:5px;
	border:1px solid #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.SgiAddUserButton,.SgiRemoveUserButton{
	cursor:pointer;
	width:8px;
	border:0;
	width:30px; 
	height:30px;
}
.SgiAddUserButton{/*botao com background*/
	background: url(imag/SetaDireita.gif); 
}
.SgiRemoveUserButton{
	background: url(imag/SetaEsquerda.gif);
}

.SgiDivLegend{
	border: 1px dotted rgb(102, 102, 102);
	background: rgb(255, 255, 167);
	font-size:8pt;
	-moz-box-shadow: 2px 2px 4px #666;
	-webkit-box-shadow: 2px 2px 4px #666;
	color:#333333;
}
.SgiClockSpan{
	color:#fff;
}

.SgiRodape{
	width:100%;
	text-align:center;
	border-top:1px solid #fff;
	margin-top:20px;
	padding-top:20px;
	cursor:pointer;
	font-size:8pt;
}

.SgiCabecalhoh1 td,.SgiSomaTotalh1 td,.SgiDefaulth1 td,.SgiDefaultRh1 td{
	border:1px solid rgba(0,0,0,0.1);
	font-size:8pt;
}
/*MODELO 01*/
.SgiCabecalhoh1{
	background:#395580;
	color:#fff;
	font-weight:bold;
}
.SgiCabecalhoh1 td{
	font-size:8pt;
	text-align:center;
}
.SgiSomaTotalh1{
	background-color: rgb(230, 236, 245);
	color:#8C8C8C;
	text-align:center;
	font-size:8pt;
	font-weight:bold;
}
.SgiSomaSemanalh1{
	background:#fff;
	color:#8C8C8C;
	text-align:center;
	font-size:8pt;
	font-weight:bold;
}
.SgiDefaulth1{
	background:#fff;
	color:#666;
	text-align:center;
}
.SgiDefaultRh1{
	background-color: rgb(230, 236, 245);
	text-align:center;
	color:#666;
}

/*MODELO 02*/
.SgiTrCabecalhoh2 td,.SgiTrCabecalhoRh2 td,.SgiSomaTotalh2 td,.SgiSomaSemanalh2 td,.SgiDefaulth2 td{
	border:1px solid #C0C0C0;
}
.SgiSubCabecalhoh2{
	background:#caddf7;
	color:#666;
}
.SgiSubCabecalhoRh2{
	background:#e8f0fa;
	color:#666;
}
.SgiTrCabecalhoh2{
	background:#e8f0fa;
	color:#535C7A;
}
.SgiTrCabecalhoRh2{
	background:#e8f0fa;
	color:#535C7A;
}
.SgiSomaTotalh2{
	background:#FFFDCE;
	color:#8C8C8C;
	text-align:left;
	font-weight:bold;
}
.SgiSomaSemanalh2{
	background:#C5FFCA;
	color:#8C8C8C;
	text-align:left;
	font-weight:bold;
}
.SgiDefaulth2{
	background:#fff;
	color:#666;
	text-align:center;
}
/*MODELO 03*/
.SgiTrCabecalhoh3 td,.SgiTrCabecalhoRh3 td,.SgiSomaTotalh3 td,.SgiSomaSemanalh3 td,.SgiDefaulth3 td{
	border:1px solid #C0C0C0;
}
.SgiSubCabecalhoh3{
	background:#caddf7;
	color:#666;
}
.SgiSubCabecalhoRh3{
	background:#e8f0fa;
	color:#666;
}
.SgiTrCabecalhoh3{
	background:#e8f0fa;
	color:#535C7A;
	font-weight:bold;
	text-align:center;
}
.SgiTrCabecalhoRh3{
	background:#e8f0fa;
	color:#535C7A;
}
.SgiSomaTotalh3{
	background:#FFFDCE;
	color:#8C8C8C;
	text-align:left;
	font-weight:bold;
}
.SgiSomaSemanalh3{
	background:#C5FFCA;
	color:#8C8C8C;
	text-align:left;
	font-weight:bold;
}
.SgiDefaulth3{
	background:#fff;
	color:#666;
	text-align:center;
}
/*MODELO 04*/
.SgiTrCabecalhoh4 td,.SgiTrCabecalhoRh4 td,.SgiSomaTotalh4 td,.SgiSomaSemanalh4 td,.SgiDefaulth4 td{
	border:1px solid #C0C0C0;
}
.SgiSubCabecalhoh4{
	background:#caddf7;
	color:#666;
}
.SgiSubCabecalhoRh4{
	background:#e8f0fa;
	color:#666;
}
.SgiTrCabecalhoh4{
	background:#e8f0fa;
	color:#535C7A;
	font-weight:bold;
	text-align:center;
}
.SgiTrCabecalhoRh4{
	background:#e8f0fa;
	color:#535C7A;
}
.SgiSomaTotalh4{
	background:#FFFDCE;
	color:#8C8C8C;
	text-align:left;
	font-weight:bold;
}
.SgiSomaSemanalh4{
	background:#C5FFCA;
	color:#8C8C8C;
	text-align:left;
	font-weight:bold;
}
.SgiDefaulth4{
	background:#fff;
	color:#535C7A;
	font-weight:bold;
	text-align:center;
}
/*MODELO 05*/
.SgiTrCabecalhoh5 td,.SgiTrCabecalhoRh5 td,.SgiSomaTotalh5 td,.SgiSomaSemanalh5 td,.SgiDefaulth5 td,.SgiSubCabecalhoRh5 td,.SgiDefaultRh5 td,.SgiTrCabecalhoOrangeh5 td{
	border:1px solid #C0C0C0;
	font-size:8pt;
}
.SgiSubCabecalhoh5{
	background: rgb(80, 89, 163);
	color:#fff;
	font-size:15px;
	height:30px;
	font-weight:bold;
	text-align:center;
}
.SgiSubCabecalhoRh5{
	background: rgb(71, 79, 148);
	
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.SgiTrCabecalhoh5{
	background:#e8f0fa;
	color:#535C7A;
	font-weight:bold;
	text-align:center;
}
.SgiTrCabecalhoRh5{
	background:#e8f0fa;
	color:#535C7A;
}
.SgiTrCabecalhoOrangeh5{
	background:#ffb200;
	font-weight:normal;	
	text-align:center;
	color:#fff;
}
.SgiSomaTotalh5{
	background:#FFFDCE;
	color:#8C8C8C;
	text-align:left;
	font-weight:bold;
}
.SgiSomaSemanalh5{
	background:#C5FFCA;
	color:#8C8C8C;
	text-align:left;
	font-weight:bold;
}
.SgiDefaulth5{
	background:#fff;
	font-size:8pt; 
	color:#8C8C8C;
	font-weight:normal;
	text-align:center;
}
.SgiDefaultRh5{
	background:#D4E0FF;
	font-size:8pt;
	color:#8C8C8C;
	font-weight:normal;
	text-align:center;
}

/*MODELO 06*/
.SgiTrCabecalhoh6 td,.SgiTrCabecalhoRh6 td,.SgiSomaTotalh6 td,.SgiSomaSemanalh6 td,.SgiDefaulth6 td,.SgiSubCabecalhoRh6 td,.SgiDefaultRh6 td,.SgiTrCabecalhoOrangeh6 td{
	border:1px solid #C0C0C0;
	font-size:8pt;
	padding:5px;
}
.SgiSubCabecalhoh6{
	background: rgb(80, 89, 163);
	color:#fff;
	font-size:15px;
	height:30px;
	font-weight:bold;
	text-align:center;
}
.SgiSubCabecalhoRh6{
	background: rgb(43, 44, 118);
	
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.SgiTrCabecalhoh6{
	background:#e8f0fa;
	color:#535C7A;
	font-weight:bold;
	text-align:center;
}
.SgiTrCabecalhoRh6{
	background:#e8f0fa;
	color:#535C7A;
}
.SgiTrCabecalhoOrangeh6{
	background:#ffb200;
	font-weight:normal;	
	text-align:center;
	color:#fff;
}
.SgiSomaTotalh6{
	background:#FFFDCE;
	color:#8C8C8C;
	text-align:left;
	font-weight:bold;
}
.SgiSomaSemanalh6{
	background:#C5FFCA;
	color:#8C8C8C;
	text-align:left;
	font-weight:bold;
}
.SgiDefaulth6{
	background:#fff;
	font-size:8pt; 
	color:#8C8C8C;
	font-weight:normal;
	text-align:center;
}
.SgiDefaultRh6{
	background:#C3BFFA;
	
	font-size:8pt;
	color:#8C8C8C;
	font-weight:normal;
	text-align:center;
}

/*MODELO 07*/
.SgiTrCabecalhoh7 td,.SgiTrCabecalhoRh7 td,.SgiSomaTotalh7 td,.SgiSomaSemanalh7 td,.SgiDefaulth7 td,.SgiSubCabecalhoRh7 td,.SgiDefaultRh7 td,.SgiTrCabecalhoOrangeh7 td{
	border:1px solid #C0C0C0;
	font-size:8pt;
	padding:5px;
}
.SgiSubCabecalhoh7{
	background: rgb(0, 88, 52);
	color:#fff;
	font-size:15px;
	height:30px;
	font-weight:bold;
	text-align:center;
}
.SgiSubCabecalhoRh7{
	background: rgb(50, 110, 85);
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.SgiTrCabecalhoh7{
	background:#e8f0fa;
	color:#535C7A;
	font-weight:bold;
	text-align:center;
}
.SgiTrCabecalhoRh7{
	background:#e8f0fa;
	color:#535C7A;
}
.SgiTrCabecalhoOrangeh7{
	font-weight:bold;
	background:#ffb200;
	font-weight:bold;
	text-align:center;
	color:#fff;
}
.SgiSomaTotalh7{
	background:#FFFDCE;
	color:#8C8C8C;
	text-align:left;
	font-weight:bold;
}
.SgiSomaSemanalh7{
	background:#C5FFCA;
	color:#8C8C8C;
	text-align:left;
	font-weight:bold;
}
.SgiDefaulth7{
	background:#fff;
	font-size:8pt; 
	color:#535C7A;
	font-weight:bold;
	text-align:center;
}
.SgiDefaultRh7{
	background:#DBF9EC;
	font-size:8pt;
	color:#535C7A;
	font-weight:bold;
	text-align:center;
}

/*MODELOS DE RELATORIOS FIM*/

/* @abstract caixa com sombra  */
.SgiShadowBox{
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.6);
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.6);
	-webkit-moz-border:6px;
	-moz-moz-border:6px;
}

/* MODELO DE CLASSES PARA INTERFACE DE ERROR */
.SgiInterModNormal,.SgiInterModErro,.SgiInterModSalvo{
	width:50%;
	top:25%;
	left:25%;
	font-weight: bold;
	text-align:center;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 6px;
	margin-bottom: 6px;
	text-shadow:1px 1px 1px #fff;
	border-bottom:1px solid #333;
	border-top:1px solid #333;
	color: #333;
	-webkit-box-shadow:0 1px 5px #333;	
	-moz-box-shadow:0 1px 5px #333;		
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	z-index:5;
	position:fixed;
	opacity:0;	

}
.SgiInterModNormal{
	background:url(imag/mensagem_erro/fundo_normal.gif);
	border-bottom:1px solid #00a1ff;
	border-top:1px solid #00a1ff;
	color: #00a1ff;	
}

.SgiInterModErro{
	background:url(imag/mensagem_erro/fundo_error.gif);
	border-bottom:1px solid #AD4545;
	border-top:1px solid #AD4545;
	color: #AD4545;
	-webkit-box-shadow:0 1px 10px #AD4545;
	-moz-box-shadow:0 1px 10px #AD4545;
}

.SgiInterModSalvo{
	background:url(imag/mensagem_erro/fundo_salvo.gif);
	border-bottom:1px solid #7ac501;
	border-top:1px solid #7ac501;
	color: #7ac501;
	-webkit-box-shadow:0 1px 10px #7ac501;
	-moz-box-shadow:0 1px 10px #7ac501;	
}

/*@abstract Classe espeficica para o tooltip usado em um uníco módulo da aplicação*/
.SgiClassDivTooltip{
	border:2px solid silver;
	width:auto;
	height:auto;
	padding:10px;
	font-size:8pt;
	position:absolute;
	top: 20px;
	opacity: 0 ; 
	background:rgba(0,0,0,0.5);
	color:#fff;
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-shadow: 1px 1px 1px #000;
}

/* MODELO DE TABELA 1 */
.SgiTableModH1{
		border:1px solid #ccc;
}
.SgiTableModH1 td{
		border:1px solid #c0c0c0;
		font-family:arial;
		font-size:8pt;
		text-align:center;
		cursor:default;
}
.SgiTableModH1 tr{
	background:#aaa;
}

.SgiTableModH1 tr:nth-child(2n+1){
	background:#ccc;
}

.SgiTableModH1 tr:nth-child(n+2):hover{
	background:#F60;
	color:#fff;
}
	
.SgiTableModH1 tr:first-child{
		background:-moz-linear-gradient(90deg,#fff,#CCC);
		background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#CCC));
		text-shadow:1px 1px 0 #fff;
}


/* MODELO DE TABELA 2*/
.SgiTableModH2{
		border:1px solid #ccc;
}
.SgiTableModH2 td{
		border:1px solid #c0c0c0;
		font-family:arial;
		font-size:8pt;
		text-align:center;
		cursor:default;
}
.SgiTableModH2 tr{
	background:#f1f1f1;
}

.SgiTableModH2 tr:nth-child(2n+1){
	background:#f6f6f6;
}

.SgiTableModH2 tr:nth-child(n+2):hover{
	background:#FF9;
	color:#666;
	text-shadow:1px 1px 0 #fff;
}
	
.SgiTableModH2 tr:first-child{
		background:-moz-linear-gradient(90deg,#fff,#CCC);
		background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ccc));
		text-shadow:1px 1px 0px #fff;
}

/* MODELO DE TABELA 3*/
.SgiTableModH3{
		border:1px solid #900;
}
.SgiTableModH3 td{
		border:1px solid #c0c0c0;
		font-family:arial;
		font-size:8pt;
		text-align:center;
		cursor:default;
}
.SgiTableModH3 tr{
	background:#ee484c;
}

.SgiTableModH3 tr:nth-child(2n+1){
	background:#bc2c2f;
}

.SgiTableModH3 tr:nth-child(n+2):hover{
	background:#ffb5b7;
	color:#000;
	text-shadow:1px 1px 1px #fff;
}
	
.SgiTableModH3 tr:first-child{
		background:-moz-linear-gradient(90deg,#a62121,#c84447);
		background:-webkit-gradient(linear,left bottom,left top,from(#a62121),to(#c84447));			
		text-shadow:1px 1px 0px rgba(255,255,255,0.5);
}

/* MODELO DE TABELA 4*/
.SgiTableModH4{
		border:1px solid #c4ff8a
}
.SgiTableModH4 td{
		border:1px solid #c0c0c0;
		font-family:arial;
		font-size:8pt;
		text-align:center;
		cursor:default;
}
.SgiTableModH4 tr{
	background:#d2ff8a;
}

.SgiTableModH4 tr:nth-child(2n+1){
	background:#c4ff8a;
}

.SgiTableModH4 tr:nth-child(n+2):hover{
	background:#fff;
	color:#000;
	text-shadow:1px 1px 1px #fff;
}
	
.SgiTableModH4 tr:first-child{
		background:-moz-linear-gradient(90deg,#c4ff8a,#c2ffaa);
		background:-webkit-gradient(linear,left bottom,left top,from(#c4ff8a),to(#c2ffaa));
		text-shadow:1px 1px 0px rgba(255,255,255,0.5);
}		

/* MODELO DE TABELA 5*/
.SgiTableModH5{
		border:1px solid #ccc;
}
.SgiTableModH5 td{
		border:1px solid #c0c0c0;
		font-family:arial;
		font-size:8pt;
		text-align:center;
		cursor:default;
}
.SgiTableModH5 tr{
	background:#fff;
}

.SgiTableModH5 tr:nth-child(2n+1){
	background:#f1f5fa;
}

.SgiTableModH5 tr:nth-child(n+2):hover{
	background:-moz-linear-gradient(90deg,#3669b2,#3b74c5);
	background:-webkit-gradient(linear,left bottom,left top,from(#3669b2),to(#3b74c5));		
	color:#fff;
}
	
.SgiTableModH5 tr:first-child{
		background:-moz-linear-gradient(90deg,#bbb,#ccc);
		background:-webkit-gradient(linear,left bottom,left top,from(#bbb),to(#ccc));
		text-shadow:1px 1px 0px rgba(255,255,255,0.5);
}