#conteudoBloqueado {
	display: none;
}

body, .fundo-claro {
	background-image: url("telas/fundo_paper_claro.jpg");
}

body {
	margin-left: 230px; 
	margin-right: 30px;
	font-family: Constantia,'Times New Roman',Times,serif;
}
/* DEFINE QUE TODOS OS LINKS NÃO VÃO TER A DECORAÇÃO (SUBLINHADO)*/
a {
	text-decoration: none;	
	/*color: gray;*/
}

/* Para todos os A que estão Hover aplique a regra*/
a:hover {
	background-image: url('telas/fundo_paper.jpg');/**/ 
}
													

/* DEFINE QUE TODOS OS PARAGRAFOS FIQUEM JUSTIFICADOS
p {
	text-align: justify;
}
*/


/****************************************************************
							GERAIS
****************************************************************/

.p-10 {
	padding: 10px;            /*padding interno das div de imagens*/
}

.bSolid {
	border-style: solid;
	border-width: 1px;
}

.bSolid div {
	border-style: solid;
	border-width: 1px;
}

.bSolid p {
	border-style: solid;
	border-width: 1px;
}

.red {
	color: red; 
}

.text-justify {
	text-align: justify;
}

.text-uppercase {
	text-transform: uppercase;
}							/* há um em citações Arte*/

.text-smallcaps {
	text-transform: small-caps; 
}							/* Não funciona */


/****************************
		 FONTES
*****************************/

.small {
	font-size: 0.83em; 
}

.small2 {
	font-size: 0.7em; 
}					/* = <small><small> */

.big {
	font-size: 1.2em; 
}					/* <big><big> = 1.37em */
 
.f09 {
	font-size: 0.9em;
}

.f091 {
	font-size: 0.91em;
}

.f1 {
	font-size: 1em;
}
 
.f2 {
	font-size: 2em;
}					/* título citações + notas história */

.f112 {
	font-size: 1.12em;
}					/* subtítulo citações */

.f125 {
	font-size: 1.25em;
}					/* subtítulo notas história */



 
.link {
	color: black; 
	border-bottom: 2px dotted #dfb637;           /*"!important": usar qdo quiser sobrescrever algum código. Ex: text-decoration: underline!important;*/
}

.link:hover {
	border-bottom: 3px dotted #dfb637;       
}

.linkD {
	color: gray;							/*#ad6230 #838169 */
	font-size: 1.07em;
	font-style: italic; 
	border-bottom: 2px dotted gray;				/* #9f9f9f #ecbd00 #cca400*/
	line-height: 2em;
}

.linkD:hover {
	border-bottom: 3px dotted #dfb637;  
}

.linkVeja {
	color: #f27900; 
	font-size: 0.83em;
}

.linkVeja:hover {
	font-size: 0.9em;
}

#teste1 .citaImaEsq {
	width: 1100px!important;
}

.citaImaEsq {
	display: flex;
	width: 1000px;
}

.citaImaEsq div:nth-child(1) {
}

.citaImaEsq div:nth-child(2) {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 20px;
}

.citaImaEsq div:nth-child(2) p {
	margin-top: 0px;
}

.citaImaDir {
	display: flex;
	width: 1000px;
}
						/* Texto à esquerda da div com imagem à direita*/
.citaImaDir div:nth-child(1) {          
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.citaImaDir div:nth-child(2) {
	margin-left: 20px;
}

.citaImaDir div:nth-child(1) p:nth-child(1) {
	margin-top: 0px;
}

						/*Id (#) quando se aplica a um só (por página, pode ser em outra página). Classe (.) quando se aplica a vários, inclusive em dif. arquivos*/

#divArtistas {					/*Há como alinhar / centralizar essa div aqui na folha de estilos? */
	width: 415px;
	margin-top: 25px;
	margin-bottom: 30px;       /*Tb em Oficios/Pauvert*/
}	
	
#divArtistas p {
	text-align: justify; 
	margin-bottom: 30px;
}						

