/*<style type="text/css" media="all">*/
*{padding:0px; margin:0px; border:0px;}
html, body {height:100%;}
body {
	margin:0; 
	padding:0;
	background:#000000;
              color:#ffdfff;
	font:bold 90%/1.4 Comic Sans MS, Palatino Linotype, Georgia, Garamond, serif;
	text-align:center; /* hack para o IE */
	}
#tudo { 
	width:760px;
	position:relative;  /*Contexto de posicionamento */
	margin:0px auto;
	text-align:left; /* "remédio" para o hack do IE */
	min-height:100%;
	border:1px dashed #FFAAD5; /* para o fundo preto */
	border-width:0px 1px;
              }
 * html #tudo {height: 100%;}
#conteudo {padding-bottom:30px;
              }
#topo {
	width:760px;
	height:100px;
              background:#000000 url(top.jpg) top center fixed no-repeat;
	border-bottom:0px;
	text-align:center;
	padding-top:1px;
	}
#principal {
	width:510px;
	padding-left:20px;
	float:left;
              padding-top:10px;
	text-align:justify;
              }
.myimg {
            float:left;
            width:200px;
            margin:0px 20px 10px 0px;
             } /*css para imagem a esquerda e texto a direita, no htm fica assim: <div class="myimg"><img src="" title=""></div>*/
img         {
               display:block;
               margin:0 auto;
	text-align:center;
              }  /* tag pra centralizar a imagem */
form {
          display:block;
          text-align:center;
          }  /* para centralizar o botão */
#auxiliar {
	width:200px;
	float:right;
	padding-top:10px;
	}
#masterdiv  
.menutitle {
	border-right: #000000 1px;
              padding-right: 2px; 
              border-top: #000000 1px solid; 
              font-weight: strong; 
              margin-bottom: 5px; 
              padding-bottom: 2px; 
              width: 195px; 
              cursor: pointer; 
              color: #ffdfff; 
              padding-top: 2px; 
              border-bottom: #000000 1px solid; 
              text-align:left;
              }
.submenu {
	     font-weight: strong; 
                   color: #5d1328; 
                   text-align:left;
                   text-decoration: none;
                  }
a:link {
	color: #ffaad5; text-decoration: none;
           }
a:visited {
	color: #ff0066; text-decoration: none;
               }
a:active {
	color: #cc0000; text-decoration: none;
              }
a:hover {
	color: #ffaaff; height: 12px; text-decoration: none;
              }
/* css p o topo - no htm põe assim: <div id="top"><a href="#topo">
<img src="maujor39x40.gif" width="20" height="20" title="Esse botão é para ir ao topo da página. Se voce achar que as letras estão pequenas, no Firefox aperte juntos o Ctrl e o sinal +, quantas vezes for preciso. No Internet Explorer vá no menu acima, Exibir e escolha o tamanho da letra"></a>
</div> <!-- link pro topo --> */
#top a{
            bottom:0px;
            height: 110px;
            position: fixed;
            right:325px;
            width: 30px;
            clear:none;
             }
* html #top a {
position: absolute;
top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+490+"px" : body.scrollTop+490+"px");
left: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollLeft+530+"px" : body.scrollLeft+530+"px");
} /* (crédito: a http://ceslava.com/blog/hack-css-para-posicionar-elementos-como-fixed-en-ie-5-y-6/ e a http://blog.undermedia.com.ec/index.php/position-fixed-css-para-ie-6/) */
#rodape {
	width:760px;
	height:20px;
              position:relative;
	padding-bottom: 0px; /**/ 
	/*border-weight: 1px 0px;*/
              /*border:1px dashed #FFAAD5;*/
              text-align:center;
              clear:none; 
              }
#rodape p {
	margin:0;
              font:bold;
              }
ul {
	width:510px;
	margin:0px;
	padding:0px;
	list-style:none;
	}
ul li {margin:1px 0px; }
ul li a, ul li a:visited {
	font:12px Comic Sans MS, Palatino Linotype, Georgia, Garamond, serif;
	display:block;
	color:#ffdfff;
	text-decoration:none;
	}
ul li a:hover {
	color:#ffaaff;
	}
h1, h2, h3 { 	
	font:bold 20px Comic Sans MS, Palatino Linotype, Georgia, Garamond, serif;
	color:#ffdfff; text-align:center;
              }
h4 {
      font-size:16px;
      text-align:center;  
      }
h6 {
      font-size:10px Black Chancery, Comic Sans MS, Garamond, serif;
      text-align:center;  
      }

.clear {clear:both;}
</style>
<!-- Abrir foto -->
<script language="javascript">
var hpage = 0;
var section = 'images';
var n = 0;
function openPicture(img,w,h) 
{
var wint = (window.screen.availWidth-w)/2;
var winl = (window.screen.availHeight - h)/2;
n++;
        var name = 'branco_' + n;
        var area = window.open('', name, 'width='+w+',height='+h+',top='+winl+',left='+wint+',toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no');
        with (area) {
            document.write('<HTML>');
                document.write('<HEAD><TITLE></TITLE></HEAD>');
                document.write('<BODY BGCOLOR="#000000" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginheight="0" marginwidth="0">');
                document.write('<IMG SRC=' + img + ' BORDER=0>');
                document.write('</BODY>');
                document.write('</HTML>');
        }
}
</script>
<!-- fim do abrir foto -->