*{
padding: 0;
margin: 0;
}
body{
padding: 0;
margin: 0;
}
section.s1{
background-image: url('images/bg1.jpg');
background-size: cover;
width: 2000px;
position: relative;
margin-top: -5%;
}
.s1 img{
width: 2000px;
}
img.nuvem1{
width: 0;
opacity: 0.6;
position: absolute;
margin-top: 30px;
top: 0;
-webkit-animation: andar 150s infinite; /* Safari 4+ */
-moz-animation: andar 150s infinite; /* Fx 5+ */
-o-animation: andar 150s infinite; /* Opera 12+ */
animation: andar 150s infinite; /* IE 10+, Fx 29+ */
}
img.nuvem2{
width: 0;
opacity: 0.6;
position: absolute;
margin-top: 70px;
top: 200px;
-webkit-animation: andar2 150s infinite; /* Safari 4+ */
-moz-animation: andar2 150s infinite; /* Fx 5+ */
-o-animation: andar2 150s infinite; /* Opera 12+ */
animation: andar2 150s infinite; /* IE 10+, Fx 29+ */
}
img.nuvem3{
width: 0;
opacity: 0.8;
position: absolute;
margin-top: 110px;
top: 450px;
-webkit-animation: andar 150s infinite backwards; /* Safari 4+ */
-moz-animation: andar 150s infinite backwards; /* Fx 5+ */
-o-animation: andar 150s infinite backwards; /* Opera 12+ */
animation: andar 150s infinite backwards; /* IE 10+, Fx 29+ */
}
.s1 h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 75px;
text-align: center;
padding-top:10%;
text-transform: uppercase;
}
.s2{
background-image: url('images/section2/cenarionew.png');
height: 810px;
background-size: cover;
width: 2000px;
position: relative;
}
.s2 img.circulo2esquerdo{
width: 142px;
margin-top: 630px;
margin-left: 335px;
position: absolute;
-webkit-animation: rodar 3s linear infinite; /* Safari 4+ */
-moz-animation: rodar 3s linear infinite; /* Fx 5+ */
-o-animation: rodar 3s linear infinite;
animation: rodar 3s linear infinite; /* IE 10+, Fx 29+ */
}
.s2 img.circulo2direito{
width: 142px;
margin-top: 630px;
margin-left: 1600px;
position: absolute;
-webkit-animation: rodar2 3s linear infinite; /* Safari 4+ */
-moz-animation: rodar2 3s linear infinite; /* Fx 5+ */
-o-animation: rodar2 3s linear infinite; /* Opera 12+ */
animation: rodar2 3s linear infinite; /* IE 10+, Fx 29+ */
}
.s2 img.circulomediocimaesqueda{
width: 74px;
position: absolute;
margin-top: 510px;
margin-left: 300px;
-webkit-animation: rodar2 3s linear infinite; /* Safari 4+ */
-moz-animation: rodar2 3s linear infinite; /* Fx 5+ */
-o-animation: rodar2 3s linear infinite; /* Opera 12+ */
animation: rodar2 3s linear infinite; /* IE 10+, Fx 29+ */
}
.s2 img.circulomedioesquerdo{
position: absolute;
margin-top: 660px;
width: 74px;
margin-left: 153px;
-webkit-animation: rodar 3s linear infinite; /* Safari 4+ */
-moz-animation: rodar 3s linear infinite; /* Fx 5+ */
-o-animation: rodar 3s linear infinite; /* Opera 12+ */
animation: rodar 3s linear infinite; /* IE 10+, Fx 29+ */
}
.s2 img.circulomediodireitocima{
width: 74px;
position: absolute;
margin-top: 510px;
margin-left: 1720px;
-webkit-animation: rodar 3s linear infinite; /* Safari 4+ */
-moz-animation: rodar 3s linear infinite; /* Fx 5+ */
-o-animation: rodar 3s linear infinite; /* Opera 12+ */
animation: rodar 3s linear infinite; /* IE 10+, Fx 29+ */
}
.s2 img.circulomediodireito{
position: absolute;
margin-top: 670px;
width: 74px;
margin-left: 1870px;
-webkit-animation: rodar2 3s linear infinite; /* Safari 4+ */
-moz-animation: rodar2 3s linear infinite; /* Fx 5+ */
-o-animation: rodar2 3s linear infinite; /* Opera 12+ */
animation: rodar2 3s linear infinite; /* IE 10+, Fx 29+ */
}
.s2 img{
width: 2000px;
}
.s2 h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 50px;
text-align: center;
padding: 20px 0px 20px 0px;
text-transform: uppercase;
}
section.s3{
background-image: url('images/bg3.jpg');
background-size: cover;
width: 2000px;
position: relative;
text-align: center;
}
div.div-branca-2{
background-color: white;
width: 100%;
height: 490px;
margin-top: 3%;
}
.s3 img.parte1{
margin-top: 3%;
}
.s3 img.parte2{
margin-top: -100px;
margin-right: -100px;
width:1000px;
}
.s3 img.parte3{
margin: 50px 0 50px 0;
width: 90%;
max-width: 800px;
}
section.s4{
width: 2000px;
position: relative;
height: 1080px;
}
section.s4:after{
content: " ";
display:inline-block;
background-color: #2d5886;
width: 2000px;
min-width: 2000px;
height: 200px;
margin-top: 680px;
}
section.s4:before{
content: " ";
display:inline-block;
background-color: #2d5886;
width: 2000px;
min-width: 2000px;
height: 200px;
}
section.s4 img.cenario{
width: 2000px;
position: absolute;
}
section.s4 img.lapis{
width: 86px;
position: absolute;
margin-left:-1500px;
margin-top: 308px;
z-index: 999;
-webkit-animation: lapis 3s linear infinite; /* Safari 4+ */
-moz-animation: lapis 3s linear infinite; /* Fx 5+ */
-o-animation: lapis 3s linear infinite; /* Opera 12+ */
animation: lapis 3s linear infinite; /* IE 10+, Fx 29+ */
}
section.s4 img.cafe{
width: 115px;
position: absolute;
margin-left: 1436px;
margin-top: 568px;
z-index: 999;
-webkit-animation: rodar 8s linear infinite; /* Safari 4+ */
-moz-animation: rodar 8s linear infinite; /* Fx 5+ */
-o-animation: rodar 8s linear infinite; /* Opera 12+ */
animation: rodar 8s linear infinite; /* IE 10+, Fx 29+ */
}
section.s4 div.bloco{
}
section.s4 div.bloco-texto{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 35px;
text-transform: uppercase;
text-align: initial;
display: inline-block;
background-color: #fff;
margin-top: -120px;
padding: 25px;
margin-left: 695px;
max-width: 545.328px;
min-width: 545.328px;
position: absolute;
box-shadow: 0 1px 10px rgba(0,0,0,.1);
}
section.s4 div.bloco-texto p.titulo:nth-of-type(1){
font-size: 25px;
margin-top: 30px;
margin-bottom: 20px;
}
section.s4 div.bloco-texto p.titulo2{
font-size: 25px;
margin-top: 20px;
margin-bottom: 20px;
}
section.s4 div.bloco-texto p.texto{
font-size: 15px;
font-weight: lighter;
line-height: 1.5em;
text-transform: none;
font-family: 'Blogger Sans', sans-serif;
font-weight: 500;
}
section.s4 div.bloco-texto:after{
content: " "
display: inline-block;
width: 2000px;
height: 200px;
color: black;
}
section.s5{
background-image: url('images/bg1.jpg');
background-size: cover;
width: 2000px;
min-width: 1600px;
height: 1047px;
position: relative;
padding-bottom: 150px;
}
section.s5 img.cenario{
width: 2000px;
position: absolute;
bottom: 0;
margin-left: -30%;
}
section.s5 h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 50px;
text-transform: uppercase;
}
section.s5 p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 30px;
margin-top: 30px;
}
section.s5 p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s5 h2.right{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 15px;
}
section.s5 div.box-texto{
margin-left: 50px;
padding-top: 50px;
padding-left: 200px;
}
section.s6{
background-image: url('images/bg1.jpg');
background-size: cover;
width: 2000px;
min-width: 1600px;
position: relative;
height: 941px;
padding-top: 100px;
padding-bottom: 100px;
}
section.s6 img.nuvem1{
width: 0;
opacity: 0.6;
position: absolute;
margin-top: 30px;
top: 0;
-webkit-animation: andar 150s infinite; /* Safari 4+ */
-moz-animation: andar 150s infinite; /* Fx 5+ */
-o-animation: andar 150s infinite; /* Opera 12+ */
animation: andar 150s infinite; /* IE 10+, Fx 29+ */
}
section.s6 img.nuvem2{
width: 250;
opacity: 0.6;
position: absolute;
margin-top: 70px;
top: 200px;
-webkit-animation: andar2 150s infinite; /* Safari 4+ */
-moz-animation: andar2 150s infinite; /* Fx 5+ */
-o-animation: andar2 150s infinite; /* Opera 12+ */
animation: andar2 150s infinite; /* IE 10+, Fx 29+ */
}
section.s6 img.nuvem3{
width: 150;
opacity: 0.8;
position: absolute;
margin-top: 110px;
top: 450px;
-webkit-animation: andar 150s infinite backwards; /* Safari 4+ */
-moz-animation: andar 150s infinite backwards; /* Fx 5+ */
-o-animation: andar 150s infinite backwards; /* Opera 12+ */
animation: andar 150s infinite backwards; /* IE 10+, Fx 29+ */
}
section.s6 img.cenario{
width: 2000px;
position: absolute;
bottom: 0;
}
section.s6 div.bloco-texto{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 35px;
text-transform: uppercase;
text-align: initial;
display: inline-block;
background-color: #fff;
padding: 25px;
margin-left: 450px;
max-width: 545.328px;
min-width: 545.328px;
position: absolute;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
section.s6 div.bloco-texto p.titulo{
font-size: 55px;
margin-top: 20px;
margin-bottom: 20px;
}
section.s6 div.bloco-texto p.texto{
font-size: 15px;
margin-top: 20px;
margin-bottom: 20px;
font-weight: lighter;
text-transform: none;
line-height: 1.5em;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
}
section.s6 img.circulos{
position: absolute;
width: 250px;
margin-left: 1155px;
margin-top: 100px;
}
section.s7{
background-image: url('images/bg1.jpg');
background-size: cover;
width: 2000px;
min-width: 1600px;
position: relative;
height: 897px;
padding-top: 100px;
padding-bottom: 100px;
}
section.s7 img.cenario{
width: 2000px;
position: absolute;
bottom: 0;
z-index:999;
}
section.s7 div.bloco-texto{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 35px;
text-transform: uppercase;
text-align: initial;
display: inline-block;
background-color: #fff;
padding: 25px;
left: 50%;
margin-left: -272.664px;
max-width: 481px;
min-width: 481px;
width: 481px;
height: 500px;
position: absolute;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
section.s7 div.bloco-texto div.icones{
}
section.s7 div.bloco-texto div.icones img.icones{
float: left;
width: 100px;
}
section.s7 div.bloco-texto div.icones div.sub{
font-size: 15px;
font-weight: lighter;
margin-top: 20px;
height: 95px;
}
section.s7 div.bloco-texto div.icones div.sub div.texto{
margin-left: 120px;
position: absolute;
margin-top: 21px;
}
section.s7 .texto{
width:850px;
position:absolute;
margin-left:509px;"
}
section.s8{
width: 2000px;
min-width: 1600px;
position: relative;
height: 738px;
}
section.s8 img.circulo{
-webkit-animation: rodar 1s infinite; /* Safari 4+ */
-moz-animation: rodar 1s infinite; /* Fx 5+ */
-o-animation: rodar 1s infinite; /* Opera 12+ */
animation: rodar 1s infinite; /* IE 10+, Fx 29+ */
width: 150px;
position: absolute;
margin-left: -500px;
margin-top: 220px;
}
section.s8 div.retangulo{
height: 33px;
width: 186px;
transform: rotate(-13deg);
background-color: black;
position: absolute;
margin-top: 198px;
margin-left: 329px;
z-index: 999;
-webkit-animation: mudar-cor 1s infinite;
-moz-animation: mudar-cor 1s infinite;
-o-animation: mudar-cor 1s infinite;
animation: mudar-cor 1s infinite;
}
section.s8 div.quadrado1{
height: 17px;
width: 17px;
transform: rotate(-13deg);
background-color: black;
position: absolute;
margin-top: 328px;
margin-left: 465px;
z-index: 999;
-webkit-animation: mudar-cor 1s infinite; /* Safari 4+ */
-moz-animation: mudar-cor 1s infinite; /* Fx 5+ */
-o-animation: mudar-cor 1s infinite; /* Opera 12+ */
animation: mudar-cor 1s infinite; /* IE 10+, Fx 29+ */
}
section.s8 div.quadrado2{
height: 18px;
width: 18px;
transform: rotate(-13deg);
background-color: black;
position: absolute;
margin-top: 355px;
margin-left: 471px;
z-index: 999;
-webkit-animation: mudar-cor2 1s infinite; /* Safari 4+ */
-moz-animation: mudar-cor2 1s infinite; /* Fx 5+ */
-o-animation: mudar-cor2 1s infinite; /* Opera 12+ */
animation: mudar-cor2 1s infinite; /* IE 10+, Fx 29+ */
}
section.s8 div.quadrado3{
height: 17px;
width: 17px;
transform: rotate(-13deg);
background-color: #EF5C43;
position: absolute;
margin-top: 383px;
margin-left: 478px;
z-index: 999;
-webkit-animation: mudar-cor 1s infinite; /* Safari 4+ */
-moz-animation: mudar-cor 1s infinite; /* Fx 5+ */
-o-animation: mudar-cor 1s infinite; /* Opera 12+ */
animation: mudar-cor 1s infinite; /* IE 10+, Fx 29+ */
}
section.s8:before{
content: " ";
display: inline-block;
background-color: #2d5886;
width: 2000px;
min-width: 2000px;
height: 200px;
margin-bottom: -300px;
z-index: 0;
}
section.s8 img.cenario{
width: 1600px;
position: absolute;
bottom: 0;
top: -40px;
left: 220px;
z-index: 0;
}
section.s8 div.textos{
background-color: #fff;
padding: 25px;
width: 500px;
margin-left: 700px;
display: inline-block;
margin-top: 100px;
}
section.s8:after{
content: " ";
display: block;
background-color: #2d5886;
width: 2000px;
min-width: 2000px;
height: 200px;
margin-top: -100px;
}
section.s8 div.textos p.texto{
color: #2D5785;
font-size: 15px;
margin-top: 30px;
line-height: 1.5em;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
}
section.s8 div.textos h1{
font-size: 55px;
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
text-transform: uppercase;
}
section.s8 div.textos p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 20px;
text-transform: uppercase;
margin-top: 30px;
}
section.s9{
width: 2000px;
min-width: 1600px;
position: relative;
height: 1440px;
}
section.s9:before{
content: " ";
display: inline-block;
background-color: #FDDA00;
width: 2000px;
min-width: 2000px;
height: 200px;
z-index: 0;
margin-bottom: -120px;
}
section.s9 img.cenario{
width: 100%;
min-width: 1905px;
position: absolute;
z-index: 0;
bottom: 0;
margin-left: -100%;
}
section.s9 div.textos{
background-color: white;
margin-top: 250px;
margin-left: 384px;
}
section.s9 div.textos h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 55px;
text-transform: uppercase;
}
section.s9 div.textos p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 15px;
margin-top: 20px;
margin-bottom: 20px;
text-transform: uppercase;
}
section.s9 div.textos p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
text-transform: none;
line-height: 1.5em;
}
section.s9 div.textos div.left{
float: left;
width: 500px;
}
section.s9 div.textos div.right{
float: right;
width: 500px;
position: absolute;
margin-left: 600px;
}
section.s9 img.abajurcima{
position: absolute;
width: 700px;
margin-left: -429px;
margin-top: 31px;
-webkit-animation: abajur 4s infinite;/* Safari 4+ */
-moz-animation: abajur 4s infinite;/* Fx 5+ */
-o-animation: abajur 4s infinite;/* Opera 12+ */
animation: abajur 4s infinite;/* IE 10+, Fx 29+ */
}
section.s9 img.abajurbaixo{
position: absolute;
width: 900px;
bottom: 0;
margin-left: -150px;
}
section.s10{
width: 100%;
min-width: 1600px;
position: relative;
}
section.s10 img.cenario{
width: 2000px;
min-width: 1905px;
z-index: 0;
margin-top: 131px;
}
section.s10:before{
content: " ";
display: inline-block;
background-color: #FDDA00;
width: 2000px;
min-width: 1600px;
height: 200px;
z-index: 0;
margin-bottom: -120px;
}
section.s10 div.textos{
margin-top: -1095px;
margin-left: 400px;
border: 8px solid #FDDA00;
width: 635px;
padding: 1em;
background-color: white;
position: absolute;
}
section.s10 div.textos h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 20px;
text-transform: uppercase;
}
section.s10 div.textos p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
margin-top: 20px;
}
section.s10 div.textos2{
margin-top: -1100px;
margin-left: 1125px;
border: 8px solid #FDDA00;
width: 690px;
padding: 1em;
position: absolute;
}
section.s10 div.textos2 h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 20px;
text-transform: uppercase;
}
section.s10 div.textos2 p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
margin-top: 20px;
}
section.s10 div.textos3{
margin-top: -585px;
margin-left: 400px;
border: 8px solid #FDDA00;
width: 550px;
padding: 1em;
position: absolute;
}
section.s10 div.textos3 h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 20px;
text-transform: uppercase;
}
section.s10 div.textos3 p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
margin-top: 20px;
}
section.s10 img.abajurcima{
position: absolute;
width: 900px;
margin-left: -450px;
margin-top: -50px;
-webkit-animation: abajur 4s infinite; /* Safari 4+ */
-moz-animation: abajur 4s infinite; /* Fx 5+ */
-o-animation: abajur 4s infinite; /* Opera 12+ */
animation: abajur 4s infinite; /* IE 10+, Fx 29+ */
}
section.s10 img.abajurbaixo{
position: absolute;
width: 900px;
margin-top: 550px;
margin-left: -150px;
}
section.s11{
background-image: url('images/bg1.jpg');
background-size: cover;
width: 2000px;
min-width: 1600px;
position: relative;
height: 1031.55px;
}
section.s11 img.cenario{
width: 2000px;
min-width: 1905px;
z-index: 0;
position: absolute;
bottom: 0;
}
section.s11 div.texto{
position: absolute;
margin-top: 120px;
margin-left: 230px;
width: 500px;
background-color: white;
padding: 20px;
}
section.s11 img.grafico{
padding-top: 100px;
margin-left: 900px;
width: 600px;
min-width: 600px;
max-width: 600px;
}
section.s11 div.texto h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 45px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s11 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s11 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.5em;
}
section.s12{
background-image: url('images/bg1.jpg');
background-size: cover;
width: 2000px;
min-width: 1600px;
position: relative;
height: 1031.55px;
}
section.s12 img.cenario{
width: 2000px;
min-width: 1905px;
z-index: 0;
position: absolute;
bottom: 0;
}
section.s12 img.grafico{
padding-top: 200px;
margin-left: 200px;
width: 1500px;
min-width: 1500px;
}
section.s13{
width: 2000px;
min-width: 1600px;
position: relative;
height: 1300px;
}
section.s13 img.caneta{
position: absolute;
margin-top: 1000px;
margin-left: -500px;
width: 50px;
-webkit-animation: caneta 0.3s infinite; /* Safari 4+ */
-moz-animation: caneta 0.3s infinite; /* Fx 5+ */
-o-animation: caneta 0.3s infinite; /* Opera 12+ */
animation: caneta 0.3s infinite; /* IE 10+, Fx 29+ */
}
section.s13:before{
content: " ";
display: inline-block;
background-color: #2D5886;
width: 2000px;
min-width: 1600px;
height: 200px;
z-index: 0;
}
section.s13:after{
content: " ";
display: inline-block;
background-color: #2D5886;
width: 2000px;
min-width: 2000px;
height: 200px;
z-index: 0;
margin-top: 100px;
}
section.s13 div.texto{
width: 500px;
margin-top: 100px;
margin-left: 200px;
}
section.s13 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s13 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s13 img.grafico{
width: 800px;
position: absolute;
margin-top: -600px;
margin-left: 900px;
}
section.s13 img.menino{
position: absolute;
width: 600px;
margin-top: -200px;
margin-left: 1250px;
}
section.s14{
width: 2000px;
min-width: 1600px;
position: relative;
height: 900px;
}
section.s14:after{
content: " ";
display: inline-block;
background-color: #FDDA00;
width: 2000px;
min-width: 2000px;
height: 200px;
z-index: 0;
margin-top: 700px;
}
section.s14 img.diretoria{
width: 600px;
position: absolute;
margin-top: 250px;
}
section.s14 div.texto{
width: 500px;
position: absolute;
margin-left: 650px;
margin-top: 110px;
}
section.s14 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s14 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s14 img.grafico{
width: 600px;
position: absolute;
margin-top: 110px;
margin-left: 1200px;
}
section.s15{
width: 2000px;
min-width: 1600px;
position: relative;
height: 1309px;
}
section.s15:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 2000px;
min-width: 2000px;
height: 150px;
z-index: 0;
margin-top: -15px;
}
section.s15 img.cenario{
width: 1600px;
margin-top: 100px;
margin-left: 100px;
}
section.s15 div.texto{
width: 600px;
text-align: initial;
position: absolute;
margin-top: -550px;
margin-left: 400px;
}
section.s15 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s15 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s15 img.grafico{
width: 600px;
margin-left: 1100px;
margin-top: -550px;
}
section.s15 img.globo{
margin-top: 250px;
width: 200px;
margin-left: 400px;
margin-bottom: 50px;
-webkit-animation: rodar 5s linear infinite; /* Safari 4+ */
-moz-animation: rodar 5s linear infinite; /* Fx 5+ */
-o-animation: rodar 5s linear infinite; /* Opera 12+ */
animation: rodar 5s linear infinite; /* IE 10+, Fx 29+ */
}
section.s15 img.ampulheta{
width: 200px;
margin-left: 100px;
margin-bottom: 50px;
-webkit-animation: ampulheta 3s linear infinite; /* Safari 4+ */
-moz-animation: ampulheta 3s linear infinite; /* Fx 5+ */
-o-animation: ampulheta 3s linear infinite; /* Opera 12+ */
animation: ampulheta 3s linear infinite; /* IE 10+, Fx 29+ */
}
section.s15 img.mao{
width: 800px;
position: absolute;
margin-left: 170px;
margin-top: -120px;
}
section.s16{
height: 1135px;
width: 2000px;
min-width: 1600px;
position: relative;
}
section.s16:after{
content: " ";
display: block;
background-color: #2D5785;
width: 2000px;
min-width: 2000px;
height: 117px;
z-index: 0;
margin-top: -117px;
}
section.s16 img.abajur{
width: 700px;
position: absolute;
top: 0;
}
section.s16 img.mesa{
width: 900px;
margin-top: 750px;
}
section.s16 div.texto{
position: absolute;
margin-top: -1150px;
margin-left: 750px;
}
section.s16 div.texto div.left{
width: 500px;
float: left;
}
section.s16 div.texto div.left p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s16 div.texto div.left p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s16 div.texto div.right{
width: 500px;
margin-left: 600px;
line-height: 1.5em;
}
section.s16 div.texto div.right p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s16 div.texto div.right p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
}
section.s17{
width: 2000px;
min-width: 1600px;
position: relative;
height: 1160px;
}
section.s17:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 2000px;
min-width: 2000px;
height: 200px;
z-index: 0;
margin-top: 50px;
}
section.s17 img.ferramenta{
width: 500px;
position: absolute;
bottom: 40px;
margin-left: -5px;
}
section.s17 div.texto{
width: 600px;
text-align: initial;
margin-top: 100px;
margin-left: 600px;
}
section.s17 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s17 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s17 img.ambulancia{
position: absolute;
bottom: 40px;
width: 500px;
margin-left: 1300px;
}
section.s18{
width: 2000px;
min-width: 1600px;
position: relative;
height: 802px;
}
section.s18:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 2000px;
min-width: 2000px;
height: 200px;
z-index: 0;
margin-top: 100px;
}
section.s18 img.ferramenta{
width: 500px;
position: absolute;
bottom: 40px;
margin-left: -5px;
}
section.s18 div.texto{
width: 600px;
text-align: initial;
margin-top: 100px;
margin-left: 600px;
}
section.s18 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s18 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s18 img.coracao{
position: absolute;
top: 40px;
width: 300px;
margin-left: 1300px;
-webkit-animation: coracao 1s linear infinite;
-moz-animation: coracao 1s linear infinite;
-o-animation: coracao 1s linear infinite;
animation: coracao 1s linear infinite;
}
section.s18 img.ambulancia{
position: absolute;
bottom: 40px;
width: 500px;
margin-left: 1300px;
}
section.s19{
width: 2000px;
min-width: 1600px;
position: relative;
background-image: url('images/bg1.jpg');
background-size: cover;
height: 1198.16px;
padding-top: 50px;
}
section.s19 img.cidade{
position: absolute;
bottom: 0;
width: 2000px;
min-width: 2000px;
}
img.carros{
position: absolute;
bottom: 5px;
width: 600px;
z-index: 999;
right: 0;
-webkit-animation: carros 10s linear infinite;
-moz-animation: carros 10s linear infinite;
-o-animation: carros 10s linear infinite;
animation: carros 10s linear infinite;
}
img.carros2{
position: absolute;
bottom: 5px;
width: 600px;
z-index: 999;
right: 0;
-webkit-animation: carros2 15s linear infinite;
-moz-animation: carros2 15s linear infinite;
-o-animation: carros2 15s linear infinite;
animation: carros2 15s linear infinite;
}
section.s19 div.texto{
width: 600px;
text-align: initial;
margin-left: 600px;
background-color: white;
padding: 25px;
}
section.s19 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s19 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s20{
width: 2000px;
min-width: 1600px;
position: relative;
background-image: url('images/bg1.jpg');
background-size: cover;
height: 1108.45px;
padding-top: 50px;
}
section.s20 img.cidade{
position: absolute;
bottom: 0;
width: 2000px;
min-width: 2000px;
}
section.s20 div.texto{
text-align: initial;
background-color: white;
padding: 25px;
width: 1250px;
margin-left: 300px;
margin-top: 50px;
}
section.s20 div.texto div.left{
float: left;
width: 600px;
}
section.s20 div.texto div.left p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: lighter;
font-size: 15px;
margin-top: 0;
line-height: 1.5em;
}
section.s20 div.texto div.left h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 0;
}
section.s20 div.texto div.right{
width: 600px;
margin-left: 650px;
margin-top: 36px;
}
section.s20 div.texto div.right p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s21{
width: 2000px;
min-width: 1600px;
position: relative;
background-image: url('images/bg1.jpg');
background-size: cover;
height: 857.297px;
padding-top: 50px;
}
section.s21 img.cidade{
position: absolute;
bottom: 0;
width: 2000px;
min-width: 2000px;
}
section.s21 div.texto{
text-align: initial;
border: 10px solid yellow;
padding: 25px;
width: 500px;
margin-left: 600px;
margin-top: 50px;
}
section.s21 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s21 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s22{
width: 2000px;
min-width: 1600px;
position: relative;
height: 1308px;
}
section.s22:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 2000px;
min-width: 2000px;
height: 200px;
z-index: 0;
margin-top: 330px;
}
section.s22 img.luvasesquerdas{
width: 400px;
position: absolute;
margin-left: 50px;
}
section.s22 img.luvasdireitas{
width: 800px;
position: absolute;
margin-top: -50px;
right: 0px;
}
section.s22 img.grafico{
position: absolute;
margin-left: 1200px;
width: 400px;
}
section.s22 div.texto{
width: 600px;
margin-left: 550px;
margin-top: 50px;
}
section.s22 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s22 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s23{
height: 880px;
}
section.s23 div.texto{
width: 600px;
margin-left: 700px;
margin-top: 268px;
}
section.s23 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s23 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s23 img.luvasesquerdas{
width: 400px;
position: absolute;
margin-left: 125px;
margin-top: 20px;
}
section.s23 img.luvasdireitas{
width: 500px;
position: absolute;
margin-left: 1500px;
margin-right: -506px;
}
section.s23:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 2000px;
min-width: 2000px;
height: 200px;
z-index: 0;
margin-top: 40px;
}
section.s24{
height: 693px;
}
section.s24 div.texto{
width: 600px;
margin-left: 650px;
margin-top: 165px;
margin-bottom: 165px;
border: 4px solid #FDDA00;
padding: 20px;
}
section.s24 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s24 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s24 img.luvasesquerdas{
width: 400px;
position: absolute;
margin-left: 125px;
margin-top: -600px;
}
section.s24 img.luvasdireitas{
width: 500px;
position: absolute;
margin-left: 1500px;
margin-top: -650px;
margin-right: -506px;
}
section.s24:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 2000px;
min-width: 2000px;
height: 200px;
z-index: 0;
}
section.s25:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 2000px;
min-width: 2000px;
height: 150px;
z-index: 0;
margin-top: 1023px;
}
section.s25 img.ferramenta{
width: 400px;
position: absolute;
margin-left: 50px;
margin-top: -800px;
}
section.s25 img.prancheta{
width: 400px;
position: absolute;
margin-left: 1450px;
margin-top: -700px;
}
section.s25 div.texto{
width: 700px;
margin-left: 600px;
margin-top: -800px;
margin-bottom: 165px;
padding: 20px;
position: absolute;
}
section.s25 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s25 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s26:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 2000px;
min-width: 2000px;
height: 200px;
z-index: 0;
margin-top: 960px;
}
section.s26 img.ferramenta{
width: 400px;
position: absolute;
margin-left: 50px;
margin-top: -825px;
}
section.s26 img.prancheta{
width: 400px;
position: absolute;
margin-left: 1450px;
margin-top: -700px;
}
section.s26 div.texto{
width: 700px;
margin-left: 550px;
margin-top: -950px;
margin-bottom: 165px;
padding: 20px;
position: absolute;
}
section.s26 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s26 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s27{
height: 517px;
}
section.s27 img.ferramenta{
position: absolute;
width: 500px;
margin-top: -320px;
}
section.s27 div.texto{
width: 550px;
margin-left: 750px;
margin-top: 120px;
padding:20px;
border: 8px solid #FDDA00;
}
section.s27 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s27 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s28{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 979px;
width: 2000px;
position: relative;
}
section.s28 div.texto{
width: 500px;
margin-bottom: 165px;
padding: 20px;
background-color: white;
position: absolute;
margin-left: 800px;
margin-top: 100px;
}
section.s28 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s28 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s28 img.cenario{
width: 2000px;
position: absolute;
bottom: 0;
}
section.s29{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 1100px;
width: 2000px;
position: relative;
}
section.s29 div.texto{
width: 500px;
margin-bottom: 165px;
padding: 20px;
background-color: white;
position: absolute;
margin-left: 800px;
margin-top: 100px;
}
section.s29 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s29 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s29 img.cenario{
width: 2000px;
position: absolute;
bottom: 0;
}
section.s30{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 900px;
width: 2000px;
position: relative;
}
section.s30 img.cenario{
width: 2000px;
position: absolute;
bottom: 0;
}
section.s30 div.texto{
width: 500px;
margin-bottom: 165px;
padding: 20px;
background-color: white;
position: absolute;
margin-left: 500px;
margin-top: 100px;
}
section.s30 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s30 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s30 img.grafico{
position: absolute;
width: 500px;
margin-left: 1150px;
margin-top: 50px;
}
section.s31{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 800px;
width: 2000px;
position: relative;
}
section.s31 img.cenario{
width: 2000px;
position: absolute;
bottom: 0;
}
section.s31 div.texto{
width: 500px;
margin-bottom: 165px;
padding: 20px;
background-color: white;
position: absolute;
margin-left: 700px;
margin-top: 100px;
}
section.s31 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s31 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s32{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 800px;
width: 2000px;
position: relative;
padding-top: 100px;
}
section.s32 img.cenario{
width: 2000px;
position: absolute;
bottom: 0;
}
section.s32 img.grafico{
width: 1000px;
position: absolute;
margin-left: 800px;
}
section.s32 div.texto{
width: 500px;
margin-bottom: 165px;
padding: 20px;
background-color: white;
position: absolute;
margin-left: 200px;
margin-top: 25px;
}
section.s32 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s33{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 800px;
width: 2000px;
position: relative;
padding-top: 100px;
}
section.s33 img.cenario{
width: 2000px;
position: absolute;
bottom: 0;
}
section.s33 img.grafico{
width: 435px;
position: absolute;
margin-left: 1050px;
margin-top: 25px;
}
section.s33 div.texto{
width: 500px;
margin-bottom: 165px;
padding: 20px;
background-color: white;
position: absolute;
margin-left: 450px;
margin-top: 25px;
}
section.s33 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s33 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s34{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 800px;
width: 2000px;
position: relative;
padding-top: 60px;
}
section.s34 img.cenario{
width: 2000px;
position: absolute;
bottom: 0;
}
section.s34 div.texto{
width: 500px;
margin-bottom: 20px;
padding: 20px;
margin-left: 700px;
margin-top: 25px;
border: 10px solid #FDDA00;
}
section.s34 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s34 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s35{
width: 2000px;
position: relative;
}
section.s35:before{
content: " ";
display:inline-block;
background-color: #2d5886;
width: 2000px;
min-width: 2000px;
height: 200px;
}
section.s35 div.texto{
width: 500px;
margin-bottom: 20px;
padding: 20px;
margin-left: 700px;
margin-top: 50px;
}
section.s35 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s35 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 20px;
}
section.s35 h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 50px;
text-transform: uppercase;
}
section.s35 img.mao{
width: 700px;
margin-top: 505px;
position: absolute;
margin-left: -100%;
}
section.s35 img.engrenagem{
width: 700px;
margin: -27% 0 0 65%;
position: absolute;
}
section.s36{
width: 2000px;
position: relative;
margin-top: 100px;
}
section.s36 img.circulo{
position: absolute;
margin-top: 554px;
margin-left: 465px;
width: 70px;
-webkit-animation: rodar 6s linear infinite;
-moz-animation: rodar 6s linear infinite;
-o-animation: rodar 6s linear infinite;
animation: rodar 6s linear infinite;
}
section.s36 div.grafico1{
position: absolute;
background-color: black;
width: 27.4px;
height: 52px;
margin-top: 575.6px;
margin-left: 304px;
z-index: 999;
-webkit-animation: grafico1 2s infinite;
-moz-animation: grafico1 2s infinite;
-o-animation: grafico1 2s infinite;
animation: grafico1 2s infinite;
}
section.s36 div.grafico2{
position: absolute;
background-color: black;
width: 28px;
height: 34px;
margin-top: 593.6px;
margin-left: 336px;
z-index: 999;
-webkit-animation: grafico2 2s infinite;
-moz-animation: grafico2 2s infinite;
-o-animation: grafico2 2s infinite;
animation: grafico2 2s infinite;
}
section.s36 div.grafico3{
position: absolute;
background-color: black;
width: 28px;
height: 50px;
margin-top: 577.6px;
margin-left: 368px;
z-index: 999;
-webkit-animation: grafico1 2s infinite;
-moz-animation: grafico1 2s infinite;
-o-animation: grafico1 2s infinite;
animation: grafico1 2s infinite;
}
section.s36 div.grafico4{
position: absolute;
background-color: black;
width: 28px;
height: 36px;
margin-top: 591.6px;
margin-left: 400px;
z-index: 999;
-webkit-animation: grafico2 2s infinite;
-moz-animation: grafico2 2s infinite;
-o-animation: grafico2 2s infinite;
animation: grafico2 2s infinite;
}
section.s36:after{
content: " ";
display:inline-block;
background-color: #2d5886;
width: 2000px;
min-width: 2000px;
height: 200px;
margin-top: 20px;
}
section.s36:before{
content: " ";
display:inline-block;
background-color: #2d5886;
width: 2000px;
min-width: 2000px;
height: 200px;
}
section.s36 img.mao{
width: 700px;
position: absolute;
margin-top: 330px;
}
section.s36 img.grafico{
width: 400px;
margin-top: 30px;
margin-bottom: 30px;
}
section.s36 div.texto{
width: 500px;
margin-bottom: 20px;
padding: 20px;
margin-left: 750px;
margin-top: 50px;
}
section.s36 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s36 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 20px;
}
section.s36 img.lapis{
position: absolute;
margin-left: -1800px;
margin-top: 504px;
width: 300px;
}
section.s37{
position: relative;
}
section.s37:after{
content: " ";
display:inline-block;
background-color: #2d5886;
width: 2000px;
min-width: 2000px;
height: 200px;
}
section.s37 div.texto{
width: 500px;
margin-bottom: 50px;
padding: 20px;
margin-left: 750px;
margin-top: 50px;
border: 10px solid #F4D932;
}
section.s37 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s37 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s37 img.alvo{
width: 600px;
position: absolute;
margin-top: -1px;
}
section.s37 img.flechas{
position: absolute;
margin-left: 1500px;
width: 400px;
margin-top: 50px;
}
section.s38{
}
section.s38:after{
content: " ";
display:inline-block;
background-color: #F4D932;
width: 2000px;
min-width: 2000px;
height: 200px;
margin-top: 100px;
}
section.s38 img.globo{
width: 500px;
margin-top: 50px;
margin-left: 100px;
position: absolute;
-webkit-animation: rodar 6s infinite;
-moz-animation: rodar 6s infinite;
-o-animation: rodar 6s infinite;
animation: rodar 6s infinite;
}
section.s38 img.pessoas{
width: 500px;
margin-top: 200px;
margin-left: 1400px;
position: absolute;
}
section.s38 div.texto{
width: 600px;
padding: 20px;
margin-left: 700px;
margin-top: 100px;
}
section.s38 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s38 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s39{
}
section.s39 img.pessoas{
position: absolute;
width: 500px;
margin-left: 100px;
margin-top: 100px;
}
section.s39 img.chat{
position: absolute;
width: 500px;
margin-left: 1400px;
}
section.s39 div.texto{
width: 600px;
padding: 20px;
margin-left: 700px;
margin-top: 50px;
margin-bottom: 50px;
}
section.s39 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s39 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s40:before{
content: " ";
display:inline-block;
background-color: #F4D932;
width: 2000px;
min-width: 2000px;
height: 200px;
}
section.s40:after{
content: " ";
display:inline-block;
background-color: #F4D932;
width: 2000px;
min-width: 2000px;
height: 200px;
}
section.s40 div.texto{
width: 600px;
padding: 20px;
margin-left: 700px;
margin-bottom: 100px;
border: 10px solid #F4D932;
}
section.s40 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s40 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s40 img.globo{
width: 500px;
margin-top: 50px;
margin-left: 100px;
position: absolute;
-webkit-animation: rodar 6s infinite;
-moz-animation: rodar 6s infinite;
-o-animation: rodar 6s infinite;
animation: rodar 6s infinite;
}
section.s40 img.pessoas{
position: absolute;
width: 500px;
margin-left: 1400px;
margin-top: 100px;
}
section.s41{
position: relative;
}
section.s41:before{
content: " ";
display:inline-block;
background-color: #3F5883;
width: 2000px;
min-width: 2000px;
height: 200px;
}
section.s41 img.estante{
position: absolute;
width: 550px;
margin-left: 100px;
margin-top: 200px;
}
section.s41 img.livro{
position: absolute;
width: 400px;
margin-left: 1400px;
margin-top: 100px;
}
section.s41 div.texto{
width: 600px;
padding: 20px;
margin-left: 700px;
margin-top: 100px;
margin-bottom: 100px;
}
section.s41 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s41 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s42:after{
content: " ";
display:inline-block;
background-color: #3F5883;
width: 2000px;
min-width: 2000px;
height: 200px;
}
section.s42:before{
content: " ";
display:inline-block;
background-color: #3F5883;
width: 2000px;
min-width: 2000px;
height: 200px;
}
section.s42 img.estante{
position: absolute;
width: 550px;
margin-left: 100px;
margin-top: 200px;
}
section.s42 img.livro{
position: absolute;
width: 400px;
margin-left: 1400px;
margin-top: 100px;
}
section.s42 div.texto{
width: 600px;
padding: 20px;
margin-left: 700px;
margin-top: 100px;
margin-bottom: 100px;
}
section.s42 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s42 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s43 div.texto{
width: 600px;
padding: 20px;
margin-left: 900px;
margin-top: 20px;
margin-bottom: 20px;
border: 10px solid #F4D932;
}
section.s43 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s43 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s43 img.quimica{
position: absolute;
width: 700px;
margin-top: 70px;
margin-left: 100px;
}
section.s1 img.grafico1{
width: 1600px;
margin-left: 100px;
padding-top: 100px;
padding-bottom: 100px;
}
section.s1 div.texto{
width: 600px;
padding: 20px;
margin-left: 680px;
margin-top: 100px;
margin-bottom: 100px;
text-align: center;
}
section.s1 div.texto p.texto{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 1.5em;
text-transform: uppercase;
}
section.s1 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.sectionfim{
background-image: url('images/bg1.jpg');
background-size: cover;
width: 2000px;
text-align: center;
}
section.sectionfim img.termo{
width: 600px;
padding-top: 100px;
padding-bottom: 100px;
}
section.slast img.maos{
width: 634px;
position: absolute;
margin-left: 670px;
}
section.slast div.texto{
width: 450px;
padding: 20px;
margin-top: 20px;
margin-bottom: 120px;}
section.slast div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.slast div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
@media (max-width: 1366px) {
*{
padding: 0;
margin: 0;
}
body{
padding: 0;
margin: 0;
}
section.all{
width:1366px;
}
section.s1{
background-image: url('images/bg1.jpg');
background-size: cover;
width: 1366px;
position: relative;
}
.s1 img{
width: 1366px;
}
img.nuvem1{
width: 200;
opacity: 0.6;
position: absolute;
margin-top: 30px;
margin-left:-15%;
top: 0;
-webkit-animation: andar 150s infinite; /* Safari 4+ */
-moz-animation: andar 150s infinite; /* Fx 5+ */
-o-animation: andar 150s infinite; /* Opera 12+ */
animation: andar 150s infinite; /* IE 10+, Fx 29+ */
}
img.nuvem2{
width: 250;
opacity: 0.6;
position: absolute;
margin-top: 70px;
margin-left:-86%;
top: 200px;
-webkit-animation: andar2 150s infinite; /* Safari 4+ */
-moz-animation: andar2 150s infinite; /* Fx 5+ */
-o-animation: andar2 150s infinite; /* Opera 12+ */
animation: andar2 150s infinite; /* IE 10+, Fx 29+ */
}
img.nuvem3{
width: 150;
opacity: 0.8;
position: absolute;
margin-top: 110px;
margin-left:-40%;
top: 450px;
-webkit-animation: andar 150s infinite backwards; /* Safari 4+ */
-moz-animation: andar 150s infinite backwards; /* Fx 5+ */
-o-animation: andar 150s infinite backwards; /* Opera 12+ */
animation: andar 150s infinite backwards; /* IE 10+, Fx 29+ */
}
.s1 h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 75px;
text-align: center;
padding-top:10%;
text-transform: uppercase;
}
.s2{
background-image: url('images/section2/cenario.png');
height: 691px;
width: 1366px;
position: relative;
}
.s2 img.circulo2esquerdo{
width: 120px;
margin-top: 533px;
margin-left: 335px;
position: absolute;
-webkit-animation: rodar 3s linear infinite; /* Safari 4+ */
-moz-animation: rodar 3s linear infinite; /* Fx 5+ */
-o-animation: rodar 3s linear infinite; /* Opera 12+ */
animation: rodar 3s linear infinite; /* IE 10+, Fx 29+ */
}
.s2 img.circulo2direito{
width: 120px;
margin-top: 533px;
margin-left: 923px;
position: absolute;
-webkit-animation: rodar2 3s linear infinite; /* Safari 4+ */
-moz-animation: rodar2 3s linear infinite; /* Fx 5+ */
-o-animation: rodar2 3s linear infinite; /* Opera 12+ */
animation: rodar2 3s linear infinite; /* IE 10+, Fx 29+ */
}
.s2 img.circulomediocimaesqueda{
width: 50px;
position: absolute;
margin-top: 380px;
margin-left: 296px;
-webkit-animation: rodar2 3s linear infinite; /* Safari 4+ */
-moz-animation: rodar2 3s linear infinite; /* Fx 5+ */
-o-animation: rodar2 3s linear infinite; /* Opera 12+ */
animation: rodar2 3s linear infinite; /* IE 10+, Fx 29+ */
}
.s2 img.circulomedioesquerdo{
position: absolute;
margin-top: 530px;
width: 74px;
margin-left: 190px;
-webkit-animation: rodar 3s linear infinite; /* Safari 4+ */
-moz-animation: rodar 3s linear infinite; /* Fx 5+ */
-o-animation: rodar 3s linear infinite; /* Opera 12+ */
animation: rodar 3s linear infinite; /* IE 10+, Fx 29+ */
}
.s2 img.circulomediodireitocima{
width: 65px;
position: absolute;
margin-top: 380px;
margin-left: 1008px;
-webkit-animation: rodar 3s linear infinite; /* Safari 4+ */
-moz-animation: rodar 3s linear infinite; /* Fx 5+ */
-o-animation: rodar 3s linear infinite; /* Opera 12+ */
animation: rodar 3s linear infinite; /* IE 10+, Fx 29+ */
}
.s2 img.circulomediodireito{
position: absolute;
margin-top: 530px;
width: 70px;
margin-left: 1100px;
-webkit-animation: rodar2 3s linear infinite; /* Safari 4+ */
-moz-animation: rodar2 3s linear infinite; /* Fx 5+ */
-o-animation: rodar2 3s linear infinite; /* Opera 12+ */
animation: rodar2 3s linear infinite; /* IE 10+, Fx 29+ */
}
.s2 img{
width: 1366px;
}
.s2 h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 50px;
text-align: center;
padding: 20px 0px 20px 0px;
text-transform: uppercase;
}
section.s3{
background-image: url('images/bg3.jpg');
background-size: cover;
width: 1366px;
position: relative;
text-align: center;
}
div.div-branca-2{
background-color: white;
width: 100%;
height: 490px;
margin-top: 3%;
}
.s3 img.parte1{
margin-top: 3%;
}
.s3 img.parte2{
margin-top: -100px;
margin-right: -100px;
width:1000px;
}
.s3 img.parte3{
margin: 50px 0 50px 0;
width: 90%;
max-width: 800px;
}
section.s4{
width: 1366px;
position: relative;
height: 1080px;
}
section.s4:after{
content: " ";
display:inline-block;
background-color: #2d5886;
width: 1366px;
min-width: 1366px;
height: 200px;
margin-top: 680px;
}
section.s4:before{
content: " ";
display:inline-block;
background-color: #2d5886;
width: 1366px;
min-width: 1366px;
height: 200px;
}
section.s4 img.cenario{
width: 1366px;
position: absolute;
margin-left:-1370px;
margin-top:200px;
}
section.s4 img.lapis{
width: 50px;
position: absolute;
margin-left: -1200px;
margin-top: 588px;
z-index: 999;
-webkit-animation: lapis 3s linear infinite; /* Safari 4+ */
-moz-animation: lapis 3s linear infinite; /* Fx 5+ */
-o-animation: lapis 3s linear infinite; /* Opera 12+ */
animation: lapis 3s linear infinite; /* IE 10+, Fx 29+ */
}
section.s4 img.cafe{
width: 84px;
position: absolute;
margin-left: -392px;
margin-top: 584px;
z-index: 999;
-webkit-animation: rodar 8s linear infinite; /* Safari 4+ */
-moz-animation: rodar 8s linear infinite; /* Fx 5+ */
-o-animation: rodar 8s linear infinite; /* Opera 12+ */
animation: rodar 8s linear infinite; /* IE 10+, Fx 29+ */
}
section.s4 div.bloco{
}
section.s4 div.bloco-texto{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 27px;
text-transform: uppercase;
text-align: initial;
display: inline-block;
background-color: #fff;
margin-top: -120px;
padding: 25px;
margin-left: 310px;
max-width: 545.328px;
min-width: 545.328px;
position: absolute;
box-shadow: 0 1px 10px rgba(0,0,0,.1);
}
section.s4 div.bloco-texto p.titulo:nth-of-type(1){
font-size: 25px;
margin-top: 30px;
margin-bottom: 20px;
}
section.s4 div.bloco-texto p.titulo2{
font-size: 25px;
margin-top: 20px;
margin-bottom: 20px;
}
section.s4 div.bloco-texto p.texto{
font-size: 15px;
font-weight: lighter;
line-height: 1.5em;
text-transform: none;
font-family: 'Blogger Sans', sans-serif;
font-weight: 500;
}
section.s4 div.bloco-texto:after{
content: " "
display: inline-block;file:///C:/Users/josef/Desktop/termomecanica/novo/images/animations/nuvemunica.png
width: 1366px;
height: 200px;
color: black;
}
section.s5{
background-image: url('images/cenario1.png');
background-size: 1366px;
width: 1366px;
min-width: 1366px;
height: 1047px;
position: relative;
padding-bottom: 150px;
}
section.s5 img.cenario{
width: 1360px;
position: absolute;
bottom: 0;
margin-left: -1%;
}
section.s5 h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 50px;
text-transform: uppercase;
}
section.s5 p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 30px;
margin-top: 30px;
}
section.s5 p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s5 h2.right{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 15px;
}
section.s5 div.box-texto{
margin-left: 50px;
padding-top: 50px;
padding-left: 200px;
}
section.s6{
background-image: url('images/bg1.jpg');
background-size: cover;
width: 1366px;
min-width: 1366px;
position: relative;
height: 941px;
padding-top: 100px;
padding-bottom: 100px;
}
section.s6 img.nuvem1{
width: 200;
opacity: 0.6;
position: absolute;
margin-top: 30px;
top: 0;
-webkit-animation: andar 150s infinite; /* Safari 4+ */
-moz-animation: andar 150s infinite; /* Fx 5+ */
-o-animation: andar 150s infinite; /* Opera 12+ */
animation: andar 150s infinite; /* IE 10+, Fx 29+ */
}
section.s6 img.nuvem2{
width: 250;
opacity: 0.6;
position: absolute;
margin-top: 70px;
top: 200px;
-webkit-animation: andar2 150s infinite; /* Safari 4+ */
-moz-animation: andar2 150s infinite; /* Fx 5+ */
-o-animation: andar2 150s infinite; /* Opera 12+ */
animation: andar2 150s infinite; /* IE 10+, Fx 29+ */
}
section.s6 img.nuvem3{
width: 150;
opacity: 0.8;
position: absolute;
margin-top: 110px;
top: 450px;
-webkit-animation: andar 150s infinite backwards; /* Safari 4+ */
-moz-animation: andar 150s infinite backwards; /* Fx 5+ */
-o-animation: andar 150s infinite backwards; /* Opera 12+ */
animation: andar 150s infinite backwards; /* IE 10+, Fx 29+ */
}
section.s6 img.cenario{
width: 1366px;
position: absolute;
bottom: 0;
}
section.s6 div.bloco-texto{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 35px;
text-transform: uppercase;
text-align: initial;
display: inline-block;
background-color: #fff;
padding: 25px;
margin-left: 260px;
max-width: 545.328px;
min-width: 545.328px;
position: absolute;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
section.s6 div.bloco-texto p.titulo{
font-size: 55px;
margin-top: 20px;
margin-bottom: 20px;
}
section.s6 div.bloco-texto p.texto{
font-size: 15px;
margin-top: 20px;
margin-bottom: 20px;
font-weight: lighter;
text-transform: none;
line-height: 1.5em;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
}
section.s6 img.circulos{
position: absolute;
width: 250px;
margin-left: 1019px;
margin-top: 100px;
}
section.s7 {
background-image: url('images/bg1.jpg');
background-size: cover;
width: 1366px;
min-width: 1366px;
position: relative;
height: 897px;
padding-top: 100px;
padding-bottom: 100px;
}
section.s7 img.cenario{
width: 1366px;
position: absolute;
bottom: 0;
z-index:999;
}
section.s7 div.bloco-texto{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 35px;
text-transform: uppercase;
text-align: initial;
display: inline-block;
background-color: #fff;
padding: 25px;
left: 50%;
margin-left: -272.664px;
max-width: 481px;
min-width: 481px;
width: 481px;
height: 500px;
position: absolute;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
section.s7 div.bloco-texto div.icones{
}
section.s7 div.bloco-texto div.icones img.icones{
float: left;
width: 100px;
}
section.s7 div.bloco-texto div.icones div.sub{
font-size: 15px;
font-weight: lighter;
margin-top: 20px;
height: 95px;
}
section.s7 div.bloco-texto div.icones div.sub div.texto{
margin-left: 120px;
position: absolute;
margin-top: 21px;
}
section.s7 .texto {
width: 850px;
position: absolute;
margin-left: 288px;
}
section.s8{
width: 1366px;
min-width: 1314px;
position: relative;
height: 738px;
}
section.s8 img.circulo{
-webkit-animation: rodar 1s infinite;/* Safari 4+ */
-moz-animation: rodar 1s infinite;/* Fx 5+ */
-o-animation: rodar 1s infinite;/* Opera 12+ */
animation: rodar 1s infinite;/* IE 10+, Fx 29+ */
width: 150px;
position: absolute;
margin-left: 1041px;
margin-top: 313px;
}
section.s8 div.retangulo{
height: 33px;
width: 186px;
transform: rotate(-13deg);
background-color: black;
position: absolute;
margin-top: 289px;
margin-left: 71px;
z-index: 999;
-webkit-animation: mudar-cor 1s infinite;
-moz-animation: mudar-cor 1s infinite;
-o-animation: mudar-cor 1s infinite;
animation: mudar-cor 1s infinite;
}
section.s8 div.quadrado1{
height: 17px;
width: 17px;
transform: rotate(-13deg);
background-color: black;
position: absolute;
margin-top: 447px;
margin-left: 210px;
z-index: 999;
-webkit-animation: mudar-cor 1s infinite;/* Safari 4+ */
-moz-animation: mudar-cor 1s infinite;/* Fx 5+ */
-o-animation: mudar-cor 1s infinite;/* Opera 12+ */
animation: mudar-cor 1s infinite;/* IE 10+, Fx 29+ */
}
section.s8 div.quadrado2{
height: 18px;
width: 18px;
transform: rotate(-13deg);
background-color: black;
position: absolute;
margin-top: 423px;
margin-left: 205px;
z-index: 999;
-webkit-animation: mudar-cor2 1s infinite;/* Safari 4+ */
-moz-animation: mudar-cor2 1s infinite;/* Fx 5+ */
-o-animation: mudar-cor2 1s infinite;/* Opera 12+ */
animation: mudar-cor2 1s infinite;/* IE 10+, Fx 29+ */
}
section.s8 div.quadrado3{
height: 17px;
width: 17px;
transform: rotate(-13deg);
background-color: #EF5C43;
position: absolute;
margin-top: 399px;
margin-left: 200px;
z-index: 999;
-webkit-animation: mudar-cor 1s infinite;/* Safari 4+ */
-moz-animation: mudar-cor 1s infinite;/* Fx 5+ */
-o-animation: mudar-cor 1s infinite;/* Opera 12+ */
animation: mudar-cor 1s infinite;/* IE 10+, Fx 29+ */
}
section.s8:before{
content: " ";
display: inline-block;
background-color: #2d5886;
width: 1366px;
min-width: 1366px;
height: 200px;
margin-bottom: -300px;
z-index: 0;
}
section.s8 img.cenario{
width: 1366;
position: absolute;
bottom: 0;
top: 87px;
left: -9px;
z-index: 0;
}
section.s8 div.textos{
background-color: #fff;
padding: 25px;
width: 500px;
margin-left: 405px;
display: inline-block;
margin-top: 100px;
}
section.s8:after{
content: " ";
display: block;
background-color: #2d5886;
width: 1366px;
min-width: 1366px;
height: 200px;
margin-top: -100px;
}
section.s8 div.textos p.texto{
color: #2D5785;
font-size: 15px;
margin-top: 30px;
line-height: 1.5em;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
}
section.s8 div.textos h1{
font-size: 55px;
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
text-transform: uppercase;
}
section.s8 div.textos p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 20px;
text-transform: uppercase;
margin-top: 30px;
}
section.s9{
width: 1366px;
min-width: 1366px;
position: relative;
height: 1440px;
}
section.s9:before{
content: " ";
display: inline-block;
background-color: #FDDA00;
width: 1366px;
min-width: 1366px;
height: 200px;
z-index: 0;
margin-bottom: -120px;
}
section.s9 img.cenario{
width: 100%;
min-width: 1366px;
position: absolute;
height: 500px;
margin-left:-102%;
z-index: 0;
bottom: 0;
}
section.s9 div.textos{
background-color: white;
margin-top: 250px;
margin-left: 212px;
}
section.s9 div.textos h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 55px;
text-transform: uppercase;
}
section.s9 div.textos p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 15px;
margin-top: 20px;
margin-bottom: 20px;
text-transform: uppercase;
}
section.s9 div.textos p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 14px;
text-transform: none;
line-height: 1.5em;
}
section.s9 div.textos div.left{
float: left;
width: 500px;
}
section.s9 div.textos div.right{
float: right;
width: 500px;
position: absolute;
margin-left: 600px;
}
section.s9 img.abajurcima{
position: absolute;
width: 700px;
margin-left: -1729px;
margin-top: 31px;
-webkit-animation: abajur 4s infinite;/* Safari 4+ */
-moz-animation: abajur 4s infinite;/* Fx 5+ */
-o-animation: abajur 4s infinite;/* Opera 12+ */
animation: abajur 4s infinite;/* IE 10+, Fx 29+ */
}
section.s9 img.abajurbaixo{
position: absolute;
width: 489px;
bottom: 0;
margin-left: -1500px;
}
section.s10{
width: 100%;
min-width: 1366px;
position: relative;
}
section.s10 img.cenario{
width: 1340px;
min-width: 1300px;
z-index: 0;
margin-top: 131px;
height: 900px;
}
section.s10:before{
content: " ";
display: inline-block;
background-color: #FDDA00;
width: 1361px;
min-width: 1200px;
height: 100px;
z-index: 0;
margin-bottom: -80px;
}
section.s10 div.textos{
margin-top: -912px;
margin-left: 216px;
border: 5px solid #FDDA00;
width: 475px;
padding: 1em;
background-color: white;
position: absolute;
}
section.s10 div.textos h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 20px;
text-transform: uppercase;
}
section.s10 div.textos p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 13px;
margin-top: 20px;
}
section.s10 div.textos2{
margin-top: -913px;
margin-left: 743px;
border: 5px solid #FDDA00;
width: 559px;
padding: 1em;
position: absolute;
}
section.s10 div.textos2 h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 20px;
text-transform: uppercase;
}
section.s10 div.textos2 p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 12px;
margin-top: -1px;
}
section.s10 div.textos3{
margin-top: -414px;
margin-left: 215px;
border: 5px solid #FDDA00;
width: 478px;
padding: 1em;
position: absolute;
}
section.s10 div.textos3 h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 20px;
text-transform: uppercase;
}
section.s10 div.textos3 p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 13px;
margin-top: 20px;
}
section.s10 img.abajurcima{
position: absolute;
width: 664px;
margin-left: -1776px;
margin-top: 188px;
-webkit-animation: abajur 4s infinite;/* Safari 4+ */
-moz-animation: abajur 4s infinite;/* Fx 5+ */
-o-animation: abajur 4s infinite;/* Opera 12+ */
animation: abajur 4s infinite;/* IE 10+, Fx 29+ */
}
section.s10 img.abajurbaixo{
position: absolute;
width: 900px;
margin-top: 550px;
margin-left: -1564px;
}
section.s11{
background-image: url('images/bg1.jpg');
background-size: cover;
width: 1366px;
min-width: 1366px;
position: relative;
height: 1031.55px;
}
section.s11 img.cenario{
width: 1366px;
min-width: 1366px;
z-index: 0;
position: absolute;
bottom: 0;
}
section.s11 div.texto{
position: absolute;
margin-top: 120px;
margin-left: 230px;
width: 500px;
background-color: white;
padding: 20px;
}
section.s11 img.grafico{
padding-top: 100px;
margin-left: 900px;
width: 453px;
min-width: 400px;
max-width: 499px;
}
section.s11 div.texto h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 45px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s11 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s11 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.5em;
}
section.s12{
background-image: url('images/bg1.jpg');
background-size: cover;
width: 1366px;
min-width: 1366px;
position: relative;
height: 1031.55px;
}
section.s12 img.cenario{
width: 1366px;
min-width: 1366px;
z-index: 0;
position: absolute;
bottom: 0;
}
section.s12 img.grafico{
padding-top: 285px;
margin-left: 121px;
width: 1140px;
min-width: 0;
}
section.s13{
width: 1366px;
min-width: 1366px;
position: relative;
height: 1300px;
}
section.s13 img.caneta{
position: absolute;
margin-top: 745px;
margin-left: -378px;
width: 50px;
-webkit-animation: caneta 0.3s infinite;/* Safari 4+ */
-moz-animation: caneta 0.3s infinite;/* Fx 5+ */
-o-animation: caneta 0.3s infinite;/* Opera 12+ */
animation: caneta 0.3s infinite;/* IE 10+, Fx 29+ */
}
section.s13:before{
content: " ";
display: inline-block;
background-color: #2D5886;
width: 1366px;
min-width: 1366px;
height: 200px;
z-index: 0;
}
section.s13:after{
content: " ";
display: inline-block;
background-color: #2D5886;
width: 1366px;
min-width: 1366px;
height: 200px;
z-index: 0;
margin-top: 100px;
}
section.s13 div.texto{
width: 500px;
margin-top: 50px;
margin-left: 50px;
}
section.s13 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 15px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s13 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.5em;
}
section.s13 img.grafico{
width: 672px;
position: absolute;
margin-top: -552px;
margin-left: 563px;
}
section.s13 img.menino{
position: absolute;
width: 600px;
margin-top: -200px;
margin-left: 759px;
}
section.s14{
width: 1366px;
min-width: 1366px;
position: relative;
height: 900px;
}
section.s14:after{
content: " ";
display: inline-block;
background-color: #FDDA00;
width: 1366px;
min-width: 1366px;
height: 200px;
z-index: 0;
margin-top: 800px;
}
section.s14 img.diretoria{
width: 400px;
position: absolute;
margin-top: 450px;
}
section.s14 div.texto{
width: 500px;
position: absolute;
margin-left: 428px;
margin-top: -129px;
}
section.s14 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s14 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s14 img.grafico{
width: 400px;
position: absolute;
margin-top: 500px;
margin-left: 450px;
}
section.s15{
width: 1365px;
min-width: 1366px;
position: relative;
height: 1309px;
}
section.s15:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 1366px;
min-width: 1366px;
height: 150px;
z-index: 0;
margin-top: -15px;
}
section.s15 img.cenario{
width: 1366px;
margin-top: 100px;
margin-left: 1px;
}
section.s15 div.texto{
width: 600px;
text-align: initial;
position: absolute;
margin-top: -459px;
margin-left: 204px;
}
section.s15 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s15 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s15 img.grafico{
width: 508px;
margin-left: 812px;
margin-top: -458px;
}
section.s15 img.globo{
margin-top: 250px;
width: 145px;
margin-left: 202px;
margin-bottom: 0px;
margin-top:27%;
-webkit-animation: rodar 5s linear infinite;/* Safari 4+ */
-moz-animation: rodar 5s linear infinite;/* Fx 5+ */
-o-animation: rodar 5s linear infinite;/* Opera 12+ */
animation: rodar 5s linear infinite;/* IE 10+, Fx 29+ */
}
section.s15 img.ampulheta{
width: 145px;
margin-left: 100px;
margin-bottom: 0px;
-webkit-animation: ampulheta 3s linear infinite;/* Safari 4+ */
-moz-animation: ampulheta 3s linear infinite;/* Fx 5+ */
-o-animation: ampulheta 3s linear infinite;/* Opera 12+ */
animation: ampulheta 3s linear infinite;/* IE 10+, Fx 29+ */
}
section.s15 img.mao{
width: 400;
position: absolute;
margin-left: 328px;
margin-top: 203px;
}
section.s16{
height: 1135px;
width: 1365px;
min-width: 1366px;
position: relative;
}
section.s16:after{
content: " ";
display: block;
background-color: #2D5785;
width: 1366px;
min-width: 1366px;
height: 117px;
z-index: 0;
margin-top: -117px;
}
section.s16 img.abajur{
width: 328px;
position: absolute;
top: 0;
}
section.s16 img.mesa{
width: 602px;
margin-top: 750px;
}
section.s16 div.texto{
position: absolute;
margin-top: -1104px;
margin-left: 314px;
}
section.s16 div.texto div.left{
width: 500px;
float: left;
}
section.s16 div.texto div.left p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 15px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s16 div.texto div.left p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.5em;
}
section.s16 div.texto div.right{
width: 500px;
margin-left: 512px;
line-height: 1.5em;
}
section.s16 div.texto div.right p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s16 div.texto div.right p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 13px;
}
section.s17{
width: 1366px;
min-width: 1366px;
position: relative;
height: 1160px;
}
section.s17:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 1366px;
min-width: 1366px;
height: 200px;
z-index: 0;
margin-top: 50px;
}
section.s17 img.ferramenta{
width: 200px;
position: absolute;
bottom: 40px;
margin-left: -5px;
}
section.s17 div.texto{
width: 600px;
text-align: initial;
margin-top: 100px;
margin-left: 230px;
}
section.s17 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s17 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s17 img.ambulancia{
position: absolute;
bottom: 40px;
width: 399px;
margin-left: 796px;
margin-bottom:11px;
}
section.s18{
width: 1366px;
min-width: 1366px;
position: relative;
height: 802px;
}
section.s18:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 1366px;
min-width: 1366px;
height: 200px;
z-index: 0;
margin-top: 100px;
}
section.s18 img.ferramenta{
width: 377px;
position: absolute;
bottom: 40px;
margin-left: -5px;
}
section.s18 div.texto{
width: 600px;
text-align: initial;
margin-top: 100px;
margin-left: 220px;
}
section.s18 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s18 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s18 img.coracao{
position: absolute;
top: 40px;
width: 300px;
margin-left: 900;
-webkit-animation: coracao 1s linear infinite;
-moz-animation: coracao 1s linear infinite;
-o-animation: coracao 1s linear infinite;
animation: coracao 1s linear infinite;
}
section.s18 img.ambulancia{
position: absolute;
bottom: 40px;
width: 500px;
margin-left: 800px;
}
section.s19{
width: 1366px;
min-width: 1366px;
position: relative;
background-image: url('images/bg1.jpg');
background-size: cover;
height: 1198.16px;
padding-top: 50px;
}
section.s19 img.cidade{
position: absolute;
bottom: 0;
width: 1366px;
min-width: 1366px;
}
img.carros{
position: absolute;
bottom: 5px;
width: 600px;
z-index: 999;
right: 0;
-webkit-animation: carros 10s linear infinite;
-moz-animation: carros 10s linear infinite;
-o-animation: carros 10s linear infinite;
animation: carros 10s cubic-bezier(0, 0, 0, -0.03) infinite;
}
img.carros2{
position: absolute;
bottom: 5px;
width: 0px;
z-index: 999;
right: 0;
-webkit-animation: carros2 15s linear infinite;
-moz-animation: carros2 15s linear infinite;
-o-animation: carros2 15s linear infinite;
animation: carros2 15s linear infinite;
}
section.s19 div.texto{
width: 600px;
text-align: initial;
margin-left: 406px;
background-color: white;
padding: 25px;
}
section.s19 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s19 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s20{
width: 1366px;
min-width: 1366px;
position: relative;
background-image: url('images/bg1.jpg');
background-size: cover;
height: 1108.45px;
padding-top: 50px;
}
section.s20 img.cidade{
position: absolute;
bottom: 0;
width: 1366px;
min-width: 1366px;
}
section.s20 div.texto{
text-align: initial;
background-color: white;
padding: 25px;
width: 1250px;
margin-left: 30px;
margin-top: 50px;
}
section.s20 div.texto div.left{
float: left;
width: 600px;
}
section.s20 div.texto div.left p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: lighter;
font-size: 15px;
margin-top: 0;
line-height: 1.5em;
}
section.s20 div.texto div.left h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 0;
}
section.s20 div.texto div.right{
width: 600px;
margin-left: 650px;
margin-top: 36px;
}
section.s20 div.texto div.right p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s21{
width: 1366px;
min-width: 1366px;
position: relative;
background-image: url('images/bg1.jpg');
background-size: cover;
height: 857.297px;
padding-top: 50px;
}
section.s21 img.cidade{
position: absolute;
bottom: 0;
width: 1366px;
min-width: 1366px;
}
section.s21 div.texto{
text-align: initial;
border: 5px solid yellow;
padding: 25px;
width: 500px;
margin-left: 468px;
margin-top: 92px;
}
section.s21 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s21 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s22{
width: 1366px;
min-width: 1366px;
position: relative;
height: 1308px;
}
section.s22:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 1366px;
min-width: 1366px;
height: 72px;
z-index: 0;
margin-top: 330px;
}
section.s22 img.luvasesquerdas{
width: 300px;
position: absolute;
margin-left: 50px;
margin-top: 00px
}
section.s22 img.luvasdireitas{
width: 200;
position: absolute;
margin-top: 795px;
right: 0px;
}
section.s22 img.grafico{
position: absolute;
margin-left: 1000px;
width: 302px;
}
section.s22 div.texto{
width: 600px;
margin-left: 350px;
margin-top: 50px;
}
section.s22 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s22 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 18px;
}
section.s23{
height: 923px;
}
section.s23 div.texto{
width: 600px;
margin-left: 400px;
margin-top: 260px;
}
section.s23 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s23 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s23 img.luvasesquerdas{
width: 200;
position: absolute;
margin-left: 125px;
margin-top: -89px;
margin-left:20px;
}
section.s23 img.luvasdireitas{
width: 200;
position: absolute;
margin-left: 1164px;
margin-top:350px
}
section.s23:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 1366px;
min-width: 1366px;
height: 100px;
z-index: 0;
margin-top: 200px;
}
section.s24{
height: 693px;
}
section.s24 div.texto{
width: 600px;
margin-left: 400px;
margin-top: 165px;
margin-bottom: 165px;
border: 4px solid #FDDA00;
padding: 20px;
}
section.s24 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s24 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s24 img.luvasesquerdas{
width: 200;
position: absolute;
margin-left: 125px;
margin-top: -628px;
}
section.s24 img.luvasdireitas{
width: 200px;
position: absolute;
margin-left: 1165px;
margin-top: -300px;
margin-right: -506px;
}
section.s24:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 1366px;
min-width: 1366px;
height: 200px;
z-index: 0;
}
section.s25:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 1366px;
min-width: 1366px;
height: 150px;
z-index: 0;
margin-top: 900px;
}
section.s25 img.ferramenta{
width: 200;
position: absolute;
margin-left: 50px;
margin-top: -220px;
}
section.s25 img.prancheta{
width: 200px;
position: absolute;
margin-left: 1050px;
margin-top: -700px;
}
section.s25 div.texto{
width: 700px;
margin-left: 300;
margin-top: -800px;
margin-bottom: 165px;
padding: 20px;
position: absolute;
}
section.s25 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s25 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s26:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 1366px;
min-width: 1366px;
height: 200px;
z-index: 0;
margin-top: 960px;
}
section.s26 img.ferramenta{
width: 200px;
position: absolute;
margin-left: 50px;
margin-top: -400px;
}
section.s26 img.prancheta{
width: 200px;
position: absolute;
margin-left: 1100px;
margin-top: -900px;
}
section.s26 div.texto{
width: 774px;
margin-left: 300px;
margin-top: -950px;
margin-bottom: 165px;
padding: 20px;
position: absolute;
}
section.s26 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s26 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s27{
height: 517px;
}
section.s27 img.ferramenta{
position: absolute;
width: 300px;
margin-top: 20px;
}
section.s27 div.texto{
width: 550px;
margin-left: 450px;
margin-top: 120px;
padding:20px;
border: 8px solid #FDDA00;
}
section.s27 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s27 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s28{
background-image: url('images/section28/cenario.png');
background-size: cover;
height: 979px;
width: 1366px;
position: relative;
}
section.s28 div.texto{
width: 500px;
margin-bottom: 165px;
padding: 20px;
background-color: white;
position: absolute;
margin-left: 400px;
margin-top: 100px;
}
section.s28 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s28 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s29{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 1100px;
width: 1366px;
position: relative;
}
section.s29 div.texto{
width: 500px;
margin-bottom: 165px;
padding: 20px;
background-color: white;
position: absolute;
margin-left: 400px;
margin-top: 100px;
}
section.s29 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s29 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s29 img.cenario{
width: 1366px;
position: absolute;
bottom: 0;
}
section.s30{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 900px;
width: 1366px;
position: relative;
}
section.s30 img.cenario{
width: 1366px;
position: absolute;
bottom: 0;
}
section.s30 div.texto{
width: 500px;
margin-bottom: 165px;
padding: 20px;
background-color: white;
position: absolute;
margin-left: 200px;
margin-top: 100px;
}
section.s30 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s30 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s30 img.grafico{
position: absolute;
width: 400px;
margin-left: 900px;
margin-top: 50px;
}
section.s31{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 800px;
width: 1366px;
position: relative;
}
section.s31 img.cenario{
width: 1366px;
position: absolute;
bottom: 0;
}
section.s31 div.texto{
width: 500px;
margin-bottom: 165px;
padding: 20px;
background-color: white;
position: absolute;
margin-left: 400px;
margin-top: 100px;
}
section.s31 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s31 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s32{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 800px;
width: 1366px;
position: relative;
padding-top: 100px;
}
section.s32 img.cenario{
width: 1366px;
position: absolute;
bottom: 0;
}
section.s32 img.grafico{
width: 800px;
position: absolute;
margin-left: 400px;
margin-top: 190px;
}
section.s32 div.texto{
width: 600px;
margin-bottom: 165px;
padding: 20px;
background-color: white;
position: absolute;
margin-left: 500px;
margin-top: -20px;
}
section.s32 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s33{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 800px;
width: 1366px;
position: relative;
padding-top: 100px;
}
section.s33 img.cenario{
width: 1366px;
position: absolute;
bottom: 0;
}
section.s33 img.grafico{
width: 435px;
position: absolute;
margin-left: 500px;
margin-top: 250px;
}
section.s33 div.texto{
width: 500px;
margin-bottom: 165px;
padding: 20px;
background-color: white;
position: absolute;
margin-left: 450px;
margin-top: -50px;
}
section.s33 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s33 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s34{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 800px;
width: 1366px;
position: relative;
padding-top: 60px;
}
section.s34 img.cenario{
width: 1366px;
position: absolute;
bottom: 0;
}
section.s34 div.texto{
width: 500px;
margin-bottom: 20px;
padding: 20px;
margin-left: 400px;
margin-top: 25px;
border: 5px solid #FDDA00;
}
section.s34 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s34 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s35{
width: 1366px;
position: relative;
}
section.s35:before{
content: " ";
display:inline-block;
background-color: #2d5886;
width: 1366px;
min-width: 1366px;
height: 200px;
}
section.s35 div.texto{
width: 500px;
margin-bottom: 20px;
padding: 20px;
margin-left: 290px;
margin-top: 50px;
}
section.s35 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s35 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 20px;
}
section.s35 h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 50px;
text-transform: uppercase;
}
section.s35 img.mao{
width: 300px;
margin-top: 530px;
position: absolute;
margin-left:-105%;
}
section.s35 img.engrenagem{
width: 400px;
margin: -27% 0 0 65%;
position: absolute;
}
section.s36{
width: 1366px;
position: relative;
margin-top: 100px;
}
section.s36 img.circulo{
position: absolute;
margin-top: 533px;
margin-left: 454px;
width: 70px;
-webkit-animation: rodar 6s linear infinite;
-moz-animation: rodar 6s linear infinite;
-o-animation: rodar 6s linear infinite;
animation: rodar 6s linear infinite;
}
section.s36 div.grafico1{
position: absolute;
background-color: black;
width: 27.4px;
height: 52px;
margin-top: 584.6px;
margin-left:308px;
z-index: 999;
-webkit-animation: grafico1 2s infinite;
-moz-animation: grafico1 2s infinite;
-o-animation: grafico1 2s infinite;
animation: grafico1 2s infinite;
}
section.s36 div.grafico2{
position: absolute;
background-color: black;
width: 28px;
height: 34px;
margin-top: 600.6px;
margin-left:339px;
z-index: 999;
-webkit-animation: grafico2 2s infinite;
-moz-animation: grafico2 2s infinite;
-o-animation: grafico2 2s infinite;
animation: grafico2 2s infinite;
}
section.s36 div.grafico3{
position: absolute;
background-color: black;
width: 28px;
height: 50px;
margin-top: 585.6px;
margin-left:371px;
z-index: 999;
-webkit-animation: grafico1 2s infinite;
-moz-animation: grafico1 2s infinite;
-o-animation: grafico1 2s infinite;
animation: grafico1 2s infinite;
}
section.s36 div.grafico4{
position: absolute;
background-color: black;
width: 28px;
height: 36px;
margin-top: 597px;
margin-left:403px;
z-index: 999;
-webkit-animation: grafico2 2s infinite;
-moz-animation: grafico2 2s infinite;
-o-animation: grafico2 2s infinite;
animation: grafico2 2s infinite;
}
section.s36:after{
content: " ";
display:inline-block;
background-color: #2d5886;
width: 1366px;
min-width: 1366px;
height: 200px;
margin-top: 20px;
}
section.s36:before{
content: " ";
display:inline-block;
background-color: #2d5886;
width: 1366px;
min-width: 1366px;
height: 200px;
}
section.s36 img.mao{
width: 700px;
position: absolute;
margin-top: 537px;
margin-left:-1365px;
}
section.s36 img.grafico{
width: 400px;
margin-top: 30px;
margin-bottom: 30px;
}
section.s36 div.texto{
width: 500px;
margin-bottom: 20px;
padding: 20px;
margin-left: 412px;
margin-top: 50px;
}
section.s36 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s36 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 20px;
}
section.s36 img.lapis{
position: absolute;
margin-left: 1400px;
margin-top: 300px;
width: 00px;
}
section.s37{
position: relative;
}
section.s37:after{
content: " ";
display:inline-block;
background-color: #2d5886;
width: 1366px;
min-width: 1366px;
height: 200px;
}
section.s37 div.texto{
width: 500px;
margin-bottom: 50px;
padding: 20px;
margin-left: 305px;
margin-top: 51px;
border: 10px solid #F4D932;
}
section.s37 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s37 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s37 img.alvo{
width: 300px;
position: absolute;
margin-top: 235px;
}
section.s37 img.flechas{
position: absolute;
margin-left: 900px;
width: 300px;
margin-top: 50px;
}
section.s38{
}
section.s38:after{
content: " ";
display:inline-block;
background-color: #F4D932;
width: 1366px;
min-width: 1366px;
height: 200px;
margin-top: 100px;
}
section.s38 img.globo{
width: 200px;
margin-top: 50px;
margin-left: 100px;
position: absolute;
-webkit-animation: rodar 6s infinite;
-moz-animation: rodar 6s infinite;
-o-animation: rodar 6s infinite;
animation: rodar 6s infinite;
}
section.s38 img.pessoas{
width: 300px;
margin-top: 400px;
margin-left: 1000px;
position: absolute;
}
section.s38 div.texto{
width: 600px;
padding: 20px;
margin-left: 300px;
margin-top: 100px;
}
section.s38 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s38 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s39{
}
section.s39 img.pessoas{
position: absolute;
width: 300px;
margin-left: 20px;
margin-top: 100px;
}
section.s39 img.chat{
position: absolute;
width: 300px;
margin-left: 1000px;
}
section.s39 div.texto{
width: 600px;
padding: 20px;
margin-left: 330px;
margin-top: 50px;
margin-bottom: 50px;
}
section.s39 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s39 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s40:before{
content: " ";
display:inline-block;
background-color: #F4D932;
width: 1366px;
min-width: 1366px;
height: 200px;
}
section.s40:after{
content: " ";
display:inline-block;
background-color: #F4D932;
width: 1366px;
min-width: 1366px;
height: 200px;
}
section.s40 div.texto{
width: 600px;
padding: 20px;
margin-left: 350px;
margin-bottom: 100px;
border: 10px solid #F4D932;
}
section.s40 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s40 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s40 img.globo{
width: 200px;
margin-top: 50px;
margin-left: -1350px;
position: absolute;
-webkit-animation: rodar 6s infinite;
-moz-animation: rodar 6s infinite;
-o-animation: rodar 6s infinite;
animation: rodar 6s infinite;
}
section.s40 img.pessoas{
position: absolute;
width: 300px;
margin-left: -327px;
margin-top: 475px;
}
section.s41{
position: relative;
}
section.s41:before{
content: " ";
display:inline-block;
background-color: #3F5883;
width: 1366px;
min-width: 1366px;
height: 200px;
}
section.s41 img.estante{
position: absolute;
width: 300px;
margin-left: -1400px;
margin-top: 200px;
}
section.s41 img.livro{
position: absolute;
width: 200px;
margin-left: -219px;
margin-top: 647px;
}
section.s41 div.texto{
width: 600px;
padding: 20px;
margin-left: 400px;
margin-top: 100px;
margin-bottom: 100px;
}
section.s41 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s41 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s42:after{
content: " ";
display:inline-block;
background-color: #3F5883;
width: 1366px;
min-width: 1366px;
height: 200px;
}
section.s42:before{
content: " ";
display:inline-block;
background-color: #3F5883;
width: 1366px;
min-width: 1366px;
height: 200px;
}
section.s42 img.estante{
position: absolute;
width: 200px;
margin-left:-110%;
margin-top: 200px;
}
section.s42 img.livro{
position: absolute;
width: 300px;
margin-left: -30%;
margin-top: 558px;
}
section.s42 div.texto{
width: 600px;
padding: 20px;
margin-left: 250px;
margin-top: 100px;
margin-bottom: 100px;
}
section.s42 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s42 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s43 div.texto{
width: 600px;
padding: 20px;
margin-left: 400px;
margin-top: 20px;
margin-bottom: 20px;
border: 5px solid #F4D932;
}
section.s43 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s43 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s43 img.quimica{
position: absolute;
width: 300px;
margin-top: 390px;
margin-left: 100px;
}
section.s1 img.grafico1{
width: 1327px;
margin-left: 10px;
padding-top: 100px;
padding-bottom: 100px;
}
section.s1 div.texto{
width: 600px;
padding: 20px;
margin-left: 360px;
margin-top: 100px;
margin-bottom: 100px;
text-align: center;
}
section.s1 div.texto p.texto{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 1.5em;
text-transform: uppercase;
}
section.s1 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.slast img.maos{
width: 0px;
position: absolute;
margin-left: 00px;
}
section.sectionfim{
background-image: url('images/bg1.jpg');
background-size: cover;
width: 1366px;
text-align: center;
}
section.sectionfim img.termo{
width: 600px;
padding-top: 100px;
padding-bottom: 100px;
}
}
@media(max-width: 1024px){
*{
padding: 0;
margin: 0;
}
body{
padding: 0;
margin: 0;
}
section.all{
width:1005px;
}
section.s1{
background-image: url('images/bg1.jpg');
background-size: cover;
width: 1005px;
position: relative;
}
.s1 img{
width: 1005px;
}
.s2{
background-image: url('images/section2/cenario.png');
height: 691px;
width: 1005px;
position: relative;
}
.s2 img.circulo2esquerdo{
width: 120px;
margin-top: 533px;
margin-left: 335px;
position: absolute;
-webkit-animation: rodar 3s linear infinite; /* Safari 4+ */
-moz-animation: rodar 3s linear infinite; /* Fx 5+ */
-o-animation: rodar 3s linear infinite; /* Opera 12+ */
animation: rodar 3s linear infinite; /* IE 10+, Fx 29+ */
}
.s2 img.circulo2direito{
width: 120px;
margin-top: 533px;
margin-left: 923px;
position: absolute;
-webkit-animation: rodar2 3s linear infinite; /* Safari 4+ */
-moz-animation: rodar2 3s linear infinite; /* Fx 5+ */
-o-animation: rodar2 3s linear infinite; /* Opera 12+ */
animation: rodar2 3s linear infinite; /* IE 10+, Fx 29+ */
}
.s2 img.circulomediocimaesqueda{
width: 50px;
position: absolute;
margin-top: 380px;
margin-left: 296px;
-webkit-animation: rodar2 3s linear infinite; /* Safari 4+ */
-moz-animation: rodar2 3s linear infinite; /* Fx 5+ */
-o-animation: rodar2 3s linear infinite; /* Opera 12+ */
animation: rodar2 3s linear infinite; /* IE 10+, Fx 29+ */
}
.s2 img.circulomedioesquerdo{
position: absolute;
margin-top: 530px;
width: 74px;
margin-left: 190px;
-webkit-animation: rodar 3s linear infinite; /* Safari 4+ */
-moz-animation: rodar 3s linear infinite; /* Fx 5+ */
-o-animation: rodar 3s linear infinite; /* Opera 12+ */
animation: rodar 3s linear infinite; /* IE 10+, Fx 29+ */
}
.s2 img.circulomediodireitocima{
width: 65px;
position: absolute;
margin-top: 380px;
margin-left: 1008px;
-webkit-animation: rodar 3s linear infinite; /* Safari 4+ */
-moz-animation: rodar 3s linear infinite; /* Fx 5+ */
-o-animation: rodar 3s linear infinite; /* Opera 12+ */
animation: rodar 3s linear infinite; /* IE 10+, Fx 29+ */
}
.s2 img.circulomediodireito{
position: absolute;
margin-top: 530px;
width: 70px;
margin-left: 1100px;
-webkit-animation: rodar2 3s linear infinite; /* Safari 4+ */
-moz-animation: rodar2 3s linear infinite; /* Fx 5+ */
-o-animation: rodar2 3s linear infinite; /* Opera 12+ */
animation: rodar2 3s linear infinite; /* IE 10+, Fx 29+ */
}
.s2 img{
width: 1366px;
}
.s2 h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 50px;
text-align: center;
padding: 20px 0px 20px 0px;
text-transform: uppercase;
}
section.s3{
background-image: url('images/bg3.jpg');
background-size: cover;
width: 1005px;
position: relative;
text-align: center;
}
div.div-branca-2{
background-color: white;
width: 100%;
height: 490px;
margin-top: 3%;
}
.s3 img.parte1{
margin-top: 3%;
}
.s3 img.parte2{
margin-top: -100px;
margin-right: -100px;
width:1000px;
}
.s3 img.parte3{
margin: 50px 0 50px 0;
width: 90%;
max-width: 800px;
}
section.s4{
width: 1005px;
position: relative;
height: 1080px;
}
section.s4:after{
content: " ";
display:inline-block;
background-color: #2d5886;
width: 1005px;
min-width: 1005px;
height: 200px;
margin-top: 680px;
}
section.s4:before{
content: " ";
display:inline-block;
background-color: #2d5886;
width: 1005px;
min-width: 1005px;
height: 200px;
}
section.s4 img.cenario{
width: 1005px;
position: absolute;
}
section.s4 img.lapis{
width: 50px;
position: absolute;
margin-left: 110px;
margin-top: 388px;
z-index: 999;
-webkit-animation: lapis 3s linear infinite;/* Safari 4+ */
-moz-animation: lapis 3s linear infinite;/* Fx 5+ */
-o-animation: lapis 3s linear infinite;/* Opera 12+ */
animation: lapis 3s linear infinite;/* IE 10+, Fx 29+ */
}
section.s4 img.cafe{
width: 0px;
position: absolute;
margin-left: 978px;
margin-top: 384px;
z-index: 999;
-webkit-animation: rodar 8s linear infinite;/* Safari 4+ */
-moz-animation: rodar 8s linear infinite;/* Fx 5+ */
-o-animation: rodar 8s linear infinite;/* Opera 12+ */
animation: rodar 8s linear infinite;/* IE 10+, Fx 29+ */
}
section.s4 div.bloco{
}
section.s4 div.bloco-texto{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 35px;
text-transform: uppercase;
text-align: initial;
display: inline-block;
background-color: #fff;
margin-top: -120px;
padding: 25px;
margin-left: 211px;
max-width: 545.328px;
min-width: 545.328px;
position: absolute;
box-shadow: 0 1px 10px rgba(0,0,0,.1);
}
section.s4 div.bloco-texto p.titulo:nth-of-type(1){
font-size: 25px;
margin-top: 30px;
margin-bottom: 20px;
}
section.s4 div.bloco-texto p.titulo2{
font-size: 25px;
margin-top: 20px;
margin-bottom: 20px;
}
section.s4 div.bloco-texto p.texto{
font-size: 15px;
font-weight: lighter;
line-height: 1.5em;
text-transform: none;
font-family: 'Blogger Sans', sans-serif;
font-weight: 500;
}
section.s4 div.bloco-texto:after{
content: " "
display: inline-block;file:///C:/Users/josef/Desktop/termomecanica/novo/images/animations/nuvemunica.png
width: 1005px;
height: 200px;
color: black;
}
section.s5{
background-image: url('images/cenario1.png');
background-size: 1005px;
width: 1005px;
min-width: 1005px;
height: 1047px;
position: relative;
padding-bottom: 150px;
}
section.s5 img.cenario{
width: 1005px;
position: absolute;
bottom: 0;
}
section.s5 h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 50px;
text-transform: uppercase;
}
section.s5 p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 30px;
margin-top: 30px;
}
section.s5 p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s5 h2.right{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 15px;
}
section.s5 div.box-texto{
margin-left: 50px;
padding-top: 50px;
padding-left: 108px;
}
section.s6{
background-image: url('images/bg1.jpg');
background-size: cover;
width: 1005px;
min-width: 1005px;
position: relative;
height: 941px;
padding-top: 100px;
padding-bottom: 100px;
}
section.s6 img.nuvem1{
width: 0;
opacity: 0.6;
position: absolute;
margin-top: 30px;
top: 0;
-webkit-animation: andar 150s infinite; /* Safari 4+ */
-moz-animation: andar 150s infinite; /* Fx 5+ */
-o-animation: andar 150s infinite; /* Opera 12+ */
animation: andar 150s infinite; /* IE 10+, Fx 29+ */
}
section.s6 img.nuvem2{
width: 0;
opacity: 0.6;
position: absolute;
margin-top: 70px;
top: 200px;
-webkit-animation: andar2 150s infinite; /* Safari 4+ */
-moz-animation: andar2 150s infinite; /* Fx 5+ */
-o-animation: andar2 150s infinite; /* Opera 12+ */
animation: andar2 150s infinite; /* IE 10+, Fx 29+ */
}
section.s6 img.nuvem3{
width: 0;
opacity: 0.8;
position: absolute;
margin-top: 110px;
top: 450px;
-webkit-animation: andar 150s infinite backwards; /* Safari 4+ */
-moz-animation: andar 150s infinite backwards; /* Fx 5+ */
-o-animation: andar 150s infinite backwards; /* Opera 12+ */
animation: andar 150s infinite backwards; /* IE 10+, Fx 29+ */
}
section.s6 img.cenario{
width: 1005px;
position: absolute;
bottom: 0;
}
section.s6 div.bloco-texto{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 35px;
text-transform: uppercase;
text-align: initial;
display: inline-block;
background-color: #fff;
padding: 25px;
margin-left: 45px;
max-width: 545.328px;
min-width: 545.328px;
position: absolute;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
section.s6 div.bloco-texto p.titulo{
font-size: 55px;
margin-top: 20px;
margin-bottom: 20px;
}
section.s6 div.bloco-texto p.texto{
font-size: 15px;
margin-top: 20px;
margin-bottom: 20px;
font-weight: lighter;
text-transform: none;
line-height: 1.5em;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
}
section.s6 img.circulos{
position: absolute;
width: 222px;
margin-left: 753px;
margin-top: 100px;
}
section.s7 {
background-image: url('images/bg1.jpg');
background-size: cover;
width: 1005px;
min-width: 1005px;
position: relative;
height: 897px;
padding-top: 100px;
padding-bottom: 100px;
}
section.s7 img.cenario{
width: 1005px;
position: absolute;
bottom: 0;
z-index:999;
}
section.s7 div.bloco-texto{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 35px;
text-transform: uppercase;
text-align: initial;
display: inline-block;
background-color: #fff;
padding: 25px;
left: 50%;
margin-left: -272.664px;
max-width: 481px;
min-width: 481px;
width: 481px;
height: 500px;
position: absolute;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
section.s7 div.bloco-texto div.icones{
}
section.s7 div.bloco-texto div.icones img.icones{
float: left;
width: 100px;
}
section.s7 div.bloco-texto div.icones div.sub{
font-size: 15px;
font-weight: lighter;
margin-top: 20px;
height: 95px;
}
section.s7 div.bloco-texto div.icones div.sub div.texto{
margin-left: 120px;
position: absolute;
margin-top: 21px;
}
section.s7 .texto {
width: 850px;
position: absolute;
margin-left: 95px;
}
section.s8{
width: 1005px;
min-width: 1005px;
position: relative;
height: 738px;
}
section.s8 img.circulo{
-webkit-animation: rodar 1s infinite;/* Safari 4+ */
-moz-animation: rodar 1s infinite;/* Fx 5+ */
-o-animation: rodar 1s infinite;/* Opera 12+ */
animation: rodar 1s infinite;/* IE 10+, Fx 29+ */
width: 100px;
position: absolute;
margin-left: 757px;
margin-top: 239px;
}
section.s8 div.retangulo{
height: 25px;
width: 124px;
transform: rotate(-13deg);
background-color: black;
position: absolute;
margin-top: 235px;
margin-left: 54px;
z-index: 999;
-webkit-animation: mudar-cor 1s infinite;
-moz-animation: mudar-cor 1s infinite;
-o-animation: mudar-cor 1s infinite;
animation: mudar-cor 1s infinite;
}
section.s8 div.quadrado1{
height: 17px;
width: 17px;
transform: rotate(-13deg);
background-color: black;
position: absolute;
margin-top: 353px;
margin-left: 151px;
z-index: 999;
-webkit-animation: mudar-cor 1s infinite;/* Safari 4+ */
-moz-animation: mudar-cor 1s infinite;/* Fx 5+ */
-o-animation: mudar-cor 1s infinite;/* Opera 12+ */
animation: mudar-cor 1s infinite;/* IE 10+, Fx 29+ */
}
section.s8 div.quadrado2{
height: 18px;
width: 18px;
transform: rotate(-13deg);
background-color: black;
position: absolute;
margin-top: 333px;
margin-left: 145px;
z-index: 999;
-webkit-animation: mudar-cor2 1s infinite;/* Safari 4+ */
-moz-animation: mudar-cor2 1s infinite;/* Fx 5+ */
-o-animation: mudar-cor2 1s infinite;/* Opera 12+ */
animation: mudar-cor2 1s infinite;/* IE 10+, Fx 29+ */
}
section.s8 div.quadrado3{
height: 17px;
width: 17px;
transform: rotate(-13deg);
background-color: #EF5C43;
position: absolute;
margin-top: 314px;
margin-left: 141px;
z-index: 999;
-webkit-animation: mudar-cor 1s infinite;/* Safari 4+ */
-moz-animation: mudar-cor 1s infinite;/* Fx 5+ */
-o-animation: mudar-cor 1s infinite;/* Opera 12+ */
animation: mudar-cor 1s infinite;/* IE 10+, Fx 29+ */
}
section.s8:before{
content: " ";
display: inline-block;
background-color: #2d5886;
width: 1005px;
min-width: 1005px;
height: 200px;
margin-bottom: -300px;
z-index: 0;
}
section.s8 img.cenario{
width: 1005PX;
position: absolute;
bottom: 0;
top: 87px;
left: -9px;
z-index: 0;
}
section.s8 div.textos{
background-color: #fff;
padding: 25px;
width: 500px;
margin-left: 203px;
display: inline-block;
margin-top: 100px;
}
section.s8:after{
content: " ";
display: block;
background-color: #2d5886;
width: 1005px;
min-width: 1005px;
height: 200px;
margin-top: -100px;
}
section.s8 div.textos p.texto{
color: #2D5785;
font-size: 15px;
margin-top: 30px;
line-height: 1.5em;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
}
section.s8 div.textos h1{
font-size: 55px;
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
text-transform: uppercase;
}
section.s8 div.textos p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 20px;
text-transform: uppercase;
margin-top: 30px;
}
section.s9{
width: 1005px;
min-width: 1005px;
position: relative;
height: 1646px;
}
section.s9:before{
content: " ";
display: inline-block;
background-color: #FDDA00;
width: 1005px;
min-width: 105px;
height: 100px;
z-index: 0;
margin-bottom: -120px;
}
section.s9 img.cenario{
width: 1005px;
min-width: 1005px;
position: absolute;
height: 470px;
z-index: 0;
bottom: 0;
}
section.s9 div.textos{
background-color: white;
margin-top: 250px;
margin-left: 30px;
}
section.s9 div.textos h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 55px;
text-transform: uppercase;
margin-left: 86px;
}
section.s9 div.textos p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 15px;
margin-top: 17px;
margin-bottom: 20px;
text-transform: uppercase;
}
section.s9 div.textos p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 100;
font-size: 18px;
text-transform: none;
width: 384px;
line-height: 1em;
margin-top
}
section.s9 div.textos div.left{
float: left;
width: 500px;
}
section.s9 div.textos div.right{
float: right;
width: 413px;
position: absolute;
margin-left: 520px;
}
section.s9 img.abajurcima{
position: absolute;
width: 583px;
margin-left:-1729px;
margin-top: 31px;
-webkit-animation: abajur 4s infinite;/* Safari 4+ */
-moz-animation: abajur 4s infinite;/* Fx 5+ */
-o-animation: abajur 4s infinite;/* Opera 12+ */
animation: abajur 4s infinite;/* IE 10+, Fx 29+ */
}
section.s9 img.abajurbaixo{
position: absolute;
width: 432px;
bottom: 0;
margin-left: -150px;
}
section.s10{
width: 1005px;
min-width: 1005px;
position: relative;
}
section.s10 img.cenario{
width: 1005px;
min-width: 1005px;
z-index: 0;
margin-top: 131px;
height: 998px;
}
section.s10:before{
content: " ";
display: inline-block;
background-color: #FDDA00;
width: 1005PX ;
min-width: 1005px;
height: 100px;
z-index: 0;
margin-bottom: -120px;
}
section.s10 div.textos{
margin-top: -1020px;
margin-left: 32px;
border: 5px solid #FDDA00;
width: 475px;
padding: 1em;
background-color: white;
position: absolute;
}
section.s10 div.textos h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 20px;
text-transform: uppercase;
}
section.s10 div.textos p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 13px;
margin-top: 20px;
}
section.s10 div.textos2{
margin-top: -1020px;
margin-left: 577px;
border: 5px solid #FDDA00;
width: 392px;
padding: 1em;
position: absolute;
}
section.s10 div.textos2 h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 20px;
text-transform: uppercase;
}
section.s10 div.textos2 p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 12px;
margin-top: -1px;
}
section.s10 div.textos3{
margin-top: -578px;
margin-left: 19px;
border: 5px solid #FDDA00;
width: 478px;
padding: 1em;
position: absolute;
}
section.s10 div.textos3 h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 20px;
text-transform: uppercase;
}
section.s10 div.textos3 p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 13px;
margin-top: 20px;
}
section.s10 img.abajurcima{
position: absolute;
width: 554px;
margin-left: -390px;
margin-top: 87px;
-webkit-animation: abajur 4s infinite;/* Safari 4+ */
-moz-animation: abajur 4s infinite;/* Fx 5+ */
-o-animation: abajur 4s infinite;/* Opera 12+ */
animation: abajur 4s infinite;/* IE 10+, Fx 29+ */
}
section.s10 img.abajurbaixo{
position: absolute;
width: 0;
margin-top: 550px;
margin-left: -150px;
}
section.s11{
background-image: url('images/bg1.jpg');
background-size: cover;
width: 1005px;
min-width: 1005px;
position: relative;
height: 1031.55px;
}
section.s11 img.cenario{
width: 1005px;
min-width: 1005px;
z-index: 0;
position: absolute;
bottom: 0;
}
section.s11 div.texto{
position: absolute;
margin-top: 120px;
margin-left: 24px;
width: 455px;
background-color: white;
padding: 20px;
}
section.s11 img.grafico{
padding-top: 100px;
margin-left: 531px;
width: 453px;
min-width: 400px;
max-width: 499px;
}
section.s11 div.texto h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 45px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s11 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s11 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s12{
background-image: url('images/bg1.jpg');
background-size: cover;
width: 1005px;
min-width: 136px;
position: relative;
height: 1031.55px;
}
section.s12 img.cenario{
width: 1005px;
min-width: 1005px;
z-index: 0;
position: absolute;
bottom: 0;
}
section.s12 img.grafico{
padding-top: 285px;
margin-left: 5px;
width: 989px;
min-width: 0;
}
section.s13{
width: 1005px;
min-width: 1005px;
position: relative;
height: 1300px;
}
section.s13 img.caneta{
position: absolute;
margin-top: 643px;
margin-left: 787px;
width: 50px;
-webkit-animation: caneta 0.3s infinite;/* Safari 4+ */
-moz-animation: caneta 0.3s infinite;/* Fx 5+ */
-o-animation: caneta 0.3s infinite;/* Opera 12+ */
animation: caneta 0.3s infinite;/* IE 10+, Fx 29+ */
}
section.s13:before{
content: " ";
display: inline-block;
background-color: #2D5886;
width: 1005px;
min-width: 1005px;
height: 200px;
z-index: 0;
}
section.s13:after{
content: " ";
display: inline-block;
background-color: #2D5886;
width: 1005px;
min-width: 1005px;
height: 100px;
z-index: 0;
margin-top: 100px;
}
section.s13 div.texto{
width: 387px;
margin-top: 50px;
margin-left: 10px;
}
section.s13 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 15px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s13 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.5em;
}
section.s13 img.grafico{
width: 553px;
position: absolute;
margin-top: -552px;
margin-left: 431px;
}
section.s13 img.menino{
position: absolute;
width: 300px;
margin-top: -98px;
margin-left: 686px;
}
section.s14{
width: 1005px;
min-width: 1005px;
position: relative;
height: 900px;
}
section.s14:after{
content: " ";
display: inline-block;
background-color: #FDDA00;
width: 1005px;
min-width: 1005px;
height: 200px;
z-index: 0;
margin-top: 700px;
}
section.s14 img.diretoria{
width: 400px;
position: absolute;
margin-top: 450px;
}
section.s14 div.texto{
width: 699px;
position: absolute;
margin-left: 125px;
margin-top: -168px;
}
section.s14 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s14 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 17px;
line-height: 1.5em;
}
section.s14 img.grafico{
width: 400px;
position: absolute;
margin-top: 355px;
margin-left: 450px;
}
section.s15{
width: 1005px;
min-width: 1005px;
position: relative;
height: 1309px;
}
section.s15:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 1005px;
min-width: 1005px;
height: 150px;
z-index: 0;
margin-top: -15px;
}
section.s15 img.cenario{
width: 00px;
margin-top: 100px;
margin-left: 1px;
}
section.s15 div.texto{
width: 600px;
text-align: initial;
position: absolute;
margin-top: -456px;
margin-left: 12px;
}
section.s15 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s15 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5em;
}
section.s15 img.grafico{
width: 382px;
margin-left: 615px;
margin-top: 10px;
}
section.s15 img.globo{
margin-top: 651px;
width: 100px;
margin-left: 202px;
margin-bottom: 0px;
-webkit-animation: rodar 5s linear infinite;/* Safari 4+ */
-moz-animation: rodar 5s linear infinite;/* Fx 5+ */
-o-animation: rodar 5s linear infinite;/* Opera 12+ */
animation: rodar 5s linear infinite;/* IE 10+, Fx 29+ */
}
section.s15 img.ampulheta{
width: 100px;
margin-left: 100px;
margin-bottom: 0px;
-webkit-animation: ampulheta 3s linear infinite;/* Safari 4+ */
-moz-animation: ampulheta 3s linear infinite;/* Fx 5+ */
-o-animation: ampulheta 3s linear infinite;/* Opera 12+ */
animation: ampulheta 3s linear infinite;/* IE 10+, Fx 29+ */
}
section.s15 img.mao{
width: 400;
position: absolute;
margin-left: 96px;
margin-top: 514px;
}
section.s16{
height: 1135px;
width: 1005px;
min-width: 1005px;
position: relative;
}
section.s16:after{
content: " ";
display: block;
background-color: #2D5785;
width: 1005px;
min-width: 1005px;
height: 117px;
z-index: 0;
margin-top: -117px;
}
section.s16 img.abajur{
width: 178px;
position: absolute;
top: 0;
}
section.s16 img.mesa{
width: 602px;
margin-top: 750px;
}
section.s16 div.texto{
position: absolute;
margin-top: -1104px;
margin-left: 164px;
}
section.s16 div.texto div.left{
width: 379px;
float: left;
}
section.s16 div.texto div.left p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 15px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s16 div.texto div.left p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.5em;
}
section.s16 div.texto div.right{
width: 395px;
margin-left: 416px;
line-height: 1.5em;
}
section.s16 div.texto div.right p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s16 div.texto div.right p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 13px;
}
section.s17{
width: 1005px;
min-width: 1005px;
position: relative;
height: 1160px;
}
section.s17:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 1005px;
min-width: 1005px;
height: 200px;
z-index: 0;
margin-top: 50px;
}
section.s17 img.ferramenta{
width: 252px;
position: absolute;
bottom: 40px;
margin-left: -24px;
}
section.s17 div.texto{
width: 600px;
text-align: initial;
margin-top: -55px;
margin-left: 15px;
}
section.s17 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s17 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s17 img.ambulancia{
position: absolute;
bottom: 40px;
width: 399px;
margin-left: 528px;
margin-bottom:11px;
}
section.s18{
width: 1005px;
min-width: 1005px;
position: relative;
height: 802px;
}
section.s18:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 1005px;
min-width: 1005px;
height: 200px;
z-index: 0;
margin-top: 100px;
}
section.s18 img.ferramenta{
width: 199px;
position: absolute;
bottom: 40px;
margin-left: -5px;
}
section.s18 div.texto{
width: 600px;
text-align: initial;
margin-top: 100px;
margin-left: 18px;
}
section.s18 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s18 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5em;
}
section.s18 img.coracao{
position: absolute;
top: 40px;
width: 300px;
margin-left: 627px;
-webkit-animation: coracao 1s linear infinite;
-moz-animation: coracao 1s linear infinite;
-o-animation: coracao 1s linear infinite;
animation: coracao 1s linear infinite;
}
section.s18 img.ambulancia{
position: absolute;
bottom: 40px;
width: 320px;
margin-left: 486px;
}
section.s19{
width: 1005px;
min-width: 1005px;
position: relative;
background-image: url('images/bg1.jpg');
background-size: cover;
height: 1198.16px;
padding-top: 50px;
}
section.s19 img.cidade{
position: absolute;
bottom: 0;
width: 1005px;
min-width: 1005px;
}
img.carros{
position: absolute;
bottom: 5px;
width: 600px;
z-index: 999;
right: 0;
-webkit-animation: carros 10s linear infinite;
-moz-animation: carros 10s linear infinite;
-o-animation: carros 10s linear infinite;
animation: carros 10s cubic-bezier(0, 0, 0, -0.03) infinite;
}
img.carros2{
position: absolute;
bottom: 5px;
width: 0px;
z-index: 999;
right: 0;
-webkit-animation: carros2 15s linear infinite;
-moz-animation: carros2 15s linear infinite;
-o-animation: carros2 15s linear infinite;
animation: carros2 15s linear infinite;
}
section.s19 div.texto{
width: 641px;
text-align: initial;
margin-left: 121px;
background-color: white;
padding: 25px;
}
section.s19 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s19 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s20{
width: 1005px;
min-width: 1005px;
position: relative;
background-image: url('images/bg1.jpg');
background-size: cover;
height: 1108.45px;
padding-top: 50px;
}
section.s20 img.cidade{
position: absolute;
bottom: 0;
width: 1005px;
min-width: 1005px;
}
section.s20 div.texto{
text-align: initial;
background-color: white;
padding: 25px;
width: px;
margin-left: 0px;
margin-top: 50px;
}
section.s20 div.texto div.left{
float: left;
width: 427px;
}
section.s20 div.texto div.left p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: lighter;
font-size: 15px;
margin-top: 0;
line-height: 1.5em;
}
section.s20 div.texto div.left h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 0;
}
section.s20 div.texto div.right{
width: 425px;
margin-left: 469px;
margin-top: 36px;
}
section.s20 div.texto div.right p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s21{
width: 1005px;
min-width: 1005px;
position: relative;
background-image: url('images/bg1.jpg');
background-size: cover;
height: 857.297px;
padding-top: 50px;
}
section.s21 img.cidade{
position: absolute;
bottom: 0;
width: 1005px;
min-width: 1005px;
}
section.s21 div.texto{
text-align: initial;
border: 5px solid yellow;
padding: 25px;
width: 500px;
margin-left: 245px;
margin-top: 92px;
}
section.s21 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s21 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s22{
width: 1005px;
min-width: 1005px;
position: relative;
height: 1308px;
}
section.s22:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 1005px;
min-width: 1005px;
height: 200px;
z-index: 0;
margin-top: 330px;
}
section.s22 img.luvasesquerdas{
width: 180px;
position: absolute;
margin-left: 50px;
margin-top: 00px;
}
section.s22 img.luvasdireitas{
width: 200;
position: absolute;
margin-top: 795px;
right: 0px;
}
section.s22 img.grafico{
position: absolute;
margin-left: 269px;
margin-top: 1012px;
width: 268px;
}
section.s22 div.texto{
width: 600px;
margin-left: 233px;
margin-top: 27px;
}
section.s22 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s22 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 18px;
}
section.s23{
height: 880px;
}
section.s23 div.texto{
width: 600px;
margin-left: 275px;
margin-top: 270px;
}
section.s23 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s23 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s23 img.luvasesquerdas{
width: 152px;
position: absolute;
margin-left: 125px;
margin-top: 229px;
margin-left:20px;
}
section.s23 img.luvasdireitas{
width: 112px;
position: absolute;
margin-left: 880px;
margin-top: 507px;
}
section.s23:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 1005px;
min-width: 1005px;
height: 200px;
z-index: 0;
margin-top: 40px;
}
section.s24{
height: 693px;
}
section.s24 div.texto{
width: 600px;
margin-left: 227px;
margin-top: 165px;
margin-bottom: 165px;
border: 4px solid #FDDA00;
padding: 20px;
}
section.s24 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s24 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s24 img.luvasesquerdas{
width: 100px;
position: absolute;
margin-left: 18px;
margin-top: -628px;
}
section.s24 img.luvasdireitas{
width: 150px;
position: absolute;
margin-left: 852px;
margin-top: -227px;
margin-right: -506px;
}
section.s24:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 1005px;
min-width: 1005px;
height: 200px;
z-index: 0;
}
section.s25:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 1005px;
min-width: 1005px;
height: 150px;
z-index: 0;
margin-top: 900px;
}
section.s25 img.ferramenta{
width: 100px;
position: absolute;
margin-left: 50px;
margin-top: -73px;
}
section.s25 img.prancheta{
width: 0px;
position: absolute;
margin-left: 1050px;
margin-top: -700px;
}
section.s25 div.texto{
width: 700px;
margin-left: 107px;
margin-top: -800px;
margin-bottom: 165px;
padding: 20px;
position: absolute;
}
section.s25 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s25 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s26:after{
content: " ";
display: block;
background-color: #FDDA00;
width: 1005px;
min-width: 1005px;
height: 200px;
z-index: 0;
margin-top: 960px;
}
section.s26 img.ferramenta{
width: 200px;
position: absolute;
margin-left: 50px;
margin-top: -400px;
}
section.s26 img.prancheta{
width: 0px;
position: absolute;
margin-left: 1100px;
margin-top: -900px;
}
section.s26 div.texto{
width: 774px;
margin-left: 161px;
margin-top: -950px;
margin-bottom: 165px;
padding: 20px;
position: absolute;
}
section.s26 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s26 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s27{
height: 517px;
}
section.s27 img.ferramenta{
position: absolute;
width: 200px;
margin-top: 182px;
}
section.s27 div.texto{
width: 550px;
margin-left: 265px;
margin-top: 120px;
padding:20px;
border: 8px solid #FDDA00;
}
section.s27 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s27 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.s28{
background-image: url('images/section28/cenario.png');
background-size: cover;
height: 979px;
width: 1005px;
position: relative;
}
section.s28 div.texto{
width: 500px;
margin-bottom: 165px;
padding: 20px;
background-color: white;
position: absolute;
margin-left: 272px;
margin-top: 100px;
}
section.s28 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s28 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s29{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 1100px;
width: 1005px;
position: relative;
}
section.s29 div.texto{
width: 500px;
margin-bottom: 165px;
padding: 20px;
background-color: white;
position: absolute;
margin-left: 291px;
margin-top: 100px;
}
section.s29 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s29 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s29 img.cenario{
width: 1005px;
position: absolute;
bottom: 0;
}
section.s30{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 900px;
width: 1005px;
position: relative;
}
section.s30 img.cenario{
width: 1005px;
position: absolute;
bottom: 0;
}
section.s30 div.texto{
width: 950px;
margin-bottom: 165px;
padding: 20px;
background-color: white;
position: absolute;
margin-left: 10px;
margin-top: 12px;
}
section.s30 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s30 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s30 img.grafico{
position: absolute;
width: 400px;
margin-left: 329px;
margin-top: 343px;
}
section.s31{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 800px;
width: 1005px;
position: relative;
}
section.s31 img.cenario{
width: 1005px;
position: absolute;
bottom: 0;
}
section.s31 div.texto{
width: 500px;
margin-bottom: 165px;
padding: 20px;
background-color: white;
position: absolute;
margin-left: 243px;
margin-top: 100px;
}
section.s31 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s31 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s32{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 800px;
width: 1005px;
position: relative;
padding-top: 100px;
}
section.s32 img.cenario{
width: 1005px;
position: absolute;
bottom: 0;
}
section.s32 img.grafico{
width: 800px;
position: absolute;
margin-left: 117px;
margin-top: 135px;
}
section.s32 div.texto{
width: 949px;
margin-bottom: 165px;
padding: 20px;
background-color: white;
position: absolute;
margin-left: 8px;
margin-top: -84px;
}
section.s32 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s33{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 800px;
width: 1005px;
position: relative;
padding-top: 100px;
}
section.s33 img.cenario{
width: 1005px;
position: absolute;
bottom: 0;
}
section.s33 img.grafico{
width: 435px;
position: absolute;
margin-left: 291px;
margin-top: 250px;
}
section.s33 div.texto{
width: 500px;
margin-bottom: 165px;
padding: 20px;
background-color: white;
position: absolute;
margin-left: 240px;
margin-top: -50px;
}
section.s33 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s33 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s34{
background-image: url('images/bg1.jpg');
background-size: cover;
height: 800px;
width: 1005px;
position: relative;
padding-top: 60px;
}
section.s34 img.cenario{
width: 1005px;
position: absolute;
bottom: 0;
}
section.s34 div.texto{
width: 500px;
margin-bottom: 20px;
padding: 20px;
margin-left: 257px;
margin-top: 25px;
border: 5px solid #FDDA00;
}
section.s34 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s34 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s35{
width: 1005px;
position: relative;
}
section.s35:before{
content: " ";
display:inline-block;
background-color: #2d5886;
width: 1005px;
min-width: 1005px;
height: 200px;
}
section.s35 div.texto{
width: 500px;
margin-bottom: 20px;
padding: 20px;
margin-left: 163px;
margin-top: 50px;
}
section.s35 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s35 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 20px;
}
section.s35 h1{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: lighter;
font-size: 50px;
text-transform: uppercase;
}
section.s35 img.mao{
width: 183px;
margin-top: 250px;
position: absolute;
}
section.s35 img.engrenagem{
width: 217px;
margin-top: -447px;
margin-left: 695px;
position: absolute;
}
section.s36{
width: 1005px;
position: relative;
margin-top: 100px;
}
section.s36 img.circulo{
position: absolute;
margin-top: 734px;
margin-left: 204px;
width: 36px;
-webkit-animation: rodar 6s linear infinite;
-moz-animation: rodar 6s linear infinite;
-o-animation: rodar 6s linear infinite;
animation: rodar 6s linear infinite;
}
section.s36 div.grafico1{
position: absolute;
background-color: black;
width: 19.4px;
height: 44px;
margin-top: 733.6px;
margin-left: 120px;
z-index: 999;
-webkit-animation: grafico1 2s infinite;
-moz-animation: grafico1 2s infinite;
-o-animation: grafico1 2s infinite;
animation: grafico1 2s infinite;
}
section.s36 div.grafico2{
position: absolute;
background-color: black;
width: 16px;
height: 38px;
margin-top: 740.6px;
margin-left: 139px;
z-index: 999;
-webkit-animation: grafico2 2s infinite;
-moz-animation: grafico2 2s infinite;
-o-animation: grafico2 2s infinite;
animation: grafico2 2s infinite;
}
section.s36 div.grafico3{
position: absolute;
background-color: black;
width: 28px;
height: 32px;
margin-top: 746.6px;
margin-left: 156px;
z-index: 999;
-webkit-animation: grafico1 2s infinite;
-moz-animation: grafico1 2s infinite;
-o-animation: grafico1 2s infinite;
animation: grafico1 2s infinite;
}
section.s36 div.grafico4{
position: absolute;
background-color: black;
width: 16px;
height: 28px;
margin-top: 750.6px;
margin-left: 186px;
z-index: 999;
-webkit-animation: grafico2 2s infinite;
-moz-animation: grafico2 2s infinite;
-o-animation: grafico2 2s infinite;
animation: grafico2 2s infinite;
}
section.s36:after{
content: " ";
display:inline-block;
background-color: #2d5886;
width: 1005px;
min-width: 1005px;
height: 200px;
margin-top: 20px;
}
section.s36:before{
content: " ";
display:inline-block;
background-color: #2d5886;
width: 1005px;
min-width: 1005px;
height: 200px;
}
section.s36 img.mao{
width: 321px;
position: absolute;
margin-top: 637px;
}
section.s36 img.grafico{
width: 400px;
margin-top: 30px;
margin-bottom: 30px;
}
section.s36 div.texto{
width: 500px;
margin-bottom: 20px;
padding: 20px;
margin-left: 307px;
margin-top: 50px;
}
section.s36 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s36 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 20px;
}
section.s36 img.lapis{
position: absolute;
margin-left: 1400px;
margin-top: 300px;
width: 00px;
}
section.s37{
position: relative;
}
section.s37:after{
content: " ";
display:inline-block;
background-color: #2d5886;
width: 1005px;
min-width: 1005px;
height: 200px;
}
section.s37 div.texto{
width: 500px;
margin-bottom: 50px;
padding: 20px;
margin-left: 145px;
margin-top: 51px;
border: 10px solid #F4D932;
}
section.s37 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s37 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s37 img.alvo{
width: 150px;
position: absolute;
margin-top: 362px;
}
section.s37 img.flechas{
position: absolute;
margin-left: 705px;
width: 220px;
margin-top: 140px;
}
section.s38{
}
section.s38:after{
content: " ";
display:inline-block;
background-color: #F4D932;
width: 1005px;
min-width: 1005px;
height: 200px;
margin-top: 100px;
}
section.s38 img.globo{
width: 155px;
margin-top: 50px;
margin-left: 0px;
position: absolute;
-webkit-animation: rodar 6s infinite;
-moz-animation: rodar 6s infinite;
-o-animation: rodar 6s infinite;
animation: rodar 6s infinite;
}
section.s38 img.pessoas{
width: 207px;
margin-top: 495px;
margin-left: 738px;
position: absolute;
}
section.s38 div.texto{
width: 600px;
padding: 20px;
margin-left: 157px;
margin-top: 100px;
}
section.s38 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s38 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s39{
}
section.s39 img.pessoas{
position: absolute;
width: 151px;
margin-left: 20px;
margin-top: 100px;
}
section.s39 img.chat{
position: absolute;
width: 300px;
margin-left: 685px;
}
section.s39 div.texto{
width: 466px;
padding: 20px;
margin-left: 156px;
margin-top: 50px;
margin-bottom: 50px;
}
section.s39 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s39 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s40:before{
content: " ";
display:inline-block;
background-color: #F4D932;
width: 1005px;
min-width: 1005px;
height: 200px;
}
section.s40:after{
content: " ";
display:inline-block;
background-color: #F4D932;
width: 1005px;
min-width: 1005px;
height: 200px;
}
section.s40 div.texto{
width: 600px;
padding: 20px;
margin-left: 109px;
margin-bottom: 100px;
border: 10px solid #F4D932;
}
section.s40 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s40 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s40 img.globo{
width: 100px;
margin-top: 50px;
margin-left: 5px;
position: absolute;
-webkit-animation: rodar 6s infinite;
-moz-animation: rodar 6s infinite;
-o-animation: rodar 6s infinite;
animation: rodar 6s infinite;
}
section.s40 img.pessoas{
position: absolute;
width: 150px;
margin-left: 786px;
margin-top: 438px;
}
section.s41{
position: relative;
}
section.s41:before{
content: " ";
display:inline-block;
background-color: #3F5883;
width: 1005px;
min-width: 1005px;
height: 200px;
}
section.s41 img.estante{
position: absolute;
width: 141px;
margin-left: -1px;
margin-top: 200px;
}
section.s41 img.livro{
position: absolute;
width: 200px;
margin-left: 784px;
margin-top: 450px;
}
section.s41 div.texto{
width: 600px;
padding: 20px;
margin-left: 124px;
margin-top: 100px;
margin-bottom: 100px;
}
section.s41 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s41 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s42:after{
content: " ";
display:inline-block;
background-color: #3F5883;
width: 1005px;
min-width: 1005px;
height: 200px;
}
section.s42:before{
content: " ";
display:inline-block;
background-color: #3F5883;
width: 1005px;
min-width: 1005px;
height: 200px;
}
section.s42 img.estante{
position: absolute;
width: 200px;
margin-left: 3px;
margin-top: 200px;
}
section.s42 img.livro{
position: absolute;
width: 200px;
margin-left: 794px;
margin-top: 452px;
}
section.s42 div.texto{
width: 600px;
padding: 20px;
margin-left: 183px;
margin-top: 100px;
margin-bottom: 100px;
}
section.s42 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s42 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s43 div.texto{
width: 600px;
padding: 20px;
margin-left: 230px;
margin-top: 20px;
margin-bottom: 20px;
border: 5px solid #F4D932;
}
section.s43 div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 18px;
}
section.s43 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.s43 img.quimica{
position: absolute;
width: 300px;
margin-top: 390px;
margin-left: -15px;
}
section.s1 img.grafico1{
width: 967px;
margin-left: 10px;
padding-top: 100px;
padding-bottom: 100px;
}
section.s1 div.texto{
width: 600px;
padding: 20px;
margin-left: 192px;
margin-top: 100px;
margin-bottom: 100px;
text-align: center;
}
section.s1 div.texto p.texto{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 1.5em;
text-transform: uppercase;
}
section.s1 div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}
section.slast img.maos{
width: 0px;
position: absolute;
margin-left: 00px;
}
section.sectionfim{
background-image: url('images/bg1.jpg');
background-size: cover;
width: 1005px;
text-align: center;
}
section.sectionfim img.termo{
width: 600px;
padding-top: 100px;
padding-bottom: 100px;
}
section.slast div.texto{
width: 450px;
padding: 20px;
margin-top: 20px;
margin-bottom: 120px;
margin-left: 261px;
}
section.slast div.texto p.texto{
color: #2D5785;
font-family: 'Blogger Sans', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5em;
}
section.slast div.texto p.titulo{
color: #2D5785;
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
font-size: 17px;
text-transform: uppercase;
margin-bottom: 20px;
}