#divArtistas img {
	margin-left: -5px;
}
		.spanArt {
		font-size: 0.86em;
		line-height: 1.4em;
	}

.divBenjamin {
	box-sizing: border-box;
	border-style: dashed hidden dashed hidden;
	border-width: 1px;
	border-color: gray; /*#cca4008*/
	padding: 5px 15px 0px 15px;    
	background-image: url("telas/fundo_paper_medio.jpg");
	margin-left: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px;
	margin-top: 70px;       /*VER MARGENS. BenjaminF. Margin top ou bottom, uma anula a outra?*/
}

.divBiblio {
	box-sizing: border-box; /* DEFINE O TAMANHO DO BOX + PADDING */
	text-align: left;
	padding: 10px;
	width: 550px; 
	border-style: double;
	border-width: 4px; 
	border-color: gray;
}

.divBiblioSub {
	text-align: center; 
	margin-top: 40px;
	margin-bottom: 40px;
}

	.spanBiblioSub {
		font-size: 1.4em;
		color: red;
	}
				
#divBiblioTop {
	box-sizing: border-box;
	width: 420px;
	padding-left: 15px;
	padding-right: 8px;
	text-align: center;
	line-height: 1.4em;
}

#divContato {
	box-sizing: border-box;
	border-style: hidden solid solid hidden;
	border-width: 2px;
	border-color: #e2e2e2;
	width: 500px; 
	background-image: url("telas/fundo_paper_medio.jpg");
	padding: 10px 10px 20px 20px;             
	margin-top: 110px; 
	text-align: left;
	font-size: 0.9em;
}

#divContato p {
	margin-top: 100px;
}

#divContato a {
	color: gray;
}

#divCurriculo {
	width: 700px; 
	padding: 10px 20px 5px 20px; /*topo direita baixo esquerda*/
	background-image: url("telas/fundo_paper_medio.jpg");
	margin: auto;
}

#divCurriculo a {
	color: #dd0000; 
	font-size: 0.7em;               /* Este é o tamanho small-small */
	font-style: normal; 
}

#divCurriculo a:hover {
	font-style: italic;
}

#divCurriculo img {
	padding: 22px 35px 25px 0px;
	float: left;
}

.divEditora {						/*Usando também para SOBRE*/
	width: 800px;
	padding: 0px;
	margin-bottom: 50px;
	line-height: 1.4em;
}
									
.divEditoraSubtitulo {
	box-sizing: border-box;			/* DEFINE O TAMANHO DO BOX + PADDING */
	border-style: dashed hidden dashed hidden;
	border-color:  gray red red gray;
	border-width: 1px; 
	padding: 10px 0px 12px 0px;
	text-align: left;
	float: left;
	margin-top: 200px;  
}

#divEditoraSubtituloComo {
	width: 160px; 
}

#divEditoraSubtituloCons {
	width: 216px;
}

#divEditoraSubtituloApres {				
	width: 145px;
}							
									
#divEditoraEpigrafe {
	text-align: right; 
	margin-bottom: 40px;
	margin-top: 280px;				/*MARGIN-TOP - TANTO ESTA COMO a da .divEditoraSubtitulo são em relação ao topo da página*/
}							

#divEnvio {
	box-sizing: border-box; /* DEFINE O TAMANHO DO BOX + PADDING */
	text-align: center;
	width: 180px; 
	border-style: outset;
	border-width: 2px;
	background-image: url("telas/fundo_paper_medio.jpg");
	padding: 5px 5px 5px 5px; 
	margin-left: 40px;
	margin-top: -15px;
	line-height: 1.6em;
	float: right;
}

#divEnvioAlt {
	box-sizing: border-box; /* DEFINE O TAMANHO DO BOX + PADDING */
	text-align: center;
	width: 220px; 
	/*border-style: outset;
	border-width: 2px;							ESSE OUTSET NO EXPLORER MOSTRA UM QUADRADO INTEIRO COM BORDA PRETA*/
	border-style: hidden solid solid hidden;
	border-width: 2px;
	border-color: #e2e2e2;
	background-image: url("telas/fundo_paper_medio.jpg");
	padding: 5px 5px 5px 5px; 
	margin-top: 60px;
	margin-bottom: 50px;
	line-height: 1.6em;
	float: center;
}
									/*LEMBRAR DE TIRAR A COR SE CRIAR COR UNICA PARA O SITE TODO*/
