/* CSS Document - Imagens de fundos e atributos de texto */
 
  
/* Altera tributos da div
o ".' é usado para indicar a class do objeto
o "#" é usado para indicar o id do objeto*/

*{ /* Aplicável a todos os elementos da janela */
/* Vai permitir que os objetos ocupem toda extensão da página */
  margin: 0;  
}
	
/*-------------- Links --------------*/
A:link {text-decoration:none;color:#0000FF;} /* Azul */
A:visited {text-decoration:none;color:#FF0000;} /* Vermelho */
A:hover {font-size:15px;text-decoration:underline;color:#006633;font-weight:bold;} /* Verde */
A:target {target: div_sub_Conteiner;}
/*----------------------------------*/

/* Este comando não influencia no resultado final
   html, body{height: 100%; padding: 0px;}
*/

.div_Caput{ /* Escopo: Class legumes*/
  position: absolute; 
  width: 100%;
  height: 50px;
  background-color: #006400;
  font-weight: bold; 
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;  
  float: top;
  z-index: 2;
}	

.div_CaputE{
	position: absolute;
	width: 52px;
	margin-left: 4px;
	padding-top: 4px;
}

.div_CaputC{
	position: absolute;
	margin-left: 54px;
	color: #FFFF00;	
}

.div_bemvindo{
	position: absolute;
	left: 0;
	top: 0;
	width: 500px;
	font: 20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.div_ano{
	position: absolute;
	left: 0;
	top: 25px;
	width: 40px;
	font: 20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.div_LocalData{
	position: absolute;
	top: 30px;
	left: 180px;
	width: 320px;
    font-size: 14px;
}	
.span_titulo{
	font-size: 25px;
}	
	
.div_CaputD{
	position: absolute;
	right: 4px;
	color: #FFFF00;
	font-family: "Times New Roman", Times, serif;
}	
.div_Menu_inicial{ /* Escopo: Class legumes*/
  position: absolute; 
  width: 100%;
  height: 23px;
  background-color: #FFFF00;
  top: 50px;
  font-size: 14px; 
  border-left: 13px;
	border-color: #006400;  
/* border-radius arredonda as quinas da div */
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;  
  padding-left: 8px;
  padding-top: 2px;

}
.div_intraMenuInicial{
	position: absolute;
	left: 4px;
	width: 650px;
	/* padding: 10px; */
}

.div_Conteiner{ /* Garante o posicionamento correto do rodapé */
  /* background-color: #DDA0DD;  */
  position: absolute;
  width: 100%;
  /* Estas duas propriedades conjugadas e sem "height" permitem que a div preencha toda a janela */
  top: 76px;
  bottom: 0;  
}
/*
.div_FaixaVerde {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	width: 13px;
	background-color: #006400;
	z-index: 1;
}  */


.div_sub_Conteiner{
  /* background-color: #6495ED; */
  background-color: yellow; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, yellow , white); /* Standard */
  position: absolute;
  width: 100%;
  height: 100%;
  /* padding: 10px; */
  margin: 0;  
  padding: 0;
  
  /* Observações:
  todas as propriedades que atingem o top ou bottom desarranjam a limitação do sub_conteiner 
  Parte do texto no final está sendo escondida pelo rodapé  
  Para contornar este problema, basta inserir um parágrafo em branco "<p>&nbsp;</p>" após a ultima linha do texto.
  Inserir também antes da primeira linha vai simular um padding-top */
    
  /* autoscroll - só funciona se for especificado "height" */
  /* Esconde o conteúdo que excede o tamanho da div */
  overflow: auto;
  
}
#NomeUsuario{
	position: absolute;
	/* top: 50px; */
	right: 40px;
    padding-top: 2px;
	padding-right: 40px;
	font-weight: bold;
}	
#Sair{
	position: absolute;
	/* top: 50px; */
	right: 30px;
    padding-top: 2px;
	
	font-weight: bold;
}	
#Login{
	position: absolute;
	/* top: 50px; */
	right: 30px;
    padding-top: 2px;	
	font-weight: bold;
}	
.div_rodape{
	position: absolute;
    width: 100%;
	background-color: #006400;
	color: #FFFF00;
	padding: 3 10 3 10px;
	text-align:center;
	font-size: 12px;
	bottom: 0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;	
}
.ip{
	position: absolute;
	top: 0px;
	left: 30px;
	font-size: 12px;
	font-weight: bold;
}
/* ------------- */
#frame_conteiner{
	position: absolute;
	margin: 0;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	border: 0; /* Elimina a duplicidade de barras verticais de rolamento  */
	
}