body{
	margin: 0;
	padding: 0;
}
header{
	width: 100%;
	left: 0;
	top: 0;
	position: fixed;
	background: #EADDD4;
	z-index: 9999;
}
.conteudo{
	width: 1280px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}
#menu{
	position: relative;
	width: 1200px;
	height: 60px;
	margin: 0 auto;
}
#menu ul li{
	display: inline-block;
	margin-left: 20px;
	margin-top: 5px;
}
#botao1{
	position: relative;
	width: 50px;
	height: 50px;
}
#home { 
	background: #B3BA2A 50% 0 no-repeat fixed; 
	height: 1000px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative;
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}
.chamada{
	width: 500px;
	height: 500px;
	top: 100px;
	position: relative;
	margin: 0 auto;
}
.boneco-1{
	width: 447px;
    height: 499px;
	background-image: url("sprite/caverna_falando.png");
	position:absolute;
	bottom: 200px;
	margin-left: 0px;
	-webkit-animation: play 2.5s steps(4) infinite;
       -moz-animation: play 2.5s steps(4) infinite;
        -ms-animation: play 2.5s steps(4) infinite;
         -o-animation: play 2.5s steps(4) infinite;
            animation: play 2.5s steps(4) infinite;;
}
	 
@-webkit-keyframes play {
   from { background-position:    0px; }
     to { background-position: -1785px; }
}

@-moz-keyframes play {
   from { background-position:    0px; }
     to { background-position: -1785px; }
}

@-ms-keyframes play {
   from { background-position:    0px; }
     to { background-position: -1785px; }
}

@-o-keyframes play {
   from { background-position:    0px; }
     to { background-position: -1785px; }
}

@keyframes play {
   from { background-position:    0px; }
     to { background-position: -1785px; }
}
.boneco-2{
	width: 447px;
    height: 499px;
	background-image: url("sprite/homem_falando.png");
	position:absolute;
	bottom: 700px;
	margin-right: 0px;
	float: right;
	-webkit-animation: play 2.5s steps(4) infinite;
       -moz-animation: play 2.5s steps(4) infinite;
        -ms-animation: play 2.5s steps(4) infinite;
         -o-animation: play 2.5s steps(4) infinite;
            animation: play 2.5s steps(4) infinite;;
}
	 
@-webkit-keyframes play {
   from { background-position:    0px; }
     to { background-position: -1785px; }
}

@-moz-keyframes play {
   from { background-position:    0px; }
     to { background-position: -1785px; }
}

@-ms-keyframes play {
   from { background-position:    0px; }
     to { background-position: -1785px; }
}

@-o-keyframes play {
   from { background-position:    0px; }
     to { background-position: -1785px; }
}

@keyframes play {
   from { background-position:    0px; }
     to { background-position: -1785px; }
}
#pg1 { 
	background: url(images/about.png) no-repeat; 
	height: 1000px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}
.boneco-3{
	width: 447px;
    height: 499px;
	background-image: url("sprite/caverna_falando.png");
	position:absolute;
	bottom: 150px;
	margin-left: 0px;
	-webkit-animation: play 2.5s steps(4) infinite;
       -moz-animation: play 2.5s steps(4) infinite;
        -ms-animation: play 2.5s steps(4) infinite;
         -o-animation: play 2.5s steps(4) infinite;
            animation: play 2.5s steps(4) infinite;;
}
	 

.hist1{
	background: url(images/fala_que_escuto.png) no-repeat;
	width: 824px;
	height: 293px;
	top: 300px;
	position: relative;
	margin-left: 420px;
}

#pg2 { 
	background: url(images/caverna.jpg) no-repeat;
	height: 1000px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}
.boneco-2-pg2{
	width: 536px;
    height: 499px;
	background-image: url("sprite/caverna_escrevendo.png");
	bottom: 70px;
	position:absolute;
	margin-right:0px;
	float: right;
	-webkit-animation: go 2.5s steps(4) infinite;
       -moz-animation: go 2.5s steps(4) infinite;
        -ms-animation: go 2.5s steps(4) infinite;
         -o-animation: go 2.5s steps(4) infinite;
            animation: go 2.5s steps(4) infinite;
}
	 
@-webkit-keyframes go {
   from { background-position:    0px; }
     to { background-position: -2144px; }
}

@-moz-keyframes go {
   from { background-position:    0px; }
     to { background-position: -2144px; }
}

@-ms-keyframes go {
   from { background-position:    0px; }
     to { background-position: -2144px; }
}