#divEnvioAlt a {
	color: gray;
}

.divLinks {
	box-sizing: border-box; /* DEFINE O TAMANHO DO BOX + PADDING */
	text-align: left;
	padding: 10px;
	width: 550px; 
	border-style: double;
	border-width: 4px; 
	border-color: gray;
	margin-bottom: 40px;
}

#divMemoria {			/* cabeçalho Memória em Publicações */
	width: 300px;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: none;
	float: center; 
}

#divMemoriaInfo {
	width: 270px; 
	float: center;
	text-align: center;
	padding: 10 0 10 0px;
	box-sizing: border-box; /* DEFINE O TAMANHO DO BOX + PADDING */
	border-style: dashed hidden dashed hidden;
	border-color: gray;
	border-width: 1px; 
	margin-top: 30px;
	margin-left: 25px;
}

#divOficinas {
	width: 800px; 
	padding: 5 20 5 20px;
	margin-top: 20px; 
	margin-bottom: 30px;
}

#divOficinasCabecalho {
	box-sizing: border-box; 
	border-style: hidden hidden dashed hidden;
	border-width: 1px;
	width: 800px; 
	padding: 0px 0px 110px 0px; 
}

.divParaty {					/* por que não funcionam essas divParaty, iguaizinhas a divArtistas?   Por que não funciona itálico no span? */
	width: 600px;
	margin-top: 100px;
	margin-left: 0px;
}

.divParaty p {					/* Por que não funciona? O "align=justify" só funciona no arquivo..., a margem idem. Na divArtistas funciona. */
	text-align: justify; 
	margin-right: 300px;
}
		.spanPty {
	font-style: italic;
	font-size: 0.98em;
}

#divAcervoParaula {
	margin-bottom: 40px; 
	margin-top: 40px;
	width: 700px;
	margin: auto;
	text-align: center;
}

.divParaula {
	width: 500px; 
	background-image: url('telas/fundo_paper.jpg');
	text-align: left;
	padding: 15px; 15px; 15px; 15px;
	margin-bottom: 10px;
	margin: auto;
}

.divParaula img {
	float: left; 
	padding: 0px; 
	margin-right: 15px;
}

.divParaula2 {
	width: 500px; 
	background-image: url('telas/fundo_paper_medio.jpg');
	text-align: left;
	padding: 15px; 15px; 15px; 15px;
	margin-bottom: 10px;
	margin: auto;
}

.divParaula2 img {
	float: left; 
	padding: 0px; 
	margin-right: 15px;
}

.divParaulaMini {
	width: 600px; 
	background-image: url('telas/fundo_paper_medio.jpg');
	font-size: 14px;
	padding: 10px 30px 15px 15px;
	margin-bottom: 0px;
	margin-top: 30px;
}

.imgParaulaMini { 
	padding: 10px 40px 20px 20px; 
	float: left;
}

.divParaulaD {			/** Bilitis Cruzada **/
	width: 600px; 
	background-image: url('telas/fundo_paper_medio.jpg');
	font-size: 14px;
	text-align: center;
	padding: 10px 20px 15px 20px;
	margin-bottom: 0px;
	margin-top: 30px;
}

#divParaulaIntro {
	width: 700px;
	margin-top: 80px;
	margin-bottom: 40px;
}

#divPubli {				/* Um parágrafo em Publicações */	
	width: 700px;
	margin-top: 80px;
	margin-bottom: 50px;
}

.divSubtituloPubli {
	box-sizing: border-box;			/* DEFINE O TAMANHO DO BOX + PADDING */
	border-style: hidden hidden dashed hidden;
	border-color: gray;
	border-width: 1px;				/* OU, como em Tradução, color #e2e2e2, border-width 1px, border-style solid*/
	width: 800px; 
	padding: 20px 0px 0px 0px;
	text-align: left;
	float: left;
	margin-top: 100px; 
	margin-bottom: 40px;
} 

