﻿.menu-lateral {
  position: fixed;
  right: -0px;
  top: 90px;
  z-index: 10;
  text-align: left;
  max-width: 200px; }
  .menu-lateral .menu-lateral_login {
    /*border: 1px solid pink;*/ }
  .menu-lateral .menu-lateral_solicita {
    /*border: 1px solid green;*/
    margin-top: 185px; }
    .menu-lateral .menu-lateral_solicita .btn-menu-lateral {
      background: #8BC34A;
      /*2C8965*/
      /*#ff471a*/
      /*#ff9933*/
      width: 230px;
      font-weight: 700; }
      .menu-lateral .menu-lateral_solicita .btn-menu-lateral:hover {
        background: #70A433;
        /*#e62e00*/
        /*#cc6600*/ }
  .menu-lateral ul {
    list-style-type: none; }
    .menu-lateral ul li {
      margin-bottom: 5px; }

.btn-menu-lateral {
  padding: 15px 20px;
  width: 200px;
  text-align: left;
  word-break: break-word;
  white-space: normal; }
  .btn-menu-lateral:hover {
    background-color: #005980;
    border-color: #005980; }

@media (min-width: 768px) {
  .
  {
    visibility: hidden; } }

@media (max-width: 768px) {
  .menu-lateral {
    visibility: hidden; }
  .menu-small {
    position: relative;
    background-color: #e6f9ff;
    margin: 10px;
    border-radius: 10px;
    visibility: visible;
    z-index: 3;
    margin-top: 90px; }
    .menu-small .btn-menu-small {
      width: 70%;
      color: #01555e;
      border: none;
      background-color: transparent;
      margin: 10px 15%;
      padding: 10px; }
    .menu-small .menu-lateral_login {
      border-top: 1px solid #27b7f5; }
    .menu-small .menu-lateral_login {
      padding: 10px 0; }
  .menu-small ul {
    width: 60%;
    list-style: none;
    margin: 10px 20%;
    padding: 0; }
    .menu-small ul li {
      width: 200px;
      margin: 5px auto; }
    .menu-small ul li a {
      text-align: center; } }
