/* DEFINICOES GERAIS */
* {font-family: Verdana, Arial, sans-serif; font-size: 12px; color:#000; margin:0; padding:0;}
  
fieldset {width: 400px; border:none;}
h1       {font-size: 14px; padding: 5px 0px 5px 0;}
h2       {font-size: 16px; padding: 5px 0px 5px 0; color: #0055a6;}
h3       {font-size: 20px; padding: 5px 0px 5px 0; color: #4E4E4E;}
h4       {font-weight: bold;}
h5       {font-size: 14px; padding: 5px 0px 5px 0; color: #FFFFFF;}
img      {border:0;}
li       {list-style:none;}
a        {text-decoration:none;}
hr       {display:none;}

legend   {font-weight: bold; color:#000000;}
label    {background-color: #FFF; border: 0px solid #075685; font-weight: bolder;}
input    {background-color: #FFF; border: 1px solid #075685; padding: 1 3 3 1px; margin: 0 0 2px 0px;}
select   {background-color: #FFF; border: 1px solid #075685; padding: 1 3 3 1px;}
textarea {background-color: #FFF; border: 1px solid #075685; padding: 1 3 3 1px;}
button   {background-color: #FFF; border: 1px solid #075685; padding: 1 3 3 1px;}
span     {font-weight: bolder; color:#F00000;}



/* box geral */

/* Definicao de fundo, border e pading do form */
#formulario {
   width: 480px;
   background-color:#FFF;
	border:1px solid #F7F7F7;
	padding:10px;

}
/* Definicao de margin e padding para o fieldset do form */
#formulario fieldset {
   width: 480px;  
   border:1px solid  #C0C0C0;
	margin-bottom:15px;
	padding:10px;
	background:#FCFCFC;
}
/* Definicao do tamanho da legenda do fieldset */
#formulario fieldset fieldset legend{
	font-weight: bolder;	
	color:#000;
}
/***************************************************************************************/
/* Definicoes campos BOTOES */
#box-botoes li{
    background-color: #d5f2d6;
}
#box-botoes .incluir :hover  {background-color: #d5f2d6;}
#box-botoes .gravar  :hover  {background-color: #d5f2d6;}
#box-botoes .excluir :hover  {background-color: #ff0080;}
#box-botoes .cancelar:hover  {background-color: #d5f2d6;}
#box-botoes .buscar  :hover  {background-color: #d5f2d6;}
#box-botoes .ancora          {margin-left: -1000px;}

/* Definicoes do box LOGIN */
#box-login          {width: 450px;}
#box-login .email   {Width: 250px;}
#box-senha          {Width: 90px;}
#box-senha input    {Width: 70px;}

/* Definicoes do box DATA */
#box-data        {width: 90px; height: 40px;}
#box-data  input {width: 80px;}

/* Definicoes do box DATA */
#box-calendario       {width: 120px; height: 40px;}
#box-calendario input {width: 80px;}

/* Definicoes do box FOTO */
#box-foto         {width: 450px; height:auto; border:1px solid;} 
#box-foto input   {width: 700px;}
#box-foto .ico    {width: 19px; height: 15px; padding: 0;  margin: 0;}

/* Definicoes do box FOTO */
#box-foto_tb      {width: 300px; height:auto;} 
#box-foto_tb img  {width: 150px;}

/* Definicoes do box FOTO */
#box-foto-album   {width: 700px; height:auto; padding: 0 0 0 100px;} 

/* Definicoes do box ANEXAR */
#box-anexar       {width: 100px; height: 40px;} 
#box-anexar input {width: 300px;} 
#box-anexar .ico  {width: 19px; height: 15px; padding: 0;  margin: 0;}

/* Definicoes do box ATIVA */
#box-ativa       {width: 60px;  height: 40px;}
#box-ativa input {width: 30px;  border:0;}

/* Definicoes do box DESTAQUE */
#box-destaque       {width: 60px; height: 40px;}
#box-destaque input {width: 30px; border:0;}

/* Definicoes do box TEXTO */
#box-titulo            {width: 450px; height: auto;} 
#box-titulo input      {width: 400px;}

/* Definicoes do box TEXTO */
#box-texto            {width: 450px; height: auto;} 
#box-texto input      {width: 400px;}

/* Definicoes do box Mensagem */
#box-mensagem .ok   {width: 400px;} 
#box-mensagem .erro {width: 400px; color:#F00;} 

/* Definicoes do box MSG */
#box-msg       {width: 430px;} 
#box-msg input {Width: 400px;}

/* Definicoes campos USUARIO */
#box-dadospessoais  {width: 450px;} 

#box-nome           {width: 330px;}
#box-nome input     {width: 330px;}
#box-datanasc       {width: 130px;}
#box-datanasc input {width: 80px;}
#box-sexo           {width: 100px;}
#box-sexo input     {width: 90px;}
#box-email          {width: 330px;}
#box-email input    {width: 330px;}
#box-senha-usu      {width: 150px;}
#box-senha-usu input{width: 70px;}

#box-telefone       {width: 150px;}
#box-telefone input {width: 140px;}
#box-endereco       {width: 330px;}
#box-endereco input {width: 390px;}
#box-bairro         {width: 330px;}
#box-bairro input   {width: 330px;}
#box-numero         {width: 80px;}
#box-numero input   {width: 80px;}
#box-uf             {width: 80px;}
#box-uf select      {width: 70px;}
#box-cidade         {width: 330px;}
#box-cidade input   {width: 330px;}

#box-sistema        {width: 450px;}
#box-avisar         {width: 90px;}
#box-avisar input   {width: 90px; border:0;}
#box-adm            {width: 90px;}
#box-adm input      {width: 90px; border:0;}
#box-adm_sis        {width: 90px;}
#box-adm_sis input  {width: 90px;}
#box-obs            {width: 400px;}
#box-obs input      {width: 400px;}

/* Definicoes campos NOTICIA */
#box-noticia          {width: 450px;}
#box-datanoticia      {width: 90px; height: 40px;}
#box-datanoticia input{width: 80px;}
#box-ativa            {width: 60px;  height: 40px;}
#box-ativa input      {width: 30px;  border:0;}
#box-destaque         {width: 80px;  height: 40px;}
#box-destaque input   {width: 30px;  border:0;}
#box-titulo           {width: 460px; height: 90px;}
#box-titulo input     {width: 400px;}
#box-foto img         {width: 450px; height: auto;}

/* Definicoes campos FOTO*/
#box-datafoto         {width: 90px; height: 40px;}
#box-datafoto input   {width: 80px;}
#box-inativa          {width: 60px; height: 40px;}
#box-inativa input    {width: 30px; border:0;}

/* Coloca lado a lado so campos  */

/***********************************************************************************/
/* BUSCAR */
#busca ul li       {background:#FFFFFF; width:auto; height:auto; text-align:center;}
#busca .busca      {text-align:left;  color:#000;}
#busca .resultado  {text-align:right; color:#000;} 

/* LISTAR */
#lista ul         {width:100%; height:auto;}
#lista table      {background:#FFFFFF; width:500px; height: auto; padding:1px;}}
#lista .cabecalho {background:#999999; width: auto; height: 25px; color:#FFF; font-weight: bolder;}
#lista  a:link    {float:left; color:#555555; background:#FFFFFF; padding:1px;}	
#lista  a:visited {float:left; color:#000000; background:#FFFFFF; padding:1px;}	
#lista  a:hover   {float:left; color:#FFFFFF; background:#555555; padding:1px;}	
#lista  a:active  {float:left; color:#000000; background:#FFFFFF; padding:1px;}
	
/* PAGINACAO */
#paginacao  ul        {background:#999; width:540px; height:auto; border: 1px solid;}
#paginacao  li        {text-align: center;}
#paginacao  h6        {float:left; color:#DFDFDF; background:#555555; padding:4px;}
#paginacao  a:link    {float:left; color:#555555; background:#DFDFDF; padding:4px;}	
#paginacao  a:visited {float:left; color:#555555; background:#DFDFDF; padding:4px;}	
#paginacao  a:hover   {float:left; color:#FFFFFF; background:#C7C7C7; padding:4px;}	
#paginacao  a:active  {float:left; color:#DFDFDF; background:#808080; padding:4px;}