/*
** app.css
*/

body,h1,h2,h3,h4,h5,h6,p,form,ul,ol,li,dl,dt,dd,table {
  margin:0;
  padding:0;
 	border:none;
}

ul { list-style:none }
img { border:0 }


/****************
** Lattes    *
****************/

td.agrupadorsub {
  color: #000077;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid #fff; 
}

td.AtuaProfTabelaCelula95 {
  color: #ffffff;
  background-color: #29425a;   
  text-decoration: none;
  font-weight: bold;
}           
/*  fim Lattes  */





/****************
** container    *
****************/

#app_container {
  width: 99%;
  margin: 10px auto;
  background-color: #fff;
  color: #333;
  border: 1px solid gray;
  line-height: 130%;
  background:url(/lib/container.jpg) repeat right top white;
}

#app_container.big {
  width: 1200px;
}



/*************
** header    *
*************/

#app_header {
  padding: 0;
  background-color: #fff;
  border-bottom: 0px solid gray;
}

#app_header.fullpage {
  border-bottom: 1px solid gray;
}

#app_header table {
  background-color: #FFF;
}

/***********
** menu    *
***********/

#app_menu {
  padding: 0;
  background-color: #99b2cc;
  height: 20px;
  border-bottom: 0px solid gray;
}

#app_menu ul
{
  padding-left: 0;
  margin-left: 0;
  background-color: #668cb3;
  color: White;
  border-top: 0px solid #fff;
  float: left;
  width: 100%;
}

#app_menu ul li { display: inline; }

#app_menu ul li a
{
  padding: 0.3em 1.0em;
  background-color: #668cb3;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  float: left;
  border-right: 0px solid #fff;
}

#app_menu ul li a:hover
{
  background-color: #369;
  color: #fff;
}

#app_menu ul li a#current
{
  background-color: #fff;
  color: #369;
}


/**************
** submenu    *
**************/

#app_submenu {
  float: left;
  width: 180px;
  margin: 0;
  padding: 10px 0 10px 0;
  border-right: 1px #333 solid;
}

#app_submenu img {
  margin: 0 0 10px 10px;
  padding: 0;
}


#app_submenu h1, #app_submenu h2,  #app_submenu h3
{
  font-size: 100%;
  line-height: 1.3em;
  border-bottom: 1px white solid;  
}

#app_submenu h1 a, #app_submenu h1.inactive
{
  display: block;
  color: #FFF;
  background-color: #668cb3;
  width: 140px;
  padding: 3px 30px 3px 10px;
  text-decoration: none;
  border-bottom: 1px solid #fff;
  font-weight: bold;
}

#app_submenu h2 a, #app_submenu h2.inactive
{
  display: block;
  width: 150px;  
 /*Em declaração única a ordem das espaçamentos é: superior, direito, inferior e esquerdo. */
  padding: 3px 20px 3px 10px;
  color: #333;
  text-decoration: none;
  background-color: #eaeff5;
  /*background-color: #e1e8f0;*/
  font-weight: bold;  
  text-decoration: none;
  text-transform: normal;
}
#app_submenu h4
{
  font-size: 100%;
  display: block;
  line-height: 1.3em;
  border-bottom: 1px #fff solid;  
}
#app_submenu h4 a, #app_submenu h4.inactive
{
  display: block;
  width: 160px;  
  padding: 3px 10px 3px 10px;
  color: #ffffff;
  background-color: #147;
float: center;
  font-weight: bold;  
  text-decoration: none;
  text-transform: uppercase;
  border-left: 0px solid #147;
}


#app_submenu h3 a, #app_submenu h3.inactive
{
  display: block;
  width: 160px;  
  padding: 3px 10px 3px 10px;
  color: #333;
  background-color: #fff;
  font-weight: normal;  
  text-decoration: none;
  text-transform: normal;
}


#app_submenu h1 a:hover, #app_submenu h2 a:hover, #app_submenu h3 a:hover
{
  background-color: #369;
  color: #FFF;
}

#app_submenu div.busca {
}

#app_submenu div.busca h1 a {
 color:#000; 
 background-color:#eaeff5;
}

