/****************************************************
DEFINIÇÕES GERAIS
****************************************************/

*, *:before, *:after { 	margin: 0;
			padding: 0;
		        -webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box; }

a 		{	color: rgb(100,100,120);
			text-decoration: none;
			outline: 0; 	}

a:hover 	{	color: rgb(150,0,0);
			text-decoration: none; 	}

a.branco	{	color: rgb(245,245,245);
			text-decoration: none;	}

a.blue		{	color: rgb(0,90,190);
			font-variant: small-caps;
			text-decoration: none; 	 }

a#nota		{	color: rgb(0,90,190);
			text-decoration: none; 	 }

a.gray,a#g	{	color: rgb(110,110,110);
			text-decoration: none;	}

a.museu		{	color: rgb(235,235,190);
			text-decoration: none;	}

a.trad		{	color: rgb(250,0,0);
			text-decoration: none; 	 }

a.rodape	{	color: rgb(20,20,20);
			text-decoration: none;	}

a.rodape:hover	{	color: rgb(150,0,0);
			text-decoration: none;	}

a.imp,a#b	{	color: rgb(0,0,0);
			text-decoration: none;	}

pagewrap,header,main,nav,titnav,article,section,aside,footer,logo,cardapio,capa			{	display: block;	}
h1,p,ref,iluminura,mapinha,figure,figcaption,fontes,variantes,recepcao,bloconotas		{	display: block;	}
notabene,blocobras,ficha,pagina,aviso,links,genealogia,genealogia1,genealogia2			{	display: block;	}
dl,dt,dd,m,m1,dp,f,g,j,creditos,linha,bloco,pontilhado,leg,iluadic,imgpeq-d,imgpeq-e		{	display: block;	}
titfig,legenda,voltar,contexto,sumario,conteudo,opera,tit3,iconograf99,faixa,atual		{	display: block;	}
recuo,complemento,titulo1,titulo2,palavras,obra							{	display: block;	}

leituras											{	display: inline; }

bloco,publi,imagox,coisax,legadic,titulovar							{	display: inline-block;	}


/***************************************************
ESTRUTURA BÁSICA DA PÁGINA
****************************************************/

html		{	font-size: 19px;
			box-sizing: border-box; 	}

body		{	font-family: LatoWeb;
			font-variant-ligatures: historical-ligatures;
			font-variant-numeric: oldstyle-nums;
			font-feature-settings: 'onum';
    			-webkit-font-feature-settings: 'onum';
       			-moz-font-feature-settings: 'onum=1';
        		-ms-font-feature-settings: 'onum';
			font-size: 1.00em;
			line-height: 1.375em;
			background: rgb(245,245,245);	}

pagewrap 	{	width: 960px;
			padding: 0;
			margin: 0 auto;
			position: relative; }

header		{	position: relative;
			padding: 0;
			margin: 0;
			vertical-align: top;}

logo		{	font-family: fontelatina; width: 100%
			min-width: 100%;
			padding: 0.15em 0.5em 0.25em 0.5em;
			background: rgb(0,0,0);
			color: rgb(245,245,245);
			vertical-align: middle;
			font-size: 2.35em;
			line-height: 1.0em; }

#logo2		{	display: inline-block;
			width: 33.33%;  }

cardapio	{	margin-top: 0.75em;	}

voltar		{	position: absolute; right: 0.25em; top: 0.5em;
			width: 2.0em;	}

capa		{	margin: 0 0 1.0em 0;
			height: 15.238em;
			width: 100%;
    			background-size: cover;
    			background-repeat: no-repeat;
    			background-position: 33% 33%;
			position: relative;	}

h1		{       font-size: 1.50em;
			font-weight: 600;
			line-height: 1.25;
			margin: 0.5em 0 1.0em 0;
			letter-spacing: 0.25px;
			word-spacing: 0.25px;
			text-transform: uppercase;

			/* margin: 0.5em 0 0.75em -0.6em;
			padding: 0;
			color: rgb(130,130,130);
			font-size: 1.70em;
			font-weight: 400;
			transform:scale(0.95,1.25);
			-webkit-transform:scale(0.95,1.25);
			line-height: 1.15; */
}

h2,h5		{	margin: 1.25em 0 0.75em 0;
			padding: 0;
			font-size: 1.30em;
			font-weight: 600;
			font-variant: small-caps;
			line-height: 1.1em; }

h2#mapa		{	margin-top: 0;	}

h5#ini		{	margin-top: 0.25em;	}

p		{	padding: 0;
			margin: 0 0 0.75em 0;	}

#autor		{	font-size: 1.10em;
			font-weight: 700;
			margin: 0.5em 0 1.0em 0;	}

publi		{	margin: 0.75em 0 1.0em 0;
			padding: 0.75em 2.5em 0.75em 0.75em;
			border: 1px dotted;
			text-align: left;
			font-variant: small-caps;
			font-size: 0.75em;
			font-weight: 400;
			line-height: 1.5em;
			letter-spacing: 0.65px; }

#construcao	{	width: 100%;
			font-size: 0.85em;
			line-height: 1.2em;
			position: relative;
			background: rgb(250,250,250);
			border: solid 1px rgb(170,170,170);
			margin: 0 0 1.9em 0;
			padding: 0.16em 0.37em;
			color: rgb(0,120,240); }

main nav	{	width: 31.0%;
			float: right;  	}

main#fig	{	padding-top: 1.0em;
			border-top: 1px solid rgb(200,200,200);  }

/*
palavras {
 width: 50%;
 margin: -1.3em 0 0.30em 0;
 padding-left: 0.25em;
 color: black;
 font-size: 0.80em;
 font-weight: 300;
 line-height: 1.0em;
 letter-spacing: 0.25px;
}
*/

