/* ----------------------------------------------------------------------------------------------------------------------
  PT: estilos genéricos
  EN: generic styles
   ------------------------------------------------------------------------------------------------------------------  */

table th
{
  font-weight: normal;
  text-transform: uppercase;
}


/* --- main table ------------------------------------------------------------------------------------------------------- */

table#main
{
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 960pt;/* 100%;*/
  height: 100%;
  border-spacing: 0;
  empty-cells: show;
}



/* ---------------------------------------------------------------------------------------------------------------------- */
/* PT: conteúdo do corpo */
/* EN: body contents */

tr.body
{
  height: 100%;
  vertical-align: top;
}

#main > tbody > tr:first-child
{
}

#main > tbody > tr:first-child + tr > td:first-child + td
{
  max-width: 960pt;
}

#main > tbody > tr.ribbon > td
{
  background: #E8E8E8;
  text-align: center;
  vertical-align: middle;
  padding-bottom: 20pt;
}

#main > tbody > tr.ribbon > td > div
{
  margin: 0;
/*   height: 30pt; */
  background: white;
  box-shadow: 0 0 10pt 5pt rgba(0, 0, 0, 0.25);
  z-index: 200;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  overflow: visible;
  padding-top: 10pt;
  padding-bottom: 10pt;
}

#main > tbody > tr.ribbon > td > div > a
{
  margin-left: 10pt;
  margin-right: 10pt;
  margin-top: 15pt;
  margin-bottom: 15pt;

  vertical-align: middle;

  color: black;
  text-transform: uppercase;
  font-size: 12pt;
  font-family: "Quicksand", sans-serif;
  letter-spacing: 1pt;
}

#main > tbody > tr.ribbon > td > div > a:hover
{
  color: white;
  text-shadow:
  -1px -1px 0 #888,
  1px -1px 0 #888,
  -1px 1px 0 #888,
  1px 1px 0 #888;
}

#main > tbody > tr.bottom > td
{
  padding-top: 0;
  z-index: 0;
  background-color: #E8E8E8;
}

#main > tbody > tr.bottom > td#front-menu
{
  /*width: 960pt;*/
  padding-left: 2em;
  padding-right: 2em;
}

#content
{
  height: 100%;
  padding: 20pt;
  vertical-align: top;
  font-size: 10.5pt;
}



table.categories
{
  width: 100%;
  margin-top: 15pt;
  margin-bottom: 15pt;
  border-spacing: 20pt;
  background-color: rgba(0, 0, 0, 0.5);
}

table.categories > tbody > tr > th
{
  font-weight: 500;
  text-transform: uppercase;
}


#main-nav
{
  margin-left: auto;
  margin-right: auto;
  border: 0;
  border-spacing: 10pt;
}

#main-nav > tbody > tr > td
{
  width: 160pt;
  height: 100pt;
  padding: 0;
  border: 0;
  vertical-align: bottom;
/*   border: 2px solid white; */
/*   border-radius: 5pt; */
  box-shadow: 0 0 10pt -3pt; #000;
}


#main-nav > tbody > tr > td:hover
{
  box-shadow: 0 0 10pt 0; #000;
}


#main-nav > tbody > tr > td > div
{
  margin: 0;
  text-align: center;
  background-color: white;
/*   border-bottom-left-radius: 3pt; */
/*   border-bottom-right-radius: 3pt; */
  padding: 3pt;
  text-transform: uppercase;
  font-family: "Quicksand", sans-serif;
  font-weight: normal;
}

#main-nav > tbody > tr > td.academia
{
  background: url('/images/academia.jpg');
  background-size: cover;
}

#main-nav > tbody > tr > td.about
{
  background: url('/images/about.jpg');
  background-size: cover;
}

#main-nav > tbody > tr > td.projects
{
  background: url('/images/projects.jpg');
  background-size: cover;
}

#main-nav > tbody > tr > td.services
{
  background: url('/images/services.jpg');
  background-size: cover;
}

#front-text
{
  margin-top: none;
  margin-bottom: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 670pt;
  font-size: 0.9em;
/*   border-spacing: 20pt; */
}


#front-text > tbody > tr > td
{
  padding: 0;
  vertical-align: top;
}

#front-text > tbody > tr > td:first-child
{
  padding-right: 10pt;
}

#front-text > tbody > tr > td:last-child
{
  padding-left: 10pt;
}