#app_submenu div.busca h1 a:hover {
 color:#fff; 
 background-color:#369;
}

#app_submenu div.busca img {
  margin:0;
  padding:0;
  border: 1px solid #000;
}


/**************
** content    *
**************/

#app_content {
  margin-left: 180px;
  border-left: 1px solid #333;
  padding: 10px 10px 10px 3.5em;
  /*max-width: 60em;*/
  /*background-color: yellow;*/
  /*background:url(/lib/container.jpg) no-repeat right top white;*/
}

#app_content.fullpage {
  border: 0px solid white;
  margin: 10px;
}

#app_content h1, #app_content h2 {
  margin: 0.4em 0em 0.5em 0em;
  padding: 0;
  margin-left: -30px;
}

#app_content p, #app_content h2, #app_content h3, #app_content dl {
  margin-top: 1em;
  margin-left: 0em;
  margin-bottom: 0.2em;
}

/*#app_content ul {
  margin-bottom: 0.2em;
}*/

#app_content li {
  list-style: square;
  margin-left: 2.5em;
  margin-bottom: 0.1em;
}

#app_content table {
 margin-left: 0em;
 padding: 0;
 font: 11px "Trebuchet MS", Verdana, sans-serif;
 color: #333;
 background-color: none;
}

#app_content table.principal {
  margin: 0 0 0 0;
  padding: 0;
  width: 100%;
}

#app_content table th {
  text-align:left;
}

/* destaque */

#app_content div.destaque {
  /*width: 480px;*/  /* mmc: deveria ser 100% */
		width: auto;
/*  background-color: #eaeff5;  */
  background-color: #fafaff;
  padding: 2em 1em 1em 1em;
  margin-left: -2.5em;
  border: 1px solid #333;
}

#app_content div.destaque h1 {
  font-size: 175%;
  line-height: 1.1em;
  padding-left: 0;
  color: #369;
 /*Em declaração única a ordem das espaçamentos é: superior, direito, inferior e esquerdo. */
  margin: 0.4em 0em 0.5em 0em;		
}

#app_content div.destaque h2 {
  font-size: 125%;
		padding-left: 0px;
  color: #0f87bb;
  border: none;
  margin: 1em 0em 0.1em 0em;		
}

#app_content div.destaque h3 {
  font-size: 100%;
		padding-left: 30px;
  color: #0f87bb;
  margin: 1em 0em 0.1em -2.7em;		
}

#app_content div.destaque h4 {
  font-size: 100%;
		padding-left: 50px;
  color: #333;
  margin: 0.1em 0em 0.1em 0em;
		margin-left: -3.4em;				
}


#app_content div.destaque a {
  font-weight: bold;
  color: #0f87bb;
}

#app_content div.destaque a:hover {
  color: #fff;
  background-color: #0f87bb;
}


#app_content div.destaque ul {
  margin: 0.5em 0em 0.5em 1em;
}

#app_content div.destaque li {
   margin-bottom: 0.1em;
}

#app_content div.destaque dl, .destaque dd {
  margin: 0em;
}

#app_content div.destaque dd {
  margin-bottom: 0.5em;
}

#app_content div.leftcol {
  float: left;
  width: 400px;
  margin: 0px;
  padding: 0 0 0 0px;
  border-left: 1px #333 solid;
  background-color: red;
}

#app_content div.rightcol {
  margin: 0 0 0 420px;
  padding: 0px;
  border-left: 1px #333 solid;
  background-color: green;
}

#app_content div.noticia a  {
  font-size: 140%;
  color: #0f87bb;
  text-decoration: none;
}


/*************
** footer    *
*************/

#app_footer {
  clear: both;
  margin: 0;
  padding: 5px;
  color: #333;
  background-color: #fff;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
}


body {
 margin-left: 0em;
 padding: 0;
 font: 11px "Trebuchet MS", Verdana, sans-serif;
 color: #333;
 background-color: white;
 background-image: url(/lib/app_body.gif);
}

html,body { height:100% }

table {
 margin-left: 0em;
 padding: 0;
 font: 11px "Trebuchet MS", Verdana, sans-serif;
 color: #333;
 background-color: none;
}