palavras {
 font-size: 0.725em;
 font-weight: 300;
 line-height: 1.0em;
 letter-spacing: 0.25px;
 text-align: right;
/* color: dodgerblue; */
 color: rgb(15, 124, 235);
 padding: 0 1.5em 0 0;
 margin: -0.75em 0 1.25em 0;
}

#palImg {
 font-size: 0.80em;
 font-weight: 300;
 line-height: 1.0em;
 letter-spacing: 0.25px;
 text-align: right;
 color: rgb(15, 124, 235);
 padding: 0 1.5em 0 0;
 margin: -1.75em 0 0.85em 0;
}

contexto	{	width: 100%;
			margin: -1.3em 0 0.30em 0;
			padding-left: 0.35em;
			color: rgb(0,0,0);
			text-align: left;
			font-variant: small-caps;
			font-size: 0.80em;
			font-weight: 500;
			line-height: 1.0em; }

titfig		{	margin: 0.5em 15% 0.15em 0;
			padding: 0;
			color: rgb(130,130,130);
			font-size: 0.90em;
			line-height: 0.75em;
			text-align: right;  }

main article	{	width: 64.0%;
			min-height: 27.0em;
			float: left; }

main aside	{	width: 31.0%;
			float: right;	}

fontes,variantes,recepcao {	margin-left: 1.50em;
				padding: 0.25em 0.5em;
				font-size: 0.95em;
				line-height: 1.32em;	}

variantes	{	margin: 1.25em 0 0.75em 0;
			background: rgb(235,230,225); 	}

fontes > h2	{	margin: 0.25em 0 0.5em 0;	}
variantes > h2	{	margin: 0.25em 0 0.5em 0;	}
recepcao > h2	{	margin: 0.25em 0 0.5em 0;	}

variantes h5:first-child,variantes h2:first-child {
 margin-top: 0.25em;
 text-align: center;
}

fontes {
 margin: 1.25em 0.5em 1.25em 1.25em;
 line-height: 1.4;
 background: rgb(234,237,237);
 border: 2px solid rgb(234,237,237);
 border-radius: 0.35em;
 box-shadow: 0.05em 0.20em 0.20em rgb(214,220,220);
}

titnav		{	width: 100%;
		        margin: 0 0 0 0;
			text-transform: uppercase;
			font-size: 0.95em;
			line-height: 1.30em;

		    /*	color: rgb(120,120,120);
			margin: 0 0 0.75em -1.5em;
			font-size: 1.15em;
			font-weight: 550;
			line-height: 1.30em;
			transform:scale(0.75,1.15);
			-webkit-transform:scale(0.75,1.15);   */
}

notabene	{	margin: 0 0 2.0em 0;
			padding-left: 0.25em;
}

blocobras	{	width: 100%;
			margin: 0.75em 0 2.0em 0.25em;
			font-size: 0.90em;
			line-height: 1.37em;
			padding-bottom: 1.0em;
			border-bottom: 1px solid rgb(180,180,180);	}

#caixa		{	width: 100%;
			padding-bottom: 1.0em;
			border-top: 1px solid rgb(180,180,180);	}

ficha		{       margin: 1.5em 0 0 0;
			padding: 0.75em;
			width: 100%;
			background: rgb(210,210,210);
			font-size: 0.85em;
			border-radius: 0.15em; }

faixa		{	margin: 1.5em 0 0 0;
			padding: 0.25em;
			width: 100%;
			background: rgb(255,239,213);
			border-top: 1px solid rgb(145,140,127);
			border-bottom: 1px solid rgb(145,140,127); }

pagina		{	margin: 0 0 0.5em 0;
			font-variant: small-caps;
			font-size: 1.10em;
			font-weight: 700;  }

#colunas2 	{	-webkit-columns: 2 10em;
 			-moz-columns: 2 10em;
 			columns: 2 10em;
 			-webkit-column-gap: 1.6em;
 			-moz-column-gap: 1.6em;
 			column-gap: 1.6em;
 			-webkit-column-rule: 1px dotted #ddd;
 			-moz-column-rule: 1px dotted #ddd;
 			column-rule: 1px dotted #ddd;   }

obra {
 text-indent: -1.25em;
 padding: 0 0 0.15em 1.25em;
}

obra#lnk::after {
 content: " »";
 color: rgb(0,90,190);
 font-style: normal;
 vertical-align: text;
 font-size: 120%;
 line-height: 0;
 font-weight: 400;
}

sumario		{	width: 40%;
			float: right;
			margin: 0.40em 0 0.75em 2.5em;
			padding: 0 1.0em 1.0em 1.0em;
			border: 1px solid rgb(180,180,180);
			font-size: 0.875em;
			line-height: 1.30em;	}

sumario > conteudo	{	margin-bottom: 1.0em;
				padding: 0.5em;
				border-bottom: 1px solid rgb(180,180,180);
				color: rgb(140,140,140);
				text-align: center;
				text-transform: lowercase; }

sumario > ol		{	margin: 0 0 0 1.25em;
				padding-left: 0.25em;
				font-size: 0.90em;
				line-height: 1.30em; }

sumario > ol > li	{	margin-bottom: 0.25em;
				color: rgb(100,100,120); }

riscao	{	display: inline-block;
		float: right;
		width: 66.6%;
		height: 2px;
		border-top: 1px solid rgb(180,180,180); }

/**************************************************************
TEXTOS
***************************************************************/

nav  {
 font-family: fontelatina;
 font-size: 1.075em;
}

enter		{	display: block;
			clear: both;
			height: 0.05em;	}

#atxt1		{	float: left;
			min-height: 5em;
			width: 6%;
			padding-top: 4em;
			font-size: 1.1em;
			font-weight: 700;
			-ms-writing-mode: tb-lr; -webkit-writing-mode: vertical-lr; -moz-writing-mode: vertical-lr; -ms-writing-mode:
			vertical-lr;
			writing-mode: vertical-lr; }