.divTexto {
	width: 1100px;
	line-height: 1.4em; 
	margin-top: 80px; 
}					    /*line-height = só no css*   ?????  Tem um funcionando em parágrafo no citações Leitura */

.divTextoCit {
	width: 1100px;
	line-height: 1.4em; 
	margin-top: 40px; 
}

.divVauve {
	width: 800px;
	line-height: 1.4em;
	margin-top: 40px; 
}								/* MUDAR para ID */

	.spanTextoPeVauve {
		font-size: 0.83em;
		line-height: 1.8em;
		text-align: right; 
	}							/* MUDAR para ID */							
	
	.spanTextoNota {				
		font-size: 0.9em;		
	}				/* ELIMINAR, substituindo pelo .Nota abaixo (só ver antes se está em alguma página). OBS: Mesmo tamanho de fonte do .spanTextoPe */	

	.spanNota {					
		font-size: 0.9em;		
	}				/* ELIMINAR, substituindo pelo .Nota abaixo.*/

	.Nota {
	font-size: 0.9em;	
	}					/* Usando para notas em Burke, Bodoni, Paraty, Marco, Bilingue, Felipe. */

	.NotaN {
	font-size: 0.9em;
	color: gray; 
	line-height: 2.5;
	}					/* Usando nos textos com notas para palavra 'Notas' */

	.NotaB {		
		font-size: 0.91em;
	}					/* fonte maior, mas aumento grande em relação a 0.9em. Não usando por enquanto */

	.spanTextoPe {
		font-size: 0.9em; 
		text-align: right;			
	}					/* Esse span não faz muito sentido. O align não funciona, tem na div e/ou parágrafo (no arquivo). Quando tira o do paragrafo desalinha tudo.
									O tamanho da fonte é o mesmo do span .Nota.   POR QUE NÃO USAR SIMPLESMENTE O .f09 (span fonte 0.9em) ?????  */

		
	.spanTextoSubtitC {				
		font-size: 1.2em;
		color: gray; 
	}			/* SUBTÍTULOS no corpo do texto. C é o cinza (Horas, Anibal, Thais, Sandra ... , e V o vermelho (Verger, Horas). D é dourado, usando no Benjamin. 
					USANDO TAMBÈM EM "ARTE" PARA OS CABEÇALHOS */

	.spanTextoSubtitV {
		font-size: 1.2em; 		
		color: #f00000; 
	}

	.spanTextoSubtitD {
		font-size: 1.3em; 		/*usando nas notas Benjamin*/
		color: #cca400; 
	}

							/*Como fazer tipo h1 que fique igual ao que uso para o título* Como tirar o negrito??????*/ 
	.spanTextoTopTit {				
		font-size: 1.8em;			
		color: red; 
	}

	.spanTextoTopTitMen {
		font-size: 1.5em;			
		color: red; 
	}

	.spanTextoTopSubtit {	
		font-size: 1em;			/* Subtítulo no título - Em Ilha de leitura, Quaresma, Geir, Paraty, McMurtrie (está com big) */
		color: gray; 
	}

	.spanTextoTopAut {
		font-size: 1.3em; 
	}

	.spanTextoTopAutMen {
		font-size: 1.1em; 
	}

	.spanTextoTopData {
		font-size: 0.9em; 
		line-height: 2em;
	}

	.spanTextoTopTrad {
		font-size: 0.91em; 
	}

	.spanTextoTopRef {
		font-size: 0.83em; 
		line-height: 1.4em;
	}

	/******* RESENHAS *******/

		.resTit {				
			font-size: 1.5em;			
			color: #2db559;
		}						/* tamanho igual tit. Texto menor.*/
		
		.resAut {				
			font-size: 1.1em;
			font-style: italic;
		}						/* tamanho igual autor Texto menor.*/

		.resRef {
			font-size: 0.9em; 
			line-height: 1.6em;
		}

		.capR {
			font-size: 1.5em;
			color: #33cc66;
			font-weight: bold;
		}						/*pequenas capitulares verdes - Resenhas*/

	/***********************/


	.Trisco { 
		font-size: 1.5em; 
		color: red;
		font-weight: bold; 
	}						/* asteriscos*/

	.spanBenjamin {
		font-size: 15px;
	}						/*usando nas notas Benjamin* e introdução Vauvenargues*/

	.spanTitBenj{
		font-size: 1.4em; 
		color: #cca400; 
	}						/* usando nos títulos dos textos Benjamin - 24px */
	 
		.spanHely {
		line-height: 1.7em; 
	}

		.titBod {		
		font-size: 1.6em;			
		color: red; 
	}						/* BODONI "Manual" */

		.subtitBod {		
		font-size: 1.5em;
		color: gray;
		line-height: 2em;
	}						/* BODONI "Ao leitor" */

		.excBod {
		font-size: 1em;
		color: gray;
		line-height: 3.2em;
		font-style: italic;
	}						/* BODONI "excertos" */
	
	.spanManiSubt {
		font-size: 1.3em;
		color: e91f33;
	}						/*Subtítulo Manícula*   color: #838383; */

	.spanSalim {
		font-size: 1.2em; 
		color: red; 
		line-height: 2em; 
	}

