/* ----------------------------- tipos -----------------------------  */

@font-face {
    font-family: "Cuir";
    src: url("/fontes/CuirRomanTimes-Regular.otf");
    font-weight: normal;
    font-style: normal;
    }

@font-face {
    font-family: "Cuir";
    src: url("/fontes/CuirRomanTimes-Bold.otf");
    font-weight: bold;
    }
    
 @font-face {
    font-family: "Cuir";
    src: url("/fontes/CuirRomanTimes-Italic.otf");
    font-weight: normal;
    font-style: italic;
    }

@font-face {
    font-family: "Cuir";
    src: url("/fontes/CuirRomanTimes-BoldItalic.otf");
    font-weight: bold;
    font-style: italic;
    }
    
@font-face {
    font-family: 'whoismono';
    src: url('/fontes/whois-mono.eot');
    src: url('/fontes/whois-mono.eot?#iefix') format('embedded-opentype'),
         url('/fontes/whois-mono.woff') format('woff'),
         url('/fontes/whois-mono.ttf') format('truetype'),
         url('/fontes/whois-mono.svg#whoismono') format('svg');
}

@font-face {
    font-family: 'whoisafetada';
         url('/fontes/Whois-afetada.ttf') format('truetype');
}

@font-face {
    font-family: 'JetBrainsMono';
    src: url('/fontes/JetBrains/eot/JetBrainsMono-Regular.eot');
    src: url('/fontes/JetBrains/eot/JetBrainsMono-Regular.eot?#iefix') format('embedded-opentype'),
         url('/fontes/JetBrains/woff/JetBrainsMono-Regular.woff') format('woff'),
         url('/fontes/JetBrains/woff2/JetBrainsMono-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'JetBrainsMono';
    src: url('/fontes/JetBrains/eot/JetBrainsMono-Bold.eot');
    src: url('/fontes/JetBrains/eot/JetBrainsMono-Bold.eot?#iefix') format('embedded-opentype'),
         url('/fontes/JetBrains/woff/JetBrainsMono-Bold.woff') format('woff'),
         url('/fontes/JetBrains/woff2/JetBrainsMono-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: bold;
}

@font-face {
    font-family: 'JetBrainsMono';
    src: url('/fontes/JetBrains/eot/JetBrainsMono-Bold-Italic.eot');
    src: url('/fontes/JetBrains/eot/JetBrainsMono-Bold-Italic.eot?#iefix') format('embedded-opentype'),
         url('/fontes/JetBrains/woff/JetBrainsMono-Bold-Italic.woff') format('woff'),
         url('/fontes/JetBrains/woff2/JetBrainsMono-Bold-Italic.woff2') format('woff2');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Compagnon";
  src: url("/fontes/Compagnon-Italic.otf");
  font-weight: normal;
  font-style: italic;
}

@import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@400;700&display=swap');

@media print {
.📖-page-background {
background-color: white !important; 
-webkit-print-color-adjust: exact !important;
}
}


/* ----------------------------- geral -----------------------------  */


body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote {
	margin:0;
	padding:0;
	border-width:0;
}
body {
	-epub-hyphens:auto;
}
div.Basic-Text-Frame {
	border-style:solid;
}


#capa {margin-left: 20px;margin-top: 10px;}

.rosto {
	margin-left: 40px;
	margin-top: 47px;
}


.rosto2 {
	margin-left: 30px;
	margin-top: 47px;
}

.rosto h5{
	margin-left: -10px;
}

.rosto2 h5{
	margin-left: -10px;
}


.textoMenor {
	margin-left: 20px;
	margin-top: 47px;
}

p.TextoBooklet {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:10pt;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:14pt;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0pt;
	text-transform:none;
	widows:1;
}

p.TextoBookletRecuo {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:10pt;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:14pt;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:14pt;
	text-transform:none;
	widows:1;
}

p.ParagrafoBooklet {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:10pt;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:14pt;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:94pt;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0pt;
	text-transform:none;
	widows:1;
}

p.RecuoBooklet {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:10pt;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:14pt;
	margin-bottom:0;
	margin-left:28px;
	margin-right:15px;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}

p.TEXTORADICAL {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:24pt;
	line-height:28pt;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:1.167;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}

h2.TEXTORADICAL {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:24pt;
	line-height:28pt;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}

p.TEXTORADICALmenor {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:14pt;
	font-style:normal;
	font-variant:normal;
	font-weight:600;
	line-height:18pt;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}

p.NOTAS {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size: 8pt;
	line-height: 12pt;
	font-style:normal;
	font-variant:normal;
	font-weight: normal;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-align-last:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}

.notas a{
	color: #222;
	text-decoration: underline;
}


.notas a:hover{
	color: blue;
}

.bloco1, .bloco2, .bloco3, .bloco4, .bloco5, .bloco6{
	display: block;
	float: left;
	position: relative;
	height: 670px;
	margin-left: 60px;
	margin-top: 50px;
}

.texto-publi {
	font-family:'JetBrainsMono';
	font-size: 8pt;
	line-height: 12pt;
	width: 250px;
	margin-bottom:30px;
	margin-left:0px;
	margin-right:0;
	margin-top: 20px;
	float: left;
	clear: both;
}

.texto-publi p{
	width: 250px;
	color:#000000;
	font-family:'JetBrainsMono';
	font-size: 8pt;
	line-height: 12pt;
	font-style:normal;
	font-weight: normal;
}

p.texto-publi {
	width: 250px;
	color:#000000;
	font-family:'JetBrainsMono';
	font-size: 8pt;
	line-height: 12pt;
	font-style:normal;
	font-weight: normal;
}


.📖-footnote{
	border-top: 1px solid black;
	padding-top: 15px;
	padding-bottom: 20px;
	font-size: 8pt;
	line-height: 10pt;
	margin-bottom: 0px;
  }
  
.📖-footer {
	margin-top: 15px;
}


.FootnoteLink a {
	font-size: 8pt;
	line-height: 14pt;
  }
  
.idFootnoteLink a {
	font-size: 8pt;
	line-height: 14pt;
  text-shadow: 2px 0 0 white, -2px 0 0 white, 0 2px 0 white;
  background-image: linear-gradient(to bottom, black 50%,rgba(0,0,0,0) 50%);
  background-repeat: repeat-x;
  background-size: 2px .06em;
  background-position: 0 1.22em;
  }

.idFootnoteLink a:hover {
    background-image: linear-gradient(to bottom, $accent 50%,rgba(0,0,0,0) 50%);
  }
  
.bindery-sup{
	font-size: 8pt;
	line-height: 10pt;
	
	}
sup {
	line-height: 0pt;
	}

.colofon {
	margin-top: 340px;
}

p.Titulo1 {
	-epub-hyphens:auto;
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:24pt;
	line-height:28pt;
	font-style:normal;
	font-variant:normal;
	font-weight:600;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}

h1.TituloBooklet {
	-epub-hyphens:auto;
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:42pt;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:56pt;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}

h1.Titulo1 {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size: 32pt;
	/* font-style:normal; */
	/* font-variant:normal; */
	line-height: 42pt;
	margin-bottom:0;
	margin-left: -10px;
	margin-right:0;
	margin-top: 30px;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:underline;
	text-indent:0;
	text-transform:none;
	widows:1;
}

h1.Titulo2 {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size: 25pt;
	/* font-style:normal; */
	/* font-variant:normal; */
	line-height: 38pt;
	margin-bottom:0;
	margin-left: -10px;
	margin-right:0;
	margin-top: 30px;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:underline;
	text-indent:0;
	text-transform:none;
	widows:1;
}

p._idGenParaOverride-1 {
	page-break-after:always;
}

h2.TEXTORADICALMENOR{
	-epub-hyphens:auto;
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:14pt;
	font-size: 14pt; 
	font-style:normal;
	font-variant:normal;
	font-weight:600;
	line-height:18pt;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:100pt;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:underline;
	text-indent:0;
	text-transform:none;
	widows:1;
}

h5.Titulo1 {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:24pt;
	line-height:28pt;
	font-style:normal;
	font-variant:normal;
	font-weight:600;
	margin-bottom:0;
	margin-left: -10px;
	margin-right: 0px;
	margin-top: 20px;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:underline;
	text-indent:0;
	text-transform:none;
	widows:1;
}


h4.TituloBooklet {
	-epub-hyphens:auto;
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:42pt;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:56pt;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}

p.AUTOR {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:14pt;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:18pt;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:75px;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}

p.AutorBooklet {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:10pt;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:14pt;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:85px;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}

p.Basic-Paragraph {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:10pt;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:14pt;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}
p.SUBT {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:10pt;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:14pt;
	margin-bottom:0;
	margin-left:14pt;
	margin-right:0;
	margin-top:13pt;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}

h2.SUBT {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:10pt;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:14pt;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0pt;
	text-transform:none;
	widows:1;
}

h3.SUBT {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:10pt;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:14pt;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0pt;
	text-transform:none;
	widows:1;
}

h4.SUBT {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:10pt;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:14pt;
	margin-bottom:0;
	margin-left:14pt;
	margin-right:0;
	margin-top:210pt;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}

h5.SUBT {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size:10pt;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:14pt;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0pt;
	text-transform:none;
	widows:1;
}

p {
	color:#000000;
	font-family:FreeSans, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	line-height: 19pt;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-transform:none;
	widows:1;
}


span.numero-nota {
	font-family:FreeSans, sans-serif;
	font-style:normal;
	font-weight:normal;
}


#info{
	position: fixed; 
	max-width: 100%; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: right;
	right:0;
	bottom: 0;
	padding: 30px;
	}
	
#imprimir{
	position: fixed; 
	max-width: 100%; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: right;
	right:0;
	top: 0;
	padding: 30px;
	}
	
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  bottom: 100%;
  left: 50%;
  margin-left: -70px; /* Use half of the width (120/2 = 60), to center the tooltip */
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  margin-bottom: 10px;
  
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}