@-o-keyframes go {
   from { background-position:    0px; }
     to { background-position: -2144px; }
}

@keyframes go {
   from { background-position:    0px; }
     to { background-position: -2144px; }
}	

.hist2{
	background: url(texto/caverna.png) no-repeat;
	width: 700px;
	height: 410px;
	top: 300px;
	position: relative;
	margin-left: 0px;
}
#pg3 { 
	background: url(images/about.png) no-repeat; 
	height: 1000px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

.hist3{
	background: url(texto/fumaca.png) no-repeat;
	width: 1000px;
	height: 300px;
	top: 300px;
	position: relative;
	margin-left: 30px;
}

.boneco-4{
	width: 536px;
    height: 499px;
	background-image: url("sprite/indios.png");
	position:absolute;
	margin-right: 10px;
	float: right;
	bottom: -50px;
	-webkit-animation: go 2.5s steps(4) infinite;
       -moz-animation: go 2.5s steps(4) infinite;
        -ms-animation: go 2.5s steps(4) infinite;
         -o-animation: go 2.5s steps(4) infinite;
            animation: go 2.5s steps(4) infinite;
}
	
#alfabeto { 
	background: url(images/sumerio.jpg) no-repeat; 
	height: 1000px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

.hist12{
	background: url(texto/sumerios.png) no-repeat;
	width: 759px;
	height: 400px;
	top: 300px;
	position: relative;
	margin-left: 0px;
}
.alfabeto{
	width: 536px;
    height: 499px;
	background-image: url("sprite/sumerico.png");
	position:absolute;
	margin-left: 700px;
	float: right;
	bottom: 200px;
	-webkit-animation: go 2.5s steps(4) infinite;
       -moz-animation: go 2.5s steps(4) infinite;
        -ms-animation: go 2.5s steps(4) infinite;
         -o-animation: go 2.5s steps(4) infinite;
            animation: go 2.5s steps(4) infinite;
}

#pg4 { 
	background: url(images/pombo.jpg) no-repeat; 
	height: 1000px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

.hist4{
	background: url(texto/pombo.png) no-repeat;
	width: 759px;
	height: 400px;
	top: 200px;
	position: relative;
	margin-left: 0px;
}
.boneco-5{
	width: 536px;
    height: 499px;
	background-image: url("sprite/pomba.png");
	position:absolute;
	margin-right: 10px;
	float: right;
	bottom: 200px;
	-webkit-animation: go 2.5s steps(4) infinite;
       -moz-animation: go 2.5s steps(4) infinite;
        -ms-animation: go 2.5s steps(4) infinite;
         -o-animation: go 2.5s steps(4) infinite;
            animation: go 2.5s steps(4) infinite;
}
#cavalo { 
	background: url(images/cavalo.jpg) no-repeat; 
	height: 1000px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

.hist13{
	background: url(texto/cavalo.png) no-repeat;
	width: 759px;
	height: 400px;
	top: 300px;
	position: relative;
	margin-left: 0px;
}
.cavalo{
	width: 536px;
    height: 499px;
	background-image: url("sprite/cavaleiro.png");
	position:absolute;
	margin-left: 700px;
	float: right;
	bottom: 100px;
	-webkit-animation: go 2.5s steps(4) infinite;
       -moz-animation: go 2.5s steps(4) infinite;
        -ms-animation: go 2.5s steps(4) infinite;
         -o-animation: go 2.5s steps(4) infinite;
            animation: go 2.5s steps(4) infinite;
}
#impressao { 
	background: url(images/midia.jpg) no-repeat; 
	height: 1000px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

.hist14{
	background: url(texto/impressao.png) no-repeat;
	width: 759px;
	height: 400px;
	top: 200px;
	position: relative;
	margin-left: 0px;
}
.impressao{
	width: 536px;
    height: 499px;
	background-image: url("sprite/papel.png");
	position:absolute;
	margin-left: 700px;
	float: right;
	bottom: 200px;
	-webkit-animation: go 2.5s steps(4) infinite;
       -moz-animation: go 2.5s steps(4) infinite;
        -ms-animation: go 2.5s steps(4) infinite;
         -o-animation: go 2.5s steps(4) infinite;
            animation: go 2.5s steps(4) infinite;
}
#pg5 { 
	background: url(images/telegrafo.jpg) no-repeat; 
	height: 1000px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

