/* ********************************************************* *
 * SECAO LAYOUT   http://tjkdesign.com/articles/liquid/6.asp *
 *
 * display:inline-block; to make sure MSIE doesn't paint the backround above the containers,
 * overflow:hidden;      to make sure the containers do not drop below siblings
 *                       if content pushes the width (in modern browsers it doesn't drop,
 *                       but it spawns an horizontal scrollbar)
 * ********************************************************* */
body { margin:0 auto; padding:0; width: 800px;}
html { margin:0 auto; padding:0; }
div  { margin:0px;    padding:0px; }

#cabeca,#menu,#conteudo,#coluna,#rodape {display:inline-block}
#cabeca,#menu,#rodape {width:100%}   /* safari and opera need this */
#conteudo             {width:80%;   float:right}
#conteudo.full        {width:98%;   float:right}
#coluna               {width:19.9%; float:left}
#rodape               {clear:left}
/*******************************************************************/
#cabeca   {margin:5px 0px; padding:0;}
#conteudo {margin:0px;     padding:0;}
#menu     {margin:0px;     padding:0;  /*position:relative;*/ }
#rodape   {margin:5px auto;}
#coluna   {margin:0px;     padding:0; z-index: 5;
  /*  width: 190px;*/
  /*  float: left;*/
}

#conteudo div.assunto                 {margin: 5px 0px 5px 5px;  padding: 10px;}
#conteudo div.assunto h1              {margin: 0px;  padding: 10px;}
#conteudo div.assunto p.assuntoFooter {margin: 5px;  padding: 10px;}

#coluna #quadro2,
#coluna #quadro1 {
  margin:  5px 0px;
  padding: 4px;
}
#coluna #quadro2 h1,
#coluna #quadro1 h1 {
  margin:  5px;
  padding: 4px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
#coluna p,
#coluna ul {
  margin:  5px;
  padding: 0;
  list-style:  none;
  line-height: 130%;
}

/* *********************** *
 * Elementos do Cabecario  *
 * *********************** */
#govgov    {
  height: 9px; position:relative; top:0px; font-size:1px;
}
#header {
  background: #f8f8f8; /*#f5f5f5;*/
  /* margin: 0px 0px 0px 0px;*/
  padding: 0;
  position: relative;
  height:120px;
  top:0px;
}
#header #ufrgs {
  background: #ffffff;
  float: left;
  margin: 0 0 0px 0;
  padding: 0px 0px 0px 0px;
  width:149px;
  height:120px;
  position:absolute;
  top:0px;
  font-size:1px;
}
#header #titulo {
  background: #ffffff;
  text-align:center;
  position:absolute;
  vertical-align:middle;
  top:10px;
  left:20%;  /* 20+60+20*/
  width:65%;
  /*  height:47px;*/
}
#header #imat {
  background: #ffffff;
  float:right;
  right:10px;
  width:103px;
  height:120px;
  /*  position:absolute;*/
}

/* ************************ *
 * GERAL + Preparacao       *
 * ************************ */
.xl { font-size: 20px;}
.l  { font-size: 17px;}
.m  { font-size: 14px;}
.s  { font-size: 13px;}
.xs { font-size: 10px;}

.red   {color:#F02020;}
.green {color:#20F020;}
.blue  {color:#2020F0;}

/* ***************************** *\
 * elementos comuns              *
 * ***************************** */
ul.left li{text-align:left;}
/*ul li     {display:inline}*/


h1 a   {text-decoration: none;}
h1     {font-size: 17px; margin:0px; padding:0px;}
h2     {font-size: 14px; margin:10px 0px 10px 0px; text-align: right; }
h3     {font-size: 13px; margin:10px; padding:0px; font-style:italic;}
h4     {font-size: 11px; margin:0px; padding:0px;}
h5     {font-size: 10px; margin:0px; padding:0px;}
h6     {font-size: 10px; margin:0px; padding:0px;}
li     {font-size: 13px; margin-bottom: 10px; text-align: justify;}
p      {font-size: 13px; margin:10px; padding:0px; text-align: justify; text-indent:2em;}
p.bold {font-weight: bold;}
p.right{text-align: right;}
p.center{text-align: center;}
hr     {margin:10px 0 0 0;  padding: 0px; border: 0px;background:#cccccc;color:#000000;height:1px;}
a img  {border-width:0px;}
a:link    {color:#0000FF; background-color:transparent}
a:visited {color:#0080c0; background-color:transparent}
a:active  {color:#0000a0; background-color:transparent}
a:hover   {color:#000080; background-color:transparent}
img.foto  {padding-left:20px; float:right;}
table.comum,
table.comum td{
  margin:0px;
  border:1px solid gray;
  padding:3px;
}
/* ************* *\
 * secao color   *
 * ************* */
A.azul   { text-decoration: none; color: #21638C; }
/*A.branco { text-decoration: none; color: white; }*/


/*html,body{*/
body {
  font:  14px arial,helvetica,verdana,sans-serif;
  color: #21638c;
}

.linhaforte { background-color: #E3E3E3;}
.linhafraca { background:#FFFFFF}

html{
  /*background-color: #ffffff;*/
  background-color: #d3e3fa;
  /*background-color: #2a5d97;*/
  background-image: url('../imagens/fundoc.png');
  /*background-size:300%;*/
  background-repeat: repeat-x;
}
#cabeca   {background:#eee}
#menu     {background:#21658c}
#conteudo {background:transparent}
#coluna   {background:transparent}
#rodape   {background:#eee}


#conteudo div.assunto,
#coluna #quadro2,
#coluna #quadro1{
  background-color: white;
  color: #21638c;
}
/* older  */
#conteudo div.older h1 {
  border-color: #333;
}
#coluna #quadro2 h1,
#coluna #quadro1 h1{
  background-color: #99ABB5;
  color: #21638c;
  border-color: #333;
}
#conteudo div.assunto h1,
#conteudo div.assunto h1 a,
#conteudo div.assunto p.assuntoFooter,
#conteudo div.assunto p.assuntoFooter a{
  background-color: #21638c;
  color: #ffffff;
}
#conteudo div.older h1,
#conteudo div.older h1 a,
#conteudo div.older p.assuntoFooter,
#conteudo div.older p.assuntoFooter a {
  background-color: #99ABB5;
  color: #333;
}

tr.tipo0 {background-color: #FFFFFF;}
tr.tipo1 {background-color: #E0E0E0;}

td.yellow {background-color: #FFFFAA;}
td.red {background-color: #FFAAAA;}
td.green {background-color: #AAFFAA;}
td.blue {background-color: #AAAAFF;}
td.RED {background-color: #FF0000;}


#conteudo .novo {font-weight:bold;}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */