%starinclude%

<STYLE type="text/css">
@media print {
   /* Layout */
   .clear {
      clear:none; /* otherwise firefox cuts off tables */
   }   

body {margin:0px; 
  font-family: sans-serif;
  font-size: 12px;
  background-image: url("http://www.twiki.faced.ufba.br/twiki/pub/FACED/CBCE-Bahia/Acaraje.jpg");
}

#menu{
  width: 120px;
  max-width: 110px;
  padding: 10px;
  
}

#menu a:link,
#menu a:active,
#menu a:visited{
  display: block;
  color: #004488;
  border-bottom: 1px solid #88ffff;
  font-size: 12px;
  font-weight: 800;
  padding: 3px 0px 3px 0px;
  text-decoration: none;
  text-align: center;
}
#menu a:hover{
  color: #004488;
  background-color: #88ffff;

}

#box1 {width: 150px;
        margin-right:20;
        float:left;
   background-image: url("");
        font-family: arial, verdana, sans-serif;
        font-variant: small-caps;
        color: #99ffff
}

#conteudo {min-height: 500px;
  color: #505050;
  text-align:center;
  position: relative;
  left: 15px;
  margin-left: 115px;
  margin-right: 180px;
  margin-top: 100px;
  margin-bottom:100px;
}

.galeria {
   width:680px; 
   margin:0 auto;
   text-align:left; 
   }
.img-aqui { 
   background: #fff url('http://www.twiki.faced.ufba.br/twiki/pub/FACED/VIIIJORNADAPEDAG%d3GICA/logo2.jpeg') center no-repeat; 
   width:500px; 
   height:375px; 
   position:relative; 
   top:8px;
   float:right; 
   border:1px solid #fff;
   }
ul.fotos {
   position:relative;
   list-style:none;  
   width:162px;
   padding:1px;
   background:#999;
   margin:0; 
   padding:0; 
}
.fotos:after {
   display: block;
   content: ".";
   height: 0;
   font-size:0; 
   visibility: hidden;
   clear: both;
   }
ul.fotos li {
   width:75px;
   height:50px;
   float:left; 
   border:2px solid #444;
   margin:1px; 
}
ul.fotos li img {
   border:none; 
   width:75px;
   height:50px;
}
ul.fotos li span img {
   border:none;
   width:500px;
   height:375px;
   height:auto;
}
ul.fotos a {
   display: block;
   } 
ul.fotos a span {
   display: none;
}
ul.fotos a:hover span.legenda {
   display: block;
   text-align:center; 
   width:500px;
   position:absolute;
   top:375px;
   left:-2px;
}
ul.fotos a:hover span {
   display: block;
    position: absolute; 
   top:-5px; 
   left: 177px; 
   background:#fff;
   border:2px solid #666;
   }
ul.fotos a:hover span.legenda {
   padding:5px 0;
   color:#333; 
}
#rodape {
   background:#1daecb url('????') center repeat-x; 
   height:30px;
   margin:30px 0; 
   color:#0066ee; 
   text-align:right; 
   font-size:80%; 
   padding-right:10px;
   }
</style>
%stopinclude%