/*Criado por Fábio Augusto Bazanelli*/
/*Utilizado na intranet do Departamento de Ciências Biológicas - ESALQ/USP*/
/*Baseado nos tutoriais de www.maujor.com*/

body {
background-color:#FFFFFF;                /*define a cor de fundo aplicável ao site*/
margin-top: 7px;                          /*define o tamanho da margem superior*/
margin-left: 0px;                         /*define o tamanho da margem esquerda*/
margin-right: 0px;                        /*define o tamanho da margem direita*/
margin-bottom: 7px;                       /*define o tamanho da margem inferior*/
padding-top: 0px;                         /*define o espaçamento superior entre elementos HTML*/
padding-left: 0px;                        /*define o espaçamento esquerdo entre elementos HTML*/
padding-right: 0px;                       /*define o espaçamento direito entre elementos HTML*/
padding-bottom: 0px;                      /*define o espaçamento inferior entre elementos HTML*/
color: #000000;                           /*define a cor padrão do texto*/
font-family: Arial, Verdana, Tahoma;      /*define a fonte padrão do texto*/
font-size: 9pt;                           /*define o tamanho padrão da fonte*/
font-style: normal;                       /*define o padrão da fonte*/
font-variant: normal;                     /*define o padrão da fonte no quesito caixa alta ou não*/
font-weight: normal;                      /*define o peso padrão ou intensidade da fonte*/
letter-spacing: normal;                   /*define o espaçamento entre as letras*/
word-spacing: normal;                     /*define o espaçamento entre palavras*/
text-align: center;                       /*define o padrão de alinhamento do texto*/
text-decoration: none;                    /*define o padrão de decoração do texto*/
text-indent: 0px;                         /*define o padrão de tamanho para o início da escrita do parágrafo*/
text-transform: none;                     /*define se as letras serão maiúsculas, minúsculas etc.*/
white-space: normal;                      /*define como os espaços em branco serão interpretados pelo browser*/
direction: ltr;                           /*define a direção em que o texto será escrito*/
border-width: 0px;                        /*define a largura geral das bordas*/
border-style: none;                       /*define o estilo geral das bordas*/
border-color: #FFFFFF;                    /*define a cor das bordas*/
line-height: 110%;                        /*define o espaço padrão entre linhas*/
}

/*DEFINE OS PADRÕES ESSENCIAIS TOCANTES AO LAYOUT DE FORMATAÇÃO DAS PÁGINAS DO SITE*/
#general {                                /*define os parâmetros mínimos de formatação do maior quadro do layout*/
width:745px;
margin:0 auto;
text-align:left;
border-top:#004864 1px solid;
border-bottom:#004864 1px solid;
border-left:#004864 1px solid;
border-right:#004864 1px solid;
background-color:#FFFFFF;
}

#banner {                                 /*define os parâmetros mínimos tocantes à área de inserção do banner de chamada do site*/
height: 85px;
margin: 0px;
border: 0px;
border-top: #FFFFFF 0px solid;
border-bottom: #FFFFFF 0px solid;
border-left: #FFFFFF 0px solid;
border-right: #FFFFFF 0px solid;
background-color: #FFFFFF;
background-image: url("images/top.jpg");
background-repeat: no-repeat;
}

#auxiliar_title{                          /*define os parâmetos mínimos tocantes à área de inserção das informações do título auxiliar da página*/
width: 730px;
height: 20px;
padding: 5px;
border: 0px;
font-family: Arial, Verdadna, Tahoma
font-size: 11pt;
font-weight: bold;
color: #004864;
text-align: right;
background-color: #FFFFFF;
}

#copyright {                              /*define os parâmetros mínimos tocantes à área de inserção das informações do rodapé do site*/
height: 15px;
margin: 0px;
clear: both;
padding: 0px;
padding-right: 5px;
border-width: 0px;
border-top: #FFFFFF 0px solid;
border-bottom: #FFFFFF 0px solid;
border-left: #FFFFFF 0px solid;
border-right: #FFFFFF 0px solid;
font-family: Arial, Verdadna, Tahoma;
font-size: 7pt;
font-weight: normal;
font-style: italic;
color: #606060;
text-align: right;
background-color: #FFFFFF;
}

#menu {                                   /*define os parâmetros mínimos de formatação da área (coluna) de inserção do menu de navegação lateral*/
width: 145px;
height: 350px;
padding:0px;
padding-top: 5px;
padding-left: 5px;
vertical-align: top;
line-height: 120%; 
float: left;
border-top: #FFFFFF 0px solid;
border-bottom: #FFFFFF 0px solid;
border-left: #FFFFFF 0px solid;
border-right: #FFFFFF 0px solid;
text-align: justify;
background-color: #FFFFFF;
}

