section#gravitacao h2 {
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    text-shadow: #C0C0C0 1px 1px 1px, #ccc -1px -1px 1px;
    font-weight: bold;
    text-align: left;
}

section#gravitacao {
    margin: 0 auto;
    width: 90%;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #808080;
    padding: 5px;
}

section#gravitacao ul li {
	font-size:25px;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    text-shadow:  #C0C0C0 1px 1px 1px, #ccc -1px -1px 1px;
   margin:5px;
    text-align: left;
	padding-top:10px;
	clear:both;
}

div.tabela {
    margin-top: 10px;
    display: none;
    width: 1000px;
    height:100%;
	   
}


h3.par-03{
font-size:22px;	
margin:10px;	
text-align:center;
}

div#gravitacao{
margin:0 auto;
width:90%;
height:500px;
 box-shadow: 10px 10px 10px 5px black;
 margin-bottom:20px;
}

canvas#myCanvas-09{
margin-left: 15%;
}

canvas#myCanvas-10{
	margin-left: 15%;
	}

	canvas#myCanvas-12{
		margin-top: 15px;
		}

		canvas#myCanvas-15{
			margin-top: 15px;

			}

div#gravitacao-02{
margin:0 auto;
width:90%;
height:500px;
 box-shadow: 10px 10px 10px 5px black;
 margin-bottom:20px;
}

div#gravitacao-02 span#span-01{
	margin:auto;
	width:95%;
	height:;
    margin:10px;
	  padding:10px;
}

div#gravitacao-02 span#span-03{
margin:auto;
width:90%;
height:380px;
margin-bottom:20px;
padding-top: 30px;
}

div#gravitacao-03{
margin:0 auto;
width:90%;
height:400px;
 box-shadow: 10px 10px 10px 5px black;
 margin-bottom:20px;
 padding:5px;
}

div#gravitacao-03 span#span-01{
float:left;
	width:35%;
	 text-shadow:none;
font-style:;
	  margin:10px;
	  text-align:left;
	  padding:10px;
	  font-size:18px;
	  }

div#gravitacao-04{
margin:0 auto;
width:90%;
height:500px;
 box-shadow: 10px 10px 10px 5px black;
 margin-bottom:20px;
 padding:5px;
}

div#gravitacao-05{
	margin:0 auto;
	width:90%;
	height:350px;
	 box-shadow: 10px 10px 10px 5px black;
	 margin-bottom:20px;
	}

	div#gravitacao-06{
		margin:0 auto;
		width:90%;
		height:350px;
		 box-shadow: 10px 10px 10px 5px black;
		 margin-bottom:20px;
		}

		div#gravitacao-06 span#span-01{
			float:left;
				width:40%;
				 text-shadow:none;
			font-style:;
				  margin:10px;
				  text-align:left;
				  padding:10px;
				  font-size:19px;
				  }

#myDIV {
    margin: auto;
    border-left: 6px solid #000;
    border-radius: 145px;    
    width: 290px;
    height: 290px;
    border-radius:;
    background-color:;
    color: white;
    -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    100% {-webkit-transform: rotate(360deg);}
}

#myDIV-02 {
	margin: auto;
    border-left: 6px solid #000;
    border-radius: 105px;    
    width: 210px;
    height: 210px;
    border-radius:;
    background-color:;
    color: white;
    -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove 7s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove-02 {
    100% {-webkit-transform: rotate(360deg);}
}

#myDIV-03 {
    margin: auto;
    border-left: 6px solid #000;
    border-radius: 145px;    
    width: 290px;
    height: 290px;
    border-radius:;
    background-color:;
    color: white;
    -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    100% {-webkit-transform: rotate(360deg);}
}

div#gravitacao-04 span#span-01{ 
	font-size:18px;
	width:40%;
}

div#gravitacao-07{
	margin:0 auto;
	width:90%;
	height:500px;
	 box-shadow: 10px 10px 10px 5px black;
	 margin-bottom:20px;
	 padding:5px;
	}

	div#gravitacao-07 span#span-01{ 
		font-size:18px;
		width:40%;
	}

div#mola{
margin:0 auto;
width:90%;
height:310px;
 box-shadow: 10px 10px 10px 5px black;
 margin-bottom:20px;
}



div#mola-02{
margin:0 auto;
width:90%;
height:440px;
 box-shadow: 10px 10px 10px 5px black;
 margin-bottom:20px;
 padding:5px;
}