table th {
  text-align:left;
}

a:link, a:visited, table a:link, table a:visited {
  color: #0f87bb;
  font-weight : normal;
  text-decoration : underline;
}

a:hover, table a:hover {
  font-weight : normal;
  color: white;
  background: #0f87bb;
  padding: 0px;
  text-decoration: underline;
}

li, table li { 
  margin-left: -1em;
  text-indent: 0em;
  list-style-position: outside;
} 

img {
  border: 0px;
  vertical-align: middle;
}

dt {
  font-weight: bold;
  margin: 0em;
}

dd {
/*  margin-bottom: 1em;
  margin-left: 0em;*/
  margin: 0 0 1em 0em;
}

h1 {
  font-size: 175%;
  color: #258;
  padding: 0;
 /*Em declaração única a ordem das espaçamentos é: superior, direito, inferior e esquerdo. */
  margin: 0em 0em 0em 0em;		
}

h2 {
/*display: block; 
 background-color: #0f87bb;
  color: white;
*/
   font-size: 125%;
  color: #369;
  border-bottom: 1px dashed #0080c0;   
}

h3 {
  font-size: 100%;
  text-decoration: none;
  color: #369;
}
h5 {
  font-size: 105%;
  color: white;
  padding: 1px 1px 1px 6px;
  background: #668cb3;
  margin-top: 10px;
  margin-bottom: 7px;
}




hr {
  color: #369;
}

small { font-size: 90%; }


/**************
** Principal  *
**************/

.principal {
  /*width: 480px;*/  /* mmc: deveria ser 100% */
		width: auto;
  background-color: transparent;
  padding: 5px;
		margin-left: -30px;
		/*border: thin ridge #fff;*/
}

.principal h1 {
  font-size: 175%;
		padding-left: 30px;
  color: #369;
  margin: 0.1em 0em 0.1em 0em;		
}

.principal h2 {
  font-size: 125%;
		padding-left: 30px;
  color: #0f87bb;
  border-bottom: 1px dashed #afb4b4;
  margin: 0.1em 0em 0.1em 0em;		
}

.principal h3 {
  font-size: 100%;
		padding-left: 30px;
  color: #0f87bb;
  margin: -1em 0em 0.1em -2.1em;		
}

.principal h4 {
  font-size: 100%;
		padding-left: 50px;
  color: #333;
  margin: 0.1em 0em 0.1em 0em;
		margin-left: -3.4em;				
}

.principal ul {
  margin-left: 0em;
}

.principal li {
  list-style: outside url("bullet3.gif");
   margin-left: 1em;
  margin-bottom: 0.5em;
}


.principal dl, .principal dd {
  margin: 0em;
}

.principal dd {
  margin-bottom: 0.5em;
}

.principal ul {
  margin-top: 0.5em;
}

/**************
** Rank       *
**************/

table.rank {
 margin-left: 0em;
 padding: 50;
 font: 12px "Trebuchet MS", Verdana, sans-serif;
 color: #333;
 background-color: #eee;
}

.rank {
  /*width: 480px;*/  /* mmc: deveria ser 100% */
		width: auto;
  background-color: #eee;
  padding: 1em 1.5em 1em 1.5em;
		/*margin-left: -2.5em;*/
		border: thin ridge #fff;
}

