@charset "utf-8";

/*links genericos*/
@import url(links.css);

/*fontes genericas*/
@import url(tipografia.css);
/*

/*fontes genericas*/
@import url(popup.css);
/*


============== DOCUMENTO CSS - INFRAERO 2009 ====

Autor: David Silva - Analista de Designer / Equipe de Designer [TISI 3]
Localização: SEDE
Ramal: 2560
EMAIL: davidjrnegao@gmail.com
CELULAR: 	61 - 96889359
=================================================

============== VERSIONAMENTO ====================
Versão: 1.0
Projeto: Portal RH

Autor: David Silva
Data da criação: 07/10/2009
Detalhes: Criação do css inicial
================================================

============== CORES PADRAO ====================

background: #DAD4C3 (marrom);
texto barra no topo: #343F26 (verde escuro); 
texto do menu: #333F26 (verde);
texto do menu ao passar o mouse: #8FBC8F (verde claro);
texto titulos e informações do tel: #B3C59E ( verde claro );
texto migalha de pão: #B3C59E ( verde claro );
texto informa dados do usuário no topo do lado direito: #000000 (branco);
texto maior no meio do sistema na página principal: #40857B (verde);
texto menor abaixo do titulo maior no meio do layout na página principal: #999999 (cinza escuro);
fundo da barra de navegação no topo do sistemas:#326159 (verde escuro);

=================================================

============== FONTES PADRAO ====================
Vide Norma de padronização visual
fonte Tahoma para titulos e subtitulos
fonte Arial para menu e texto em geral
=================================================

============== CAMPOS/MEDIDAS  PADRAO ===========
nome, cor, medidas (descrição)
campo = cor padrão, tamanho ilimitado( funciona com efeito de hover o desenvolvedor pode colocar o tamanho que quiser );
campo0 = cor cinza, tamanho ilimitado ( funciona com efeito de hover, tem as cores de background = #CCCCCC - cinza claro) 
=================================================


 */

/*zerando as margens e bordas de alguns elementos da página*/
html, body, div, span,tr, td, form, fieldset, legend, label, p, ul, li, em, h1, b, u {
	border:0;
	margin:0;
	padding:0;	
}

html, body{
	height:100%;
	margin:0;
	padding:0;		
}

body{
	background:url(../app_images/background.jpg) repeat-x #EDE9E6; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#E3EFEF;	
}

#principal{	
	background:url(../app_images/backgroundrodape.jpg) repeat-x; 
	background-position:bottom;
	margin:0;
	padding:0;
	min-height: 100%;
	position:relative; 
	width:100%;	
	
}

_html #principal{
	height:100%;	
}

#geral{	
	clear:both;
	margin:0 auto;		
	width:1000px;	
	display:block;
	z-index:2;
}

#topo{
	height:145px;
	position:relative;
}

#topo img{
	border:none;	
}
#logo, #topoinformacoes, #menu, #conteudo, #rodape{
	margin:0 auto;
	padding-left:5px; 
	padding-right:5px;
}


#logo{
	height:145px;
	vertical-align:absmiddle;
	text-align:right;
	
}
#logo .flutuaEsq{
	margin-top:45px;		
}

#logo .flutuaDir{
	margin-top:40px;		
}

#logo a{
    color:#6B8E23;   
}

#logo a:hover{
    color:#BDB76B !important;    
}

#topoinformacoes{
	height:20px;
	line-height:20px;
	text-align:right;
	color:#FFF;
}

#topoinformacoes b
{
    color:#556B2F;
    }
   

#saudacoes{
	margin-top:10%;
	padding-left:10%;
	padding-right:10%;	
}

#saudacoes h1{
	color:#40857B;
	font-size:30px;
}

#saudacoes h2{
	color:#999999;	
	font-size:15px;
	margin:0;
	padding:0;
	text-align:right;
}



/* Menu */
#menu{
	background-image:url(../app_images/backgroundmenu.jpg);
	color:#343F26;
	font-family: Arial,Verdana, Tahoma, sans-serif;
	font-size:13px;
	height:59px;
	
}

#menu #itensMenu{
	color:#fff;
	vertical-align:bottom;
	height:59px;
	
}

#menu #itensMenu ul{
	list-style:none;
	
	height:59px;
	padding-top:2px;
}

#menu #itensMenu ul li{
	display:inline;	
	height:59px;	
}

#menu #itensMenu a{
	color:#fff; 	
	line-height:55px;
	*line-height:95px;
	margin-top:250px;
	padding-left:8px;
	padding-right:8px;
	padding-top:20px;
	padding-bottom:20px;		
}

#menu #itensMenu a:hover{
	color:#E0EEE0 !important;
	background-color:#8FA8A4;	
}

#menu #itensMenu a:visited{
	color:#fff;
}

.menuAtivo{	
	background:url(../app_images/menuPosicao.gif) no-repeat center bottom;			
}