.hist5{
	background: url(texto/telegrafo.png) no-repeat;
	width: 680px;
	height: 600px;
	top: 100px;
	position: relative;
	margin-left: 580px;
}

.boneco-6{
	width: 536px;
    height: 499px;
	background-image: url("sprite/telegrafo.png");
	position:absolute;
	margin-left: 50px;;
	bottom: 390px;
	-webkit-animation: go 2.5s steps(4) infinite;
       -moz-animation: go 2.5s steps(4) infinite;
        -ms-animation: go 2.5s steps(4) infinite;
         -o-animation: go 2.5s steps(4) infinite;
            animation: go 2.5s steps(4) infinite;
}
#pg6 { 
	background: url(images/telefone.jpg) no-repeat; 
	height: 1000px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

.hist6{
	background: url(texto/telefone.png) no-repeat;
	width: 800px;
	height: 600px;
	top: 300px;
	position: relative;
	margin-left: 600px;
}

.boneco-7{
	width: 536px;
    height: 499px;
	background-image: url("sprite/telefone.png");
	position:absolute;
	margin-left: 10px;;
	bottom: 230px;
	-webkit-animation: go 2.5s steps(4) infinite;
       -moz-animation: go 2.5s steps(4) infinite;
        -ms-animation: go 2.5s steps(4) infinite;
         -o-animation: go 2.5s steps(4) infinite;
            animation: go 2.5s steps(4) infinite;
}

#pg7 { 
	background: url(images/radio.jpg) no-repeat; 
	height: 1000px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

.hist7{
	background: url(texto/radio.png) no-repeat;
	width: 1000px;
	height: 400px;
	top: 300px;
	position: relative;
	margin-left: 50px;
}
.boneco-8{
	width: 536px;
    height: 499px;
	background-image: url("sprite/som.png");
	position:absolute;
	margin-right: 50px;
	float: right;
	bottom: 100px;
	-webkit-animation: go 2.5s steps(4) infinite;
       -moz-animation: go 2.5s steps(4) infinite;
        -ms-animation: go 2.5s steps(4) infinite;
         -o-animation: go 2.5s steps(4) infinite;
            animation: go 2.5s steps(4) infinite;
}
#pg8 { 
	background: url(images/radio.jpg) no-repeat; 
	height: 1000px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

.hist8{
	background: url(texto/tv.png) no-repeat;
	width: 800px;
	height: 400px;
	top: 300px;
	position: relative;
	margin-left: 500px;
}
.boneco-9{
	width: 536px;
    height: 499px;
	background-image: url("sprite/televisao.png");
	position:absolute;
	margin-left: 0px;;
	bottom: 200px;
	-webkit-animation: go 2.5s steps(4) infinite;
       -moz-animation: go 2.5s steps(4) infinite;
        -ms-animation: go 2.5s steps(4) infinite;
         -o-animation: go 2.5s steps(4) infinite;
            animation: go 2.5s steps(4) infinite;
}

#pg9 { 
	background: url(images/tv.jpg) no-repeat; 
	height: 1000px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

.hist9{
	background: url(texto/satelite.png) no-repeat;
	width: 1000px;
	height: 400px;
	top: 300px;
	position: relative;
	margin-left: 50px;
}

.boneco-10{
	width: 536px;
    height: 499px;
	background-image: url("sprite/satelite.png");
	position:absolute;
	margin-left: 700px;
	float: right;
	bottom: 250px;
	-webkit-animation: go 2.5s steps(4) infinite;
       -moz-animation: go 2.5s steps(4) infinite;
        -ms-animation: go 2.5s steps(4) infinite;
         -o-animation: go 2.5s steps(4) infinite;
            animation: go 2.5s steps(4) infinite;
}
#pg10 { 
	background: url(images/internet.jpg) no-repeat; 
	height: 1000px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

.hist10{
	background: url(texto/internet.png) no-repeat;
	width: 759px;
	height: 400px;
	top: 300px;
	position: relative;
	margin-left: 0px;
}
.boneco-11{
	width: 536px;
    height: 499px;
	background-image: url("sprite/internet.png");
	position:absolute;
	margin-left: 700px;
	float: right;
	bottom: 125px;
	-webkit-animation: go 2.5s steps(4) infinite;
       -moz-animation: go 2.5s steps(4) infinite;
        -ms-animation: go 2.5s steps(4) infinite;
         -o-animation: go 2.5s steps(4) infinite;
            animation: go 2.5s steps(4) infinite;
}
#pg11 { 
	background: url(images/celular.jpg) no-repeat; 
	height: 1000px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