#text_area {                              /*define os parâmetros mínimos de formatação da área (coluna) de inserção das informações essenciais do site*/
width: 450px;
vertical-align: top;
padding:0px;
padding-left: 30px;
padding-right: 0px;
padding-bottom: 10px;
float:left;
border-top: #FFFFFF 0px solid;
border-bottom: #FFFFFF 0px solid;
border-left: #FFFFFF 0px solid;
border-right: #FFFFFF 0px solid;
text-align: justify;
background-color: #FFFFFF;
}

#support {                                /*define os parâmetros mínimos de formatação da área (coluna) de inserção das informações suplementares*/
width: 200px;
text-align: justify;
padding:0px;
vertical-align: top;
float: right;
border-top: #FFFFFF 0px solid;
border-bottom: #FFFFFF 0px solid;
border-left: #FFFFFF 0px solid;
border-right: #FFFFFF 0px solid;
background-color: #FFFFFF;
}


/*DEFINE OS PADRÕES DOS SUB-TÍTULOS*/
div.subtitle  {
top: 0px;
left: 0px;
color: #000000;
font-size: 8pt;
font-weight: bold;
font-style: normal;
line-height: 120%;
}

/*DEFINE OS PADRÕES DAS TAGS DE INFORMAÇÃO DE ERRO DE PREENCHIMENTO FORMULÁRIO*/
div.error  {
top: 0px;
left: 0px;
background-color:#FFFFFF;
font-size: 8pt;
font-weight: bold;
line-height: 100%;
margin-top: 3px;
margin-left: 35px;
margin-bottom: 2px;
padding-top: 2px;
padding-left: 2px;
padding-bottom: 2px;
}

/*DEFINE OS PADRÕES DAS TAGS 'SPAN' DE FORMATAÇÃO DE FONTES*/
span.fontcolor {
font-size:9pt;
color:#4A4A4A;
}

/*INFORMAÇÕES SOBRE A CONFIGURAÇÃO ESTÉTICA COMPLETA DO SIMPLE TREE MENU LATERAL*/
.treeview ul{
margin:0px;
padding:0px;
border:0px;
display:block;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
/*background: url(images/list.gif) no-repeat left center;*/
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
/*background: url(images/closed.gif) no-repeat left 1px;*/
cursor: pointer !important;
cursor: pointer !important;
}

.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}


/*DEFINE OS PADRÕES MÍNIMOS PARA A FORMATAÇÃO DOS LINKS*/
a:link {                                  /*define as preferências para link comum*/
font-weight:normal; 
color: #606060;
text-decoration: none;
}

a:visited {                               /*define as preferências para link visitado*/
font-weight:normal;
color: #606060;
text-decoration: none;
}

a:hover {                                 /*define as preferências para ativado com o mouse*/
font-weight:normal;
color: #CCCCCC;
text-decoration: underline;
}

/*DEFINE OS PADRÕES MÍNIMOS PARA A FORMATAÇÃO DAS CAIXAS DE ENTRADA DE DADOS DOS FORMULÁRIOS*/
SELECT {
font-size:8pt;
font-family:tahoma,arial,verdana;
color:#4A4A4A;
}

TEXTAREA {
font-size:8pt;
font-family:tahoma,arial,verdana;
color:#4A4A4A;
}

INPUT {
font-size:8pt;
font-family:tahoma,arial,verdana;
color:#4A4A4A;
}

/*DEFINE OS PADRÕES MÍNIMOS PARA A FORMATAÇÃO DE CALENDÁRIO ONDE SE FIZER NECESSÁRIO*/
 .tabela{
   background:#fff;
   width:200px;
   padding:0px;
   border:1px solid #f0f0f0;
   float:left;
   margin-right:20px;
   }
   .td{
   background:#f8f8f8;
   width:20px;
   height:20px;
   text-align:center;
   
   }
   .hj{
   background: #FDFEDE;
   width:20px;
   height:20px;
   text-align:center;
   }
   .escolhida{
   background: #B6C3FD;
   width:20px;
   height:20px;
   text-align:center;
   }
   .dom{
   background: #CAE6EE;
   width:20px;
   height:20px;
   text-align:center;
   }
   .evt{
   background: #CCFF99;
   width:20px;
   height:20px;
   text-align:center;
   }
   .mes{
   background:#fff;
   width:auto;
   height:20px;
   text-align:center;
   }
   .show{
   background:#202020;
   width:300px;
   height:30px;
   text-align:left;
   font-size:12px;
   font-weight:bold;
   color:#CCFF00;
   padding-left:5px;
   }
   .linha{
   background:#404040;
   width:300px;
   height:20px;
   text-align:left;
   font-size:11px;
   color:#f0f0f0;
   padding:1px 1px 1px 10px;
   }
   .sem{
   background: #ECE6D9;
   width:auto;
   height:20px;
   text-align:center;
   font-size:12px;
   font-weight:bold;
   font-family:Verdana;
   }
   body,td,th {
           font-family: Verdana;
           font-size: 11px;
           color: #000000;
   }