*{
			padding: 0px;	
			margin: 0px;
}
a{
			text-decoration: none;
			color: black;
			
}
body{
				font-family: arial;
				background-color:#FFFFF0;
				
}
ul{
				List-style: none;
				
}
img{ width: 40px;
}
input[type="checkbox"]{
				display: none;
}
nav
{
	 background-color:#F00; 
		height:80%;
	  width:130px;
		/*height:50%;*/
		Left: -130px;
		top: 0px;
		position: absolute; 
	  transition: all .5s
	/*  text-align: justify;*/
	
		
}

input[type="checkbox"]:checked~ nav 
{
				transform: translateX(130px);
}
ul{
				
				
				top: 40px;
				position: absolute;
				width:100%;
}
a{
	
	display:block;
	padding: 17px 17px; 
	color:white;
	text-align:justify;
  
}
a:houver{
				
				background-color: #000;
				color:black;		
}
label{
				
				padding: 15px;
				position: absolute;
				z-index: 1;
}
.sec1{
		
		
			margin: 0px;
			width: 100%;
			
				
}
#tit{
       text-align: center;
       /* alterado recente font tamanho */
       font-size: 18px; 
}
#cal{
				width: 100%;
				height: 200px;
}
#gra{
        width: 100%;
        height: 400px;
}
#matri{
				text-align: center;
				font-size: 18px;
}
#mat{
				width: 100%;
				height: 400px;;
}
#logo{
				
				position:absolute;
		    left: 27px;
		
		  /* 	right: 10px ; alterados recentes */
				top: 4px;
}
#logo1{
				
				position: absolute;
				left: 27px;
			/*  	right:10px; */
				top:4px;
}