div#planoInclinado{
margin:0 auto;
width:90%;
height:500px;
 box-shadow: 10px 10px 10px 5px black;
 margin-bottom:20px;
}

div#planoInclinado-02{
margin:0 auto;
width:90%;
height:550px;
 box-shadow: 10px 10px 10px 5px black;
 margin-bottom:20px;
}

div#sistemas{
	margin:0 auto;
	width:90%;
	height:500px;
	 box-shadow: 10px 10px 10px 5px black;
	 margin-bottom:20px;
	}

	div#sistemas-02{
		margin:0 auto;
		width:90%;
		height:580px;
		 box-shadow: 10px 10px 10px 5px black;
		 margin-bottom:20px;
		}

p#paragrafo{
	text-align:left;
	font-size:20px;
	    text-shadow:none;
		font-style:italic;

}

span#span-01{
	float:left;
	width:45%;
	 text-shadow:none;
font-style:;
	  margin:10px;
	  text-align:left;
	  padding:10px;
	  font-size:20px;
}


div#gravitacao span#span-01{
	margin:auto;
	width:95%;
	height:;
    margin:10px;
	  padding:10px;
	 
	   
	  
}

div#gravitacao span#span-02{
	margin:auto;
	width:90%;
	height:100%;
    margin:10px;
	  padding:10px;
	 
	   
	  
}

span#span-03{
	float:left;
	width:45%;
	height:100%;
    margin:10px;
	  padding:10px;
	  

}

span#span-04{
	float:left;
	width:45%;
	height:100%;
    margin:10px;
	  padding:10px;
	 
}

span#span-05{
	float:left;
	width:45%;
	height:100%;
    margin:10px;
	  padding:10px;
	

}

span#span-06{
	float:left;
	width:50%;
	height:90%;
    margin:;
	  padding:10px; 
border: 1px solid #000;
}

span#span-07{
	float:left;
	width:45%;
	height:90%;
    margin:;
	  padding:10px; 
border: 1px solid #000;
}

span#span-08{
	height:100%;
	  float:left;
	width:40%;
	 text-shadow:none;
font-style:;
	  margin:10px;
	  text-align:left;
	  padding:10px;
	  font-size:20px;

}

span#span-09{
	float:left;
	width:45%;
	height:100%;
    margin:10px;
	  padding:10px;
}

span#span-10{
	float:left;
	width:45%;
	height:90%;
    margin:;
	  padding:10px; 
border: 1px solid #000;
}

span#span-11{
	float:left;
	width:45%;
	height:90%;
    margin:;
	  padding:10px; 
	  border: 1px solid #000;
}

span#span-12{
	float:left;
	width:45%;
	height:90%;
    margin:;
	  padding:10px;
border: 1px solid #000;	  
}

span#span-13{
	float:left;
	width:45%;
	height:;
    margin:10px;
	  padding:10px;
	  border:2px solid #000;

}

span#span-14{
	float:left;
	width:45%;
	height:100%;
    margin:10px;
	  padding:10px; 
}

span#span-15{
	float:left;
	width:45%;
	height:100%;
    margin:10px;
	  padding:10px; 
}
span#span-16{
	float:left;
	width:45%;
	height:90%;
    margin:;
	  padding:10px; 
	  border: 1px solid #000;
}

span#span-17{
	float:left;
	width:45%;
	height:100%;
    margin:10px;
	  padding:10px;
	  text-shadow:none;
	  font-size: 20px;
}

span#span-18{
	float:left;
	width:45%;
	 text-shadow:none;
font-style:;
	  margin:10px;
	  text-align:left;
	  padding:10px;
	  font-size:18px;
}

span#span-19{
	float:left;
	width:45%;
	height:100%;
    margin:10px;
	  padding:10px;
	  	 text-shadow:none;
	  font-size:18px;

	  }

span#span-20{
	float:left;
	width:45%;
	 text-shadow:;
font-style:;
	  margin:10px;
	  text-align:left;
	  padding:10px;
	  font-size:;

	height:90%;
 
	  border: 1px solid #000;
}

span#span-21{
	float:left;
	width:45%;
	 text-shadow:none;
font-style:;
	  margin:10px;
	  text-align:left;
	  padding:10px;
	  font-size:18px;
}

span#span-22{
	float:left;
	width:40%;
	 text-shadow:none;
font-style:;
	  margin:10px;
	  text-align:left;
	  padding:10px;
	  font-size:18px;
}

div#gravitacao-03 span#span-04{
	float:left;
	width:55%;
	height:90%;
    margin:;
	  padding:10px; 
	  border: 1px solid #000;
}