.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}



a  {
color: black;
}

a:hover{
color: blue;
position: relative;
  }

a:active{
color: #00f7ff;
}


.home{
font-family: 'JetBrainsMono', monospace; font-size: 56px; margin: 0 60px;
}

.texto {
float: left; 
width: 400px; 
margin-left:20px; 
margin-top:120px;
margin-right:20px; 
font-family: 'JetBrainsMono', monospace; 
font-size: 10pt;
line-height: 1.5em;
color: #000;
}

.textoinfo {
float: left; 
width: 400px; 
margin-left:140px; 
margin-top:120px;
margin-right:20px; 
font-family: 'JetBrainsMono', monospace; 
font-size: 10pt;
line-height: 1.5em;
color: #000;
}

.printimg {
float: left; 
width: 400px; 
margin-left:20px; 
margin-top:120px;
margin-right:20px; 
font-family: 'JetBrainsMono', monospace; 
font-size: 10pt;
line-height: 1.5em;
color: #000;
}

.textoimprimir {
float: left; 
width: 400px; 
margin-left:70px; 
margin-top:60px;
margin-right:20px; 
font-family: 'JetBrainsMono', monospace; 
font-size: 10pt;
line-height: 1.5em;
color: #000;
}

.texto2 {
float: left; width: 590px; margin-left:20px; margin-top:180px; font-family: 'JetBrainsMono', monospace; color: #666;
}

