body {
 overflow-x: hidden;
}
#palco {
 position: relative;
 top: 0px;
 left: 0px;
 width: 861px;
 height: 605px;
 margin: 0 auto;
}
@font-face {
 font-family: site;
 src: url(site.ttf);
}
img.bot {
 width: 100%;
 height: 70%;
}
img.bot2 {
 width: 100%;
 height: 70%;
}
div.bot1 {
 position: absolute;
 top: 0px;
 left: 0px;
 background-image: url('../images/bot01.png');
 background-size: 100% 100%;
}
div.bot2 {
 position: absolute;
 top: 0px;
 left: 15%;
 background-image: url('../images/bot02.png');
 background-size: 100% 100%;
}
div.bot3 {
 position: absolute;
 top: 0px;
 left: 30%;
 background-image: url('../images/bot03.png');
 background-size: 100% 100%;
}
div.bot4{
 position: absolute;
 top: 0px;
 left: 45%;
 background-image: url('../images/bot04.png');
 background-size: 100% 100%;
}
div.bot5 {
 position: absolute;
 top: 0px;
 left: 60%;
 background-image: url('../images/bot05.png');
 background-size: 100% 100%;
}
div.bot1, div.bot2, div.bot3, div.bot4, div.bot5 {
 width: 15%;
 height: 75%;
}
div.bot1:hover {
 background-image: url('../images/bot01-b.png');
}
div.bot2:hover {
 background-image: url('../images/bot02-b.png');
}
div.bot3:hover {
 background-image: url('../images/bot03-b.png');
}
div.bot4:hover {
 background-image: url('../images/bot04-b.png');
}
div.bot5:hover {
 background-image: url('../images/bot05-b.png');
}
img.imgcot {
 width: 100%;
 height: 100%;
 margin-left: 30%;
}
#limpar {
 position: absolute;
 top: 270px;
 left: 350px;
 width: 110px;
 height: 35px;
 background-color: #2957a4;
 border-radius: 20px;
 color: #ffffff;
}
#enviar {
 position: absolute;
 top: 270px;
 left: 500px;
 width: 110px;
 height: 35px;
 background-color: #2957a4;
 border-radius: 20px;
 color: #ffffff;
}
#cotacao {
 position: absolute;
 top: 5%;
 left: 3%;
 width: 80%;
 height: 75%;
 background-color: #fffff9;
}
span.textoform {
 color: #2957a4;
 font-size: 22px;
 font-family: site;
 text-align: center;
 margin-left: 150px;
}
span.textoform2 {
 color: #ff0000;
 font-size: 22px;
 font-family: site;
 text-align: center;
 margin-left: 150px;
}
.td {
 width: 150px;
 height: 25px;
}
.input_txt {
 width: 200px;
 height: 19px;
 border-radius: 5px;
}
span.txt1 {
 color: #2957a4;
 font-size: 15px;
 font-family: site;
 font-weight: bold;
}
#top {
 position: absolute;
 width: 200%;
 height: 30.3%;
 top: 0%;
 left: -50%;
 background-image: url('../images/bg-top.jpg');
 background-repeat: repeat-x;
 background-size: 5px 100%;
}
#footer {
 position: absolute;
 width: 200%;
 height: 23%;
 bottom: -3%;
 left: -50%;
 background-image: url('../images/bg-baixo.jpg');
 background-repeat: repeat-x;
 background-size: 5px 100%;
}
span.copi {
 color: #ffffff;
 font-size: 15px;
 font-family: site;
 margin-left: 250px;
}
#empresa {
 position: absolute;
top: 7%;
 left: 12%;
 width: 44%;
 height: 80%;
 overflow-x: hidden;
}
#servicos {
 position: absolute;
 top: 7%;
 left: 12%;
 width: 44%;
 height: 80%;
 overflow-x: hidden;
}
#contatoxx {
 position: absolute;
 top: 1%;
 left: 12%;
 width: 38%;
 height: 90%;
 overflow-x: hidden;
}
p.empresatxt {
 color: #2957a4;
 font-size: 16px;
 font-family: site;
 text-align: justify;
 margin-right: 10px;
}
p.contatotxt {
 color: #2957a4;
 font-size: 15px;
 font-family: site;
 text-align: justify;
}
p.servicostxt {
 color: #2957a4;
 font-size: 16px;
 font-family: site;
 text-align: justify;
 margin-right: 10px;
}
#imagemx {
 position: absolute;
 top: 7%;
 left: 61%;
 width: 26%;
 height: 75%;
}
#imagemy {
 position: absolute;
 top: 15%;
 left: 59%;
 width: 32%;
 height: 70%;
}
#formix {
 position: absolute;
 top: 42%;
 left: 11%;
 width: 38%;
 height: 90%
}
#mapinha {
 position: absolute;
 top: 10%;
 left: 55%;
 width: 40%;
 height: 80%;
}
p.xform1 {
 position: absolute;
 top: 3%;
 left: 3%;
 color: #2957a4;
 font-size: 16px;
 font-family: site;
}
p.xform2 {
 position: absolute;
 top: 12%;
 left: 3%;
 color: #2957a4;
 font-size: 16px;
 font-family: site;
}
p.xform3 {
 position: absolute;
 top: 22%;
 left: 3%;
 color: #2957a4;
 font-size: 16px;
 font-family: site;
}
p.xform4 {
 position: absolute;
 top: 32%;
 left: 3%;
 color: #2957a4;
 font-size: 16px;
 font-family: site;
}
p.mensagemderetorno {
 position: absolute;
 top: 3%;
 left: 15%;
 color: #2957a4;
 font-size: 22px;
 font-family: site;
}
#botaox1 {
 position: absolute;
 top: 45%;
 left: 15%;
 width: 15%;
 height: 5%;
 color: #2957a4;
 font-size: 15px;
 font-family: site;
}
#f01 {
 position: absolute;
 top: 8%;
 left: 22%;
 width: 60%;
 height: 6.5%;
}
#f02 {
 position: absolute;
 top: 17.5%;
 left: 22%;
 width: 10%;
 height: 6.5%;
}
#f02b {
 position: absolute;
 top: 17.5%;
 left: 35%;
 width: 47%;
 height: 6.5%;
}
#f03 {
 position: absolute;
 top: 27%;
 left: 22%;
 width: 60%;
 height: 6.5%;
}
#f04 {
 position: absolute;
 top: 37%;
 left: 22%;
 width: 60%;
 height: 10%;
}
#botaox1 {
 position: absolute;
 top: 50%;
 left: 54%;
 width: 30%;
 height: 10%;
 background-color: #2957a4;
 font-family: site;
 font-size: 16px;
 color: #FFFFFF;
 border-radius: 25px;
}
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px; <!-- largura da barra de rolagem -->
height: 5px;
}
::-webkit-scrollbar-track-piece {
background: #aebcbf; <!-- Cor do fundo da barra de rolagem -->
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #2957a4; <!-- Cor da barra de rolagem -->
border-radius: 10px; <!-- Arredondamento da barra de rolagem -->
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px; <!-- Largura da barra de rolagem na horizontal-->
background-color: #2957a4; <!- cor da barra de rolagem na horizontal-->
}
#faixatop {
 position: absolute;
 width: 200%;
 height: 1%;
 top: 28.1%;
 left: 0%;
 border: 0px;
 background-color: #2957a4;
 left: -50%;
}