.hist11{
	background: url(texto/celular.png) no-repeat;
	width: 1000px;
	height: 400px;
	top: 300px;
	position: relative;
	margin-left: 50px;
}

.boneco-12{
	width: 447px;
    height: 499px;
	background-image: url("sprite/homem_falando.png");
	position:absolute;
	bottom: 140px;
	margin-left: 800px;
	float: right;
	-webkit-animation: play 2.5s steps(4) infinite;
       -moz-animation: play 2.5s steps(4) infinite;
        -ms-animation: play 2.5s steps(4) infinite;
         -o-animation: play 2.5s steps(4) infinite;
            animation: play 2.5s steps(4) infinite;;
}
	 
@-webkit-keyframes play {
   from { background-position:    0px; }
     to { background-position: -1785px; }
}

@-moz-keyframes play {
   from { background-position:    0px; }
     to { background-position: -1785px; }
}

@-ms-keyframes play {
   from { background-position:    0px; }
     to { background-position: -1785px; }
}

@-o-keyframes play {
   from { background-position:    0px; }
     to { background-position: -1785px; }
}

@keyframes play {
   from { background-position:    0px; }
     to { background-position: -1785px; }
}
#pg12{
	background: url(images/equipe.jpg) no-repeat; 
	height: 1000px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

.carol{
	width: 315px;
    height: 365px;
	background-image: url("sprite/carol.png");
	position:absolute;
	bottom: 500px;
	margin-left: 0px;
	-webkit-animation: carol .8s steps(2) infinite;
       -moz-animation: carol .8s steps(2) infinite;
        -ms-animation: carol .8s steps(2) infinite;
         -o-animation: carol .8s steps(2) infinite;
            animation: carol .8s steps(2) infinite;
}
	 
@-webkit-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@-moz-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@-ms-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@-o-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}
.maciel{
	width: 315px;
    height: 449px;
	background-image: url("sprite/maciel.png");
	position:absolute;
	bottom: 10px;
	margin-left: 200px;
	-webkit-animation: carol .8s steps(2) infinite;
       -moz-animation: carol .8s steps(2) infinite;
        -ms-animation: carol .8s steps(2) infinite;
         -o-animation: carol .8s steps(2) infinite;
            animation: carol .8s steps(2) infinite;
}
	 
@-webkit-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@-moz-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@-ms-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@-o-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}
.mayara{
	width: 315px;
    height: 405px;
	background-image: url("sprite/mayara.png");
	position:absolute;
	bottom: 10px;
	margin-left: 800px;
	-webkit-animation: carol .8s steps(2) infinite;
       -moz-animation: carol .8s steps(2) infinite;
        -ms-animation: carol .8s steps(2) infinite;
         -o-animation: carol .8s steps(2) infinite;
            animation: carol .8s steps(2) infinite;
}
	 
@-webkit-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@-moz-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@-ms-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@-o-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

.mayara{
	width: 315px;
    height: 405px;
	background-image: url("sprite/mayara.png");
	position:absolute;
	bottom: 10px;
	margin-left: 800px;
	-webkit-animation: carol .8s steps(2) infinite;
       -moz-animation: carol .8s steps(2) infinite;
        -ms-animation: carol .8s steps(2) infinite;
         -o-animation: carol .8s steps(2) infinite;
            animation: carol .8s steps(2) infinite;
}
	 
@-webkit-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@-moz-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@-ms-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@-o-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

.thayna{
	width: 315px;
    height: 390px;
	background-image: url("sprite/thayna.png");
	position:absolute;
	bottom: 500px;
	margin-left: 970px;
	-webkit-animation: carol .8s steps(2) infinite;
       -moz-animation: carol .8s steps(2) infinite;
        -ms-animation: carol .8s steps(2) infinite;
         -o-animation: carol .8s steps(2) infinite;
            animation: carol .8s steps(2) infinite;
}
	 
@-webkit-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@-moz-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@-ms-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@-o-keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}

@keyframes carol {
   from { background-position:    0px; }
     to { background-position: -630px; }
}






































.boneco-1, .boneco-2, .chamada, .hist1, .nuvem1, .nuvem2, .boneco-2-pg2, .hist2, .hist3, .hist4, .hist5, .hist6, .hist7, .boneco-4, .boneco-5, .boneco-6, .boneco-7, .boneco-8 {
display:block;
position:relative;
}