span#span-24{
	float:left;
	width:45%;
	height:90%;
	 text-shadow:none;
	  margin:5px;
padding:5px;
	  border: 2px solid #000;
}

span#span-25{
	float:left;
	width:45%;
	
	 text-shadow:none;
font-style:;
	  margin:10px;
	  text-align:left;
	  padding:10px;
	  font-size:18px;
	  
}

span#span-26{
	float:left;
	width:40%;
	 text-shadow:none;
font-style:;
	  margin:10px;
	  text-align:left;
	  padding:10px;
	  font-size:18px;
}

span#span-27{
	float:left;
	width:50%;
	height:90%;
    margin:;
	  padding:10px; 
	  border: 1px solid #000;
}

span#span-28{
	float:left;
	width:45%;
	 text-shadow:none;
font-style:;
	  margin:10px;
	  text-align:left;
	  padding:10px;
	  font-size:20px;
}

span#span-29{
	float:left;
	width:45%;
	 text-shadow:none;
font-style:;
	  margin:10px;
	  text-align:left;
	  padding:10px;
	  font-size:20px;
}

span#span-30{
text-shadow:;
float:left;
width:45%;
font-style:;
	  margin:10px;
	  text-align:left;
	  padding:10px;
	  font-size:;
height:90%;
 border: 1px solid #000;

}

span#span-31{
	float:left;
	width:45%;
	height:100%;
    margin:10px;
	  padding:10px;
	  	 text-shadow:none;
	  font-size:18px;
}


span#span-32{
	float:left;
	width:40%;
	 text-shadow:none;
font-style:;
	  margin:10px;
	  text-align:left;
	  padding:10px;
	  font-size:18px;
}

table, th, td {
    border: 1px solid black;
	margin:auto;
	text-align: center;
}

span#span-33{
	float:left;
	width:50%;
	height:90%;
    margin:;
	  padding:10px; 
	  border: 1px solid #000;
}
span#span-34{
	float:left;
	width:50%;
	height:90%;
    margin:10px;
	  padding:10px; 
	  border: 1px solid #000;
}

div#divResultado{
	width:0;
	height:0;
clear:both;	
margin:0 auto;
border-radius:5px;
background-color:#fff;
-webkit-transition: all 1500ms linear 250ms;
transition: all 1500ms linear 250ms;
}

p#resp{
font-size: 20px;
color:#fff;
text-align:;
padding:5px;
 text-shadow:none;
font-style:italic;
}

div#divResultado-02{
width:0;
	height:0;
clear:both;	
margin:0 auto;
border-radius:5px;
}

p#resp-02{
font-size: 20px;
color:#000;
text-align:;
padding:5px;
 text-shadow:none;
font-style:italic;
}

p#resp-05{
font-size: 20px;
color:#fff;
text-align:;
padding:5px;
 text-shadow:none;
font-style:italic;
}

div#divResultado-03{
	width:0;
	height:0;
clear:both;	
margin:0 auto;
border-radius:5px;
background-color:#fff;

}

p#resp-03{
font-size: 18px;
color:#fff;
text-align:;
padding:5px;
 text-shadow:none;
font-style:italic;
}

div#divResultado-04{
	width:0;
	height:0;
clear:both;	
margin:0 auto;
border-radius:5px;
background-color:#fff;
-webkit-transition: all 1500ms linear 250ms;
transition: all 1500ms linear 250ms;
}

p#resp-04{
font-size: 20px;
color:#fff;
text-align:;
padding:5px;
 text-shadow:none;
font-style:italic;
}

div#divResultado-05{
	width:0;
	height:0;
clear:both;	
margin:0 auto;
border-radius:5px;
background-color:#fff;
-webkit-transition: all 1500ms linear 250ms;
transition: all 1500ms linear 250ms;
}


div#divResultado-06{
	width:0;
	height:0;
clear:both;	
margin:0 auto;
border-radius:5px;
background-color:#fff;
-webkit-transition: all 1500ms linear 250ms;
transition: all 1500ms linear 250ms;
}

p#resp-06{
font-size: 20px;
color:#fff;
text-align:;
padding:5px;
 text-shadow:none;
font-style:italic;
}

div#divResultado-07{
	width:0;
	height:0;
clear:both;	
margin:0 auto;
border-radius:5px;
background-color:#fff;
-webkit-transition: all 1500ms linear 250ms;
transition: all 1500ms linear 250ms;
}

p#resp-07{
font-size: 20px;
color:#fff;
text-align:;
padding:10px;
 text-shadow:none;
