@charset "utf-8";

header#artigos{background-color:rgba(255,204,0,0.75);padding:1em 2em 1em 2em;margin-top:2em;border-radius: 0.75em;}
header#artigos h1, header#artigos .fh1 {color:rgb(23,23,56);margin-top:0em;text-shadow: 0.08em 0.08em 0.1em rgba(0,0,0,0.2);}
header#artigos h2, header#artigos .fh2 {color:rgb(23,23,56);font-size:1.8em;}
header#artigos h3, header#artigos .fh3 {color:rgb(23,23,56);font-size:1.5em;}
header#artigos p {color:rgb(23,23,56);font-size:1.5em;margin:1em 0;}

header#art {
	border-radius:3em;
	background:rgba(29,29,58, 0.2);
	text-align:center;
	padding:2em 0;
	margin:1em 0;
}
header#art h1, header#art .f1 {
	font-size:5em;font-weight:bolder;color:rgb(23,23,56);
	text-shadow: 0.08em 0.08em 0.1em rgba(0,0,0,0.2);
	margin-top:0em;
}

header#art h2, header#art .f2 {
	font-size:2em;color:rgb(23,23,56);
}

.parecer {max-width:10em;float:right;margin: 1em 0em 0em 2em;}
.parecer  p {font-size:80%;color:rgb(48,117,186);}

.img-artigo {max-width:17.25em;float:left;margin: 1em 2em 0em 0em;}

/* .nivel1 li{padding-left:1.5em;line-height:1.5em;} */
/* .nivel2 li{padding-left:3em;line-height:1.5em;} */

.capitular{font-size:2em;font-weight:bold;}

.fonte150 {font-size:150%;}


.img_retratil{margin-top:1em;}
.img_retratil img{float:left;margin: 0 1.5em 0 0;width:30%;transition: all 0.8s cubic-bezier(0.340, 0.985, 0.345, 0.960);}
.img_retratil img:hover {width:100%;}

.apostila img{padding:2em 0em;}
.apostila h3{margin-top:1em;}

.tabela-col1, .tabela-col2 {width:30%;min-width:14em;float:left;padding: 0em 3% 2em 0em;}
.tabela-col3 {width:30%;min-width:14em;float:left;padding: 0em 0em 2em 0em;}
.tabela-col1 h2, .tabela-col2 h2, .tabela-col3 h2 {text-align:center;color:rgb(255,255,255)}
.tabela-col1 p, .tabela-col2 p, .tabela-col3 p {padding:1em 0em 1em 2em;margin-top:0em;}

.item {background:rgba(255,204,0, 0.75);font-weight:bold;padding: 0em 0.25em;margin-right:0.5em;}
.subitem {background:rgba(255,204,0, 0.35);font-weight:bold;padding: 0em 0.25em;margin-right:0.5em;}


@media screen and (max-width:30em) {
	.imagem-esquerda img, .imagem-direita img {float:none;margin: 1em auto;display:block;}
}