body {
background-image: url("header.jpg"), url("footer.jpg");
background-color: #ffffff;
background-repeat: no-repeat, no-repeat;
background-position: center top, bottom;
font-family: Trebuchet MS;
font-size: 22px;
color: #333333;
line-height: 160%;
text-align: justify;
padding: 0;
margin: 0;
}

a:link {
text-decoration: none;
color: #eeeeee;
}

a:visited {
text-decoration: none;
color: #eeeeee;
}

a:hover {
text-decoration: none;
color: #03bcff;
}

a:active {
text-decoration: none;
color: #eeeeee;
}

a.alt:link {
text-decoration: none;
color: #333333;
}

a.alt:visited {
text-decoration: none;
color: #333333;
}

a.alt:hover {
text-decoration: none;
color: #03bcff;
}

a.alt:active {
text-decoration: none;
color: #333333;
}

h1 {
font-size: 55px;
color: #eeeeee;
font-weight: 600;
}

h2 { 
display: block;
font-size: 90%;
color: #eeeeee;
margin-top: 0.5em;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}

h3 {
font-size: 55px;
color: #333333;
font-weight: 600;
text-align: center;
}

h4 {
font-size: 14px;
color: #eeeeee;
font-weight: 600;
text-align: center;
}

td {
	vertical-align: top;
}

td#kapcsolat {
	vertical-align: top;
	line-height: 180%;
}

p#kapcsolat {
margin-left: 100px;
}

img#left {
   	float: left;
	margin-top: 0px;
	margin-right: 0px;
}
	
img#right {
   	float: right;
	margin-top: 0px;
	margin-right: 0px;
}

img#shop {
   	float: right;
	margin-top: 0px;
	margin-right: 200px;
}

.dis1, .dis1 a, .dis1 span {
	width: 600px;
	height:400px;
	margin: 25px auto;
	display:block;
	position:relative;
}

.dis1 a, .dis1 span {
	text-indent:-9999em;
	margin:0;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	background:url(mat2.png) no-repeat 0 0;
	z-index:2;
}

.dis1 span {
	background:url(mat1.png) no-repeat 0 0;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}

.dis1:hover span { opacity: 1; }
.dis1:hover a { opacity:0; }

.dis2, .dis2 a, .dis2 span {
	width: 350px;
	height:700px;
	margin: 25px auto;
	display:block;
	position:relative;
	float: right;
}

.dis2 a, .dis2 span {
	text-indent:-9999em;
	margin:0;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	background:url(matok1.png) no-repeat 0 0;
	z-index:2;
}

.dis2 span {
	background:url(matok1b.png) no-repeat 0 0;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}

.dis2:hover span { opacity: 1; }
.dis2:hover a { opacity:0; }

.dis3, .dis3 a, .dis3 span {
	width: 350px;
	height:700px;
	margin: 25px auto;
	display:block;
	position:relative;
	float: left;
}

.dis3 a, .dis3 span {
	text-indent:-9999em;
	margin:0;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	background:url(matok2.png) no-repeat 0 0;
	z-index:2;
}

.dis3 span {
	background:url(matok2b.png) no-repeat 0 0;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}

.dis3:hover span { opacity: 1; }
.dis3:hover a { opacity:0; }

.dis4, .dis4 a, .dis4 span {
	width: 800px;
	height:200px;
	margin: 25px auto;
	display:block;
	position:relative;
}

.dis4 a, .dis4 span {
	text-indent:-9999em;
	margin:0;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	background:url(shop1.png) no-repeat 0 0;
	z-index:2;
}

.dis4 span {
	background:url(shop1b.png) no-repeat 0 0;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}

.dis4:hover span { opacity: 1; }
.dis4:hover a { opacity:0; }

.dis5, .dis5 a, .dis5 span {
	width: 800px;
	height:200px;
	margin: 25px auto;
	display:block;
	position:relative;
}

.dis5 a, .dis5 span {
	text-indent:-9999em;
	margin:0;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	background:url(shop2.png) no-repeat 0 0;
	z-index:2;
}

.dis5 span {
	background:url(shop2b.png) no-repeat 0 0;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}

.dis5:hover span { opacity: 1; }
.dis5:hover a { opacity:0; }

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #03bcff; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-family: Trebuchet MS;
  font-size: 20px; /* Increase font size */
}

#myBtn:hover {
  background-color: #ff6903; /* Add a dark-grey background on hover */
}