font-style:italic;
}

div#divResultado-08{
	width:0;
	height:0;
clear:both;	
margin:0 auto;
border-radius:5px;
background-color:#fff;
-webkit-transition: all 1500ms linear 250ms;
transition: all 1500ms linear 250ms;
}

p#resp-08{
font-size: 20px;
color:#fff;
text-align:;
padding:5px;
 text-shadow:none;
font-style:italic;
}

div#divResultado-11{
	width:0;
	height:0;
clear:both;	
margin:0 auto;
border-radius:5px;
}

p#resp-11{
font-size: 18px;
color:#fff;
text-align:;
padding:5px;
 text-shadow:none;
font-style:italic;
}

div#divResultado-12{
	width:0;
	height:0;
clear:both;	
margin:0 auto;
border-radius:5px;
}

p#resp-12{
font-size: 18px;
color:#fff;
text-align:;
padding:5px;
 text-shadow:none;
font-style:italic;
}

div#divResultado-10{
	width:0;
	height:0;
clear:both;	
margin:0 auto;
border-radius:5px;
-webkit-transition: all 1500ms linear 250ms;
transition: all 1500ms linear 250ms;

}

p#resp-10{
font-size: 20px;
color:#fff;
text-align:;
padding:5px;
 text-shadow:none;
font-style:italic;
}

div#divResultado-01{
	width:0;
	height:0;
clear:both;	
margin:0 auto;
border-radius:5px;

}

div#divResultado-03{
	width:0;
	height:0;
clear:both;	
margin:0 auto;
border-radius:5px;

}

p#resp-01{
font-size: 20px;
color:#fff;
text-align:center;
padding:5px;
 text-shadow:none;
font-style:italic;

}

p#resp-04{
font-size: 17px;
color:#fff;
text-align:center;
 text-shadow:none;
font-style:italic;

}


div#divResultado-14{
	width:0;
	height:0;
clear:both;	
margin:0 auto;
border-radius:5px;

}


div#divResultado-15{
	width:0;
	height:0;
clear:both;	
margin:0 auto;
border-radius:5px;
background-color:#fff;
-webkit-transition: all 1500ms linear 250ms;
transition: all 1500ms linear 250ms;
}

p#resp-14{
font-size: 20px;
color:#fff;
text-align:center;
padding:5px;
 text-shadow:none;
font-style:italic;

}

p#resp-15{
font-size: 15px;
color:#000;
text-align:center;
 text-shadow:none;
font-weight:bold;

}

p#resp-16{
font-size: 15px;
color:#fff;
text-align:center;
 text-shadow:none;
font-weight:bold;

}

p#resp-17{
font-size: 15px;
color:#000;
text-align:center;
 text-shadow:none;
font-weight:bold;

}




label{
color: #000;
	text-shadow: #C0C0C0 1px 1px 1px, #ccc -1px -1px 1px;
	}
	
input{
border-radius:5px;
}

canvas#myCanvas{
	display:none;
}

canvas#myCanvas-02{
	display:none;
}

canvas#myCanvas-03{
	display:none;
}

canvas#myCanvas-04{
	display:none;
}

canvas#myCanvas-05{
margin:10px;
background-image: url("../imagens/mola.GIF");
	   background-repeat: no-repeat;
	       background-position: top right; 
}

canvas#myCanvas-20{
	margin:5px;
	}
	
canvas#myCanvas-06{
	margin:5px;
	}


	
	canvas#myCanvas-16{
margin-top:5%;
	}
	
	canvas#myCanvas-22{
margin-top:2%;
	}
	
	canvas#myCanvas-23{
margin-top:2%;
	}
span#aceleracao{
	font-weight:bold;
	text-align:center;
}

#container {
	display:none;
  width: 350px;
  height: 260px;
  position: relative;
 border:2px solid #000;
}

#animate {
  width: 50px;
  height: 50px;
  position: absolute;
  background-color: red;
 margin-left: 10px;
 margin-top: 10px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  
  
}



#animate-04 {
	width: 60px;
	height: 50px;
	float:left;
	background-color: red;
   margin-left:120px;
   margin-top: 30px;
	
}

  #animate-05 {
	width: 50px;
	height: 60px;
	position: absolute;
	background-color: red;
   margin-left: 255px;
   margin-top: 90px;
  }

#container-02 {
	display:none;
  width: ;
  height: 260px;
  position: relative;
}


#container-01 {
	display:none;
  width:;
  height: 350px;
  position: relative;
 border:;

}

