@font-face {
  font-family: Merriweather-Black;
  src: url(../fonts/Merriweather-Black.ttf) format("truetype"); }
@font-face {
  font-family: CrimsonText-Bold;
  src: url(../fonts/CrimsonText-Bold.ttf) format("truetype"); }
@font-face {
  font-family: EBGaramond-Regular;
  src: url(../fonts/EBGaramond-Regular.ttf) format("truetype"); }
* {
  font-family: sans-serif;
  padding: 0;
  margin: 0; }

html {
  height: 100%; }

body {
  background: #fff;
  height: 100%; }

a {
  text-decoration: none; }

h3 {
  color: #12644d; }

.centeredText {
  text-align: center; }

.msgMargin {
  margin: 100px auto; }

.floatRight {
  float: right; }

.productTitleColor {
  color: #12644d; }

header {
  height: 100px;
  margin: auto;
  position: relative;
  width: 70%;
  max-width: 960px; }
  header #login {
    position: absolute;
    right: 0; }
    header #login .btn i {
      color: #12644d; }
  header #logo {
    background: #fff;
    background-image: url("../images/logo completo.jpg");
    background-repeat: no-repeat;
    background-size: auto 100%;
    float: left;
    height: 100%;
    width: 20%; }
    header #logo a {
      display: block;
      height: 100%;
      width: 100%;
      cursor: pointer;
      cursor: hand; }
  header #logoTitle {
    /*background: linear-gradient(90deg, $tertiaryColor 0, $tertiaryColor 50%, $corporativeColor 100%);*/
    color: #12644d;
    float: left;
    font-family: Merriweather-Black, CrimsonText-Bold, EBGaramond-Regular;
    font-size: 2rem;
    height: 100%;
    margin: auto;
    width: 80%; }
    header #logoTitle span {
      font-family: inherit;
      font-size: 3rem; }

.nav .mainList {
  list-style-type: none;
  margin: auto;
  width: 70%;
  max-width: 960px; }
  .nav .mainList li {
    background: linear-gradient(#fff 75%, #98BCB2);
    border: 1px solid #12644d;
    border-width: 1px 0 1px 1px;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand;
    float: left;
    letter-spacing: -2px;
    line-height: 30px;
    text-align: center;
    width: 20%;
    position: relative; }
    .nav .mainList li:last-child {
      border-width: 1px; }
    .nav .mainList li a {
      color: #12644d;
      display: inline-block;
      font-size: 1.2em;
      font-weight: bold;
      text-decoration: none;
      transition-property: transform;
      transition-duration: 100ms; }
    .nav .mainList li:hover {
      color: #000; }
      .nav .mainList li:hover a {
        transform: scale(1.1); }
    .nav .mainList li .secondaryList {
      color: #fff;
      list-style-type: none;
      margin: auto;
      position: absolute;
      transition: visibility 0s, opacity 0.5s linear;
      width: 100%;
      opacity: 0.9;
      position: absolute;
      z-index: 1; }
      .nav .mainList li .secondaryList li {
        background: #2a9f7f;
        border: none;
        clear: both;
        letter-spacing: 0;
        width: 100%; }
        .nav .mainList li .secondaryList li:last-child {
          letter-spacing: 0; }
        .nav .mainList li .secondaryList li .tertiaryList {
          color: #2a9f7f;
          list-style-type: none; }
          .nav .mainList li .secondaryList li .tertiaryList li {
            background: #fff;
            list-style-type: none; }
  .nav .mainList .hiddenCategory {
    visibility: hidden; }
  .nav .mainList .hiddenSubcategory {
    display: none; }

section {
  background: #fff;
  width: 70%;
  margin: auto;
  max-width: 960px;
  padding: 100px 0;
  min-height: 100%; }
  section article {
    background: #e7efed;
    clear: both;
    margin: auto auto 30px auto;
    overflow: hidden;
    width: 99%; }
    section article:last-child {
      margin-bottom: 0; }
    section article:hover .btn.hiddenButton {
      visibility: visible; }
    section article .articleButtonPanel {
      display: inline-block;
      height: fit-content;
      width: 100%; }
    section article .articleHeader {
      background: #12644d;
      color: #fff;
      display: inline-block;
      padding: 3px 2%;
      width: 96%; }
      section article .articleHeader h3 {
        color: #fff; }
      section article .articleHeader > *:first-child {
        float: left;
        margin-left: 10px; }
      section article .articleHeader > *:last-child {
        float: right;
        margin-right: 10px; }
      section article .articleHeader .articleFormHeader {
        width: 20%;
        min-width: 100px; }
    section article .articleBody {
      margin: 2%;
      width: 96%; }
      section article .articleBody > div {
        float: left;
        margin: 0 0.5%;
        white-space: pre-wrap;
        width: 49%; }
        section article .articleBody > div ul, section article .articleBody > div ol {
          list-style-position: inside; }
        section article .articleBody > div > img {
          height: auto;
          margin: 0 10%;
          width: 80%; }
      section article .articleBody > p {
        margin: 5px; }
    section article .greaterArticleBody {
      float: left;
      height: 400px;
      width: 70%; }
    section article .lesserArticleBody {
      float: left;
      height: auto;
      padding: 2px;
      width: 29%; }
      section article .lesserArticleBody .contactInfo {
        color: #12644d;
        list-style-type: none;
        text-align: left; }
        section article .lesserArticleBody .contactInfo > li {
          display: table-row;
          line-height: 50px; }
          section article .lesserArticleBody .contactInfo > li:first-child {
            display: initial; }
          section article .lesserArticleBody .contactInfo > li > * {
            display: table-cell; }
            section article .lesserArticleBody .contactInfo > li > *:first-child {
              text-align: center; }
    section article .articleDownloadLink {
      margin: 50px auto; }
      section article .articleDownloadLink p {
        text-align: center; }
      section article .articleDownloadLink div {
        margin: auto; }
    section article.formSection form input {
      display: block;
      margin: auto; }
      section article.formSection form input.formSubmit {
        float: right;
        margin-right: 5%; }
      section article.formSection form input.error {
        border: 1px solid #ff3520; }
    section article.formSection form textarea {
      display: block;
      margin: auto; }
      section article.formSection form textarea.error {
        border: 1px solid #ff3520; }
    section article.formSection form .titleCamp {
      width: 90%; }
    section article.formSection form .contentCamp {
      width: 90%;
      height: 100px; }
    section article.formSection form .imageCamp {
      width: 90%; }
    section article.formSection form .error {
      color: #ff3520; }
    section article.formSection button.formSubmit {
      float: right; }
  section .pagination {
    margin: auto;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: -o-fit-content;
    width: -ms-fit-content; }
    section .pagination button {
      margin-bottom: 5px; }
  section .loading {
    height: 70px;
    width: 70px; }
    section .loading img {
      height: 100%;
      width: 100%; }

.btn {
  background: #2a9f7f;
  border: none;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  cursor: pointer;
  cursor: hand; }

.hiddenButton {
  visibility: hidden; }

.leftButton {
  margin-right: 1px; }

.logButton {
  background: none;
  margin: 2px;
  padding: 0; }

.addButton {
  background: none;
  color: #2a9f7f; }

.modifyButton {
  margin-right: 15px; }

.actualPageButton {
  background: none;
  color: #2a9f7f;
  cursor: default; }

footer {
  background: #12644d;
  color: #fff;
  margin: auto;
  width: 70%;
  max-width: 960px; }
  footer #upperFooter {
    float: left;
    width: 100%;
    background: #2a9f7f;
    padding: 50px 0; }
    footer #upperFooter > div {
      text-align: center;
      float: left;
      width: 33.33%; }
    footer #upperFooter #contactUs .footerContactInfo {
      display: inline-block;
      list-style-type: none;
      margin: auto;
      text-align: left; }
      footer #upperFooter #contactUs .footerContactInfo > li {
        display: table-row;
        line-height: 25px;
        text-align: center; }
        footer #upperFooter #contactUs .footerContactInfo > li:first-child {
          display: initial; }
        footer #upperFooter #contactUs .footerContactInfo > li > * {
          display: table-cell; }
      footer #upperFooter #contactUs .footerContactInfo #contact {
        cursor: pointer;
        cursor: hand; }
    footer #upperFooter #followUs > ul {
      display: inline-block;
      margin: auto; }
      footer #upperFooter #followUs > ul > li {
        float: left;
        list-style-type: none;
        margin: 10px; }
        footer #upperFooter #followUs > ul > li:first-child {
          float: none;
          margin: 0; }
    footer #upperFooter a {
      color: #12644d;
      text-decoration: none; }
  footer #lowerFooter {
    float: left;
    width: 100%;
    background: #12644d;
    padding: 5px 0; }
    footer #lowerFooter > div {
      width: 49%; }
    footer #lowerFooter #credits {
      font-size: 0.8em;
      float: left;
      margin-left: 1%; }
      footer #lowerFooter #credits > span {
        font-size: 0.7rem; }
    footer #lowerFooter #copyright {
      font-size: 0.8em;
      text-align: right;
      float: right;
      margin-right: 1%; }