#atxt2		{	float: right;
			width: 94%;
			border-left: 0.16em solid rgb(0,0,0); /* border-right: 0.0526em solid rgb(0,0,0); */
			padding: 0 0.25em 0 1em; }

aviso,links	{	float: right;
			width: 9.0em;
			padding: 0.75em;
			margin: 0.5em 0 0.75em 2em;
			border: 1px dotted rgb(0,0,0);
			font-size: 0.90em;
			line-height: 1.3em;	}

col1,col2	{	display: inline-block;
			padding-left: 0;
			margin-left: 0;
			vertical-align: top; }

creditos	{	font-size: 0.90em;
			line-height: 1.30em;	}

creditos p#fig	{	/* text-indent: -2.0em;
			padding: 0 0 0 2.0em; */
			margin-left: 1.5em;
			margin-bottom: 1.0em;	}

creditos div#fig	{	text-indent: -4.6em;
				padding: 0 0 0 4.6em; }

div#biblio	{	margin: 0 0.75em 0.5263em 1.0526em;
			text-indent: -2.5263em;
			padding-left: 2.5263em;
			font-size: 0.90em;
			line-height: 1.4em;	}

div#especial	{ 	background: rgb(245,245,245);
			color: rgb(0,90,0);
			font-variant: small-caps;
			font-weight: 600;
			text-align: center;
			margin: 0.35em 0 0.25em 0;
			padding: 0.25em 0;	}

div#indice	{	margin: 0 0 0.5em 0.25em;
			text-indent: -1.0em;
			padding-left: 1.0em;
			font-size: 0.85em;
			line-height: 1.275em; }

#b,.b		{	font-weight: 900;	}

#c		{ 	text-align: center;	}

#d,.d		{ 	text-align: right;	}

#e,.e		{ 	text-align: left;	}

espa		{	display: block; width: 0.1em; height: 0.25em;	}

esp		{	display: inline-block; width: 5.0em;	}

cronos		{	display: block;
                        font-size: 0.87em;
			margin: 0.35em 0 0.45em 0;	}

cronos:after 	{	clear: both;	}

bosta		{	display: block;
                        font-size: 0.87em;
			line-height: 1.25em; }

i		{	/* font-style: oblique;
			font-style: italic; */
			letter-spacing: 0.45px;
			word-spacing: 0.55px;	}

j		{	font-size: 0.90em;
			line-height: 1.25em;
                        margin: 0 0 0.5em 0;	}

q:before	{	content: '“'; font-family: serif;  }
q:after 	{	content: '”'; font-family: serif; }

r:before	{	content: '‘'; font-family: serif; }
r:after 	{	content: '’'; font-family: serif; }

linha		{	font-size: 0.90em;
			line-height: 1.30em;	}

links		{	width: 9.65em;   }

m:before	{	content: "• "; }

n		{	white-space: nowrap;	}

.quebra		{	overflow-wrap: break-word;
  			word-wrap: break-word;
  			-webkit-hyphens: auto;
  			-ms-hyphens: auto;
  			-moz-hyphens: auto;
  			hyphens: auto; }

p#andamento	{	text-align: center;
			margin: 1.0em 0; 	}

p#menor,.menor	{	margin: 0.5em 0;
			font-size: 0.90em;
			line-height: 1.30em; 	}

peq		{	display: inline;
			font-size: 87.5%;
			line-height: 0;	}

p#nb {
 font-size: 0.80em;		/* para algumas notae bene no meio do texto */
 line-height: 1.275em;
 text-indent: -2.2em;
 padding-left: 2.2em;
 	}


p.ref,ref	{	margin: 0.75em 0 0 1.5em;
			font-size: 0.95em;
			line-height: 1.4em;
			/* text-indent: -1.5em;
			padding-left: 1.5em; */	}

p#resumo	{	margin: 0.5em 0 1.0em 2.0em;
			font-size: 0.95em;
 			line-height: 1.425;
			background: rgb(237,240,240);
			padding: 0.75em;
			border: none;	}

p.topo		{	display: inline-block;
			float: right;
			font-size: 0.90em;
			line-height: 1.27em;
			color: rgb(245,245,245);
 			background: black;
			margin-top: 0.75em;
                        padding: 0.35em 0.75em; }

p.topo a	{	color: rgb(245,245,170);	}
p.topo a:hover	{	background: black; color: rgb(170,245,245);	}

p > y		{	font-size: 1.05em;		/* para aspas simples, só porque já está em 148 arquivos... */
			font-family: serif;	}	/* substituído pelo <r></r> */

pontilhado	{	margin: 0.85em 0 0.75em 0;	/* ........................ entre linhas, tipo <p>  */
			border-top: 2px dotted;
			width: 95%; }

recuo		{ 	margin: 0.15em 0 0.15em 0.75em; border: 1px;}

recuo nb {
 display: block;
 margin: 1.0em;
 font-size: 0.90em;
 line-height: 1.40;
 }

titulovar {
 background: rgb(80,80,80);  /* rgb(139,69,19); */
 color: rgb(245,245,245);
 padding: 0.15em 0.75em 0.15em 0.75em;
 line-height: 1.35;
 margin: 1.5em 0.75em 0 0;
 letter-spacing: 2px;
}

#variacoes {
 display: block;
 margin: 0;
 /* background: rgb(255,245,235); */
 border: solid 2px rgb(80,80,80); /* rgb(139,69,19); */
 font-size: 0.915em;
 line-height: 1.35;
 padding: 1.00em;
}

#bordavar {
 margin: 0 0 2.0em 75%;
 height: 0.25em;
 border-bottom: solid 2px rgb(80,80,80); /* rgb(139,69,19); */
}