/********CITAÇÕES*************/

	.spanCitaTit {
			font-size: 2em; 
			color: red;
	}

	.spanCitaSubt {
		font-size: 1.25em; 
		color: gray;
		font-style: italic
	}

	#NotasSubt {
		font-size: 1.25em; 
		color: gray;
		font-style: italic
	}

	.spanCitaAut {
			font-size: 1.3em; 
			font-style: italic;
			}					

/*****************************/

	.spanCap {
		font-size: 1.2em;
		color: red;
		font-weight: bold;
	}						/*pequenas capitulares textos. Eliminar depois de substituir por .Cap em todos os arquivos*/

	.Cap {
		font-size: 1.2em;
		color: red;
		font-weight: bold;
	}	


	.citaTradV {
		font-size: 0.9em; 
		font-style: italic;
		color: #f00000;
	}						/*citações pessoa / gide em Trad. */
	
	.citaTrad {
		font-size: 0.9em; 
		font-style: italic;
		color: black;
	}

#divTraducao {
	width: 800px;
	padding: 0px;
	margin-bottom: 40px;
	margin-top: 30px;
}

#divTraducao a {
	color: gray;
}

#divTraducaoCabecalho {
	box-sizing: border-box; 
	border-style: hidden hidden dashed hidden;
	border-width: 1px;
	width: 210px; 
	padding: 0px; 
	margin-top: 20px;
	float: left;
	text-align: left;
	line-height: 1.7em;
	color: #838383;
}




.imgEsquerda { 
	padding: 0px 20px 20px 0px; /*topo direita baixo esquerda*/
	float: left;
}

.imgEsquerda1 {		/*CLASSE*/
	padding: 20px 20px 20px 0px; /*topo direita baixo esquerda*/
	float: left;
}

.imgDireita {
	padding: 0px 0px 20px 20px; /*topo direita baixo esquerda*/
	float: right;
}

.imgDireita1 {
	padding: 10px 0px 10px 20px;
	float: right;
}

.imgCentro {
	padding: 20px 5px 20px 20px;
	float: center;
}

.legendaImagem {					
	font-size: 11px;  
	text-align: center;
	line-height: 1.4em; 
}								/*Não dá para pôr padding-top ou margin-top para dar espaço entre gravura e legenda? Estou pondo margin-bottom na gravura. */

.legendaImagemM {					
	font-size: 11px;  
	text-align: center;
	line-height: 1.5em; 
}								/*Com entrelinhamento maior para legendas com <A href> em maiúsculas. Histórias/Notas. */