.texto3 {
clear: both; float: left; width: 590px; margin-left:80px; margin-top:-55px; margin-right:20px; font-family: 'JetBrainsMono', monospace; color: #666;
}

.texto4 {
float: left; width: 590px; margin-left:20px; margin-top:50px; margin-right: 30px; font-family: 'JetBrainsMono', monospace; color: #999;
}



.rodape{
background-color: #000;
margin-left:0px; 
margin-top: 200px; 
margin-bottom: 0px;
padding: 60px 20px 20px 20px;
font-family: 'JetBrainsMono', monospace;
}

.construcao{
text-align: left; font-family: 'JetBrainsMono', monospace; font-size: 10px; color: #999; margin-left: 20px;
}

h1 {
font-family: 'JetBrainsMono', monospace;
font-size: 21px;
color: blue;
}


h2 {
font-family: 'JetBrainsMono', monospace;
font-size: 48px;
color: red;
line-height: 48px;
font-weight: normal;
}


h2 a{
text-decoration: none;
}

h2 a:visited{
text-decoration: none;
color: red;

}


h2 a:hover{
color: blue;
}


h2 a:active{
color: #00f7ff;
}


.texto2 h2{
 font-family: 'JetBrainsMono', monospace; 
 color: #666;

}

.dragme{
position:relative;
cursor: move;
}

#draggable8{
display: inline-block;	
display: -moz-inline-stack; 
margin-left:0px; 
float: left; 
margin-top:0px; 
cursor: pointer;
*display: inline; 
}

#draggable5{
margin-left:-40px; float: left; margin-top:80px; cursor: pointer;
}

#draggable11{
display: inline-block;	
display: -moz-inline-stack; 
margin-left:-40px; 
float: left; 
margin-top:40px; 
cursor: pointer;
*display: inline; 
}


#draggableesc {
float: left; cursor: pointer;
}

#draggable10 {
float: left; cursor: pointer;
}

#draggable7 {
float: left; cursor: pointer;
}

#draggable9 {
float: left; cursor: pointer;
}

#draggable1 {
float: left; margin-top:120px; display: inline-block; cursor: pointer;
}

#draggable2 {
margin-left:-130px; float: left; margin-top:90px; display: inline-block; cursor: pointer;
}

