#menu{
  position: fixed;
  display: table;
  width: 270px;
  height: 100%;
  top: 0px;
  margin: 0px;
  color: #fff;
  background: #0a589c url('../images/layout/fundo_menu.html') no-repeat left top;
  z-index: 1;
}

#icon_menu{
  position: absolute;
  width: 41px;
  height: 41px;
  margin: 5px 0px 0px 250px;
}

#logo_menu{
  width: 270px;
  text-align: center;
  padding: 25px 0px 30px 0px;
}

#menu1{
  width: 270px;
  height: 410px;
  border-top: 1px solid #72a2cd;
  overflow-y: auto;
  overflow-x: hidden;
}
#link_menu1{
  width: 270px;
  font-size: 22px;
  padding: 10px 0px 10px 0px;
  border-bottom: 1px solid #72a2cd;
  cursor: hand;
  cursor: pointer;
}
#link_menu1:hover{
  background: #2078c5;
}
#link_menu1 img{
  margin: 0px 10px 0px 13px;
}

@media only screen and (max-height: 720px) and (min-width: 651px) {
  #link_menu1{
    padding: 5px 0px 5px 0px;
    font-size: 18px;
  }
  #link_menu1 img{
    width: 40px;
  }
}
@media only screen and (max-height: 650px) {
  #link_menu1{
    padding: 3px 0px 3px 0px;
    font-size: 14px;
  }
  #link_menu1 img{
    width: 30px;
  }
}


#link_submenu{
  width: 210px;
  font-size: 22px;
  padding: 10px 0px 10px 60px;
  border-bottom: 1px solid #72a2cd;
  background: #2078c5;
  cursor: hand;
  cursor: pointer;
}
#link_submenu:hover{
  background: #55a4e9;
}
#link_submenu img{
  margin: 0px 10px 0px 13px;
}

#menu2{
  position: fixed;
  display: table;
  width: 270px;
  height: 140px;
  left: 0px;
  top: 100%;
  margin: -215px 0px 0px 0px;
  padding: 25px 0px 0px 0px;
}
#link_menu2{
  float: left;
  width: 64px;
  height: 110px;
  font-size: 12px;
  text-align: center;
  margin: 0px 10px 0px 10px;
  cursor: hand;
  cursor: pointer;
}
#link_menu2:hover{
  opacity: 0.7;
}
#link_menu2 img{
  margin: 0px 0px 10px 0px;
}

#menu3{
  position: fixed;
  display: table;
  width: 269px;
  height: 41px;
  left: 0px;
  top: 100%;
  background: #fff;
  margin: -75px 0px 0px 0px;
  padding: 15px 0px 0px 0px;
  border-right: 1px solid #aeaeae;
}

#redes_sociais{
  float: left;
  width: 155px;
}

#redes_sociais div{
  float: left;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

#icon_facebook{
  background: url('../images/layout/redes.png') no-repeat 0px 0px;
  margin: 0px 5px 0px 5px;
}
#icon_twitter{
  background: url('../images/layout/redes.png') no-repeat -36px 0px;
  margin: 0px 5px 0px 0px;
}
#icon_youtube{
  background: url('../images/layout/redes.png') no-repeat -73px 0px;
  margin: 0px 5px 0px 0px;
}
#icon_linkedin{
  background: url('../images/layout/redes.png') no-repeat -109px 0px;
}
#icon_instagram{
  background: url('../images/layout/redes.png') no-repeat -145px 0px;
}

#telefone{
  float: right;
  width: 114px;
  color: #5b93c5;
  font-size: 24px;
  padding: 6px 0px 0px 0px;
}
#telefone span{
  font-size: 12px;
  padding: 0px 5px 5px 0px;
}