#complemento	{
 margin: 2.0em 0 1.5em 0;
 padding: 0.45em 0.75em 0.75em 0.75em;
 background:  rgb(237,240,240);
 /* border: solid 2px rgb(190,190,190); */
 font-size: 0.975em;
 line-height: 1.45;

}

#complemento titulo1,titulo2 {
 margin: 1.0em 0 1.0em 0;
 font-size: 1.15em;
 font-weight: 700;
 text-align: center;
}

#complemento titulo1 {
 margin-top: 0;
}

#recurso	{	font-size: 0.90em;
			text-indent: -1.15em;
			padding-left: 1.15em;
			margin-left: 0; }

sup		{	/* font-size: 0.65em;
			position: relative; left: 0.15em; */
        		vertical-align: super;
			padding: 0 0.15em 0 0.10em;
        		line-height: 0;   	}

sup#n		{	font-size: 0.95em;
			font-weight: 600;
                        /* position: relative; bottom: 0.05em;
			 font-family: serif; */	}

tit3		{	margin-left: 0;
			text-transform: uppercase;
			font-size: 1.02em;
			line-height: 1.37em;
			padding: 0.65em 0 0 0;	}

opera		{	text-indent: -0.6em;
			padding-left: 0.6em;
			margin: 0.4em 0;
			line-height: 1.25em;	}

versa,#versalete,.versalete {
 font-variant: small-caps;
}

vm,#vm0,.vm0	{	color: rgb(150,0,0);	}

vm1,#vm1,.vm1	{	color: rgb(150,0,0);
			font-weight: 800;	}

/* créditos adicionais */

#quem {
 font-size: 0.90em;
 line-height: 1.30;
 margin-left: 1.7em;
}

#cred {
 width: 100%;
 margin-bottom: 0.15em;
}

#quem #cred h {
 display: table-cell;
 width: 3.5em;
 vertical-align: top;
}

#quem #cred y {
 display: table-cell;
 vertical-align: top;
}

sub {
 vertical-align: sub;
 padding-right: 0.10em;
 line-height: 0;
}

iconograf99 { 
 padding-top: 0.5em; 
}

#imgShow {					
 min-width: 100%;
 margin: 0 0 0.35em 0;
}

iconograf99 #imgShow:last-child {
 margin-bottom: 0;
}

#imgShowI {
 height: 7.0em;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: 33% 33%;
}

#imgShowT {
 width: 50%;
 min-height: 7.0em;
 vertical-align: top;
 padding: 0.35em 0 0.35em 0;
 font-size: 0.915em;
 line-height: 1.275;
}



/**************************************************************
ESCONDE-ESCONDE NO TEXTO
***************************************************************/

.toggle-box1 {
  display: none;
}

.toggle-box1 + label {
  display: block;
}

.toggle-box1 + label + div {
  display: none;
}

.toggle-box1:checked + label + div {
  display: block;
}

.imagens3	{	background: rgb(230,230,230);
			padding: 0.15em 0.35em;
			font-size: 1.30em;
			font-weight: 600;
			font-variant: small-caps;
			line-height: 1.1em;
			width: 100%;
			margin: 1.5em 0 1.0em 0;
}

.imagens3:after	{ 	content: " + / - ";
			float: right;
}

.subilum3	{	padding: 0.5em 0.5em 0.5em 0.75em;
			margin: 0.75em 0 1.5em 0;
			background: rgb(230,230,230);
}


/**************************************************************
IMAGENS
***************************************************************/

img 		{	width: 100%;
			max-width: 100%;
			height: auto;	}     	/* sempre colocar a imagem dentro de um bloco para contê-la: div, etc. */

div#galeria	{	display: inline-block;
			width: 5.0em;
			height: 5.0em;
			margin: 0 0.75em 0.75em 0;
    			background-size: cover;
    			background-repeat: no-repeat;
    			background-position: 33% 33%;	}

#ia		{	display: inline-block;
			margin: 0 0 0.5em 0.40em;
			height: 7.0em;
			width: 7.0em;
    			background-size: cover;
    			background-repeat: no-repeat;
    			background-position: 33% 33%;	}

icononograf99	{	margin: 0; padding: 0; }

iluadic		{	margin-bottom: 0.30em;
			margin-left: 1.5em;
			vertical-align: middle; }

legadic		{	width: 50.0%;                                              ' width: 47.0%;
			min-height: 5.0em;
          		vertical-align: top;
			padding: 0.35em 0 0 1.0em;
			font-size: 0.90em;
			line-height: 1.25;	}

#imgadic	{	display: inline-block;
			width: 45%;
	   		height: 7.0em;
    			background-size: cover;
    			background-repeat: no-repeat;
    			background-position: 33% 33%;	}

#img15		{	display: inline-block;
			margin-right: 1.0em;
			width: 5.0em;
			height: 5.0em;
    			background-size: cover;
    			background-repeat: no-repeat;
    			background-position: 33% 33%;	}

#leg15		{	display: inline-block;
			vertical-align: top;
			font-size: 0.90em;
			line-height: 1.35em;	}




#bandeira	{	width: 0.8421em;
			margin: 0.2631em 0.5264em 0 0.6em; }

iluminura	{	width: 100%;
	   		height: 10.0em;
			float: none;
			padding: 0;
			margin: 0 0 0.25em 0;
			vertical-align: middle;
    			background-position: 30% 30%;
    			background-size: cover;
    			background-repeat: no-repeat;	}

figcaption#ilum	{	width: 100%;
			margin: 0 0 1.25em 0;
			padding: 0 0.5em 0 0;
			color: rgb(150,150,150);
			font-size: 0.70em;
			line-height: 1.25em;
			text-align: right;	}

