* {
  margin : 0;
  padding : 0;
  }
  html, body {
  height : 100%;
  font-family : Arial, sans-serif;
  width : 100%;
  }
  #mask {
  min-height : 80%;
  width : 100%;
  margin : 0 auto;
  }
  iframe {
  border : 0;
  }
  .google-maps iframe {
  width : 100%;
  }
  @media (max-width: 1280px) {
  #mask {
  min-height : 60%;
  }
  }
  @media (max-width: 800px) {
  #mask {
  min-height : 40%;
  }
  }
  #container {
  margin : 0;
  }
  #logo {
  overflow : hidden;
  margin : 0;
  width : 248px;
  text-align : center;
  height : 200px;
  padding-top : 20px;
  background-repeat : repeat;
  background : linear-gradient(to top, #fff 0, rgb(255, 255, 255, 0.12) 150px, rgb(255, 255, 255, 0.2) 100%) #eee;
  }
  #logo img {
  padding-bottom : 0;
  }
  #logo img {
  border-style : none;
  transition-duration : 0.4s;
  }
  #logo img:hover {
  transform : scale(1.08);
  transition-duration : 0.4s;
  }
  header {
  background-position : center bottom;
  overflow : hidden;
  padding : 0 0 53px 0;
  width : 248px;
  margin : 71px 0 0 50px;
  height : 220px;
  background-repeat : no-repeat;
  }
  nav {
  border-style : none;
  margin : 0;
  background-position : center top;
  padding : 0;
  text-align : left;
  color : #ffffff;
  font-size : 10px;
  width : 100%;
  top : 0;
  position : absolute;
  z-index : 999;
  background : linear-gradient(to right, rgb(0, 0, 0, 1) 0%, rgb(0, 0, 0, 0.5) 25%, rgb(0, 0, 0, 0.1) 50%, rgb(0, 0, 0, 0) 100%) rgb(0, 0, 0, 0);
  }
  ul {
  list-style-type : none;
  padding : 3px 0 3px 0;
  margin : 0 auto 0 45px;
  text-align : left;
  max-width : 980px;
  min-height : 16px;
  }
  li {
  list-style-type : none;
  float : left;
  height : 16px;
  margin : 0 5px 0 5px;
  padding : 0;
  }
  li a {
  text-decoration : none;
  color : rgb(207, 207, 207);
  text-shadow: 0px 0px 4px black;
  font-size : 12px;
  display : block;
  height : 16px;
  font-weight : bold;
  text-transform : uppercase;
  line-height : 16px;
  font-family : 'Roboto Condensed', "Arial Black", Arial, Helvetica, sans-serif;
  }
  li:hover {
  color : #000000;
  }
  li a:hover {
  color : rgb(255, 255, 255);
  }
  li img {
  vertical-align : middle;
  border : none;
  }
  .active {
  color : rgb(255, 255, 255);
  }
  h1 {
  color : #393a4c;
  font-size : 19px;
  font-weight : bold;
  text-align : center;
  padding : 0;
  margin : 0 auto 0 auto;
  width : 230px;
  letter-spacing : -1px;
  line-height : 1.1em;
  height : 50px;
  font-family : 'Roboto Condensed', 'Arial Narrow', Arial, Helvetica, sans-serif;
  text-transform : uppercase;
  }
  .tresc {
  padding : 0 30px 0 30px;
  font-size : 15px;
  font-weight : 400;
  text-align : justify;
  line-height : 1.5em;
  font-family : Arial, sans-serif;
  color : #ffffff;
  }
  article {
  margin : 0 auto 0 auto;
  padding : 15px 20px 40px 20px;
  max-width : 940px;
  }
  .photos {
  background-position : center 100px;
  margin-right : auto;
  margin-left : auto;
  width : auto;
  padding : 20px 0 20px 0;
  text-align : center;
  background-repeat : no-repeat;
  background-color : #f3f3f3;
  }
  .photos img {
  margin : 0 4px 8px 0;
  vertical-align : middle;
  }
  .photos2 {
  margin-right : auto;
  margin-left : auto;
  width : auto;
  padding : 20px 0 50px 0;
  text-align : center;
  background-color : #818085;
  box-shadow : 0 0 3px 1px rgb(0, 0, 0, 0.25);
  }
  .photos2 img {
  border-style : none;
  margin : 0 2px 4px 0;
  vertical-align : middle;
  transition-duration : 0.4s;
  }
  .photos2 img:hover {
  transform : scale(1.05);
  transition-duration : 0.4s;
  }
  .content {
  padding : 0;
  margin : 0 auto 0 auto;
  z-index : 10;
  }
  .content div {
  margin-bottom : -25px;
  }
  .contain {
  border-width : 8px;
  border-color : #000000;
  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 : #333333;
  color : #fff;
  background-repeat : repeat;
  border-top-style : solid;
  }
  .contain2 {
  background-color : #fff;
  }
  .c3 {
  background-color : #ddd;
  }
  .c4 {
  background-color : #fff;
  }
  .c5 {
  background-color : #eeeeee;
  }
  .contain2 .tresc {
  color : #333;
  padding : 0 30px 0 30px;
  font-size : 14px;
  font-weight : 400;
  text-align : justify;
  line-height : 1.35em;
  font-family : Arial, sans-serif;
  }
  footer {
  box-shadow : 0 0 5px 1px rgb(0, 0, 0, 0.5);
  padding : 12px 0 52px 0;
  min-height : 190px;
  text-align : center;
  font-size : 15px;
  color : rgb(255, 255, 255);
  background-color : #0F0F0F;
  width : 100%;
  margin-right : auto;
  margin-left : auto;
  margin-top : 0;
  }
  #foot {
  margin : 2px auto 2px auto;
  max-width : 880px;
  }
  #contact {
  border-width : 1px;
  border-color : rgb(255, 255, 255, 0.5);
  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;
  min-height : 110px;
  border-top-style : solid;
  padding-top : 25px;
  }
  #contact a {
  text-decoration : none;
  color : #F07A7C;
  line-height: 1.5;
  }
  #contact .col {
  width : 33%;
  float : left;
  text-align : left;
  }
  #author {
  margin : 0 auto 0 auto;
  width : 100%;
  font-size : 12px;
  line-height : 2;
  text-align : center;
  color : #343434;
  padding-top : 20px;
  padding-bottom : 20px;
  background-color : #ffffff;
  }
  #author a {
  text-decoration : none;
  color : #e31e25;
  }
  #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 : 26px;
  font-weight : normal;
  font-family : 'Roboto Condensed', "Arial Narrow", Arial, Helvetica, sans-serif;
  padding-top : 15px;
  padding-bottom : 15px;
  margin-bottom : 5px;
  text-transform : uppercase;
  }
  h2 a:hover {
  color : #ffffff;
  }
  h3 {
  color : #ffffff;
  text-decoration : underline;
  font-size : 17px;
  padding-left : 20px;
  margin-bottom : 15px;
  }
  h4 {
  font-size : 23px;
  color : #a60b06;
  font-weight : bold;
  padding-top : 4px;
  padding-bottom : 4px;
  }
  h6 {
  width : auto;
  margin-right : auto;
  margin-left : auto;
  height : 120px;
  font-family : 'Roboto Condensed', "Arial Black", Arial, Helvetica, sans-serif;
  }
  h6 a {
  text-transform : uppercase;
  color : #ffffff;
  display : block;
  height : 120px;
  margin-right : auto;
  margin-left : auto;
  line-height : 184px;
  padding : 0;
  text-align : center;
  font-size : 18px;
  text-shadow : 1px 1px 1px rgb(0, 0, 0, 0.85);
  font-weight : normal;
  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 : #e31e25;
  background-image : url("../img/h6_hover.png");
  transition-duration : 0.6s;
  transition : background-image 0.6s;
  text-shadow : 1px 1px 1px rgb(0, 0, 0, 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 : #2576ff;
  text-decoration : none;
  font-weight : bold;
  }
  .tresc a:hover {
  color : #000000;
  }
  .tresc img {
  border-style : none;
  margin-right : 8px;
  vertical-align : middle;
  }
  hr {
  margin-right : 30px;
  margin-left : 30px;
  width : 882px;
  color : #c0c0c0;
  border-color : #c0c0c0;
  opacity : 0.3;
  }
  small a {
  font-size : 18px;
  font-weight : bold;
  }
  .floating {
  float : right;
  padding-left : 30px;
  padding-bottom : 10px;
  padding-top : 2px;
  }
  .floatingl {
  float : left;
  padding-right : 30px;
  padding-bottom : 10px;
  padding-top : 2px;
  }
  .google-maps {
  display : flex;
  }
  .google-maps iframe {
  height : 480px;
  width : 100%;
  padding : 0;
  margin : 0;
  }
  .photos2 a {
  text-decoration : none;
  }
  .prod {
  padding : 0;
  max-width : 890px;
  margin-right : auto;
  margin-left : auto;
  margin-top : 25px;
  text-align : center;
  }
  .prod .item {
  border-radius : 10px;
  overflow : hidden;
  float : none;
  box-shadow : 0 0 8px #dddddd;
  margin-right : 3px;
  margin-left : 3px;
  color : #000000;
  font-size : 16px;
  font-family : 'Roboto Condensed', "Arial Black", Arial, Helvetica, sans-serif;
  font-weight : normal;
  margin-bottom : 10px;
  display : inline-block;
  }
  .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 : #808080;
  transition-duration : 0.6s;
  border-radius : 10px;
  }
  .prod .item img {
  border-style : none;
  transition-duration : 0.6s;
  break-inside : auto;
  max-width : 200px;
  }
  .prod .item img:hover {
  transform : translateY(-4px);
  transition-duration : 0.6s;
  }
  .local {
  margin : 0;
  padding-top : 25px;
  padding-bottom : 25px;
  background-color : #ffffff;
  }
  #contact a .color1 {
  color : #f4ce00;
  }
  #contact a .color2 {
  color : #e6370d;
  }
  #contact img {
  vertical-align : middle;
  border-style : none;
  }
  .trescic img {
  margin : 8px 4px 8px 4px;
  padding : 0;
  vertical-align : middle;
  height : 36px;
  }
  .trescic {
  text-align : center;
  padding-bottom : 15px;
  }
  .icons {
  padding-top : 15px;
  padding-bottom : 20px;
  background-color : #ffffff;
  width : 100%;
  }
  #logo a {
  color : #adadad;
  text-decoration : none;
  font-size : 40px;
  line-height : 72px;
  font-family : 'Roboto Condensed', 'Arial Narrow', Arial, Helvetica, sans-serif;
  }
  .red {
  color : #da011a;
  }
  .youtube {
  text-align : center;
  }
  .foto img {
  height : 297px;
  }
  .foto {
  padding : 30px;
  text-align : center;
  }
  @media (max-width: 664px) {
  .tresc img {
  display : none;
  }
  }
  @media (max-width: 390px) {
  .foto img, iframe {
  display : none;
  }
  }