.legendaImagemDir {	
	font-size: 11px;
	text-align: right;
	line-height: 1.4em; 
}								/*PARA QUE SERVE? Não alinha a legenda à direita. Como faz para alinhar? Usando parágrafo. */

.imgLivroPubli {
	padding: 0px 15px 0px 0px;
	float: left;
}								/*três-livros na página Publicações*/
								
.imgLivroSobre {
	padding: 25px 15px 0px 0px;
	float: left;
}								/*livro-vinheta na página Sobre*/

.imgLivroMemoria {
	padding: 5px 15px 0px 0px;
	float: left;
}								/*livro-vinheta na página Publicações*/

.imgLivroEditora {
	padding: 10px 15px 0px 0px;
	float: left;
}								/*livro-vinheta na página Editora Apresentação*/

.imgLogo {
	margin-right: -110px; 
	margin-top: 10px;			/*20*/ /*O que significa isso?? */
	margin-bottom: 20px;
}								/*Usando para Sobre e Editora*/

#imgFoneContato {
	padding: 1px 5px 0px 0px;
	float: left;
}

#imgLogoContato {
	text-align: right; 
}

.imgMao {	
	padding: 0px 20px 0px 0px;
	float: left;
}								/*mão tipográfica em Manicula*/


#paragrafoArte {
	width: 400px; 
	margin-top: 40px;
	font-size: 0.9em;
	/*color: gray; COR DA FONTE DO PAR OK*/
}



					/*ENTRELINHAMENTO - 1em=normal - à medida que aumenta (1.5, 1.8, etc) aumenta em relação ao padrão do site
#tabelaOficios td {
	line-height: 1.3em;
}*/                         /* Onde está definido o padrão do site??? */



#tabelaPubli {

}					/*TABELA VAZIA SÓ PARA CRIAR PADDING IMAGEM*/

#tabelaPubli img {
	padding: 0px 5px 0px 5px;
}


/****************************************************************
							LISTAS
****************************************************************/

						/*  CLASSE (com ponto: .lista): características gerais das listas semelhantes*/
								/*  A classe .listaIndice é a geral dos index de História, Arte, etc. A .listaIndiceMini é a das que aparecem em cada página dessas pastas.
								Na sequência estão os ID, para #listas específicas*/
						/* # REPRESENTA A CHAMADA DE UM ID */
								/*ID (com #) para lista específica. Aqui posso alterar um elemento da Classe (listaIndice, mais geral)*/


.listaIndice {
	padding: 0px; /* ZERA O COMPRIMENTO DA LISTA PARA DEIXAR IGUAL AO RESTO DO SITE */
	margin-top: 75px; /*esta margem pode variar de lista para lista e ser alterada no id*/
}

.listaIndice li {
	background-image: url('telas/fundo_paper_medio.jpg');   /*COLOCA A IMAGEM DE FUNDO EM CADA LINHA DA LISTA*/
	padding: 3px; /* DEFINE UM ESPAÇO DENTRO DO BOTÃO PARA COLOCAR TEXTO*/
	margin-top: 4px;  /* DEFINE UM ESPAÇO DE UMA LINHA PRA OUTRA */
	list-style: none;  /* TIRA A BOLINHA DO LADO ESQUERDO DA LISTA */
	text-align: center;  /* ALINHA TODO O TEXTO DA LINHA AO CENTRO */
																		/* font-size: 13px; = 0.9em */
}  /* cor era paper, depois paper medio*/

	/* ALTERA COR DA LINHA AO PASSAR MOUSE*/

.listaIndice li:hover {
	background-image: url('telas/fundo_paper.jpg');    /* creampaper_escuro */
} 

