﻿@font-face {
    font-family: myFirstFont;
    src: url(fonts/TruenoBold.otf);
    font-weight: bold;
}
@font-face {
    font-family: mySecondFont;
    src: url(fonts/TruenoRg.otf);
}
@font-face {
    font-family: myThirdFont;
    src: url(fonts/ArnoProBold.otf);
    font-weight: bold;
}
html, body {       
-webkit-touch-callout: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
.head {
position: relative;
width: 100vw;
height: 51vh;
top: 0px;
padding: 0px;
bottom: 0px;
overflow: hidden;
max-height: 750px;
}
.counter {
display: none;
}
.pagebackground {
position: relative;
background-color: #383838;
width: 100%;
}
.testefds {
background-color: #383838;
}
::selection {
background: #878787;
}
::-moz-selection {
background: #878787;
}
.logoprt {
height: 37px;
position: fixed;
z-index: 10;
float: right;
right: 24px;
top: 34px;
}
.logolnd {
display: none;
}
.menusandwich {
height: 60px;	
}
.menu {
position: fixed;
table-layout: fixed;
z-index: 10;
left: 0px;
top: 0px;
}
.containeralbumZ {
position: relative;
float: left;
spacing: 0px;
padding: 0px;
margin: 0px;
top: 0px;
width: 50%;
}
.imagealbumZ {
display: block;
width: 100%;
height: auto;
spacing: 0px;
padding: 0px;
margin: 0px;
top: 0px;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
-ms-transition: 0.3s ease;
transition: 0.3s ease;
}
.imagealbumZ:hover {
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
.textcountryZ {
position: absolute;
width: 100%;
top: 37%;
font-family: myThirdFont;
font-size: 28px;
text-align: center;
color: #ffffff;
pointer-events: none;
}
.textalbumZ {
position: absolute;
width: 100%;
top: 41.2%;
font-family: myFirstFont;
font-weight: bold;
font-size: 54px;
text-align: center;
color: #ffffff;
pointer-events: none;
}
.myBtn {
display: none;
position: fixed;
bottom: 10%;
right: 20px;
z-index: 99;
border: none;
outline: none;
background-color: #737373;
opacity: 0.5;
cursor: pointer;
padding: 12px;
border-radius: 0px;
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-o-transition: 0.4s ease;
-ms-transition: 0.4s ease;
transition: 0.4s ease;
}
.myBtn:hover {
background-color: #999999;
opacity: 1;
bottom: 11.5%;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
-ms-transition: 0.3s ease;
transition: 0.3s ease;
}
.gmapa {
width: 100%;
height: 492px;
position: relative;
spacing: 0px;
padding: 0px;
margin: 0px;
}
.gmap {
  z-index: 1;
  topPadding: 0;
  position: relative;
  height: 100%;
  width: 100%;
  cellspacing: 0px;
  cellpadding: 0px;
  overflow: hidden;
  spacing: 0px;
  padding: 0px;
  margin: 0px;
}
* {
spacing: 0px;
padding: 0px;
margin: 0px;
}
.spacertable {
width: 100%;
height: 150px;
}
.bodybottom {
width: 100%;
height: 80px;
position: relative;
background-color: #1A1A1A;
bottom: 0px;
}
.textframe4 {
position: relative;
margin: 0px;
font-family: arial;
font-size: 15;
color: #8d8d8d;
float: left;
left: 40px;
}