body {
	background:#000000 url('images/hatter.jpg') no-repeat fixed center 50%;
	 -moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	cursor: auto
}
{
# Mobile
only screen and (min-width: 480px)

# Tablet
only screen and (min-width: 768px) 

# Desktop
only screen and (min-width: 992px)

# Huge
only screen and (min-width: 1280px) 
}
#cim {
	position: fixed;
	width: 100%;
	height: 100px;
	z-index: 1;
	background-image: url(images/flecbg2.jpg);
	top: 0px;
	right: 0px;
}

#LayoutDiv1
{
	
	left: 2%;
	position: fixed;
	height: auto;
	width: 15%;
	z-index: 0;
	top: 150px;
		
}

#LayoutDiv2
{
	color: #000;
	background-image: url(images/torzs.png);
	left: 19%;
	position: absolute;
	height: auto;
	width: 64%;
	z-index: 0;
	top: 120px;
	color: #000;
	text-align: center;
	border-bottom: 6px solid #2f201d;
	border-top: 6px solid #2f201d;
	border-left: 6px solid #2f201d;
	border-right: 6px solid #2f201d;
	box-shadow: inset 2px 2px 2px 8px #5e3f38;
	border-radius: 14px;
	border-top-style: solid;
	border-top-color: #2f201d;
	-webkit-box-shadow: inset 2px 2px 2px 8px #5e3f38; 1px solid black;;
	
	border-top-right-radius: 14px;
	border-top-left-radius: 14px;
}

#LayoutDiv3
{
	background-image: url(images/torzs.png);
	position: fixed;
	z-index: 1;
	height: auto;
	width: 14%;
    right: 1%;
	top: 120px;
	text-align: center;
	border-bottom: 6px solid #2f201d;
	border-top: 6px solid #2f201d;
	border-left: 6px solid #2f201d;
	border-right: 6px solid #2f201d;
	box-shadow: inset 2px 2px 2px 8px #5e3f38;
	border-radius: 14px;
	border-top-style: solid;
	border-top-color: #2f201d;
	-webkit-box-shadow: inset 2px 2px 2px 8px #5e3f38; 1px solid black;;
	
	border-top-right-radius: 14px;
	border-top-left-radius: 14px;
		
}

#torzs {
	position: absolute;
	width: 70%;
	height: auto;
	no-repeat fixed center 50%; 																																																																    -moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;

	cursor: auto
	left: 15%;
	top: 687px;
	left: 15%;
	font-size: 18px;
	color: #000;
	background-image: url(images/flecbg.png);
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
	font-weight: bold;
	right: 15%;
}
#torzs2 {
	position: absolute;
	width: 70%;
	height: auto;
	no-repeat fixed center 50%; 																																																																				-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	cursor: auto
	left: 15%;
	top: 105px;
	left: 15%;
	font-size: 18px;
	color: #000;
	background-image: url(images/flecbg.png);
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	z-index: -1;
}
#fotobox {
	position: absolute;
	width: 70%;
	height: 231px;
	z-index: -1;
	no-repeat fixed center 50%;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	cursor: auto
		left: 15%;
	top: 3px;
	left: 15%;
	font-size: 18px;
	color: #000;
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
	font-weight: bold;
	right: 15%;
	right: 15%;
	
}
#apDiv2 div h2 {
	color: #FFF;
	color: #C60;
	left: 17%;
	position: absolute;
	height: auto;
	width: 56%;
	z-index: 0;
	top: 150px;
}
#menu {
	position: fixed;
	width: 15%;
	height: auto;
	z-index: 1;
	left: 2%;
	top: 120px;
		background-image: url(images/torzs.png);
		text-align: center;
	border-bottom: 6px solid #2f201d;
	border-top: 6px solid #2f201d;
	border-left: 6px solid #2f201d;
	border-right: 6px solid #2f201d;
	box-shadow: inset 2px 2px 2px 8px #5e3f38;
	border-radius: 14px;
	border-top-style: solid;
	border-top-color: #2f201d;
	-webkit-box-shadow: inset 2px 2px 2px 8px #5e3f38; 1px solid black;;
	
	border-top-right-radius: 14px;
	border-top-left-radius: 14px;
}
#sormenu {
	position: fixed;
	width: 100%;
	height: 30px;
	z-index: 1;
	left: 0px;
	top: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background-color: #2F201D;
	font-stretch: normal;
}
#apDiv5 {
	position: absolute;
	width: 200px;
	height: 115px;
	z-index: 1;
}
#dij {
	position: fixed;
	width: 200px;
	height: 115px;
	z-index: -1;
	top: 140px;
	right: 2px;
}
#apDiv7 {
	position: fixed;
	width: 100%;
	height: 30px;
	z-index: 1;
	left: 10px;
	top: 100px;
	
	text-decoration: none;
	text-align: center;
	background-color: #2F201D;
	font-stretch: normal;
}

.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
	max-width: auto;
	position: relative;
	margin: auto;
	clip: rect(50px,auto,auto,auto);
	top: 0px;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2s;
  animation-name: fade;
  animation-duration: 2s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}