/* CSS Document */
body{
	background-color: #999999; /* cinza escuro */
}
*.frame_mae{
	border-top: 20px solid #666666; /* 20px é espessura */
	border-bottom: 20px solid #666666;
	background: #000000; /*  preto */
	padding: 5px 3px 5px 3px;  /*  espaçamentos: superior, direito, inferior, esquerdo. */
	color: #000000;
}
/* Não esquecer de inserir os frames aqui para obter borda */
*.frame_filho1, .frame_filho2, .frame_filho3, .frame_filho4, .frame_filho5, .frame_filho6, .frame_filho7, .frame_filho8, .frame_filho9, .frame_filho10, .frame_filho11, .frame_filho12, .frame_form, .frame_filho13, .frame_filho14, .frame_menuesquerdo, .frame_filho16, .frame_filho17, .frame_filho18, .frame_filho19, .frame_filho20, .frame_video1, .frame_video2, .frame_filho30, .frame_filho31, .frame_filho32, ..frame_logo_java, .frame_logo_java2, .frame_texto_demo{
	border-top: 10px solid #666666; /* 20px é espessura */
	border-left: 2px solid #666666;
	border-right: 2px solid #666666;
	border-bottom: 10px solid #666666;
	
}
.classe_menu_sup{
	position:absolute;
	background-color:#AAAAAA;
	width:895px;
	height:30px;
	padding: 5px 5px 5px 5px;
	position:absolute;
	top:90px;
	left:5px;
	z-index: 1; /* determina que a div deve ficar em cima de qualquer div do site */
}
ul.menubar{ 
   margin: 0px; 
   padding: 0px; 
   background-color: #DDDDDD; /* IE6 Bug */ 
   font-size: 80%;
  
  
   }
ul.menubar .menuvertical{ 
   margin: 0px; 
   padding: 0px; 
   list-style: none; 
   background-color: #666666; /*cor de fundo dos menus */
   border: 1px solid #ccc; 
   float:left;
   width:98px; /* largura do menu */
  
    
}
ul.menubar ul.menu{ 
   display: none; 
   position: absolute; 
   margin: 0px; 
}
ul.menubar a{ 
   padding: 5px; 
   display:block; 
   text-decoration: none; 
   color: #FFFFFF;
   padding: 5px;
    
}
ul.menu, 
ul.menu ul{ 
   margin: 0; 
   padding: 0; 
   border-bottom: 1px solid #ccc; 
   width:150px; /* Width of Menu Items */ 
   background-color: #666666; /* IE6 Bug */
   
   
}
ul.menu li{ 
   position: relative; 
   list-style: none; 
   border: 0px;
      
}
ul.menu li a{ 
   display: block; 
   text-decoration: none; 
   border: 1px solid #ccc; 
   border-bottom: 0px; 
   color: #FFFFFF;
   padding: 5px 10px 5px 5px;
    
}

/* Fix IE. Hide from IE Mac \*/ 
* html ul.menu li { float: left; height: 1%; } 
* html ul.menu li a { height: 1%; } 
/* End */ 

ul.menu ul{ 
   position: absolute; 
   display: none; 
   left:149px; /* Set 1px less than menu width */ 
   top:0px; 
} 

ul.menu li.submenu ul { display: none;} /* Hide sub-menus initially */ 