div#alfabeto	{	width: 90%;
			margin: 1em auto;	}

img.constru	{ 	width: 2.0em;
			background: rgb(250,250,250);
			border: solid 1px rgb(170,170,170);
			position: absolute; top: 0.7368em; left: 47%;	}

img#hp		{ 	margin: 0;
			border-radius: 0.1578em;
			box-shadow: 0 0.1578em 0.3157em rgba(100,100,100,0.9);	}

figure#inline,figure#esquerda,imgpeq-e	{	float: left;
					margin: 0.4em 2.1em 1.0em 0;
					padding: 0;	}

figure#direita,imgpeq-d	{	float: right;
			margin: 0.4em 0 1.0em 2.1em;
			padding: 0;	}

imgpeq-d,imgpeq-e	{	max-width: 50%; 	}


figure#notad	{	float: right;
			margin: 0.25em 0 0.75em 1.25em;
			padding: 0;	}

figure#centro	{	margin: 1.5em auto;
			padding: 0;	}

figure#nota	{	float: right;
			width: 33%;
			margin: 0.35em 0 0.25em 1.0em;	}

figure#paragrafo   {	float: left;
			margin: 0 2.1em 1.5em 0;
			padding: 0;	}

figure#filme	{	width: 60%;
			margin: 0 auto 1.5em auto; }

figcaption	{	width: 100%;
			padding-top: 0.25em;
			font-size: 0.775em;
			line-height: 1.4;	}

figcaption#hp	{	font-size: 0.80em;
			line-height: 1.30em;
			text-align: left;
			padding: 0.40em 0.50em;
			border-radius: 0.1578em;
			box-shadow: 0 0.1578em 0.3157em rgba(100,100,100,0.9);	}

/* essas genealogias precisam ser melhoradas /*

genealogia	{	width: 92%; margin: 0 auto;	}
genealogia1	{	width: 50%; float: left; padding-right: 1.5em; }
genealogia2	{	width: 50%; float: right; padding-left: 1.5em; }

/* tentando melhorar genealogia2 no celular */

mapinha		{	float: left;
			margin: 0.50em 2.0em 1.5em 0;
			padding: 0;
			width: 40%;	}

mapinha img	{ 	margin: 0;
			border-radius: 0.1578em;
			box-shadow: 0 0.1578em 0.3157em rgba(100,100,100,0.9);	}

legenda		{ 	font-size: 0.86em;
			line-height: 1.28em;
			padding: 0.75em 0.50em 0 0.50em;  }

origem		{	font-size: 0.95em; }

leg	{	text-align: center;
		vertical-align: middle;
		color: rgb(140,140,140);
		margin-top: 0;
		font-size: 0.70em;
		padding-top: 0.35em;	}

imagox		{	float: right;
			margin: 0.5em 0 1.0em 1.75em; }

coisax		{	float: left;
			margin: 0.5em 1.75em 1.0em 0;  }

imagox,coisax	{	width: 33%;
			padding: 0;
			vertical-align: bottom; }

#grupoimg {
 float: right;
 margin: 0.4em 0 1.0em 1.75em;
 width: 33%;
}

#grupoimg imagox,#grupoimg coisax {
 float: none;
 min-width: 100%;
 width: 100%;
 margin: 0 0 1.0em 0;
}


/**************************************************************
LISTAS FORA DOS MENUS
***************************************************************/

dl		{	margin: 1.0em 0 1.0em 1.0em;	}

dt		{	margin: 0 0 0.5em 0;
			font-weight: 700; 	}

dd		{	margin: 0.25em 0 1.0em 0;
			font-size: 0.95em;
			line-height: 1.30em;	}

dp		{	padding: 0;
			margin: 0 0 0.75em 0;	}

dp f		{	padding-right: 0.75em;  }

dp g		{	font-size: 0.90em;
			line-height: 1.30em;
			margin: 0.25em 0 0.65em 1.5em;
			vertical-align: text-bottom; }

dp g:after	{	clear: both;	}

l	{ display: block;
	  font-size: 0.95em;
	  line-height: 1.30em;
	  margin: 0.25em 0 0.75em 1.0em;  }

l > x	{ display: table-cell;
	  width: 7.0em;  }

l > h, l > div > h	{ display: table-cell; width: 3. 0em;    }

l > y, l > div > y	{ display: table-cell; 	}

l > k	{ display: table-cell;
	  padding-left: 1.0em;
	  padding-right: 1.0em;  }

m1      	{	text-indent: -0.75em;			/*  m = linha (está em TEXTOS) tem • mas sem indentação ... usar com l */
			padding: 0 0 0 0.75em; }

m1:before 	{ 	content: "• "; 	}

bloconotas	{	margin-bottom: 1em;	}

  bloconotas ol {	list-style-type: none;
    			list-style-type: decimal !ie; /*IE 7- hack*/
         		margin: 0;
    			margin-left: 1.15em;
    			padding: 0;
			background: rgb(245,245,245);
     		    	counter-reset: li-counter;	}

  bloconotas ol > li	{	position: relative;
    				margin-bottom: 0.8em;
    				padding-top: 0.25em;
    				padding-left: 0.35em;   /* + margin-left = 1.5 ! */
    				min-height: 1.6em;
				font-size: 0.90em;
				line-height: 1.30em;
				background: rgb(245,245,245); 	}

  bloconotas ol li:before {	position: absolute;
				top: 0.05em;
    				left: -1.0em;
    				width: 0.27em;
         			font-size: 1.30em;
    				line-height: 1.35;
    				font-weight: 700;
    				text-align: right;
    				color: black;
				background: rgb(245,245,245);
     				content: counter(li-counter);
    				counter-increment: li-counter;	}

ol#nada		{	margin: 0.75em 0 0.5em 2.0em;
			padding: 0; 	}

