/* Generated by less 2.2.0 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic|Open+Sans+Condensed:300,300italic,700&subset=latin,latin-ext);
html {
  min-height: 100%;
}
body {
  display: block;
  min-height: 100%;
}
img {
  width: 100%;
  overflow: visible;
  position: relative;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.space {
  margin-top: 23.5px;
  margin-bottom: 23.5px;
  display: block;
}
.spaceBox {
  height: 164.5px;
  width: 100%;
  display: block;
}
#article .spaceBox {
  height: 70.5px !important;
}
@media only screen and (min-width: 62.5rem) {
  .large-4 img:hover {
    z-index: 4000;
    -webkit-box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
    box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
    transform: ;
  }
}
.white {
  background: #ffffff;
  color: #000000;
  text-align: center;
}
.svgLogo {
  width: 80%;
  margin: 15.66666667px auto;
  position: relative;
}
.columns {
  position: relative;
}
body .noStyle,
body .noStyle *,
body .noStyle:hover,
body .noStyle *:hover {
  border: 0px !important;
  background: transparent !important;
}
* body .noStyle:hover,
* body .noStyle *:hover,
* body .noStyle:hover:hover,
* body .noStyle *:hover:hover {
  background: transparent !important;
}
autor {
  display: block;
  width: 200px;
  height: 20px;
  position: absolute;
  z-index: 3000;
  bottom: 90px;
  right: -110px;
  font-size: 60%;
  color: #573a40;
  color: rgba(87, 58, 64, 0.5);
  text-transform: uppercase;
  text-align: left;
  content: attr(title) ": ";
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
autor:hover {
  color: #573a40;
}
wideImage autor {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  text-align: right;
  position: absolute;
  right: 10px;
  bottom: 5px;
  font-weight: bold;
  font-size: 65%;
  color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 40em) {
  wideImage autor {
    font-size: 45%;
    color: rgba(255, 255, 255, 0.3);
    right: 2px;
    bottom: -8px;
  }
}
wideImage autor:hover {
  color: #ffffff;
}
relative {
  display: block;
  position: relative;
}
abstract {
  display: block;
  width: 100%;
  position: relative;
  padding-top: 11.75px;
  overflow: hidden;
  margin: 0 auto;
  text-align: justify;
}
abstract,
abstract * {
  font-size: 14px !important;
  width: 100% !important;
}
abstract a {
  margin-top: 20px !important;
}
abstract ul,
abstract ol,
abstract li {
  list-style: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
  margin-top: 9.4px;
}
.small-menu {
  color: #ffffff !important;
  text-align: center;
}
.small-menu a {
  display: inline-block;
  background: none;
  color: #ffffff !important;
  padding: 10px 20px;
  margin: 2px;
  font-weight: bold;
  border-top: 2px solid #ffffff;
}
.small-menu a:hover {
  color: #4d612e !important;
  background: #ffffff;
}



.row {
  position: relative;
  margin-top: 47px;
  margin-bottom: 47px;
  font-family: 'Open Sans', sans-serif;
}
.row.nospace {
  margin-top: 0;
  margin-bottom: 0;
}
.nospace {
  margin-top: 0;
  margin-bottom: 0;
}
.row .columns,
.row .column {
  padding-left: 23.5px !important;
  padding-right: 23.5px !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
h7 {
  text-align: center;
  font-family: 'Open Sans Condensed', sans-serif;
  z-index: 5000;
  position: relative;
  text-shadow: 1px 1px 0px #ffffff;
  transform: translate3d(0, 0, 0);
  line-height: 50%;
}
.blue monogram {
  display: block;
  width: 100%;
  position: relative;
  margin-top: -55px;
  margin-bottom: -55px;
  text-align: center;
  overflow: visible;
}
.blue monogram:before {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 3px;
  content: '';
  top: 55px;
  background-color: #52a5a8;
  margin-bottom: 31.33333333px;
  left: 0;
}
.blue monogram:after {
  display: inline-block;
  width: 70px;
  height: 70px;
  position: relative;
  content: '';
  color: #c70a29;
  margin: 0 auto;
  margin-bottom: 31.33333333px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #ffffff;
  border-radius: 500px;
  border: 20px solid #ffffff;
  box-sizing: content-box;
  background-size: contain;
  background-image: url("../img/monogram-blue.png");
}
.blue li.blue {
  color: #52a5a8 !important;
}
.blue li a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #52a5a8;
  border-top: 2px solid #52a5a8;
  padding: 9.4px 31.33333333px !important;
  position: relative;
  margin: 0 4.7px;
  border-right: 2px solid #ffffff;
}
header.blue li a:hover {
  background: rgba(82, 165, 168, 0.1) !important;
}
.blue li.blue a {
  color: #52a5a8 !important;
  border-top: 2px solid #52a5a8 !important;
}
.blue li.green a {
  color: #4d612e !important;
  border-top: 2px solid #4d612e !important;
}
.blue li.orange a {
  color: #db482e !important;
  border-top: 2px solid #db482e !important;
}
.blue li.red a {
  color: #c70a29 !important;
  border-top: 2px solid #c70a29 !important;
}
.blue li.active a {
  background-color: rgba(168, 194, 127, 0.2) !important;
  border-right: 2px solid #52a5a8;
}
.blue h1,
.blue h2,
.blue h3,
.blue h4,
.blue h5,
.blue h6,
.blue h7,
.blue a {
  color: #52a5a8;
}
.blue h1 {
  font-size: 200%;
  line-height: 100%;
  text-align: center;
}
.blue h2 {
  font-size: 100%;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  position: relative;
  visibility: visible;
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-bottom: 23.5px;
  top: -39.16666667px;
}
.blue h3 {
  font-size: 250%;
  line-height: 100%;
  margin-bottom: 15.66666667px;
}
.blue h4 {
  font-size: 270%;
  margin-top: 23.5px;
  margin-bottom: 15.66666667px;
}
.blue h5 {
  line-height: 100%;
  font-size: 100%;
  font-weight: 600;
  margin-bottom: 23.5px;
}
.blue p {
  font-size: 90%;
  margin-top: 9.4px;
  margin-bottom: 31.33333333px;
  text-align: justify;
}
.blue .button {
  position: relative;
  margin: 15.66666667px auto;
  color: #52a5a8;
  border: 0;
  border-top-color: #52a5a8;
  border-top-width: 2px;
  border-top-style: solid;
  font-size: 90%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-radius: 0;
}
.blue .button:hover {
  background: #52a5a8;
  color: #ffffff;
  top: 1px;
  left: 1px;
  border-top-color: #ffffff;
  width: 97%;
}
.blue pattern {
  display: block;
  background-position: center center;
  position: relative;
  z-index: 4000;
  background-image: url("../img/pattern-blue.png");
  height: 42.72727273px;
  width: 100%;
  background-position: center;
  background-repeat: repeat;
  -webkit-box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 62.5rem) {
  .blue pattern {
    background-attachment: fixed;
  }
}
@media only screen and (max-width: 62.5rem) {
  .blue pattern {
    height: 23.5px !important;
    background-size: 4%;
  }
}
@media only screen and (max-width: 40em) {
  .blue pattern {
    background-size: 7%;
  }
}
.blue pattern.flat {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.blue wideImage {
  display: block;
  background: #52a5a8 url(../img/dsc_2996.jpg);
  height: 550px;
  width: 100%;
  color: #ffffff;
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  -webkit-transform: translate3d(0, 0, 0);
}
.blue wideImage.big {
  height: 400px !important;
}
@media only screen and (min-width: 62.5rem) {
  .blue wideImage {
    background-attachment: fixed;
  }
}
@media only screen and (max-width: 40em) {
  .blue wideImage {
    height: 200px;
  }
}
.blue .top-bar {
  text-align: center;
  background: #ffffff !important;
  width: 100%;
}
.blue .top-bar * {
  background: #ffffff !important;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 97%;
}
.blue .top-bar li.active a {
  border-right: 2px solid #52a5a8;
}
@media only screen and (max-width: 62.5rem) {
  .blue .top-bar ul {
    width: 100% !important;
  }
  .blue .top-bar ul li {
    width: 32% !important;
    margin-bottom: 4.7px;
    text-align: center;
  }
  .blue .top-bar ul li a {
    width: 100% !important;
    font-size: 80%;
    padding: 4.7px !important;
    text-indent: 0 !important;
  }
}
.green monogram {
  display: block;
  width: 100%;
  position: relative;
  margin-top: -55px;
  margin-bottom: -55px;
  text-align: center;
  overflow: visible;
}
.green monogram:before {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 3px;
  content: '';
  top: 55px;
  background-color: #4d612e;
  margin-bottom: 31.33333333px;
  left: 0;
}
.green monogram:after {
  display: inline-block;
  width: 70px;
  height: 70px;
  position: relative;
  content: '';
  color: #c70a29;
  margin: 0 auto;
  margin-bottom: 31.33333333px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #ffffff;
  border-radius: 500px;
  border: 20px solid #ffffff;
  box-sizing: content-box;
  background-size: contain;
  background-image: url("../img/monogram-green.png");
}
.green li.blue {
  color: #52a5a8 !important;
}
.green li a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #4d612e;
  border-top: 2px solid #4d612e;
  padding: 9.4px 31.33333333px !important;
  position: relative;
  margin: 0 4.7px;
  border-right: 2px solid #ffffff;
}
header.green li a:hover {
  background: rgba(77, 97, 46, 0.1) !important;
}
.green li.blue a {
  color: #52a5a8 !important;
  border-top: 2px solid #52a5a8 !important;
}
.green li.green a {
  color: #4d612e !important;
  border-top: 2px solid #4d612e !important;
}
.green li.orange a {
  color: #db482e !important;
  border-top: 2px solid #db482e !important;
}
.green li.red a {
  color: #c70a29 !important;
  border-top: 2px solid #c70a29 !important;
}
.green li.active a {
  background-color: rgba(168, 194, 127, 0.2) !important;
  border-right: 2px solid #4d612e;
}
.green h1,
.green h2,
.green h3,
.green h4,
.green h5,
.green h6,
.green h7,
.green a {
  color: #4d612e;
}
.green h1 {
  font-size: 200%;
  line-height: 100%;
  text-align: center;
}
.green h2 {
  font-size: 100%;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  position: relative;
  visibility: visible;
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-bottom: 23.5px;
  top: -39.16666667px;
}
.green h3 {
  font-size: 250%;
  line-height: 100%;
  margin-bottom: 15.66666667px;
}
.green h4 {
  font-size: 270%;
  margin-top: 23.5px;
  margin-bottom: 15.66666667px;
}
.green h5 {
  line-height: 100%;
  font-size: 100%;
  font-weight: 600;
  margin-bottom: 23.5px;
}
.green p {
  font-size: 90%;
  margin-top: 9.4px;
  margin-bottom: 31.33333333px;
  text-align: justify;
}
.green .button {
  position: relative;
  margin: 15.66666667px auto;
  color: #4d612e;
  border: 0;
  border-top-color: #4d612e;
  border-top-width: 2px;
  border-top-style: solid;
  font-size: 90%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-radius: 0;
}
.green .button:hover {
  background: #4d612e;
  color: #ffffff;
  top: 1px;
  left: 1px;
  border-top-color: #ffffff;
  width: 97%;
}
.green pattern {
  display: block;
  background-position: center center;
  position: relative;
  z-index: 4000;
  background-image: url("../img/pattern-green.png");
  height: 42.72727273px;
  width: 100%;
  background-position: center;
  background-repeat: repeat;
  -webkit-box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 62.5rem) {
  .green pattern {
    background-attachment: fixed;
  }
}
@media only screen and (max-width: 62.5rem) {
  .green pattern {
    height: 23.5px !important;
    background-size: 4%;
  }
}
@media only screen and (max-width: 40em) {
  .green pattern {
    background-size: 7%;
  }
}
.green pattern.flat {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.green wideImage {
  display: block;
  background: #4d612e url(../img/dsc_2996.jpg);
  height: 550px;
  width: 100%;
  color: #ffffff;
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  -webkit-transform: translate3d(0, 0, 0);
}
.green wideImage.big {
  height: 400px !important;
}
@media only screen and (min-width: 62.5rem) {
  .green wideImage {
    background-attachment: fixed;
  }
}
@media only screen and (max-width: 40em) {
  .green wideImage {
    height: 200px;
  }
}
.green .top-bar {
  text-align: center;
  background: #ffffff !important;
  width: 100%;
}
.green .top-bar * {
  background: #ffffff !important;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 97%;
}
.green .top-bar li.active a {
  border-right: 2px solid #4d612e;
}
@media only screen and (max-width: 62.5rem) {
  .green .top-bar ul {
    width: 100% !important;
  }
  .green .top-bar ul li {
    width: 32% !important;
    margin-bottom: 4.7px;
    text-align: center;
  }
  .green .top-bar ul li a {
    width: 100% !important;
    font-size: 80%;
    padding: 4.7px !important;
    text-indent: 0 !important;
  }
}
.red monogram {
  display: block;
  width: 100%;
  position: relative;
  margin-top: -55px;
  margin-bottom: -55px;
  text-align: center;
  overflow: visible;
}
.red monogram:before {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 3px;
  content: '';
  top: 55px;
  background-color: #c70a29;
  margin-bottom: 31.33333333px;
  left: 0;
}
.red monogram:after {
  display: inline-block;
  width: 70px;
  height: 70px;
  position: relative;
  content: '';
  color: #c70a29;
  margin: 0 auto;
  margin-bottom: 31.33333333px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #ffffff;
  border-radius: 500px;
  border: 20px solid #ffffff;
  box-sizing: content-box;
  background-size: contain;
  background-image: url("../img/monogram-red.png");
}
.red li.blue {
  color: #52a5a8 !important;
}
.red li a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #c70a29;
  border-top: 2px solid #c70a29;
  padding: 9.4px 31.33333333px !important;
  position: relative;
  margin: 0 4.7px;
  border-right: 2px solid #ffffff;
}
header.red li a:hover {
  background: rgba(199, 10, 41, 0.1) !important;
}
.red li.blue a {
  color: #52a5a8 !important;
  border-top: 2px solid #52a5a8 !important;
}
.red li.green a {
  color: #4d612e !important;
  border-top: 2px solid #4d612e !important;
}
.red li.orange a {
  color: #db482e !important;
  border-top: 2px solid #db482e !important;
}
.red li.red a {
  color: #c70a29 !important;
  border-top: 2px solid #c70a29 !important;
}
.red li.active a {
  background-color: rgba(168, 194, 127, 0.2) !important;
  border-right: 2px solid #c70a29;
}
.red h1,
.red h2,
.red h3,
.red h4,
.red h5,
.red h6,
.red h7,
.red a {
  color: #c70a29;
}
.red h1 {
  font-size: 200%;
  line-height: 100%;
  text-align: center;
}
.red h2 {
  font-size: 100%;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  position: relative;
  visibility: visible;
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-bottom: 23.5px;
  top: -39.16666667px;
}
.red h3 {
  font-size: 250%;
  line-height: 100%;
  margin-bottom: 15.66666667px;
}
.red h4 {
  font-size: 270%;
  margin-top: 23.5px;
  margin-bottom: 15.66666667px;
}
.red h5 {
  line-height: 100%;
  font-size: 100%;
  font-weight: 600;
  margin-bottom: 23.5px;
}
.red p {
  font-size: 90%;
  margin-top: 9.4px;
  margin-bottom: 31.33333333px;
  text-align: justify;
}
.red .button {
  position: relative;
  margin: 15.66666667px auto;
  color: #c70a29;
  border: 0;
  border-top-color: #c70a29;
  border-top-width: 2px;
  border-top-style: solid;
  font-size: 90%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-radius: 0;
}
.red .button:hover {
  background: #c70a29;
  color: #ffffff;
  top: 1px;
  left: 1px;
  border-top-color: #ffffff;
  width: 97%;
}
.red pattern {
  display: block;
  background-position: center center;
  position: relative;
  z-index: 4000;
  background-image: url("../img/pattern-red.png");
  height: 42.72727273px;
  width: 100%;
  background-position: center;
  background-repeat: repeat;
  -webkit-box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 62.5rem) {
  .red pattern {
    background-attachment: fixed;
  }
}
@media only screen and (max-width: 62.5rem) {
  .red pattern {
    height: 23.5px !important;
    background-size: 4%;
  }
}
@media only screen and (max-width: 40em) {
  .red pattern {
    background-size: 7%;
  }
}
.red pattern.flat {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.red wideImage {
  display: block;
  background: #c70a29 url(../img/dsc_2996.jpg);
  height: 550px;
  width: 100%;
  color: #ffffff;
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  -webkit-transform: translate3d(0, 0, 0);
}
.red wideImage.big {
  height: 400px !important;
}
@media only screen and (min-width: 62.5rem) {
  .red wideImage {
    background-attachment: fixed;
  }
}
@media only screen and (max-width: 40em) {
  .red wideImage {
    height: 200px;
  }
}
.red .top-bar {
  text-align: center;
  background: #ffffff !important;
  width: 100%;
}
.red .top-bar * {
  background: #ffffff !important;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 97%;
}
.red .top-bar li.active a {
  border-right: 2px solid #c70a29;
}
@media only screen and (max-width: 62.5rem) {
  .red .top-bar ul {
    width: 100% !important;
  }
  .red .top-bar ul li {
    width: 32% !important;
    margin-bottom: 4.7px;
    text-align: center;
  }
  .red .top-bar ul li a {
    width: 100% !important;
    font-size: 80%;
    padding: 4.7px !important;
    text-indent: 0 !important;
  }
}
.orange monogram {
  display: block;
  width: 100%;
  position: relative;
  margin-top: -55px;
  margin-bottom: -55px;
  text-align: center;
  overflow: visible;
}
.orange monogram:before {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 3px;
  content: '';
  top: 55px;
  background-color: #db482e;
  margin-bottom: 31.33333333px;
  left: 0;
}
.orange monogram:after {
  display: inline-block;
  width: 70px;
  height: 70px;
  position: relative;
  content: '';
  color: #c70a29;
  margin: 0 auto;
  margin-bottom: 31.33333333px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #ffffff;
  border-radius: 500px;
  border: 20px solid #ffffff;
  box-sizing: content-box;
  background-size: contain;
  background-image: url("../img/monogram-orange.png");
}
.orange li.blue {
  color: #52a5a8 !important;
}
.orange li a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #db482e;
  border-top: 2px solid #db482e;
  padding: 9.4px 31.33333333px !important;
  position: relative;
  margin: 0 4.7px;
  border-right: 2px solid #ffffff;
}
header.orange li a:hover {
  background: rgba(219, 72, 46, 0.1) !important;
}
.orange li.blue a {
  color: #52a5a8 !important;
  border-top: 2px solid #52a5a8 !important;
}
.orange li.green a {
  color: #4d612e !important;
  border-top: 2px solid #4d612e !important;
}
.orange li.orange a {
  color: #db482e !important;
  border-top: 2px solid #db482e !important;
}
.orange li.red a {
  color: #c70a29 !important;
  border-top: 2px solid #c70a29 !important;
}
.orange li.active a {
  background-color: rgba(168, 194, 127, 0.2) !important;
  border-right: 2px solid #db482e;
}
.orange h1,
.orange h2,
.orange h3,
.orange h4,
.orange h5,
.orange h6,
.orange h7,
.orange a {
  color: #db482e;
}
.orange h1 {
  font-size: 200%;
  line-height: 100%;
  text-align: center;
}
.orange h2 {
  font-size: 100%;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  position: relative;
  visibility: visible;
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-bottom: 23.5px;
  top: -39.16666667px;
}
.orange h3 {
  font-size: 250%;
  line-height: 100%;
  margin-bottom: 15.66666667px;
}
.orange h4 {
  font-size: 270%;
  margin-top: 23.5px;
  margin-bottom: 15.66666667px;
}
.orange h5 {
  line-height: 100%;
  font-size: 100%;
  font-weight: 600;
  margin-bottom: 23.5px;
}
.orange p {
  font-size: 90%;
  margin-top: 9.4px;
  margin-bottom: 31.33333333px;
  text-align: justify;
}
.orange .button {
  position: relative;
  margin: 15.66666667px auto;
  color: #db482e;
  border: 0;
  border-top-color: #db482e;
  border-top-width: 2px;
  border-top-style: solid;
  font-size: 90%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-radius: 0;
}
.orange .button:hover {
  background: #db482e;
  color: #ffffff;
  top: 1px;
  left: 1px;
  border-top-color: #ffffff;
  width: 97%;
}
.orange pattern {
  display: block;
  background-position: center center;
  position: relative;
  z-index: 4000;
  background-image: url("../img/pattern-orange.png");
  height: 42.72727273px;
  width: 100%;
  background-position: center;
  background-repeat: repeat;
  -webkit-box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 62.5rem) {
  .orange pattern {
    background-attachment: fixed;
  }
}
@media only screen and (max-width: 62.5rem) {
  .orange pattern {
    height: 23.5px !important;
    background-size: 4%;
  }
}
@media only screen and (max-width: 40em) {
  .orange pattern {
    background-size: 7%;
  }
}
.orange pattern.flat {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.orange wideImage {
  display: block;
  background: #db482e url(../img/dsc_2996.jpg);
  height: 550px;
  width: 100%;
  color: #ffffff;
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  -webkit-transform: translate3d(0, 0, 0);
}
.orange wideImage.big {
  height: 400px !important;
}
@media only screen and (min-width: 62.5rem) {
  .orange wideImage {
    background-attachment: fixed;
  }
}
@media only screen and (max-width: 40em) {
  .orange wideImage {
    height: 200px;
  }
}
.orange .top-bar {
  text-align: center;
  background: #ffffff !important;
  width: 100%;
}
.orange .top-bar * {
  background: #ffffff !important;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 97%;
}
.orange .top-bar li.active a {
  border-right: 2px solid #db482e;
}
@media only screen and (max-width: 62.5rem) {
  .orange .top-bar ul {
    width: 100% !important;
  }
  .orange .top-bar ul li {
    width: 32% !important;
    margin-bottom: 4.7px;
    text-align: center;
  }
  .orange .top-bar ul li a {
    width: 100% !important;
    font-size: 80%;
    padding: 4.7px !important;
    text-indent: 0 !important;
  }
}
#article monogram {
  display: block;
  width: 100%;
  position: relative;
  margin-top: -55px;
  margin-bottom: -55px;
  text-align: center;
  overflow: visible;
}
#article monogram:before {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 3px;
  content: '';
  top: 55px;
  background-color: #4d612e;
  margin-bottom: 31.33333333px;
  left: 0;
}
#article monogram:after {
  display: inline-block;
  width: 70px;
  height: 70px;
  position: relative;
  content: '';
  color: #c70a29;
  margin: 0 auto;
  margin-bottom: 31.33333333px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #ffffff;
  border-radius: 500px;
  border: 20px solid #ffffff;
  box-sizing: content-box;
  background-size: contain;
  background-image: url("../img/monogram-green.png");
}
#article li.blue {
  color: #52a5a8 !important;
}
#article li a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #4d612e;
  border-top: 2px solid #4d612e;
  padding: 9.4px 31.33333333px !important;
  position: relative;
  margin: 0 4.7px;
  border-right: 2px solid #ffffff;
}
header#article li a:hover {
  background: rgba(77, 97, 46, 0.1) !important;
}
#article li.blue a {
  color: #52a5a8 !important;
  border-top: 2px solid #52a5a8 !important;
}
#article li.green a {
  color: #4d612e !important;
  border-top: 2px solid #4d612e !important;
}
#article li.orange a {
  color: #db482e !important;
  border-top: 2px solid #db482e !important;
}
#article li.red a {
  color: #c70a29 !important;
  border-top: 2px solid #c70a29 !important;
}
#article li.active a {
  background-color: rgba(168, 194, 127, 0.2) !important;
  border-right: 2px solid #4d612e;
}
#article h1,
#article h2,
#article h3,
#article h4,
#article h5,
#article h6,
#article h7,
#article a {
  color: #4d612e;
}
#article h1 {
  font-size: 200%;
  line-height: 100%;
  text-align: center;
}
#article h2 {
  font-size: 100%;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  position: relative;
  visibility: visible;
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-bottom: 23.5px;
  top: -39.16666667px;
}
#article h3 {
  font-size: 250%;
  line-height: 100%;
  margin-bottom: 15.66666667px;
}
#article h4 {
  font-size: 270%;
  margin-top: 23.5px;
  margin-bottom: 15.66666667px;
}
#article h5 {
  line-height: 100%;
  font-size: 100%;
  font-weight: 600;
  margin-bottom: 23.5px;
}
#article p {
  font-size: 90%;
  margin-top: 9.4px;
  margin-bottom: 31.33333333px;
  text-align: justify;
}
#article .button {
  position: relative;
  margin: 15.66666667px auto;
  color: #4d612e;
  border: 0;
  border-top-color: #4d612e;
  border-top-width: 2px;
  border-top-style: solid;
  font-size: 90%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-radius: 0;
}
#article .button:hover {
  background: #4d612e;
  color: #ffffff;
  top: 1px;
  left: 1px;
  border-top-color: #ffffff;
  width: 97%;
}
#article pattern {
  display: block;
  background-position: center center;
  position: relative;
  z-index: 4000;
  background-image: url("../img/pattern-green.png");
  height: 42.72727273px;
  width: 100%;
  background-position: center;
  background-repeat: repeat;
  -webkit-box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 62.5rem) {
  #article pattern {
    background-attachment: fixed;
  }
}
@media only screen and (max-width: 62.5rem) {
  #article pattern {
    height: 23.5px !important;
    background-size: 4%;
  }
}
@media only screen and (max-width: 40em) {
  #article pattern {
    background-size: 7%;
  }
}
#article pattern.flat {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
#article wideImage {
  display: block;
  background: #4d612e url(../img/dsc_2996.jpg);
  height: 550px;
  width: 100%;
  color: #ffffff;
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  -webkit-transform: translate3d(0, 0, 0);
}
#article wideImage.big {
  height: 400px !important;
}
@media only screen and (min-width: 62.5rem) {
  #article wideImage {
    background-attachment: fixed;
  }
}
@media only screen and (max-width: 40em) {
  #article wideImage {
    height: 200px;
  }
}
#article .top-bar {
  text-align: center;
  background: #ffffff !important;
  width: 100%;
}
#article .top-bar * {
  background: #ffffff !important;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 97%;
}
#article .top-bar li.active a {
  border-right: 2px solid #4d612e;
}
@media only screen and (max-width: 62.5rem) {
  #article .top-bar ul {
    width: 100% !important;
  }
  #article .top-bar ul li {
    width: 32% !important;
    margin-bottom: 4.7px;
    text-align: center;
  }
  #article .top-bar ul li a {
    width: 100% !important;
    font-size: 80%;
    padding: 4.7px !important;
    text-indent: 0 !important;
  }
}
.footer monogram {
  display: block;
  width: 100%;
  position: relative;
  margin-top: -55px;
  margin-bottom: -55px;
  text-align: center;
  overflow: visible;
}
.footer monogram:before {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 3px;
  content: '';
  top: 55px;
  background-color: #c70a29;
  margin-bottom: 31.33333333px;
  left: 0;
}
.footer monogram:after {
  display: inline-block;
  width: 70px;
  height: 70px;
  position: relative;
  content: '';
  color: #c70a29;
  margin: 0 auto;
  margin-bottom: 31.33333333px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #ffffff;
  border-radius: 500px;
  border: 20px solid #ffffff;
  box-sizing: content-box;
  background-size: contain;
  background-image: url("../img/monogram-red.png");
}
.footer li.blue {
  color: #52a5a8 !important;
}
.footer li a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #c70a29;
  border-top: 2px solid #c70a29;
  padding: 9.4px 31.33333333px !important;
  position: relative;
  margin: 0 4.7px;
  border-right: 2px solid #ffffff;
}
header.footer li a:hover {
  background: rgba(199, 10, 41, 0.1) !important;
}
.footer li.blue a {
  color: #52a5a8 !important;
  border-top: 2px solid #52a5a8 !important;
}
.footer li.green a {
  color: #4d612e !important;
  border-top: 2px solid #4d612e !important;
}
.footer li.orange a {
  color: #db482e !important;
  border-top: 2px solid #db482e !important;
}
.footer li.red a {
  color: #c70a29 !important;
  border-top: 2px solid #c70a29 !important;
}
.footer li.active a {
  background-color: rgba(168, 194, 127, 0.2) !important;
  border-right: 2px solid #c70a29;
}
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer h7,
.footer a {
  color: #c70a29;
}
.footer h1 {
  font-size: 200%;
  line-height: 100%;
  text-align: center;
}
.footer h2 {
  font-size: 100%;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  position: relative;
  visibility: visible;
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-bottom: 23.5px;
  top: -39.16666667px;
}
.footer h3 {
  font-size: 250%;
  line-height: 100%;
  margin-bottom: 15.66666667px;
}
.footer h4 {
  font-size: 270%;
  margin-top: 23.5px;
  margin-bottom: 15.66666667px;
}
.footer h5 {
  line-height: 100%;
  font-size: 100%;
  font-weight: 600;
  margin-bottom: 23.5px;
}
.footer p {
  font-size: 90%;
  margin-top: 9.4px;
  margin-bottom: 31.33333333px;
  text-align: justify;
}
.footer .button {
  position: relative;
  margin: 15.66666667px auto;
  color: #c70a29;
  border: 0;
  border-top-color: #c70a29;
  border-top-width: 2px;
  border-top-style: solid;
  font-size: 90%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-radius: 0;
}
.footer .button:hover {
  background: #c70a29;
  color: #ffffff;
  top: 1px;
  left: 1px;
  border-top-color: #ffffff;
  width: 97%;
}
.footer pattern {
  display: block;
  background-position: center center;
  position: relative;
  z-index: 4000;
  background-image: url("../img/pattern-red.png");
  height: 42.72727273px;
  width: 100%;
  background-position: center;
  background-repeat: repeat;
  -webkit-box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 62.5rem) {
  .footer pattern {
    background-attachment: fixed;
  }
}
@media only screen and (max-width: 62.5rem) {
  .footer pattern {
    height: 23.5px !important;
    background-size: 4%;
  }
}
@media only screen and (max-width: 40em) {
  .footer pattern {
    background-size: 7%;
  }
}
.footer pattern.flat {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.footer wideImage {
  display: block;
  background: #c70a29 url(../img/dsc_2996.jpg);
  height: 550px;
  width: 100%;
  color: #ffffff;
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  -webkit-transform: translate3d(0, 0, 0);
}
.footer wideImage.big {
  height: 400px !important;
}
@media only screen and (min-width: 62.5rem) {
  .footer wideImage {
    background-attachment: fixed;
  }
}
@media only screen and (max-width: 40em) {
  .footer wideImage {
    height: 200px;
  }
}
.footer .top-bar {
  text-align: center;
  background: #ffffff !important;
  width: 100%;
}
.footer .top-bar * {
  background: #ffffff !important;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 97%;
}
.footer .top-bar li.active a {
  border-right: 2px solid #c70a29;
}
@media only screen and (max-width: 62.5rem) {
  .footer .top-bar ul {
    width: 100% !important;
  }
  .footer .top-bar ul li {
    width: 32% !important;
    margin-bottom: 4.7px;
    text-align: center;
  }
  .footer .top-bar ul li a {
    width: 100% !important;
    font-size: 80%;
    padding: 4.7px !important;
    text-indent: 0 !important;
  }
}
#kontakt .footer {
  height: 100% !important;
}
#kontakt .footer wideImage {
  height: 100% !important;
}
#kontakt .spaceBox {
  height: 47px;
}
.button {
  border-radius: 0;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: bold;
}
#index section:first-of-type,
#restauracja section:first-of-type {
  margin: 0;
  padding: 0;
  margin-top: -164.5px;
}
section h1,
section h1 * {
  font-size: 30px !important;
}
section ol li {
  margin-bottom: 31.33333333px;
  width: 85%;
}
section a.icon {
  width: 23.5px !important;
  height: 23.5px !important;
  display: inline-block;
  margin: 4.7px;
}
section a.icon img {
  width: 23.5px !important;
  height: 23.5px !important;
  display: inline-block;
}
.small-12,
.small-12.medium-12.large-4 {
  margin-bottom: 47px;
}
.welcomeNote .small-12,
.welcomeNote .small-12.medium-12.large-4 {
  margin-bottom: 0px !important;
}
header {
  display: block;
  width: 100%;
  position: fixed;
  z-index: 15000;
}
slideshow {
  display: relative;
  z-index: 4000;
  top: -164.5px;
  margin-bottom: -164.5px;
}
iconBox {
  display: block;
  position: absolute;
  top: 110px;
  right: 15.66666667px;
  right: 0;
  z-index: 5000;
}
@media only screen and (max-width: 62.5rem) {
  iconBox {
    display: none;
  }
}
icon {
  display: block;
  margin-bottom: 15.66666667px;
  color: #ffffff;
}
icon.info {
  background: #ffffff;
}
icon a {
  display: block;
  padding-right: 5px;
  padding-left: 15px;
  padding-top: 3px;
  padding-bottom: 5px;
  color: #ffffff !important;
}
iconBox icon a:hover {
  background: #c70a29;
  -webkit-box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.6);
}
.footer icon a:hover {
  background: transparent;
  text-decoration: underline;
}
icon a img {
  width: 23.5px;
  height: 23.5px;
  margin-right: 15.66666667px;
}
modalBox {
  display: block;
  background: #ffffff;
  width: 329px;
  position: absolute;
  top: 0px;
  right: 58px;
  padding: 9.4px;
  padding-right: 23.5px;
  font-size: 95%;
  display: none;
}
modalBox relative {
  position: relative;
}
modalBox relative autor {
  display: none;
}
modalBox h6 {
  color: #573a40;
  text-align: left;
  padding-top: 8px;
  margin-bottom: 15px;
  font-weight: bold;
  line-height: 120%;
}
modalBox img {
  width: 141px;
  text-align: left;
  float: left;
  padding-right: 15.66666667px;
}
modalBox p {
  line-height: 120%;
  margin-bottom: 10px;
}
.lazy-slick {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
/* Slider */
.slick-loading .slick-list {
  background: #ffffff url('../img/ajax-loader.gif') center center no-repeat;
  height: 100%;
}
/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/slick.eot');
  src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 31.33333333px;
  width: 50%;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: #ffffff;
  color: #c70a29;
  z-index: 10000;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 0;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
  background: #c70a29;
  color: #ffffff;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
