section#dinamica 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#dinamica {
    margin: 0 auto;
    width: 90%;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #808080;
    padding: 5px;
}

section#dinamica 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#dinamica{
margin:0 auto;
width:90%;
height:300px;
 box-shadow: 10px 10px 10px 5px black;
 margin-bottom:20px;
}

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

div#dinamica-02 span#span-01{
margin:0 auto;
width:50%;
height:380px;
font-size: 17px;
margin-bottom:20px;
}

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

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

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

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

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

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

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

div#atrito span#span-01{
font-size: 18px;
width:50%;	
}

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

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

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

div#mola canvas#myCanvas-12{
background-image: url("../imagens/mola.GIF");
	   background-repeat: no-repeat;
	       background-position: top right; 

}

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;
}


span#span-02{
	float:left;
	width:45%;
	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:45%;
	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#dinamica-03 span#span-04{
	float:left;
	width:50%;
	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: 20px;
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;

}


button#btnEnviar{
border:1px solid #000;
margin: 5px;
}

button#btnLimpar{
border:1px solid #000;
margin: 5px;
}

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-15{
	margin-left:5%;
	}
	
	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: 350px;
  height: 260px;
  position: relative;
 border:2px solid #000;
}

#animate-02 {
margin-left:160px;
border-radius:;
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: blue;
}

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

}

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

}

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

#animate-03 {
margin-top:110px;
margin-left:40px;
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;
}

div#atrito span#span-01{
	font-size:16px;
	width:40%;
}


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:;
	  padding:;
	  font-size:18px;
	  width:;
}

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

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

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

span#span-19{
	 margin:5px;
	  padding:5px;
	   width:40%;
	   font-size:16px;
}

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

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

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

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

#animate-01 {
margin-top:90px;
margin-left:10px;
position: absolute;
}

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-09{
	width:100%;
}

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

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

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

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



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-15{
width:90%;
	}
	
	canvas#myCanvas-16{
width:100%;
	}
	
	p#resp-03{
font-size: 19px;
text-align:;
}

#container-02 {
  width: 100%;
  height: 260px;
margin-top:10%;
}

div#atrito-02 span#span-09{
	width:55%;
}

div#atrito-02 span#span-01{
font-size: 16px;
width:35%;	
}

div#mola-02 span#span-01{
font-size: 17px;
width:40%;	
}

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

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

	canvas#myCanvas-27{
width:100%;
	}
	
	span#span-31{
	width:40%;
	  font-size:16px;
}



canvas#myCanvas-28{
width:100%;
	}
	
	div#container-06{
width:100%;
	}

	canvas#myCanvas-17{
width:100%;
	}
	
	
	
	div#dinamica-02 span#span-01{
font-size: 16px;
}


#container {
  width: 100%;
  margin-top:10%;
}

p#resp-12{
font-size: 18px;

}
	
}

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

div.tabela{
width:800px;
}
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-12{
font-size: 17px;

}

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#dinamica-03 span#span-01{
	width:30%;
	  font-size:18px;
	  }

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


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

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

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

div#atrito span#span-01{
	font-size:15px;
	width:40%;
}

div#atrito-02 span#span-09{
	width:60%;
}

div#atrito-02 span#span-01{
font-size: 15px;
width:30%;	
}

p#resp-04{
font-size: 16px;

}

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

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


span#span-19{
	 margin:5px;
	  padding:5px;
	   width:35%;
	   font-size:16px;
}

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

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

span#span-31{
	width:35%;
	  font-size:15px;
}

span#span-30{
	width:50%;
	  font-size:15px;
	  height:450px;
}


}

@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;
}

div#mola{
height:550px;

}

div#mola-02{
height:750px;

}

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

div#mola-02 span#span-01{
	width:60%;
	margin-left:20%;
	 border:2px solid #000;
	
}


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


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

div#dinamica-03{
	height:700px;
}

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;
}



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


div#atrito span#span-08{
	font-size:15px;
	clear:both;
	width:70%;
	height:400px;
	margin-left:20%;
}

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


div#atrito-02 span#span-09{
	font-size:15px;
	clear:both;
	width:70%;
	margin-left:15%;
	height:450px;
}

div#atrito{
	height:800px;
}

div#atrito-02{
	height:800px;
}

div#planoInclinado-02{
	height:850px;
}

span#span-19{
	 margin-left:15%;
	   width:70%;
	   height:320px;
border:2px solid #000;
font-size:14px;
}

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

div#sistemas{
	height:350px;
}

div#sistemas-02{
	height:980px;
}

canvas#myCanvas-28{
	width:250px;
	height:200px;
margin-left:20%;
}

span#span-31{
	width:70%;
	 margin-left:15%;
	 border:2px solid #000;
	 height:430px;
	 font-size:14px;
}

span#span-30{
	width:70%;
	  margin-left:15%;
	   border:2px solid #000;
	    height:450px;
			 font-size:14px;

}

}

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

div.tabela{
width:600px;
}

div#dinamica{
height:500px;
}


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

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

div#dinamica-02{
height:850px;
}

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

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

div#dinamica-03{
height:700px;
}

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

div#dinamica-03 span#span-04{
	clear:both;
	width:70%;
	margin-left:15%;
	height:400px;
	}
	
	div#peso{
height:550px;
}

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

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

div#peso-02{
height:650px;
}

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

div#peso-02 span#span-06{
	clear:both;
	width:70%;
	margin-left:15%;
	height:380px;
	}	
	
div#peso{
height:570px;
}

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

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

}

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

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

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

h3.par-03{	
margin:30px;	
}

span#span-16{

width:70%;
	margin-left:15%;
}

div#planoInclinado{
	height:900px;
}

div#planoInclinado span#span-01{
	margin-left:10%;
	width:80%;
	  font-size: 14px;
	  border:2px solid #000;
}

div#planoInclinado span#span-17{
	clear:both;
	margin-left:10%;
	width:80%;
	height:450px;
	  font-size: 14px;
	  border:2px solid #000;
}

canvas#myCanvas-23{
	height:300px;
	width:430px;
}

canvas#myCanvas-24{
	height:350px;
		width:430px;

}

}