ol#nada li	{	padding-bottom: 0.5em;
                        padding-left: 0.40em;
			font-size: 0.95em;
			line-height: 1.30em;	}

ul.comum	{	margin: 0.75em 0 0.5em 2.0em;
			padding: 0;  list-style: none;	}

ul.comum > li	{	padding-bottom: 0.5em;
			list-style: "•  ";	}

ul.seta		{	list-style: none;
			margin: 0.75em 0 1em 2.5em;	}

ul.seta li	{	list-style-image: url('/img/setinha.gif');
			padding-bottom: 0.1579em;
			font-size: 0.95em; }

ul.linksext,ul.linksint	{	margin-left: 0.5em;
				padding: 0;
				list-style-type: none;   }

ul.linksext li	{	background-image: url('/img/links.gif');
			background-repeat: no-repeat;
			background-position: 0.95em 0.09em;
			background-size: 1.0em auto;
			padding-left: 2.75em;
			padding-bottom: 0.5em;
			font-size: 0.90em;
			line-height: 1.35em;	}

ul.linksint li	{	background-image: url('/img/linksint.gif');
			background-repeat: no-repeat;
			background-position: 0.95em 0.09em;
			background-size: 1.0em auto;
			padding-left: 2.75em;
			padding-bottom: 0.5em;
			font-size: 0.90em;
			line-height: 1.35em;	}

ul.seta li:last-child,ul.comum li:last-child,ol#nada li:last-child,ul.linksint li:last-child { padding-bottom: 0; }

lista > ul,lista > ol	{	list-style: none;
				margin: 0.75em 0 0.65em 1.5em;	}

lista > ul li	{	padding-bottom: 0.35em;
			font-size: 0.95em;
			line-height: 1.30em;	}


/*****************************************************************************
MENU ACCORDION COM ÍCONE SANDUÍCHE - modificado de
Collapsible nav with burger menu, no JS - A PEN BY Eduardo Bouças, London, UK
******************************************************************************/

.burger 	{	display: inline-block;
			border: 0;
			position: absolute; right: 1.0em; top: 1.0em;
  			background: none;
  			outline: 0;
  			padding: 0;
  			cursor: pointer;
  			border-bottom: 0.20em solid rgb(245,245,245);
  			width: 1.35em;  }

.burger::-moz-focus-inner {  border: 0;
			     padding: 0;  }

.burger:before 	{	content: "";
  			display: block;
  			border-bottom: 0.20em solid rgb(245,245,245);
  			width: 100%;
  			margin-bottom: 0.24em;  }

.burger:after 	{	content: "";
  			display: block;
  			border-bottom: 0.20em solid rgb(245,245,245);
  			width: 100%;
  			margin-bottom: 0.24em;  }

.burger-check 	{	display: none;	}

.burger-check:checked ~ .burger {	border-bottom: 0.20em solid transparent; }

.burger-check:checked ~ .burger:before 	{ transform: rotate(-405deg) translateY(1px) translateX(-0.142em);
  					  -webkit-transform: rotate(-405deg) translateY(1px) translateX(-0.142em); }

.burger-check:checked ~ .burger:after 	{ transform: rotate(405deg) translateY(-0.20em) translateX(-0.24em);
  					  -webkit-transform: rotate(405deg) translateY(-0.20em) translateX(-0.24em); }

.navigation 	{	overflow: hidden;
  			max-height: 0; 	 }

.burger-check:checked ~ .navigation 	{ margin-bottom: 0.5em;
					  max-height: 36.0em; }


/*****************************************************
MENU DO QUADRO NAVIGATIO
******************************************************/

/* entradas de área */

#bloconavega	{	background: rgb(230,230,230);
			margin-bottom: 2.0em;
			padding: 0.65em 0;
			/* border-radius: 0.15em;
			border-radius: 0 0.1578em 0.1578em 0.1578em ;
			box-shadow: 0 0.1578em 0.3157em rgba(100,100,100,0.9); */	}

  #sub1		{	padding-left: 0.05em;	}

  #sub2		{	padding-left: 1.1em;	}

#limites	{	width: 100%; }

#limites ul 	{	position: relative;
			list-style: none;
			list-style-type: none;
			margin: 0;
			padding: 0;
			font-size: 0.95em;
			line-height: 1.5em;	}

#limites ul li	{	display: block;
			padding: 0.20em 0.35em 0.20em 0.5em;
			border-bottom: 1px solid black;	}

#limites ul li:first-child	{ 	border-top: 1px solid black;	}

#limites ul li a	{	text-decoration: none;
				color: black;	}

#limites ul li:hover	{	background: rgb(120,120,120);
				color: rgb(250,250,250);
				cursor: pointer;	}

#limites ul li:hover:first-child   {  	background: rgb(230,230,230);
					color: rgb(150,0,0);
					cursor: auto;  }

/* opc */

#menu		{	width: 100%; }

#menu ul	{	position: relative;
			list-style: none;
			list-style-type: none;
			margin: 0;
			padding: 0;
			font-size: 1.0em;
			line-height: 1.25em;	}

#menu ul li	{	display: block;
			padding: 0.20em 0 0.15em 0;
			color: black;	}

#menu ul li:first-child	{  padding-left: 0.6em;
			   /* padding-top: 2px;
			   background: rgb(215,215,215); */ }

/* #menu ul li:first-child:before	{   content: "« ";	} */

#menu ul li:first-child:after	{   content: " / "; }

#menu ul li a		{	text-decoration: none;
				color: black;	}

#menu ul li:hover	{	background: rgb(210,210,210);
				/* color: rgb(245,245,245); */
				cursor: pointer;	}

#menu ul li.current a 	{	color: rgb(150,0,0);	}

#menu ul li.current:hover  	{	color: rgb(150,0,0);
					background: rgb(230,230,230);	}