@media only screen and (max-width: 40em) {
  #index .slick-prev,
  #index .slick-next {
    display: none !important;
  }
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: 0px;
  top: -31.33333333px;
}
.slick-prev:before {
  content: "«";
}
.slick-next {
  right: 0px !important;
  top: -31.33333333px;
}
.slick-next:before {
  content: "»";
}
/* Dots */
.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  display: none;
}
.a-slide {
  height: auto;
  position: relative;
  max-height: 500px;
}
slideshow .a-slide {
  max-height: none;
}
.a-slide autor {
  position: absolute;
  display: block;
  bottom: 100px !important;
  right: -90px !important;
  z-index: 5000;
  color: #ffffff;
  text-align: left;
  color: rgba(255, 255, 255, 0.45);
}
@media only screen and (max-width: 40em) {
  .a-slide autor {
    font-size: 45% !important;
    right: -95px !important;
    bottom: 110px !important;
    color: rgba(255, 255, 255, 0.3);
  }
}
.a-slide img {
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}
@media only screen and (max-width: 62.5rem) {
  .a-slide img {
    object-position: center center;
    overflow: hidden;
  }
}
.slick-slider {
  height: 100%;
}
div.lazy-slick-small {
  height: auto !important;
  overflow: visible !important;
}
div.lazy-slick-small .a-slide img {
  object-fit: contain !important;
  overflow: visible !important;
}
@media only screen and (max-width: 62.5rem) {
  div.lazy-slick-small .a-slide img {
    object-position: center center;
    overflow: visible !important;
  }
}
.slick-list,
.slick-track {
  height: 100%;
}
.welcomeNote {
  position: absolute;
  width: 100% !important;
  bottom: 0px;
  color: #ffffff;
  z-index: 5000;
}
@media only screen and (max-width: 40em) {
  .welcomeNote .imgNav {
    display: none !important;
  }
}
.welcomeNote .row {
  margin: 0 auto;
}
.welcomeNote h3,
.welcomeNote h3 strong {
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  text-shadow: none;
  color: #ffffff;
}
@media only screen and (max-width: 40em) {
  .welcomeNote h3,
  .welcomeNote h3 strong {
    font-size: 90%;
  }
}
.welcomeNote .cite {
  font-size: 120%;
  line-height: 115%;
  text-align: center;
  margin-bottom: 6.71428571px;
}
@media only screen and (max-width: 40em) {
  .welcomeNote .cite {
    font-size: 90%;
  }
}
.welcomeNote .sign {
  text-align: center;
  font-size: 70%;
  padding-bottom: 6.71428571px;
}
@media only screen and (max-width: 40em) {
  .welcomeNote .sign {
    padding-bottom: 0;
  }
}
.border {
  border: 2px solid red;
}
.mobileImg {
  position: relative;
  z-index: 4000;
  top: -164.5px;
  margin-bottom: -164.5px;
  width: 100% !important;
  height: 100% !important;
  padding: 0;
}
.mobileImg div {
  width: 100% !important;
  height: 100% !important;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.mobileImg autor {
  display: none;
}
/*---------------------------------------------------
LESS Elements 0.9
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
body {
  border: 0px solid red;
  padding: 0 !important;
  margin: 0 !important;
  top: 0px !important;
}
#langSelect {
  top: 10px !important;
  right: 30px !important;
  position: fixed !important;
  z-index: 15000 !important;
  height: 30px;
  width: auto;
}
@media only screen and (max-width: 62.5rem) {
  #langSelect {
    position: fixed !important;
    top: 0px !important;
    height: 25px !important;
    left: 0px !important;
    width: 100%;
    text-align: center !important;
  }
}
#google_translate_element {
  padding: 0 !important;
  margin: 0 !important;
  height: 24px !important;
  -webkit-box-shadow: 0px 0px 0px 3px #ffffff;
  -moz-box-shadow: 0px 0px 0px 3px #ffffff;
  box-shadow: 0px 0px 0px 3px #ffffff;
}
#google_translate_element * {
  /*                overflow: hidden;*/
  padding: 0 !important;
  margin: 0 !important;
  height: 24px !important;
}
.goog-te-gadget,
a.goog-te-menu-value {
  height: 23.5px !important;
  width: 140px !important;
  /*                border: 2px dashed blue;*/
  display: inline-block !important;
  overflow: hidden;
  height: 24px !important;
}
.goog-te-banner-frame.skiptranslate {
  display: none !important;
}
#autor {
  position: absolute;
  bottom: 0;
  right: 10px;
}
#autor a {
  opacity: 0.5;
}
#autor a:hover {
  opacity: 1;
}
#autor a img {
  height: 30px;
  width: auto;
}


.small-menu-black {
  color: #ffffff !important;
  text-align: center;
}
.small-menu-black a {
  display: inline-block;
  background: none;
  color: black !important;
  padding: 10px 20px;
  margin: 2px;
  font-weight: bold;
  border-top: 2px solid #C70A29;
}
.small-menu-black a:hover {
  color: black !important;
  
}