.menuAtivo a{ 	
	color:#40857B !important; /* muda a cor do texto do menu quando precionado */	
	font-weight:bold;
	z-index:9999;	
}

/* menuout é uma div oculta para delimitar a área do mouse ao ser arrastado para fora do menu -*/
#menuout{		
	clear:both;
	display:block;
	height:25px;	
	position:relative;
}
#menu #atalhos{
	color:#003F6C;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:7px 5px 0 8px;		
	position:absolute;
	width:944px;	
}

#menu #migalha{
	float:left;		
}

#menu #migalha u{
	margin:0;
	padding:0;
}

#menu #acessivel{
	float:right;
	padding-right:5px;	
}

#menu #migalha a img, #menu #acessivel a img{
	border:0;
}

#tel0800{
	color:#B3C59E;
	float:right;
	margin-top:-45px;
	position:relative;	
	text-align:center;
	width:150px;
}


/* Menu - Fim*/

/*
SUBMENU - INICIO
*/


.subout{ position:absolute; *position:relative; float:right;   width:1000px; top:350px; *top:200px;}

.submenu{
	background:url(../app_images/backmenu.png);
	background-position:center;
	background-attachment:;
	background-color:#F0FFF0;
	border:1px solid #C1CDC1;
	float:left;	
	margin-top:80px;
	position:absolute;
	padding:5px;
	width:988px;
}
.submenu ul{
	list-style:none;	
}
.submenu ul li{
	display:inline;
}
.submenu ul li a{
	color:#000;
	padding-left:5px;
	font-size:11px;
}

.submenu ul li a:hover{
	color:#2E8B57 !important;
}

/*
SUBMENU - FIM
*/









/*
============== Conteudo ===============
*/

#conteudo{	
	background:url(../app_images/silueta.gif) #FFF no-repeat right;
   	background-position:top right;   	
   	margin-top:80px;
	margin-bottom:23px;
	padding-bottom:2px;		
}


.meiaTela{			
	clear:both;	
	margin-top:15px;	
	padding-bottom:50px;	
	padding-left:13px;
}

.meiaTela .flutuaEsq{
	display:block;
	width:760px;	
}


.meiaTela ul{
	list-style:url(../app_images/linestyle.jpg);
	padding-left:20px;	
}

.meiaTela ul li{
	padding-top:10px;
	
}

.meiaTela ul a{
	color:#333F26;
}

.meiaTela ul a:hover{
	color:#066 !important;
}

 .clicaBen {
	background-image:url(../app_images/benificarioshome.jpg);
	height:140px;
	width:240px;
}


 .clicaBen:hover {
	background-image:url(../app_images/benificarioshomePress.jpg);
	height:140px;
	width:240px;
}


 .clicaCred {
	background-image:url(../app_images/credenciadoshome.jpg);
	height:140px;
	width:240px;
}

.clicaCred:hover {	
	height:140px;
	width:240px;
	background-image:url(../app_images/credenciadoshomePress.jpg);
}


#telaInicial h1{    
    font-size:25px;
}

#telaInicial p{
    font-size:15px;
    text-align:justify;
    margin-bottom:10px;
    margin-top:10px;
    width:90%; 
    line-height:25px;    
}

#telaInicial a{
    color:#40857B;
}

#telaInicial a:hover{
    color: #999999;
}

/*
============== Conteudo - Fim ===============
*/

.clear{
	clear:both;
}


/*
============== Rodape ===============
*/
#rodape{		
	bottom:0;	
	height:35px;		
	position:absolute;
	text-align:center;
	width:99%;
	z-index:0;
	
}

#rodape p{	
	color:#3F4A33;
	font-size:12px;
	margin-top:10px !important;
}
/*
============== Rodape Fim===============
*/


.flutuaEsq{float:left;}
.flutuaDir{float:right;}


/*
============== CAMPOS FORM =============== */ 

/*nesse campo o controle do elemento é total, somente 
a opção de cor não é possivel alterar.
*/
input, select, textarea{
	background-color:#E1F2E9;	
	border:1px solid #326159;
	font-size:11px;
	margin-left:5px;
	margin-top:2px;
	
}

input:hover, select:hover{
	background-color:#EEF7F2;
}

input:focus, select:focus{
	background-color:#F0F8FF;
	border:1px solid #C90;
}


/*desabilita no ie as bordas e o fundo em volta do radio button*/
input[type=radio], input[type=checkbox]{
	background:none;	
	border:none;
}



/*tamanho dos inputs*/
.campo0{
	width:158px;	
}

.campo1{
	width:120px;	
}

	.campo1_1{
		width:98px;	
	}
	
		.campo1_2{
			width:65px;	
		}

.campo2{
	width:330px;	
}

.campo2txt{
	width:330px;
}
	.campo2_1{
		width:300px;	
	}
	
	.campo2_2{
		width:360px;	
	}

.campo3{
	width:35px;	
}

.campo4{
    width:450px;
}