#draggable3 {
margin-left:-130px; float: left; margin-top:30px; cursor: pointer;
}

#draggable4 {
margin-left:-130px; float: left; margin-top:60px; cursor: pointer;
}




.type-wrap {
position: fixed;
text-align: left;
bottom: 0;
left:0;
clear: both;
font-family: 'JetBrainsMono', monospace;
color: #000;
font-weight: normal;
padding: 30px;
}

.type-wrap2 {
clear: both;
font-family: 'JetBrainsMono', monospace;
font-size: 64px;
color: red;
font-weight: normal;
}

.booklets:hover{
-moz-box-shadow: 0 0px 90px red;
-webkit-box-shadow: 0 0px 90px red;
box-shadow: 0 0px 90px red;
cursor: move;
}

.ternura:hover { 
box-shadow:    inset 0 0 50px #fff,
    inset 20px 0 80px #f0f,
    inset -20px 0 80px #0ff,
    inset 20px 0 300px #f0f,
    inset -20px 0 300px #0ff,
    0 0 50px #fff,
    -10px 0 80px #f0f,
    10px 0 80px #0ff;
transition: .5s ease;
cursor: pointer;
}

.pirata:hover{
	box-shadow:    inset 0 0 50px #e9dd92,
    inset 20px 0 80px #e9dd92,
    inset -20px 0 80px #e9dd92,
    inset 20px 0 300px #e9dd92,
    inset -20px 0 300px #ddcc4a,
    0 0 50px #ddcc4a,
    -10px 0 80px #ddcc4a,
    10px 0 80px #ddcc4a;
cursor: pointer;
}

.formas:hover{
	box-shadow:    inset 0 0 50px #0000c5,
    inset 20px 0 80px #0000c5,
    inset -20px 0 80px #0000c5,
    inset 20px 0 300px #0000c5,
    inset -20px 0 300px #0000c5,
    0 0 50px #0000ff,
    -10px 0 80px #0000ff,
    10px 0 80px #0000ff;
cursor: pointer;
}

.biblioteca:hover{
	box-shadow:    inset 0 0 50px #FBFF38,
    inset 20px 0 80px #FBFF38,
    inset -20px 0 80px #FBFF38,
    inset 20px 0 300px #FBFF38,
    inset -20px 0 300px #FBFF38,
    0 0 50px #FBFF38,
    -10px 0 80px #FBFF38,
    10px 0 80px #FBFF38;
cursor: pointer;
}


.album:hover{ 
box-shadow:    inset 0 0 50px #d5d6d6,
    inset 20px 0 80px #d5d6d6,
    inset -20px 0 80px #d5d6d6,
    inset 20px 0 300px #d5d6d6,
    inset -20px 0 300px #d5d6d6,
    0 0 50px #d5d6d6,
    -10px 0 80px #f7f962,
    10px 0 80px #f7f962;
transition: .5s ease;
cursor: pointer;
}

.rexistencia:hover{ 
-webkit-box-shadow: 5px 5px 15px 5px #FF8080, -9px 5px 15px 5px #FFE488, -7px -5px 15px 5px #8CFF85, 12px -5px 15px 5px #80C7FF, 12px 10px 15px 7px #E488FF, -10px 10px 15px 7px #FF616B, -10px -7px 27px 1px #8E5CFF, -18px 0px 16px -4px rgba(204,35,25,0); 
box-shadow: 5px 5px 15px 5px #FF8080, -9px 5px 15px 5px #FFE488, -7px -5px 15px 5px #8CFF85, 12px -5px 15px 5px #80C7FF, 12px 10px 15px 7px #E488FF, -10px 10px 15px 7px #FF616B, -10px -7px 27px 1px #8E5CFF, -18px 0px 16px -4px rgba(204,35,25,0);
transition: .5s ease;
cursor: pointer;
}


.tudoque:hover{ 
-moz-box-shadow: 0 0px 40px #da9477;
-webkit-box-shadow: 0 0px 40px #da9477;
box-shadow: 0 0px 50px #da9477;
transition: .5s ease;
cursor: pointer;
}


.vergonha:hover{ 
box-shadow:    inset 0 0 50px #ffab00,
    inset 20px 0 80px #bba77e,
    inset -20px 0 80px #bba77e,
    inset 20px 0 300px #bba77e,
    inset -20px 0 300px #bba77e,
    0 0 50px #ffab00,
    -10px 0 80px #ffab00,
    10px 0 80px #ffab00;
transition: .5s ease;
cursor: pointer;
}