@media screen and (max-width: 1199px) {
  /*768px*/
  header {
    width: 100%;
    margin: 0;
    max-width: none; }
    header #logoTitle {
      font-size: 1.4rem;
      width: 75%; }

  .nav {
    border: none; }
    .nav .mainList {
      width: 100%;
      max-width: none; }
      .nav .mainList li {
        border-width: 1px 1px 1px 0; }
        .nav .mainList li:last-child {
          border-width: 1px 0; }

  section {
    font-size: 18px;
    width: 90%; }
    section article .articleBody {
      display: -webkit-flex;
      display: -moz-flex;
      display: -o-flex;
      display: -ms-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -o-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      section article .articleBody > div {
        width: 100%; }
        section article .articleBody > div:first-child {
          order: 2; }
        section article .articleBody > div:last-child {
          order: 1; }
    section article .btn.hiddenButton {
      visibility: visible; }

  footer {
    width: 100%; }

  .btn {
    font-size: 18px;
    padding: 8px; }
    .btn.leftButton {
      margin-right: 6px; } }
@media screen and (max-width: 767px) {
  /*480px*/
  header {
    height: 50px; }
    header #login form button {
      padding: 0; }
    header #logoTitle {
      font-size: 0.7rem;
      line-height: 25px; }
      header #logoTitle span {
        font-size: 1.3rem; }

  .nav {
    border: none;
    width: 100%; }
    .nav .mainList li {
      border-width: 1px 0 0 0;
      float: none;
      width: 100%; }
      .nav .mainList li:last-child {
        border-width: 1px 0; }

  section {
    font-size: 20px;
    width: 95%; }
    section .formSection .greaterArticleBody {
      width: 100%; }
    section .formSection .lesserArticleBody {
      width: 100%; }

  footer #upperFooter > div {
    margin: auto auto 15px;
    text-align: center;
    width: 100%; }
    footer #upperFooter > div:last-child {
      margin-bottom: 0; }

  .btn {
    font-size: 20px;
    padding: 10px; } }

/*# sourceMappingURL=main.css.map */