@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */
body {
	
	background:linear-gradient(#E5E7E9, #FFAE5E);
	max-width:1000px;
	margin:auto;}
p {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;}
#anexos {
	background:#999;
    color:#FFF;
	font-family:"Courier New", Courier, monospace;
	padding:5px;
	font-size:90%;
	text-align:center;
	}
#anexos a {
	text-decoration:none;
    color:#CFF;
	 }
#tb1 {
	width:100%;
	background-color:#5D6D7E;
	border-bottom:1px solid #FC9;
	}
table #td2 {
	width:35%;}

#tb1 img{
	width:100%;
	
}
table img {
	width: 100%;}
header{
	width:100%;
	background:#666;}

#btn-menu {
	display:none;}
header label{
	display:none;
	width:30px;
	height:30px;
	padding:10px;
	border-right:1px solid #fff;}
label img {
		width:100%;}
header label:hover {
	cursor:pointer;
	background:rgba(0,0,0,0.3);}
.menu ul {
	margin:0;
	list-style:none;
	padding:0;
	display:flex;}
.menu li {
	flex-grow:1;
	text-align:center;
	border-right:1px solid #FC9;}	
.menu li:hover {
	background:rgba(0,0,0,0.3);}
.menu li a{
	font-family:"Lucida Console", Monaco, monospace;
	display:block;
	padding:20px 15px;
	color:#F93;
	text-decoration:none;}
#td1 img{animation:escalar 1.5s infinite alternate;}
@keyframes escalar{
	to{
		transform:scale(1);}
	from {transform:scale(1.05);}}	
#td1 ul {
	margin:0;
	list-style:none;
	padding:0;
	}
#td1  li {
	
	text-align:center;
	border:1px solid #FC9;}	
#td1 li:hover {
	background:rgba(0,0,0,0.3);}
#td1  li a{
	font-family:"Lucida Console", Monaco, monospace;
	display:block;
	padding:10px 7px;
	color:#F93;
	text-decoration:none;}
@media (max-width:650px){
	p {
	font-size:70%;}
	#anexos {
	padding:2.5px;
	font-size:70%;
	}
	header label{
		display:block;
		height:20px;
		width:20px;}
	.menu {
		position:absolute;
		background:#666;
		width:50%;
		margin-left:-50%;
		transition:all 0.5s;}
	.menu ul {
			flex-direction:column;}
	.menu li {
		border-top:1px solid #FC9;}
	#btn-menu:checked ~ .menu{
		margin:0;}
	
	}
@media (max-width:480px){
	p {
	font-size:70%;}
	#anexos {
	padding:2px;
	font-size:55%;
	}
	header label{
		display:block;
		height:15px;
		width:15px;}
	
	.menu {
		position:absolute;
		background:#666;
		width:50%;
		margin-left:-50%;
		transition:all 0.5s;}
	.menu ul {
			flex-direction:column;}
	.menu li {
		border-top:1px solid #FC9;}
	#btn-menu:checked ~ .menu{
		margin:0;}
	.menu li a{
	
	padding:10px 15px;
	color:#F93;
	text-decoration:none;}
	#pie  {
		font-size:70%;}
	
	#td1  li a{
	
	padding:7px 5px;
	font-size:65%;}
	
	
}
	


	
#tb3 {
	width:100%;}	
table #td1 {
	width:20%;}
table #td11 {
	width:80%;}
table #tb33 {
	width:80%;}
#tdp {
	width:100%;}
#tdp td {
	width:33%;}
#tdp img {
	width:100%;}

table #telas {
	width:80%;}

	
h4 {color:#408080;}
h3 {
	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;}


#pie {
    color:#CC9;}
#pie a{
    color:#CCC;
	text-decoration:none;}