nav 
	{font-size:0.8em; font-weight:700; letter-spacing:-0.1em; background-color:#c00; 
	box-shadow:0 1px 2px #369; margin:2em 0; padding:0 1em; height:44px; 
  overflow:hidden;}
nav ul {margin:0; padding:0; list-style-type:none; max-height:88px; 
  position:relative;}
nav li {display:inline-block;}
nav a 
	{display:inline-block; padding:0 3px; color:white; font-weight:700; 
	letter-spacing:-1px; text-decoration:none; text-transform:uppercase; 
	white-space:nowrap; line-height:44px; height:44px;}
nav a:hover {background-color:#eee; color:blue;}
nav li:last-child 
	{position:absolute; bottom:44px; right:-12px; background-color:blue; 
  padding-left:3em; padding:0;}
nav li:nth-last-child(2) {display:none;}

nav#menu:target {height:auto; padding:0;}
nav#menu:target ul {max-height:none;}
nav#menu:target li {display:block;}
nav#menu:target a {display:block; padding:0 1em; background-color:#c00; color:white;}
nav#menu:target a:hover {color:blue; background-color:#eee;}
nav#menu:target li:not(:first-child) {margin-top:2px;}
nav#menu:target li:last-child {display:none;}
nav#menu:target li:nth-last-child(2) 
	{display:inline-block; position:absolute; top:0; right:0; margin:0; border-left:2px solid rgb(19,51,61);}

nav#menu2:target {height:auto; padding:0;}
nav#menu2:target ul {max-height:none;}
nav#menu2:target li {display:block;}
nav#menu2:target a {display:block; padding:0 1em; background-color:#c00; color:white;}
nav#menu2:target a:hover {color:blue; background-color:#eee;}
nav#menu2:target li:not(:first-child) {margin-top:-2px;}
nav#menu2:target li:last-child {display:none;}
nav#menu2:target li:nth-last-child(2) 
	{display:inline-block; position:absolute; top:0; right:0; margin:0; 
  border-left:2px solid rgb(19,51,61);}

body {width:86%; margin:0 auto; font-size:1.2em;}

h1.pagina {font-size:3.2em; font-weight:700; color:darkblue; 
  font-variant:small-caps; text-align:center; margin:3px 0;}
h2.pagina {font-size:1.4em; font-weight:700; color:darkgreen; 
  text-align:center; margin-top:0px; }
h1  {font-size:2em; font-weight:700;color:#339; margin:1em 0; 
  font-variant:small-caps;}
h2  
	{font-size:1.8em; font-weight:700;color:#369; margin:1em 0; 
	font-variant:small-caps;}

p   {font-size:1.25em; line-height:1.4; text-align:justify;}
p.center {font-size:1.25em; position:relative; display:block; text-align:center;}

p a {color:blue; text-decoration:none;}
div.p1 {font-size:2.1em; font-weight:700; color:#060; margin:0; text-align:center;}
div.p2 {font-size:1.8em; font-weight:700; color:red; margin:0; text-align:center;}
div.p3 {font-size:1.5em; font-weight:700; color:red; margin:0; text-align:center;}
b, strong {color:blue; font-weight:700; font-size:1.2em;}

.toc ul li {text-decoration:none; list-style-type:none; text-align:left;}
.toc ul li a {text-decoration:none; color:blue; font-size:1em; text-align:left;}
.toc ul li ul {text-decoration:none; list-style-type:none; text-align:left;}
.toc ul li ul li a {text-decoration:none; color:blue; font-size:1em; text-align:left;}

ol li {text-decoration:none; font-size:1.3em; text-align:justify; padding:7px 0;}
ol li a {color:blue; text-decoration:none; font-size:1.4em; text-align:justify; padding:7px 0;}
div.rot a {color:red; text-decoration:none; font-size:2em; padding:7px 0;}
ul li {text-decoration:none; font-size:1.3em; text-align:justify; padding:0;}
ol li ol li, 
ul li ul li, 
ol li ul li, 
ul li ol li
	{text-decoration:none; font-size:1em; text-align:justify; padding:2px 0;}
ol li p, ul li p
	{text-decoration:none; font-size:1.2em; text-align:justify; padding:2px 0;}
ol li ol li p, 
ul li ul li p, 
ol li ul li p, 
ul li ol li p
	{text-decoration:none; font-size:1em; text-align:justify; padding:2px 0;}
a:link, a:visited {text-decoration: none; font-size:1.1em;}
a:hover, a:active {text-decoration: none; font-size:1.1em;}
td  {border:1px solid; padding:3px; text-align:center;}
th  {border:1px solid; padding:3px; background-color:#eee; text-align:center;}
table 
	{border-collapse:collapse; border-spacing:0; empty-cells:show; 
	border:1px solid #999; margin:0 auto; font-size:1.1em; font-weight:700;}
table caption 
	{font:italic 85%/1; padding:1em 0; text-align:center}
table td, 
table th 
	{border-left:1px solid #999; border-width:0 0 1px 1px; 
	font-size:inherit; margin:0;overflow:visible;padding:5px;}
table thead 
	{background-color:#ddd; text-align:left; vertical-align:bottom}
table td 
	{background-color:transparent;}
table-odd td 
	{background-color:#ddd;}
table-striped tr:nth-child(2n-1) td 
	{background-color:#eee}
table-bordered td 
	{border-bottom:1px solid #999}
table-bordered tbody>tr:last-child>td 
	{border-bottom-width:0}
table-horizontal td, 
table-horizontal th
	{border-width:0 0 1px 0;border-bottom:1px solid #cbcbcb}
table-horizontal tbody>tr:last-child>td 
	{border-bottom-width:0}

div.tab {overflow-x:auto; font-size:1.2em; line-height:1.3; margin:-7px; padding:0px;}

.fig 
	{position:relative; display:inline-block; padding:5px; 
	left:50%; transform:translate(-50%);}
#central img 
	{display:block; margin:0 auto; width:144px; position:relative; left:0;}
u {position:relative; left:-20px;}
img[src*='#left']  
	{display:block;float:left;}
img[src*='#right'] 
	{display:block;float:right;}
img[src*='#center']
	{display:block;margin:auto;}
.resp {color:blue;}
.resp::before {content:"Resposta: ";}
.resp a div.nome {color:white; display:inline-block; text-decoration:none; padding:0;}
.resp:hover a div.nome 
	{display:inline-block; color:white; background:blue; text-align:center; 
	text-decoration:none;}
td.red {background-color:red;}
pre,code {font-size:1.3em; font-weight:700; color:maroon;}
dl dt a
	{font-size:1.1em; font-weight:700; font-style:italic; 
	text-decoration:none; padding:0; margin:15px 0 5px}
dl dt:first-child {padding:0}
dl dt>:first-child {margin-top:0}
dl dt>:last-child {margin-bottom:0}
dl dd {margin:0 0 10px; padding:0;}
dl dd>:first-child {margin-top:0}
dl dd>:last-child {margin-bottom:0}
q {quotes:"\201C" "\201D" "\2018" "\2019"; font-weight:bold;}

////

/* Pure CSS modal box - Author: Jorge Chavez - Github: http://github.com/jorgechavz */
button {background:#369; color:white; border:1px solid #ccc; width:144px; margin:5px; padding:5px;}
.modal-chk {display:none;}
.modal .modal-overlay {opacity:0; transition:all 0.3s ease; width:50%; 
	position:absolute; width:100%; height:100%; position:fixed; top:0; 
	left:0; z-index:-100; transform:scale(1); background-color:#369;}
.modal .modal-wrap {text-align:justify; background-color:#eee; 
	box-shadow:3px 3px 3px rgba(0,0,0,0.2);	padding:40px 40px; 
	width:70%; margin:20px auto; align-self:flex-start; 
	border-radius:2px; transition:all 0.5s ease;}
.modal .modal-wrap.small {width:30%;}
.modal .modal-wrap.full {width:100%; height:100%;}
.modal .modal-wrap.a-center {align-self:center;}
.modal .modal-wrap.from-left {transform:translateX(-100%);}
.modal .modal-wrap.from-right {transform:translateX(100%);}
.modal .modal-wrap.from-top {transform:translateY(-100%);}
.modal .modal-wrap.from-bottom {transform:translateY(100%);}
.modal .modal-overlay .close 
	{position:absolute; right:10px; top:10px; font-size:1em; 
	font-weight:700; width:40px; height:30px; color:red; margin-right:30px;}
.modal .modal-overlay .close:hover 
	{cursor:pointer; color:#4b5361;}
.modal .o-close 
	{width:100%; height:100%; position:fixed; left:0; top:0; z-index:-100;}
.modal input:checked + .modal-overlay > .o-close {z-index:9998;}
.modal input:checked + .modal-overlay 
	{transform:scale(1); opacity:1; z-index:9997; overflow:auto; 
	display:flex; animation-duration:0.5s; animation-name:fade-in;}
.modal input:checked + .modal-overlay .modal-wrap 
	{transform:translateY(0); z-index:9999;}
@media (max-width:800px){ /* Tablet size */
	.modal .modal-wrap {width:80%; padding:20px;}
	}
@media (max-width:500px){ /* Phone size */
	.modal .modal-wrap {width:90%;}
	}
@keyframes fade-in { /* Fadein from display:none */
	0% {display:none; opacity:0;}
	1% {display:flex; opacity:0;}
	100% {display:flex; opacity:1;}
	}
@-moz-keyframes fade-in {
	0% {display:none; opacity:0;}
	1% {display:flex; opacity:0;}
	100% {display:flex; opacity:1;}
	}
@-webkit-keyframes fade-in {
	0% {display:none; opacity:0;}
	1% {display:flex; opacity:0;}
	100% {display:flex; opacity:1;}
	}
div.footer p 
	{background-color:#fed; font-size:1.5em; width:100%; 
	font-weight:700; text-align:center; padding:1em 0; margin:20px auto 0;}}