#container-03 {
	display:none;
  width:;
  height: 350px;
  position: relative;
 border:;

}

#animate-01 {
margin-top:40px;
margin-left:55px;
position: absolute;
}



#animate-02 {
padding-top:40px;
	position:;
	}

	#animate-03 {
		margin-top:40px;
		margin-left:55px;
		position: absolute;
		}

#container-04 {
	display:none;
  width:;
  height: 350px;
  position: relative;
 border:;

}

#container-05 {
 display:none;
  width: 350px;
  height: 300px;
  position: relative;
 border:2px solid #000;

}


#container-06 {
	display:none;
	 width: 350px;
	 height: 300px;
	 position: relative;
	border:2px solid #000;
   
   }

#animate-04 {
margin-top:;
margin-left:155px;
position: absolute;
}


@media only screen and (max-width: 1200px) {

div.tabela{
width:900px;
}

p#paragrafo{
	font-size:18px;

}

span#span-01{
	  font-size:18px;
}


span#span-02{
    margin:5px;
	  padding:5px;
	  }
	  
	  span#span-03{
    margin:5px;
	  padding:5px;
	  }
	  
	  
	  span#span-04{
    margin:5px;
	  padding:5px;
	  }

span#span-08{
	 margin:5px;
	  padding:5px;
	  font-size:18px;
}

span#span-09{
	 margin:5px;
	  padding:5px;
}

span#span-17{
	 margin:5px;
	  padding:5px;
}

span#span-18{
	 margin:5px;
	  padding:5px;
}

span#span-19{
	 margin:5px;
	  padding:5px;
}

span#span-20{
	 margin:5px;
	  padding:5px;
	   font-size:16px;
}

span#span-21{
	 margin:5px;
	  padding:5px;
	   font-size:16px;
}

span#span-22{
	 margin:5px;
	  padding:5px;
	   font-size:16px;
}

div#gravitacao-03 span#span-04{
	 margin:5px;
	  padding:5px;
	   font-size:18px;
}

span#span-24{
	 margin:5px;
	  padding:5px;
	   font-size:18px;
}

span#span-25{
	 margin:5px;
	  padding:5px;
	   font-size:16px;
}

span#span-29{
	 margin:5px;
	  padding:5px;
	   font-size:16px;
}

canvas#myCanvas{
	width:100%;
}

canvas#myCanvas-02{
width:100%;
}

canvas#myCanvas-03{
	width:100%;
}

canvas#myCanvas-04{
	width:90%;
}

canvas#myCanvas-18{
	width:100%;
}

canvas#myCanvas-08{
	width:100%;
}

canvas#myCanvas-13{
	width:100%;
}

span#span-22{
	width:35%;
}

div#gravitacao-03 span#span-04{
	width:55%;
}

span#span-26{
	width:35%;
}

span#span-27{
	width:55%;
}


span#span-13{
	width:50%;
}

span#span-28{
	width:35%;
	font-size:18px;
}


	
	canvas#myCanvas-16{
width:100%;
	}
	
	div#gravitacao-04 span#span-01{ 
	font-size:18px;
	width:35%;
}

div#gravitacao-04 span#span-06{ 
	width:55%;
}

	div#gravitacao-07 span#span-01{ 
	font-size:18px;
	width:35%;
}

div#gravitacao-07 span#span-06{ 
	width:55%;
}
	


}

@media only screen and (max-width: 1000px) {

div.tabela{
width:800px;
}

canvas#myCanvas-09{
margin-left: 5%;
}

canvas#myCanvas-10{
margin-left: 5%;
}

canvas#myCanvas-14{
width:90%;
	}
	
div#mola{
		width:95%;
	}

div#mola-02{
		width:95%;
	}
	
p#resp-10{
font-size: 19px;
text-align:center;
}

#container {
  width: 100%;
}

p#resp-11{
font-size: 17px;
text-align:center;
}

#container-02 {
  width: 100%;
}

span#span-05{
	float:left;
	width:45%;
	height:100%;
    margin:5px;
	  padding:5px; 

}

p#resp{
font-size: 18px;
text-align:center;
}

p#resp-03{
font-size: 17px;
text-align:center;
}

span#span-01{
	  font-size:17px;
}

span#span-13{
	width:55%;
}

span#span-28{
	width:30%;
	font-size:16px;
}

span#span-22{
	width:30%;
}

div#gravitacao-03 span#span-01{
	width:30%;
}

div#gravitacao-03 span#span-04{
	width:60%;
}