.escrevivencias:hover{ 
box-shadow:    inset 0 0 50px #fff,
    inset 20px 0 80px #F7A8B8,
    inset -20px 0 80px #F7A8B8,
    inset 20px 0 300px #F7A8B8,
    inset -20px 0 300px #F7A8B8,
    0 0 50px #F7A8B8,
    -10px 0 80px #55CDFC,
    10px 0 80px #55CDFC;
transition: .5s ease;
cursor: pointer;
}

.poeticas:hover{ 
-moz-box-shadow: 0 0px 90px red;
-webkit-box-shadow: 0 0px 90px red;
box-shadow: 0 0px 90px red;
transition: .5s ease;
cursor: pointer;
}



.icone {
  display: inline-block;
  width: 150px;
  height: 64px;
  background-size: cover;
  cursor: pointer;
}
.icone-imprimir {
  background-image: url('/imgs/imprimir.svg');
  filter: invert(23%) sepia(100%) saturate(7031%) hue-rotate(358deg) brightness(100%) contrast(118%);
}
.icone-imprimir:hover,
.icone-imprimir:focus {
  filter: invert(9%) sepia(98%) saturate(7495%) hue-rotate(240deg) brightness(99%) contrast(120%);
}

/* Smartphones (portrait and landscape) ----------- */

@media only screen

and (min-device-width : 320px)

and (max-device-width : 480px) {

/* Styles */ 
.content{
	margin: 10px 0px 0px 0px;
	text-align: center;
	width: auto;
} 

.bloco1, .bloco2, .bloco3, .bloco4, .bloco5 {
	width: 85%;
	float: left;
	margin: 10px 0px 30px 20px;
	clear: both;
	height: auto !important;
}

.bloco6 {
	width: 85%;
	float: left;
	margin: 10px 0px 30px 20px;
	clear: both;
	height: auto !important;
}

#draggable8{
display: -moz-inline-stack; 
display: inline-block;	
margin-left:0px; 
float: left; 
margin-top:-10px; 
cursor: pointer;
*display: inline; 
margin-right: 0px;
}

#draggable5{
float: left; 
margin-left:-20px; 
margin-top:30px; 
cursor: pointer;
margin-right: 0px;
}

#draggableesc {
cursor: pointer;
float: left;
margin-top: 0px;
margin-right: 0px;
}


#draggable6, #draggable7, #draggable9, #draggable10 {
cursor: pointer;
float: left;
margin-top:0px;
margin-right: 0px;
}


#draggable1, #draggable2, #draggable3, #draggable4 {
cursor: pointer;
float: left;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
clear: both;
}

.textoimprimir {
float: left; 
width: 90%; 
text-align: left;
font-family: 'JetBrainsMono', monospace; 
font-size: 10pt;
line-height: 1.5em;
color: #000;
margin-left: 15px;
margin-bottom: 30px;
margin-right: 0px;
}

.textoimprimir p {
text-align: left;
margin-right: 0px;
}

.textoimprimir h2 {
text-align: center;
margin-right: 0px;
margin-top: 0px;

}

.textoimprimir h1 {
text-align: center;
margin-right: 0px;
}

.printimg {
float: left; 
width: 95%; 
margin: 0px;
padding: 0px;
}

.printimg img{
width: 100%; 
text-align: left;
font-family: 'JetBrainsMono', monospace; 
font-size: 10pt;
line-height: 1.5em;
color: #000;
margin-left: 15px;
margin-bottom: 80px;
margin-right: 0px;
padding: 0px;
}

.textoinfo {
float: left; 
width: 90%; 
text-align: left;
font-family: 'JetBrainsMono', monospace; 
font-size: 10pt;
line-height: 1.5em;
color: #000;
margin-left: 15px;
margin-bottom: 80px;
}

.texto-publi{
margin-left: 0px !important;
margin-top: 5px !important;
margin-bottom: 0px !important;
margin-right: 0px;
width: 100%;
}

.texto-publi p{
margin-left: 0px !important;
width: 100%;
margin-right: 0px;
}

.type-wrap {
display: none !important;
}

.type-wrap2 {
display: none !important;
}

#info{
	position: fixed; 
	max-width: 80%; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: right;
	right:0;
	bottom: 0;
	color: red;
	}
	
#imprimir{
	position: fixed; 
	max-width: 80%; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: right;
	right:0;
	top: 0;
	}

#info h2 a{
color:red;
	}	
	
	
}

/* iPads (portrait and landscape) ----------- */

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px) {

/* Styles */ }

/* Desktops and laptops ----------- */

@media only screen

and (min-width : 1224px) {

/* Styles */

}