ul.menu li.submenu{background-color:#666665;} /* Cor de fundo dos sub-menus */

ul.menu li a:hover { color: #FFFFFF; background-color:#000000; } /* Cor de texto do sub-menu ao passar o mouse */

ul.menu li.submenu li a:hover{background-color:#000000;} /* Cor de fundo do sub-menu ao passar o mouse */


.frame_mae{
	position:absolute;
	width:905px;
	height:1048px;
	top:20px;
	left:50%;
	margin-left:-450px;
}

.frame_filho1{
	position: absolute;
	width: 890px;
	height: 60px;
	top:5px;
	left: 5px;
	text-align: center;
	font-size: 15px;
	/*padding: 5px 3px 5px 3px;    espaçamentos: superior, direito, inferior, esquerdo. */
}
.frame_filho2{
	position: absolute;
	width: 180px;
	height: 220px;
	top:130px;
	left: 5px;
	text-align: center;
	font-size: 15px;
}
.frame_filho3{
	position: absolute;
	width: 180px;
	height: 220px;
	top:378px;
	left: 5px;
	text-align: center;
	font-size: 15px;
}
.frame_filho4{ /* texto */
	position: absolute;
	width: 180px;
	height: 220px;
	top:578px;
	left: 528px;
	text-align: center;
	
		
}
.frame_filho5{ /* Dent no Canal Bump */
	position: absolute;
	width: 180px;
	height: 220px;
	top:628px;
	left:5px;
	text-align: center;
	font-size: 15px;
}
.frame_filho6{
	position: absolute;
	width: 180px;
	height: 220px;
	top:130px;
	left:712px;
	text-align: center;
	font-size: 15px;
}
.frame_filho7{
	position: absolute;
	width: 513px;
	height: 100px;
	top:456px;
	left:195px;
	text-align: center;
	font-size: 15px;
	z-index:0;
}
.frame_filho8{
	position: absolute;
	width: 513px;
	height:300px;
	top:130px;
	left:195px;
	text-align: center;
	font-size: 15px;
}
.frame_filho9{
	position: absolute;
	width: 200px;
	height:280px;
	top: 0px;
	left:0px;
	text-align: center;
	font-size: 15px;
}
.frame_filho10{
	position: absolute;
	width: 905px;
	height: 15px;
	top:970px;
	left: 0px;
	text-align: center;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background:#666666;
}
.frame_filho11{
	position: absolute;
	width: 180px;
	height: 220px;
	top:378px;
	left:712px;
	text-align: center;
	font-size: 15px;
}

.frame_filho12{
	position: absolute;
	width: 180px;
	height: 220px;
	top:628px;
	left:712px;
	text-align: center;
	font-size: 15px;
	
}

.frame_filho13{ /* filho rodapé com marque da pagina */
	position: absolute;
	width: 890px;
	height:80px;
	top:878px;
	left:5px;
	text-align:center;
	font-size:15px;
	
}

.frame_filho14{ /* pia na galeria */
	position: absolute;
	width: 180px;
	height: 220px;
	top: 90px;
	left:195px;
	text-align: center;
	font-size: 15px;
}
.frame_filho30{
	position: absolute;
	width: 180px;
	height: 220px;
	top: 339px;
	left:195px;
	text-align: center;
	font-size: 15px;
}
.frame_filho31{
	position: absolute;
	width: 180px;
	height: 220px;
	top: 590px;
	left:195px;
	text-align: center;
	font-size: 15px;
}
.frame_filho32{
	position: absolute;
	width: 180px;
	height: 220px;
	top:90px;
	left:385px;
	text-align: center;
	font-size: 15px;
}
.tabela_rodape{ /*parte da tabela onde está qual o tipo de quadro do desenho */
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	background:#666666;
	
}
.tabela_visualizacao{ /* parte da tabela onde está escrito o modo de visualização no link */
	font-size:12px;
	color:#0000FF;
	text-align:center;
}
.frame_texto{
	font-size:12px;
	font-weight:bold;
	color:#666666;
	text-align:justify;
	background:#999999;
	padding: 5px 3px 5px 3px;    /*espaçamentos: superior, direito, inferior, esquerdo.*/
}
.frame_form{ /* formulário */
	position: absolute;
	width: 330px;
	height:295px;
	top:578px;
	left:195px;
	text-align: center;
	background: #999999;
}
.cabeçalho_tabela_form{ /* cabeçalho do formulário */
	font-size:15px;
	font-weight:bold;
	color: #FF0000;
	text-align:center;
	background:#000000;
}
/* #################################################################################################################################### */
/* CSS DO ARQUIVO POEMAS.HTM */

.estilo_texto1{
	font-size:12px;
	font-weight:bold;
	color:#000000;
}
.frame_filho15{ /* estilos para os poemas. */
	position:absolute;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:justify;
	width:400px;
	height:900px;
	margin-left:-200px;
	
		
}
.frame_menuesquerdo{
	position:absolute;
	width:200px;
	height:600px;
	overflow:auto;
	left:5px;
	top:90px;
	background:#999999;	
}
.celula_titulo{ /* Células titulos do menu esquerdo e div´s */
	background:#333333;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
}
.celulas_menuesquerdo{
	background:#666666;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	font-size:12px;
}
.texto_link_menu a{ /* atributos do texto do link no menu */
	font-size: 12px; 
	text-decoration: none;
	color:#FFFFFF;
}
.frame_filho16{ /* Estilo para os div´s nessa pagina */
	position:absolute;
	width:250px;
	left:210px;
	top:90px;
	background:#000000;
	text-align:center;
}
.titulo_div_poemas{ 
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}
.rodapé_link a{
	font-size: 12px; 
	text-decoration: none;
	color:#FF0000;
}
.rodapé_div_poemas{
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	text-align:center;
}
.frame_filho17{ /* estilo de caixa com texto */
	position: absolute;
	width: 420px;
	height: 200px;
	top: 90px;
	left: 480px;
	text-align: justify;
	color:#FFFFFF;
	padding: 5px 10px 5px 10px;  /*  espaçamentos: superior, direito, inferior, esquerdo. */
	font-size:13px;
	
}
.frame_filho18{
	position:absolute;
	width:250px;
	left:210px;
	top:305px;
}

/* #################################################################################################################################### */
/* CSS DO ARQUIVO VIDEOS.HTM */
.frame_video1{
	position: absolute;
	width: 445px;
	height:180px;
	top: 90px;
	left: 5px;
}
.frame_video2{
	position: absolute;
	width: 445px;
	height:180px;
	top: 90px;
	left:454px;
}
.frame_titulo_videos{
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	text-align:center;
}
.frame_texto_videos{
	color:#FFFFFF;
	text-align:justify;
	font-size:14px;
	padding: 5px 10px 5px 10px;  /*  espaçamentos: superior, direito, inferior, esquerdo. */
}
/* #################################################################################################################################### */
/* CSS DO ARQUIVO JAVA.HTM */

.frame_logo_java{
	position:absolute;
	width:895px;
	height:180px;
	top:90px;
	left:5px;
	
}
.frame_textos{
	color:#FFFFFF;
	font-size:14px;
	text-align:justify;
	padding: 10px 10px 10px 10px;  /*  espaçamentos: superior, direito, inferior, esquerdo. */
}
.frame_logo_java2{
	position:absolute;
	width:895px;
	height:180px;
	top:303px;
	left:5px;
	
}
/* #################################################################################################################################### */
/* CSS DO ARQUIVO FLASH.HTM */

.frame_pos_demo{
	position:absolute;
	width:900px;
	height:890px;
	top:90px;
	left:5px;
}
.frame_texto_demo{
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	padding: 10px 10px 10px 10px;  /*  espaçamentos: superior, direito, inferior, esquerdo. */
}