/*
============== CAMPOS FORM Fim =============== */ 


/*
============== LOGIN =============== */ 
#login{
	border: 1px solid  #326159;
	background:url(../app_images/backlogin.jpg) repeat-x;
	padding:5px;
	width:380px;
	margin-top:20px;	
}

#login legend{
	font-size:24px;
	color:#36648B;
	padding-bottom:10px;
}

#login label{
	font-size:12px;	
	font-weight:bold;
	display:block;
	padding-top:10px;
	padding-bottom:5px;
} 


#login a{
	float:right;
	color:#56728F;
	margin-bottom:5px;
	clear:both;
}

#login a:hover{
	color:#8DA4BA !important;
}

.btnLogin{	
	padding-top:10px;
	clear:both;	
}
/*
============== LOGIN - FIM =============== */ 




/*
============== classesGenericas =============== */ 

.botao{
	cursor:pointer;
	background-color:#EAF4F2;
	font-size:11px;	
	padding:2px;
	margin-top:8px;
	height: 24px;
}

.botao:hover{
	background-color:#F0FFF0;
}






/*
============== FORM padrao - inicio =============== */ 
#formPadrao{
	display:block;
	width:680px;
	padding-top:30px;
	padding-bottom:30px;
}

#formPadrao fieldset{
	border: 1px solid  #B3C59E;	
	background:url(../app_images/backformpadrao.jpg) repeat-x;
	display:block;		
	padding-bottom:10px;
	padding-left:15px;
	padding-right:20px;
	width:100%;
}

#formPadrao legend{
	color:#36648B;
	font-size:17.5px;	
	padding-bottom:10px;
}

#formPadrao label{
	font-size:12px;	
	font-weight:bold;
	margin-left:5px;
} 

#formPadrao em{
	color:#F00;	
}

#formPadrao table tr td{
	padding:2px;
}

#formPadrao a {color: Blue !important;}

 #formPadrao a:hover{color: Blue !important;}
  #formPadrao a:visited{color: Blue !important;}

/*
============== FORM padrao - FIM =============== */ 



/*
============== GRID RESULTADO padrao - INICIO =============== */ 

.grid{
	margin-top:10px;
	width:100%;
	margin-bottom:10px;	
}

.meiaTela h3{	
	color: #838B8B;
	border:none;
	border-bottom:1px dashed #B3C59E;
	font-size:16px;
	margin-bottom:15px;
	margin-top:15px;	
	padding-bottom:5px;
	
}

.grid table tr td{
	padding-left:4px;
	padding-right:4px;
	border: 1px solid #B3C59E !important;
}

.grid table th{	
	border: 1px solid #B3C59E !important;
}

.grid table a{
	color:#838B83;	
}

.grid table a:hover{
	color:#C1CDC1 !important;
}
.grid table{
	border: 1px solid #B3C59E;
}
.grid table span{
	color:#069;
}
.odd{
	background-color:#F0FFFF;		
}

.even{
	background-color:#F0FFF0;	
}


/*============== GRID RESULTADO padrao - FIM =============== */ 


/*============= Pagina Error     ====================== */

#errorPrincipal{    
    width: 100%;
}

#errorPrincipal a    
{
    color:Green;
}

#errorPrincipal a:hover    
{
    color:Silver !important;
}

#errorConteudo{
    width:400px; 
    text-align:justify;
      
} 

#errorConteudo div
{      
    margin-bottom:20px;
  
}

#errorConteudo div:first-child{
   
    line-height:22px;
    margin-bottom:10px;
    text-align:justify;
    font-size:14px;
    padding-left:5px;
}

/*============== Mensagens ERRO =============== */ 

.msnErro, .msnSucesso, .msnAlerta{
	padding:5px;
	margin-bottom:5px;
	margin-top:5px;
}


.msnErro img, .msnSucesso img, .msnAlerta img{
	float:right;
	margin-top:-30px;
}

.msnErro{
	border: 1px solid red;
	background-color:#FFE4E1;
}


.msnSucesso{
	border: 1px solid #6B8E23;
	background-color:#F0FFF0;
}


.msnAlerta{
	border: 1px solid #FFFF00;
	background-color:#FFFFE0
}

.msnAlerta h1{
	color:#FFA500;
}
.msnErro h1{
	color:#FF0000;
}


.imgalerta, .imgerro, .imgsucesso
{
    cursor:pointer;
}

.msnSucesso a {
	color:Blue !important;
}

/*============== Mensagens ERRO - FIM =============== */ 

label.labels{
	background-color:#FAFAD2;		
	padding:3px;
	border-bottom:1px solid #CC9;	
	color:#C90;
}


.tipoFrm0 /*============== Div que Quebra o input/select para baixo do texto =============== */ 
{
    clear:both;
    }
    
.tipoFrm0 label
{   
    clear:both;
    display:block;
    margin-top:10px;
    margin-bottom:5px;
   }