.listaIndiceMini {
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.listaIndiceMini li {
	background-image: url('telas/fundo_paper_medio.jpg');  /* COLOCA A IMAGEM DE FUNDO EM CADA LINHA DA LISTA*/
	padding: 3px; /* DEFINE UM ESPAÇO DENTRO DO BOTÃO PARA COLOCAR TEXTO*/
	margin-top: 3px;  /* DEFINE UM ESPAÇO DE 5PX DE UMA LINHA PRA OUTRA */
	list-style: none;  /* TIRA A BOLINHA DO LADO ESQUERDO DA LISTA */
	text-align: center;  /* ALINHA TODO O TEXTO DA LINHA AO CENTRO */
}

.listaIndiceMini li:hover {
	background-image: url('telas/fundo_paper.jpg'); 
	/*background-color: blue;*/   
} 														/*para usar o backgr color, tirar o backgr img na li (acima) - 
														Dois back gr não funcionam um em cima do outro. Por um ser uma cor sobre uma imagem.*/

#listaArte {
	width: 380px; 
	margin-top: 60px;
	font-size: 0.9em;
	line-height: 1.3em;
}

#listaArteMini {
	width: 330px;
	font-size: 0.8em;
	line-height: 1.2em;
}

#listaCurriculo {
	padding: 0px 0px 10px 10px;
	text-align: justify;
	font-size: 0.83em;					/* Este é o tamanho do SMALL */
	list-style-type: circle;			
}

#listaEditoraComo {
	text-align: left; 
	padding: 0px 0px 0px 55px; 
	list-style-type: circle;
}

#listaEditora li {
	padding-top: 4px;
}

#listaHistorias {
	width: 460px;  /* DEFINE O COMPRIMENTO DA LINHA */        /* Por que no celular precisa ser bem maior a linha ??? */
	line-height: 1.3em;
	font-size: 0.9em;
	margin-top: 80px;
}

#listaHistoriasMini {
	width: 420px;
	line-height: 1.2em;
	font-size: 0.8em;
}

#listaHistoriasMiniLadislas{
	width: 380px;
	line-height: 1.2em;
	font-size: 0.8em;
}

#listaLeitura {
	width: 400px;
	line-height: 1.3em;
	margin-top: 40px;
	font-size: 0.9em;
}

/*
.listaLeitura li{                      Por que não funciona??????
	margin-top: 5px; 
}
*/

#listaLeituraMini {
	width: 360px;
	line-height: 1.2em;
	font-size: 0.8em;
}

.listaOficios {
	padding: 0px;
	margin-top: 15px;
}
				
.listaOficios li {
	background-image: url('telas/fundo_paper_medio.jpg');   /*COLOCA A IMAGEM DE FUNDO EM CADA LINHA DA LISTA*/
	padding: 0px; /* DEFINE UM ESPAÇO DENTRO DO BOTÃO PARA COLOCAR TEXTO*/
	margin-top: 4px;  /* DEFINE UM ESPAÇO DE UMA LINHA PRA OUTRA */
	list-style: none;  /* TIRA A BOLINHA DO LADO ESQUERDO DA LISTA */
	text-align: center;  /* ALINHA TODO O TEXTO DA LINHA AO CENTRO */
} 

.listaOficios li:hover {
	background-image: url('telas/fundo_paper.jpg');
}

#listaResenhas {
	padding: 0px; /* ESSA LINHA FAZ COM QUE A LINHA DA TABELA FIQUE ALINHADA COM O RESTO DO SITE*/
	width: 100%; /* ESSA LINHA DEFINE A LARGURA DA LISTA */
	list-style: none;
	margin-left: 15%;
	margin-right: 20%;
}

#listaResenhas li {
	margin-top: 25px;
}

.listaTraducao {
	margin-bottom: 30px;
	margin-top: 80px;
	margin-left: -40px;
	text-align: left;
	list-style: none;
}

.listaTraducao li {
	list-style: none;
	margin-top: 20px;             /* ???  Por que margin-top aqui e acima?    */
}





/****************************************************************
                             M E N U                             
****************************************************************/
.fundo-menu {
	background-image: url("telas/fundo_paper.jpg");
}

.menu-sidebar {
	position: fixed!important; 
	min-height: 100%; 
	top:0; 
	left: 0; 
	width: 200px;
	background-image: url("telas/fundo_paper.jpg");
}

								/* Logotipo do Escritório do Livro */
