/*Formatação do menu */
body {
  background-color: #dddddd;
  color: rgba(0, 0, 0, 1);
}
@charset "UTF-8";
@font-face {
font-family:"FontLogo";
src: url("fontes/Roboto-Regular.ttf")
}
@font-face {
font-family:"FontCorpo";
src: url("fontes/times-roman.ttf")
}
a:link{
  text-decoration: none;
color:white;
}
a:visited{
  text-decoration: none;
color:#00FFFF;
}
.menu{
  position: absolute;
  width: 140px;
  height: 25px;
  background-color: #4682B4;
text-align: center;
text-indent: 0px;
font-size: 18px;
padding-top: 3px;
color: white;
}
.menu:hover{
cursor: pointer;
border: 1px black solid;
}
.submenu{
  position: absolute;
  width: 140px;
  height: 27px;
background-color: #4682B4;
text-align: center;
text-indent: 0px;
font-size: 18px;
padding-top: 3px;
color: white;
visibility: hidden;
/*border: 1px black solid;*/
}
.submenu:hover{
cursor: pointer;
border: 1px black solid;
}
header#cabecalho {
  position: absolute;
  border-bottom: 1px #606060 solid;
  height: 135px;
  width: 1300px;
    background-color:#B0E0E6;
    top: -10px
}
header#cabecalho h1 {
  font-family:"FontLogo";
  font-size: 25pt;
  margin-top: 60px;
  margin-bottom: 0px;
  padding-left: 30px;
}
header#cabecalho h2 {
  font-family:"FontLogo";
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 30px;
}
#menu_principal{
  display: none;
}
div#interface {
  width: 1300px;
  background-color:  #ffffff;
  margin: -20px auto 0px auto;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  padding: 10px;
}
p {
  font-family:"FontCorpo";
  text-align: justify;
  text-indent: 50px;
}

section#menu2{
  position: absolute;
  display: block;
  top: 125px;
  width: 1300px;
  height: 31px;
  float: none;
  background-color: #4682B4;
}
#mnuhome{
  top: -18px;
  left:30px;
}
#mnuquem_somos{
  top: -18px;
  left:180px;
}
#mnuprodutos{
  top: -18px;
  left:330px;
}
#mnufale_conosco{
  top: -18px;
  left:480px;
}
#mnuaudiometro{
  top: 14px;
  left:330px;
}
#mnuimitanciometro{
  top: 47px;
  left:330px;
}
#logo_small {
  position: absolute;
  left: 850px;
  top: 30px;
}
#logo_big {
  position: absolute;
  left: 720px;
  top: 240px;
}

#historia{
  position: absolute;
  left: 34px;
  top: 488px;
}
#concluidas{
  position: absolute;
  left: 40px;
  top: 500px;

}

section#corpo{
display: block;
width: 640px;
height: 960px;
float: left;
border-right: 1px solid #606060;
padding-right: 15px;
padding-left: 15px;
}
.pilares{
  position: absolute;
  font: bold 9pt arial;
  color: blue;
}
#qualidade{
  top: 245px;
  left: 975px;
}
#tecnologia{
  top: 275px;
  left: 870px;
}
#inovacao{
  top: 347px;
  left: 975px;
}
#desenvolvimento{
  top: 380px;
  left: 975px;
  color:white;
}
div#texto h2{
  background-color: #7EC0EE;
  padding:10px
}
#h_quem_somos{
  position: absolute;
  width: 580px;
  left: 35px;
  top: 169px;
}
#p_quem_somos{
  position: absolute;
  width: 400px;
  left: 75px;
  top: 240px;
  color:black;
  font-size: 16pt;
}

#h_historia{
  position: absolute;
  width: 580px;
  left: 35px;
  top: 420px;
}

#concluidas{
  position: absolute;
  font: bold 12pt arial;
  color: #00FF00;
  left:140px;
  top:490px;
}

#h2016{
  position: absolute;
  font: bold  8pt arial;
  color: white;
  left:50px;
  top:510px;
}
#h2018{
  position: absolute;
  font: bold 8pt arial;
  color: white;
  left:120px;
  top:710px;
}
#h2019{
  position: absolute;
  font: bold 8pt arial;
  color: white;
  left:195px;
  top:520px;
}
#h2020{
  position: absolute;
  font: bold 8pt arial;
  color: white;
  left:270px;
  top:710px;
}
#h2021{
  position: absolute;
  font: bold 8pt arial;
  color: white;
  left:355px;
  top:520px;
}
#em_desenvolvimento{
  position: absolute;
  font: bold 12pt arial;
  color: #00FF00;;
  left:460px;
  top:480px;
}
#validacao_virtuaudio{
  position: absolute;
  font: bold 8pt arial;
  color: white;
  left:510px;
  top:578px;
}
#desenvolvimento_imitancio{
  position: absolute;
  font: bold 8pt arial;
  color: white;
  left:510px;
  top:658px;
}

#h_missao{
  position: absolute;
  width: 500px;
  left: 720px;
  top: 460px;
}
#h_valores{
  position: absolute;
  width: 500px;
  left: 720px;
  top: 169px;
}
#p_missao{
  position: absolute;
  width: 500px;
  left: 720px;
  top: 520px;
  font-size: 16pt;
}
#h_futuro{
  position: absolute;
  width: 500px;
  left: 720px;
  top: 580px;
}
#p_futuro{
  position: absolute;
  width: 470px;
  left: 740px;
  top: 645px;
  color:black;
  font-size: 15pt;
}
#p_futuro_2{
  position: absolute;
  width: 470px;
  left: 740px;
  top: 745px;
  color:black;
  font-size: 15pt;
}
aside#lateral{
  display: block;
  width: 100%;
  float: right;
  padding-left: 15px;
  padding-right: 15px;
}

footer#rodape{
clear: both;
border-top: 1px solid #606060;
}
footer#rodape p{
text-align: center;
}