.rank a { color: #0f87bb }
.rank a:hover { color: #fff; background-color: #0f87bb; }                                          



/*  #668cb3  */
/*  #0080c0  */

ul.menubar{
  color: white;
background-color: #369; 
  font-weight:bold;
  margin: 0px;
  padding: 0px;
/*  background-color: #369;  IE6 Bug */
  font-size: 1.0em;
  padding-left: 0;
  margin-left: 0;
  background-color: #369;
  float: left;
  width: 100%;
}

 
ul.menubar .submenu {
  color: white;
  background-color: #369;
  margin: 0px 0px 0px 0px;
  font-weight:bold;
  padding: 0px;
  list-style: none;
/*  border: 1px solid #ccc; */
  float:left;
 background: transparent url(space.gif) right center no-repeat;
 }

 
ul.menubar ul.menu2{
  display: none;      
  font-weight:bold;
  position: absolute;
 /*Em declaração única a ordem das espaçamentos é: superior, direito, inferior e esquerdo. */
  margin: 0px 0px 0px 0px;
 }
 
ul.menubar  a {
  color: white;
  background-color: #369;

   font-weight:bold;
  display: block;   

  padding: 5px;
  text-decoration: none;
}
 
ul.menu2, ul.menu2 ul{
  background-color: #369;
   font-weight:bold;
 margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
  width: 150px; /* Width of Menu Items */
/*  background-color: #009090;  IE6 Bug */
 background: transparent url(space.gif) right center no-repeat;
  }
 
ul.menu2 li{
  font-weight:bold;
 position: relative;
  list-style: none;
  border: 0px;
background: transparent url(space.gif) right center no-repeat;
}
 
ul.menu2 li a{
  display: block;   
  text-decoration: none;
  border: 1px solid #ccc;
  font-weight:bold;
  border-bottom: 0px;
  background-color: #369;
 /*Em declaração única a ordem das espaçamentos é: superior, direito, inferior e esquerdo. */
  padding: 5px 10px 5px 5px;
}
 
ul.menu2 li sup{
  background-color: #369;
  font-weight:bold;
  font-size:7px;
  color: white;
}
 
/* Fix IE. Hide from IE Mac \*/
* html ul.menu2 li { float: left; height: 1%; }
* html ul.menu2 li a { height: 1%; }
/* End */
 
ul.menu2 ul{
  color: #00ff;
  font-weight:bold;
  position: absolute;
  display: none;   
  left: 149px; /* Set 1px less than menu width */
  top: 0px;
  background-color: #369; /* IE6 Bug */
 background: transparent url(space.gif) right center no-repeat;
}
 
ul.menu2 li.submenu ul {   display: none;  } /* Hide sub-menus initially */
 
 ul.menu2 li.submenu {   font-weight:bold; background: transparent url(space.gif) right center no-repeat; } 

ul.menu2 li a:visited  {  font-weight:bold; background-color: #369; color: white;}
ul.menu2 li a:hover {  font-weight:bold; background-color: white; color: blue;}

li.submenu  a:visited  {  font-weight:bold; background-color: #369; color: white;}
li.submenu  a:hover {  font-weight:bold; background-color: white; color: blue;}
li.submenu  a#current {  font-weight:bold; background-color: #668cb3; color: white;}
li.submenu  a:hover#current {  font-weight:bold; background-color: white; color: blue;}
li.submenu  a#margem { margin: 0em 0em 0em 0em; font-weight:bold; background-color: white; color: white; border-bottom: 1px solid #afb4b4;}

/*  colocar a segunda linha com #dce6f0  */                                                                    

#menulink a:hover, #menulink a, #menulink a:link, #menulink a:visited, #menulink a:active
{
  background-color: transparent;
  color: white;
}


/*  ====================================================================== */

ul.menubar2{
  color: white;
background-color: #668cb3; 
  font-weight:bold;
  margin: 0px;
  padding: 0px;
/*  background-color: #668cb3;  IE6 Bug */
  font-size: 1.0em;
  padding-left: 0;
  margin-left: 0;
  background-color: #668cb3;
  float: left;
  width: 100%;
}

 
ul.menubar2 .submenu2 {
  color: white;
  background-color: #668cb3;
  margin: 0px 0px 0px 0px;
  font-weight:bold;
  padding: 0px;
  list-style: none;
/*  border: 1px solid #ccc; */
  float:left;
 background: transparent url(space.gif) right center no-repeat;
 }

 
ul.menubar2 ul.menu3{
  display: none;      
  font-weight:bold;
  position: absolute;
 /*Em declaração única a ordem das espaçamentos é: superior, direito, inferior e esquerdo. */
  margin: 0px 0px 0px 0px;
 }
 
ul.menubar2  a {
  color: white;
  background-color: #668cb3;

   font-weight:bold;
  display: block;   

  padding: 5px;
  text-decoration: none;
}
 
ul.menu3, ul.menu3 ul{
  background-color: #668cb3;
   font-weight:bold;
 margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
  width: 150px; /* Width of Menu Items */
/*  background-color: #009090;  IE6 Bug */
 background: transparent url(space.gif) right center no-repeat;
  }
 
ul.menu3 li{
  font-weight:bold;
 position: relative;
  list-style: none;
  border: 0px;
background: transparent url(space.gif) right center no-repeat;
}
 
ul.menu3 li a{
  display: block;   
  text-decoration: none;
  border: 1px solid #ccc;
  font-weight:bold;
  border-bottom: 0px;
  background-color: #668cb3;
 /*Em declaração única a ordem das espaçamentos é: superior, direito, inferior e esquerdo. */
  padding: 5px 10px 5px 5px;
}
 
ul.menu3 li sup{
  background-color: #668cb3;
  font-weight:bold;
  font-size:7px;
  color: white;
}
 
/* Fix IE. Hide from IE Mac \*/
* html ul.menu3 li { float: left; height: 1%; }
* html ul.menu3 li a { height: 1%; }
/* End */
 
ul.menu3 ul{
  color: #00ff;
  font-weight:bold;
  position: absolute;
  display: none;   
  left: 149px; /* Set 1px less than menu width */
  top: 0px;
  background-color: #668cb3; /* IE6 Bug */
 background: transparent url(space.gif) right center no-repeat;
}
 
ul.menu3 li.submenu2 ul {   display: none;  } /* Hide sub-menus initially */
 
 ul.menu3 li.submenu3 {   font-weight:bold; background: transparent url(space.gif) right center no-repeat; } 

ul.menu3 li a:visited  {  font-weight:bold; background-color: #668cb3; color: white;}
ul.menu3 li a:hover {  font-weight:bold; background-color: white; color: blue;}

li.submenu2  a:visited  {  font-weight:bold; background-color: #668cb3; color: white;}
li.submenu2  a:hover {  font-weight:bold; background-color: white; color: blue;}
li.submenu2  a#current {  font-weight:bold; background-color: #668cb3; color: white;}
li.submenu2  a:hover#current {  font-weight:bold; background-color: white; color: blue;}
li.submenu2  a#margem { margin: 0em 0em 0em 0em; font-weight:bold; background-color: white; color: white; border-bottom: 1px solid #afb4b4;}

/*  colocar a segunda linha com #668cb3  */                                                                    

#menulink2 a:hover, #menulink2 a, #menulink2 a:link, #menulink2 a:visited, #menulink2 a:active
{
  background-color: transparent;
  color: white;
}

/* ===================================================================== */
#mensagens { font-weight: normal; }
#mensagens li { margin-left: 2em; }
#mensagens a { font-weight: bold; }
                                                
#noticias li { margin-left: 1em; }
#noticias h3 { padding-left: 0; }
#noticias h3 a {font-weight: bold; }

#feeds li a {   display: block; margin-left: 0.5em; font-weight: bold;  margin-top: 0em;  background-color: #eaeff5; text-decoration: none;   list-style-type:none; list-style-image: none; vertical-align: top;}
#feeds li a:hover {   display: block; margin-left: 0.5em; font-weight: bold;  color: white;   background-color: #0f87bb; text-decoration: none; list-style-type:none; list-style-image: none;  }
#feeds li {  font-weight: bold;  margin-left: 0.5em;   margin-top: 0em;  background-color: #eaeff5;  vertical-align: top; list-style-type:none; list-style-image: none; }
#feeds h3 { padding-left: 0; }
#feeds h3 a {font-weight: bold; }

img
{
  border: 0;
}

#img_float_left
{
  /* Used in the [img] tag when float=left */
  float: left;
 /*Em declaração única a ordem das espaçamentos é: superior, direito, inferior e esquerdo. */
  margin: 1px 3px 2px 1px;
  display: block;   
  clear: left;
 }

#img_float_right
{
  /* Used in the [img] tag when float=right */
  float: right;
  margin: 2px 2px 4px 8px;
clear: right;
}