#mLogo {
	display: block;
	height: 34px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url('telas/logo_menu.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

#menu-v {
	margin: 0 auto;
	list-style: none;
	padding: 0;
	width: 130px;				/*MUDEI PARA 120 nao alterou sub-menu*/
}

								/* Design dos botões */
#menu-v > li {
	background-image: url('telas/fundo_creampaper_escuro.jpg'); 
	margin: 3px 0px;
}

#menu-v a {
	display: block;
	background-repeat: no-repeat;
	background-position: top right;
}

.mBotoes {
	height: 30px;
	background-repeat: no-repeat;
}

											/*MENU NOVO COM NOVOS BOTOES*/
#mHome > a {background-image: url('telas/menu_home.gif')}
#mSobre > a {
	background-image: url('telas/menu_sobre.gif')
}													/*por que este está diferente?*/

#mEditora > a {background-image: url('telas/menu_editora.gif')}
#mApresentacao>  a {background-image: url('telas/menu_ediapresent.gif')}
#mComo > a {background-image: url('telas/menu_edicomo.gif')}
#mConselho > a {background-image: url('telas/menu_ediconselho.gif')}

#mPublicacoes > a {background-image: url('telas/menu_publi.gif')}
#mTraducao > a {background-image: url('telas/menu_trad.gif')}
#mFrances > a {background-image: url('telas/menu_tradfr.gif')}
#mOficinas > a {background-image: url('telas/menu_tradofici.gif')}
#mContato > a {background-image: url('telas/menu_contato.gif');}
#mArte > a {
	background-image: url('telas/menu_arte.gif');
	margin-top: 0px;
}													/*por que este está diferente?*/
#mHistorias > a {background-image: url('telas/menu_historias.gif')}
#mLeitura > a {background-image: url('telas/menu_leitura.gif')} 
#mOficios > a {background-image: url('telas/menu_oficios.gif')}
#mBibliografia > a {background-image: url('telas/menu_biblio.gif')}
#mLinks > a {background-image: url('telas/menu_links.gif')}
#mParaula > a {
	background-image: url('telas/menu_paraula.gif');
	margin-top: 10px;
	margin-bottom: 40px;
}

													/* Separadores de seção */
#menu-v hr {
	width: 128px;
	margin: 1px 0;
	text-align: center; 
	/*display: block;*/
	background-image: url('telas/fundo_creampaper_escuro.jpg');
}
/****************************************************************
                             Fim Menu                            
****************************************************************/

														/* O QUE É ISTO ABAIXO? POR QUE CONTINUA?  */

#menu-v li, #menu-v a {zoom:1;}         /* Hacks for IE6, IE7 */
#menu-v, #menu-v ul
{	
	margin: 0 auto;
	width: 130px;
    list-style: none;
    padding: 0;
    display: block;
    z-index: 9;
}
                
		/* Top level menu links style
		---------------------------------------*/ 
#menu-v li a
{
    font: normal 12px Arial;
    display: block;
    color: black;
    text-decoration: none;
    line-height:26px;
    padding-left:26px;            
}

#menu-v ul li a {
    line-height:30px; 
}
        
		/*Sub level menu items
		---------------------------------------*/
#menu-v li ul {
    position: absolute;
    width: 124px; /*Sub Menu Items width */     /*ERA 130*/
	margin-left: 25px; 
}
        
#menu-v li:hover, #menu-v li.onhover {
    background-position:0 -62px;
}

#menu-v ul {
	/*background-color: #efefef;*/
	background-image: url('telas/fundo_creampaper_escuro.jpg')
}

#menu-v ul li {
	border: 0.2px solid #f0f0f0;
	height: 26px;
	/*background-image: url('telas/fundo_creampaper_escuro.jpg'); */
	/*background-color: blue;*/
}

#menu-v ul li:hover, #menu-v ul li.onhover {
	background-image: url('telas/fundo_creampaper_claro.jpg'); 
}
        
/* Holly Hack for IE \
* html #menu-v  li
{
    float:left;
    height: 1%;
}
* html #menu-v  li a
{
    height: 1%;
}*/
/* End */