#menu ul li.nada a	{ 	color: rgb(0,90,0);	}

#menu ul li.nada:hover	{	color: rgb(0,90,0);
				background: rgb(230,230,230);	}

#menu ul li.mais  	{	/* margin: 0.25em 0;
				background: rgb(221, 227, 232);
				border-top: 1px solid rgb(200, 200, 200);
				border-bottom: 1px solid rgb(200, 200, 200); */ }

#menu ul li.mais a	{ 	color: rgb(0,0,130);	}

#menu ul li.mais:hover	{	color: rgb(0,90,0);
				background: rgb(210,220,230);	}

#menu ul li.mais::after	{	content: " » ...";
				color: rgb(0,0,130);	}


#menu ul li:last-child	{ 	border-bottom: none;
				padding-left: 1.45em;
				font-size: 0.90em;	}

#menu ul li:nth-child(1n+2)	{	padding-left: 1.45em; font-size: 0.90em;	}

#menu ul ul	{	position: relative;
			list-style: none;
			list-style-type: none;
			margin: 0;
			padding: 0 0 0.15em 0.7em;
			font-size: 0.90em;
			line-height: 1.25em;	}

#menu ul ul li  {	display: block;
			padding-left: 0.6em;
			color: green;	}

#menu ul ul li:nth-child(n+1)	{	padding-left: 1.45em; font-size: 0.95em;	}

#menu ul ul li:hover	{	background: rgb(120,120,120);
				color: rgb(245,245,245);
				cursor: pointer;	}

#menu ul ul li.current	a 	{	color: rgb(150,0,0);	}

#menu ul ul li.current:hover  	{	color: rgb(150,0,0);
					background: rgb(230,230,230);
					cursor: none;	}

.z	{ columns: 2; -webkit-columns: 2; -moz-columns: 2; }

#menu ul.z li:first-child	{  margin-left: 0; padding-left: 0; background: rgb(230,230,230);	}

#menu ul.z li:first-child:before	{  content: "";	}

#menu ul.z li:hover	{	background: rgb(120,120,120); color: rgb(245,245,245); cursor: pointer;	}

#saco 	{ font-size: 0.90em; padding-left: 1.5em; }

#menu ul.z li:hover	{	background: rgb(120,120,120); color: rgb(245,245,245); cursor: pointer;	}

#menu ul.z li.mais a	{ 	color: rgb(0,0,130);	}

#menu ul.z li.mais:hover	{	color: rgb(0,90,0);
				background: rgb(210,220,230);	}

#menu ul.z li.mais::after	{	content: " » ...";
				color: rgb(0,0,130);	}

#menu ul.z li.mais:first-child:after	{  content: " » ...";	}


/********************************************************
EPÍGRAFES
*********************************************************/

#cit1		{	width: 65%;
			margin-left: 34%;
			font-size: 0.85em;
			line-height: 1.36em; 	}

#autorcit	{	text-align: right;
			font-size: 0.88915em;
			margin: 0.35em 10% 1.0em 0;
			line-height: 1.36em; 	}

.accordion99 label {
  display: block;
  margin: 0.5em 0.25em 0.25em 0;
}

#umpa99 {
 display: inline-block;
 float: right;
 background-color: rgb(225,225,225);
 padding: 3px 6px;
 cursor: pointer;
 border-radius: 4px;
 font-size: 0.925em;
}

.accordion99 p {
  padding: 0.5em 0 0 0;
  opacity: 0;
  display: none;
  margin: 0;
}

#tm99:checked ~ .hiddentext99 {
  display: block;
  opacity: 1;
}

input#tm99 {
  display: none;
  position: relative;
}


/*******************************************************
FOOTER
*******************************************************/

footer		{	width: 100%;
			margin-top: 0.5em;
			padding: 1.2em 0;
			font-size: 0.83em;
			color: rgb(30,30,30);
			box-sizing: border-box;
			background-color: rgb(230,230,230);   /* #292c2f; */
		/*	border-radius: 0.1578em;
			box-shadow: 0.0740em 0.1578em 0.0789em rgba(180,180,180,0.9);  */	}

#footer-e,#footer-c,#footer-d	{ 	display: inline-block;
					float: left;
					padding-left: 2.0em;	}

#footer-e	{	width: 31.3333%;
			vertical-align: top; }

#footer-c	{	width: 34.3333%;
			vertical-align: top;  }

#footer-d	{	width: 34.3333%;
			vertical-align: middle; }

/* index.asp, imagens.asp, txt.asp, fig.asp */

rodape		{	display: block;
			width: 100%;
			margin: 0.5em 0 1.5em 0;
			padding: 1.0em 0 0 0;
			border-top: 1px solid rgb(120,120,120); }

rodape-item	{	display: inline-block;
			margin-bottom: 1.0em;
			vertical-align: bottom;
			font-size: 0.70em;
			line-height: 1.30em;
}

rodape-item esp	{	width: 3.5em;	}


/*****************************************************
DIREITOS AUTORAIS
******************************************************/

blocoNum    	{	display: inline-block; width: 3.25em; text-align: left; padding-right: 0.75em;  }

#bolinha    	{	width: auto; height: 1.0em; vertical-align: text-bottom; margin-bottom: 2px; padding-right: 0.20em; 	}


/*****************************************************
MEDIA QUERIES
******************************************************/

/* for 980px or less */
@media screen and (max-width: 980px) {

  pagewrap 	{	width: 98%;	}

}

/* for 700px or less */
@media screen and (max-width: 700px) {

  pagewrap 	{	width: 96%;
			font-size: 0.95em;	}

  header,main	{ 	margin: 0 0.25em; 	}

  capa		{	height: 14.0em;	}

  .burger	{	position: absolute; right: 0.75em; top: 0.75em; }

  logo		{ 	/* width: 60%; */   font-size: 1.75em;   }

  main nav,main article,main aside,	{	width: auto;
						float: none;	}

  #grupoimg,imagox,coisax {	width: 36%;	}

  #imgadic	{	width: 42%; }

}