span#span-26{
	width:30%;
}

span#span-27{
	width:60%;
	height:95%;
}

	div#gravitacao-04 span#span-01{ 
	font-size:16px;
	width:30%;
}

div#gravitacao-04 span#span-06{ 
	width:60%;
}

	div#gravitacao-07 span#span-01{ 
	font-size:16px;
	width:30%;
}

div#gravitacao-07 span#span-06{ 
	width:60%;
}


}

@media only screen and (max-width: 900px) {

div.tabela{
width:700px;
}

span#span-13{
	clear:both;
	width:60%;
	margin-left:20%;
}

span#span-28{
	width:90%;
	 border:2px solid #000;
}


span#span-16{
clear:both;
height:390px;
width:60%;
	margin-left:20%;
}

div#gravitacao-03{
height:600px;
}

div#gravitacao-03 span#span-01{
border:2px solid #000;
width:70%;
height:;
	margin-left:15%;
}

div#gravitacao-03 span#span-04{
	clear:both;
	width:70%;
	margin-left:15%;
	height:300px;
	}

span#span-22{
	width:70%;
	margin-left:15%;
	 border:2px solid #000;
}

span#span-27{
clear:both;
width:70%;
height:470px;
	margin-left:15%;
}

span#span-26{
	width:70%;
	margin-left:15%;
	 border:2px solid #000;
	 font-size:16px;
}

canvas#myCanvas-09{
	width:500px;
	margin-left:0;
}

canvas#myCanvas-10{
	width:500px;
		margin-left:0;

}

div#gravitacao-04{
height:750px;
}


div#gravitacao-04 span#span-01{
border:2px solid #000;
width:70%;
height:;
	margin-left:15%;
}

div#gravitacao-04 span#span-06{
	clear:both;
	width:70%;
	margin-left:15%;
	height:450px;
	
	}	
	
	div#gravitacao-07{
height:800px;
}

	
	div#gravitacao-07 span#span-01{
border:2px solid #000;
width:70%;
height:;
	margin-left:15%;
}

div#gravitacao-07 span#span-06{
	clear:both;
	width:70%;
	margin-left:15%;
	height:450px;
	
	}	


}

@media only screen and (max-width: 800px) {

div.tabela{
width:600px;
}

div#gravitacao{
height:500px;
}


div#gravitacao span#span-01{
border:2px solid #000;
width:70%;
height:;
	margin-left:15%;
}

div#gravitacao span#span-02{
	clear:both;
	width:70%;
	margin-left:15%;
	height:350px;
	 
}

div#gravitacao-02{
height:500px;
}

div#gravitacao-02 span#span-01{
border:2px solid #000;
width:70%;
height:;
	margin-left:15%;
}

div#gravitacao-02 span#span-03{
	clear:both;
	width:70%;
	margin-left:15%;
	height:250px;
	 
}



div#gravitacao-03 span#span-01{
border:2px solid #000;
width:70%;
height:;
	margin-left:15%;
}

div#gravitacao-03 span#span-04{
	clear:both;
	width:70%;
	margin-left:15%;
	height:270px;
	}
	
	div#gravitacao-05{
height:550px;
}

div#gravitacao-05 span#span-01{
border:2px solid #000;
width:70%;
height:;
	margin-left:15%;
}

div#gravitacao-05 span#span-05{
	clear:both;
	width:70%;
	margin-left:15%;
	height:250px;
	}


	
div#gravitacao-05{
height:570px;
}

div#gravitacao-05 span#span-01{
border:2px solid #000;
width:70%;
height:;
	margin-left:15%;
}

div#gravitacao-05 span#span-08{
	border:2px solid #000;
	clear:both;
	width:70%;
	margin-left:15%;
	height:250px;
	}	
	
	div#gravitacao-05 span#span-09{
	border:2px solid #000;
	clear:both;
	width:70%;
	margin-left:15%;
	height:250px;
	}	
	
	div#gravitacao-05 span#span-10{
	border:2px solid #000;
	clear:both;
	width:70%;
	margin-left:15%;
	height:250px;
	}	
	
	div#gravitacao-05 span#span-11{
	border:2px solid #000;
	clear:both;
	width:70%;
	margin-left:15%;
	height:270px;
	}	
	
canvas#myCanvas-09{
	width:70%;
	
	
}

canvas#myCanvas-10{
	width:400px;

}

canvas#myCanvas-11{
	height: 290px;
}

div#gravitacao-03 span#span-04{
width:80%;
height:;
	margin-left:10%;
}

}