* {
  margin : 0;
  padding : 0;
  }
  html, body {
  height : 100%;
  font-family : "Roboto Slab", 'Times New Roman', Times, serif;
  width : 100%;
  background-image : url("../img/bgmain.png");
  background-repeat : repeat;
  }
  body {
  overflow-x : hidden;
  }
  #mask {
  min-height : 80%;
  width : 100%;
  margin : 0 auto;
  }
  #container {
  margin : 0;
  }
  header {
  overflow : hidden;
  padding : 0 0 0 0;
  width : 280px;
  margin : 71px 0 0 50px;
  height : 244px;
  position : absolute;
  z-index : 999;
  box-shadow : 1px 1px 4px 1px rgb(0, 0, 0, 0.6);
  background-repeat : repeat;
  background-color : #fff;
  background-color : rgb(255, 255, 255, 0.8);
  }
  #logo {
  overflow : hidden;
  margin : 0;
  width : 280px;
  text-align : center;
  height : 300px;
  padding-top : 10px;
  background-repeat : repeat;
  }
  #logo img {
  padding-bottom : 5px;
  border-style : none;
  transition-duration : 0.4s;
  padding-top : 0;
  }
  #logo img:hover {
  transform : scale(0.96);
  transition-duration : 0.4s;
  }
  nav {
  border-style : none;
  margin : 0;
  background-position : left bottom;
  padding : 0;
  text-align : left;
  color : #ffffff;
  font-size : 8px;
  width : 100%;
  height : 40px;
  top : 0;
  position : absolute;
  z-index : 999;
  background-image : url("../img/bg_top.png");
  background-color : #fff;
  background : linear-gradient(to left, rgb(255, 255, 255, 1) 0%, rgb(255, 255, 255, 0.05) 100%) rgb(255, 255, 255, 0.15);
  }
  #langmenu {
  display : flex;
  }
  #langmenu ul {
  list-style-type : none;
  height : 16px;
  padding : 3px 0 3px 0;
  margin : 0 20px 0 auto;
  text-align : center;
  max-width : 980px;
  margin-left : auto;
  display : flex;
  }
  #langmenu li {
  list-style-type : none;
  height : 16px;
  margin : 0 5px 0 5px;
  padding : 0;
  }
  #langmenu li a {
  text-decoration : none;
  color : rgb(0, 0, 0, 0.5);
  font-size : 10px;
  display : block;
  height : 16px;
  text-transform : uppercase;
  line-height : 16px;
  font-weight : normal;
  }
  #langmenu li:hover {
  color : #000000;
  }
  #langmenu li a:hover {
  color : #ff0000;
  }
  #langmenu li img {
  vertical-align : middle;
  border : none;
  }
  #langmenu li .active {
  color : #ff0000;
  }
  h1 {
  color : #ff0000;
  font-size : 18px;
  font-weight : 700;
  text-align : center;
  padding : 0;
  margin : 0 auto 0 auto;
  width : 240px;
  letter-spacing : 0;
  line-height : 1.25em;
  text-shadow : 1px 1px 2px rgb(255, 255, 255, 0.6);
  }
  h1.en {
  line-height : 1.15em;
  }
  .tresc {
  padding : 0 20px 0 20px;
  font-size : 16px;
  font-weight : 400;
  text-align : justify;
  line-height : 1.35em;
  text-shadow : 1px 1px 2px rgb(255, 255, 255, 0.25);
  }
  .tresc strong {
  font-weight : 700;
  }
  article {
  margin : 0 auto 0 auto;
  padding : 15px 10px 40px 10px;
  max-width : 1240px;
  background-color : rgb(255, 255, 255, 0.38);
  }
  .photos {
  margin-right : auto;
  margin-left : auto;
  width : auto;
  padding : 20px 0 20px 0;
  text-align : center;
  background-repeat : no-repeat;
  max-width : 890px;
  }
  .photos img {
  margin : 1px 1px 4px 1px;
  vertical-align : middle;
  height : 106px;
  }
  .photos2 {
  background-position : center top;
  margin-right : auto;
  margin-left : auto;
  width : auto;
  padding : 20px 0 50px 0;
  text-align : center;
  background-color : #ffffff;
  box-shadow : 0 0 3px 1px rgb(0, 0, 0, 0.25);
  background : linear-gradient(to bottom, rgb(0, 0, 0, 0.7) 0, rgb(0, 0, 0, 0.3) 200px, rgb(0, 0, 0, 0) 400px) #82547a;
  background-image : url("../img/bg_ins2.jpg");
  background-repeat : no-repeat;
  }
  .photos2 a {
  text-decoration : none;
  }
  .photos2 img {
  border-style : none;
  vertical-align : middle;
  transition-duration : 0.4s;
  }
  .photos2 img:hover {
  transform : scale(1.04);
  transition-duration : 0.4s;
  }
  .content {
  padding : 0;
  margin : 0 auto 0 auto;
  z-index : 10;
  }
  .content div {
  margin-bottom : -25px;
  }
  .contain {
  border-width : 6px;
  border-color : rgb(122, 102, 90, 0.36);
  box-shadow : 0 0 3px 1px rgb(0, 0, 0, 0.25) inset;
  overflow : hidden;
  background-position : center top;
  margin : 0 auto 0 auto;
  padding : 0;
  background-color : #fff;
  color : rgb(116, 98, 86);
  background-repeat : repeat;
  border-top-style : solid;
  background-image : url("../img/bgmain.png");
  }
  footer {
  padding : 12px 0 52px 0;
  min-height : 160px;
  text-align : center;
  font-size : 15px;
  color : rgb(255, 255, 255);
  background-color : rgb(149, 125, 111);
  width : 100%;
  margin-right : auto;
  margin-left : auto;
  margin-top : 0;
  background : linear-gradient(to left, rgb(0, 0, 0, 0.5) 0%, rgb(0, 0, 0, 0.3) 20%, rgb(0, 0, 0, 0) 50%, rgb(0, 0, 0, 0.3) 80%, rgb(0, 0, 0, 0.5) 100%) rgb(149, 125, 111, 0.5);
  }
  #foot {
  margin : 2px auto 2px auto;
  max-width : 880px;
  }
  #contact {
  max-width : 480px;
  margin-top : 0;
  text-shadow : 1px 1px 2px rgb(0, 0, 0, 0.9);
  line-height : 1.35em;
  text-align : center;
  font-size : 16px;
  margin-right : auto;
  margin-left : auto;
  padding-left : 15px;
  }
  #contact a {
  text-decoration : none;
  color : #e8dcae;
  }
  #author {
  margin : 0 auto 0 auto;
  width : 100%;
  font-size : 12px;
  padding-left : 0;
  line-height : 1.3em;
  text-align : center;
  color : #808080;
  padding-top : 20px;
  padding-bottom : 20px;
  background-color : #ffffff;
  }
  #author a {
  text-decoration : none;
  color : #ab7634;
  }
  #author img {
  border-style : none;
  }
  #author a:hover {
  color : rgb(0, 0, 0);
  }
  #contact a:hover {
  text-decoration : underline;
  color : rgb(255, 255, 255);
  }
  .highlight {
  text-decoration : blink;
  color : #dc1d2e;
  }
  .second {
  border-width : 1px;
  border-color : #000000;
  border-top-style : solid;
  padding-top : 20px;
  margin-top : 10px;
  }
  li img {
  border-style : none;
  }
  li img:hover {
  opacity : 0.6;
  }
  h2 {
  text-align : center;
  font-size : 20px;
  font-weight : bold;
  padding-top : 25px;
  padding-bottom : 5px;
  margin-bottom : 5px;
  text-shadow : 1px 1px 2px rgb(255, 255, 255, 0.5);
  color : rgb(116, 98, 86);
  }
  h2 strong {
  font-weight : 700;
  color : rgb(149, 125, 111);
  }
  h2 a:hover {
  color : #ffffff;
  }
  h3 {
  text-align : center;
  font-size : 22px;
  font-weight : bold;
  padding-top : 15px;
  padding-bottom : 15px;
  margin-bottom : 5px;
  text-transform : uppercase;
  color : #957d6f;
  text-shadow : 1px 1px 2px rgb(255, 255, 255, 0.5);
  background-color : rgb(255, 255, 255, 0.5);
  }
  h3:first-letter {
  color : #000;
  }
  h3 a:hover {
  color : #ffffff;
  }
  h4 {
  text-align : center;
  font-size : 22px;
  font-weight : bold;
  padding-top : 15px;
  padding-bottom : 15px;
  margin-bottom : 5px;
  text-transform : uppercase;
  color : #e8dcae;
  text-shadow : 1px 1px 2px rgb(0, 0, 0, 0.5);
  }
  h4:first-letter {
  color : #fff;
  }
  h4 a:hover {
  color : #ffffff;
  }
  h6 {
  width : 100%;
  margin-right : auto;
  margin-left : auto;
  height : 124px;
  position : absolute;
  margin-top : -120px;
  z-index : 999;
  }
  h6 a {
  text-transform : uppercase;
  color : rgb(81, 51, 35);
  display : block;
  height : 124px;
  margin-right : auto;
  margin-left : auto;
  line-height : 40px;
  padding : 32px 0 0 0;
  text-align : center;
  font-size : 18px;
  text-shadow : 1px 1px 3px rgb(255, 255, 255, 0.85);
  font-weight : bold;
  background-image : url("../img/h6.png");
  width : 100%;
  background-position : center top;
  background-repeat : no-repeat;
  text-decoration : none;
  transition : background-image 0.6s;
  }
  h6 a:hover {
  cursor : pointer;
  z-index : 20;
  text-decoration : blink;
  color : #192509;
  background-image : url("../img/h6_hover.png");
  transition-duration : 0.6s;
  transition : background-image 0.6s;
  text-shadow : 1px 1px 1px rgb(255, 255, 255, 0.5);
  }
  .counter {
  border-style : none;
  vertical-align : -30%;
  }
  nav img:hover {
  transform : scale(1.3);
  transition-duration : 0.6s;
  }
  .clear {
  clear : both;
  height : 0;
  }
  .oferta {
  width : 910px;
  margin-right : auto;
  margin-left : auto;
  padding-top : 50px;
  padding-bottom : 10px;
  }
  .item a:hover {
  background-color : #dff3f4;
  }
  .flash {
  position : absolute;
  z-index : 0;
  }
  .tresc a {
  color : #000;
  text-decoration : none;
  font-weight : bold;
  }
  .tresc a:hover {
  color : #777;
  }
  .tresc img {
  border-style : none;
  margin-right : 8px;
  vertical-align : middle;
  }

  small a {
  font-size : 18px;
  font-weight : bold;
  }
  .floating {
  float : right;
  padding-left : 10px;
  padding-bottom : 10px;
  padding-top : 2px;
  }
  .google-maps {
  height : 420px;
  width : 100%;
  padding : 0;
  margin : 0;
  }
  .prod {
  padding : 0;
  width : 890px;
  margin-right : auto;
  margin-left : auto;
  margin-top : 25px;
  }
  .prod .item {
  border-radius : 10px;
  overflow : hidden;
  float : left;
  box-shadow : 0 0 8px #dddddd;
  margin-right : 5px;
  margin-left : 5px;
  color : #000000;
  font-size : 16px;
  font-weight : normal;
  margin-bottom : 10px;
  }
  .prod .item a {
  overflow : hidden;
  padding : 15px 6px 20px 6px;
  text-align : center;
  width : 200px;
  min-height : 180px;
  background-color : #ffffff;
  border-radius : 10px;
  color : #000000;
  text-decoration : none;
  transition-duration : 0.6s;
  line-height : 1.15em;
  display : block;
  text-transform : uppercase;
  }
  .prod .item a:hover {
  color : #b869c2;
  transition-duration : 0.6s;
  border-radius : 10px;
  }
  .prod .item img {
  border-style : none;
  transition-duration : 0.6s;
  break-inside : auto;
  max-width : 200px;
  }
  .local {
  margin : 0;
  padding-top : 25px;
  padding-bottom : 25px;
  background-color : #ffffff;
  }
  #contact a .color1 {
  color : #f4ce00;
  }
  #contact a .color2 {
  color : #e6370d;
  }
  .h2inv {
  color : #d3bcd0;
  }
  .foto img {
  height : 124px;
  border : none;
  padding : 1px;
  background-color : rgb(217, 209, 204);
  margin : 2px;
  border-radius : 10px;
  }
  .foto {
  max-width : 1240px;
  margin : auto;
  text-align : center;
  padding : 20px 0 0 0;
  }
  .foto img:hover {
  background-color : rgb(174, 157, 147);
  margin : 2px;
  transition : transform 0.3s;
  transform : scale(1.06);
  }
  .ifr {
  text-align : center;
  margin-right : auto;
  margin-left : auto;
  border-style : none;
  }
  .movie {
  text-align : center;
  margin-right : auto;
  margin-left : auto;
  padding-top : 15px;
  padding-bottom : 0;
  }
  .movies {
  text-align : center;
  margin-right : auto;
  margin-left : auto;
  padding-top : 0;
  padding-bottom : 15px;
  }
  iframe {
  width : 100%;
  border : none;
  }