/* for 550px or less */
@media screen and (max-width: 550px) {

  pagewrap 	{	width: 94%;
			font-size: 0.95em;	}

  header,main	{ 	margin: 0 0.25em; 	}

  aside		{ 	margin-top: 2.0em; }

  capa		{	height: 11.0em;	}

  .burger	{	position: absolute; right: 0.75em; top: 0.5em; }

  logo		{ 	font-size: 1.5em; }

  main nav,main article,main aside	{	width: auto;
						float: none;	}
  #grupoimg,imagox,coisax {	width: 42%;	}

  #imgadic	{	width: 38%; }

  p#resumo	{	margin-left: 1.25em;	}

}


/* for 480px or less */
@media screen and (max-width: 480px) {

  #grupoimg,imagox,coisax	{	width: 100%; float: none; margin-left: 0; margin-right: 0; }

  #grupoimg {
 margin: 1.25em 0 0 0;
}

  iluadic,#imgadic,legadic	{ 	display: block; float: none; }

  #imgadic,legadic	{	width: 100%;	}

  iluadic	{	margin-bottom: 0; padding-bottom: 0; 	}

  legadic	{  	height: auto; padding-bottom: 0.75em; }

  leg		{	padding-top: 0.25em; font-size: 0.825em; }

  pagewrap	{ 	width: 94%; font-size: 0.90em; line-height: 1.30em;  }

  logo		{ 	font-size: 1.15em; padding-top: 0.5em; padding-bottom: 0.5em; }

  #logo2	{	width: 70%; margin-left: -0.5em; }

  voltar	{	position: absolute; right: 0.35em; top: 0.50em;	width: 1.5em;	}

  header,main	{ 	margin: 0 0.15em; 	}

  capa		{	height: 10.0em;	}

  .burger	{	position: absolute; right: 0.75em; top: 0.55em; }

  h1		{	margin-left: -0.3em; font-size: 1.4em; }

  atual,leituras	{	display: block; 	}

  main nav,main article, main aside	{	min-width: 100%; float: none;	}

  aside		{ 	margin-top: 2.0em; }

  contexto	{	margin-top: 0; }

  article	{ 	line-height: 1.40; }

  #atxt1	{	width: 8%; font-size: 0.90em;	}

  #atxt2	{	width: 92%;	}

  #construcao	{	font-size: 0.70em; }

  img.constru	{ 	width: 1.5em; background: rgb(250,250,250); border: solid 1px rgb(170,170,170); position: absolute; top: 1.35em; left: 47%;	}

  div#alfabeto	{	width: 100%; margin: 1em 0;	}

  titnav   	{  	font-size: 1.10em;	 }    		/*  {  	margin-left: -1.9em;	 } */

  #cit1		{	width: 80%;
			margin-left: 20%;	}

  mapinha	{	float: none;
			width: 94%;
			min-width: 94%;
			max-width: 94%;
			margin: 1.5em auto 1.0em auto;
			padding: 0;
			clear: both;	}

  figure#inline,figure#esquerda,figure#direita,figure#centro,figure#paragrafo   {
			width: 94%;
			max-width: 94%;
			min-width: 94%;
			float: none;
			margin: 1.0em auto;   }

  figure#nota	{	width: 100%;
			max-width: 100%;
			min-width: 100%;
			margin: 0.30em 0;  }

  figure#filme	{	width: 94%;   }

  genealogia2	{	min-width: 100%; max-width: 100%; float: none; margin: 0; padding: 0.5em 0;	}

  genealogia2 img {	min-width: 100%; max-width: 100%;  }


  legenda	{ 	font-size: 0.825em; }

  sumario	{	width: 100%;
			float: none;
			margin-right: 0;
			margin-left: 0; }

  #footer-e,#footer-c,#footer-d	{ 	display: inline-block;
					vertical-align: top;
					width: 100%;
					padding-left: 1.0em;
					float: none;	}

  #footer-c,#footer-d	{	margin-top: 1em;
				border-top: 1px dotted;
				padding-top: 0.75em;	}

}


/*******************************************************
TENTATIVA DE ACERTO
*******************************************************/

#menu ul.z li:first-child:after	{   content: " "; }

/****************************************************************
TEXTOS TOGGLE
*****************************************************************/

.toggle-boxx {
  display: none;
}

.toggle-boxx + label {
  display: inline-block;
}

.toggle-boxx + label + div {
  display: none;
}

.toggle-boxx:checked + label + div {
  display: inline-block;
}

.txtt {                               /* como o H2, H5 */
 display: inline-block;
 margin: 1.25em 0 0.75em 0;
 font-size: 1.30em;
 font-weight: 600;
 font-variant: small-caps;
 line-height: 1.1em;
 padding: 0.20em 0.25em 0.20em 0.25em;
 border-top: 1px solid rgb(100,100,100);
 border-bottom: 1px solid rgb(100,100,100);
}

.txtt:after {
 content: " + / - ";
 font-weight: 700;
 padding-left: 0.75em;
 float: right;
}

#esconde {
 margin-top: 0.25em;
 border-left: 1px solid rgb(0,0,0);
 padding: 0.25em 0 0.15em 0.5em;
}

#esconde p:first-child:first-letter {
 display: inline-block;
 font-weight: 700;
 font-size: 1.5em;
 line-height: 0;
 letter-spacing: 0.1em;
}

#limpa {                       /* se puser mais de um toggle, precisa separar com div#limpa
 clear: both;
 width: 1px;
 height: 1px;
}