body {
	margin: 0; padding:0; 
	background-color:#fff;
	width:100%;
	height:auto;
	font-size:20px;
	font-family: 'Oxygen', sans-serif;
	overflow-y:scroll;
	background: url(images/alap/fejlec.jpg);
	
}


a { text-decoration:none;}
h1 { padding:0;margin:0;font-size:240%; font-weight:bold; color:#3C2E1E;}
h2 { padding:0;margin:0;font-size:180%; font-weight:normal; color:#3C2E1E;}
h3 { padding:0;margin:0;font-size:140%; font-weight:normal; color:#3C2E1E;}

img {	border: 0;}


#felso {
background-color: #fff;
width:96%;
min-height:20px;
padding:2%;
text-align:center;
float:left;
font-size:150%;
color:#333;
background: url(images/alap/fejlec.jpg);
}

.palyazat img{
position:absolute;
right:0;
padding:0 0 10px 10px;
background-color:#FFFFFF;
-webkit-border-radius: 0 0 0 160px;
border-radius: 0 0 0 160px;

}


#menu {width:96%;
min-height:20px;
padding:1px 2% 5px 2%;
float:left;
background-color: #fff;
text-align:center;
border-top:solid 1px #f1f1f1;

}

#menu ul { padding:0;margin:0;list-style:none;}
#menu ul.res li { display:inline-table; padding:0 1.5%; margin:0%; font-size:80%; }
#menu ul.res li a { opacity:0.7; color: #333333;}

#kozep { float:left; width:100%; min-height:5px; }
#kozep .belso { margin:3%;text-align:justify;}

#kozep .belso img {

-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
border:solid 10px #FFFFFF !important;

}

#also { width:94%; min-height:20px; padding:1% 3%; float:left; background-color: #f48534; text-align:center; font-size:70%; color:#FFFFFF; line-height:20px;}
#also a { color:#f1f1f1;}

span.menu {  display: none;}
.top-nav ul.res{ display: block;}

/* SLIDER */
.rslides 		{ position: relative; list-style: none; overflow: hidden; width: 100%; height: 100%; padding:0; margin:0;  }
.rslides li 	{ -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; max-height:500px;}
.rslides li:first-child { position: relative; display: block; float: left;}
.rslides img 	{ display: block; height: auto; float: left; width: 100%; border: 0; }
.rslides_tabs 	{ position:absolute; padding:0 0 0 1%; margin:-40px 0 0 0;  z-index:5000; width:99%;min-height:40px;background-color:rgba(0, 0, 0, 0.2); text-align:center;}
.rslides_tabs li { display: inline-table; text-align:center; padding:0; margin:15px 3px 0 0;}
.rslides_tabs li a {  display: block;  color:#000;  font-size:0; color:#FFFFFF; width:10px; height:10px; -webkit-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;border:solid 2px #CCCCCC;}
.rslides_tabs .rslides_here a { background-color: #FFCC00; border: solid 2px #FFCC00;}
.rslides_tabs li a:hover { background-color: #FFCC00; border: solid 2px #FFCC00;}
/* slider vége */

/* felnyil */

#toTop {
	z-index:5000;
	background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%;
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	overflow: hidden;
	width: 50px;
	height: 50px;
	line-height:50px;
	text-align:center;
	color: #333333;
	font-size:200%;
	text-decoration:none;
}

#toTop:hover {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
color:#FFFFFF;

}

/* felnyil eddig */

/* nyelv */

.nyelv { position:absolute;right:0;font-size:80%;background-color:#fff;padding:1%;color: #990000;}

.nyelv a {border-bottom:solid 1px #990000;color: #999999;}

#kapcsolat {
width:100%;
float:left;
padding-top:3% 0 0 0;
background: url(images/alap/rolunk.jpg) no-repeat;
background-color:#FFFFFF;
	

}
.kapcsolat_bal {
width:96%;
float:left;
min-height:20px;
margin:0 2%;
}

.terkep {float:left;width:100%;overflow:hidden;

	border-top:solid 10px #f1f1f1;
	background-color:#FFFFFF;

}

/* nyelv eddig */

/* menu vonalak */

.res_kapcs {margin:5px 6px 0 10px;width:25px;padding:2px 0;display:block;border-top: double 12px #000;border-bottom:solid 4px #000;float:left;
}

/* menu vonalak vege*/ 

/* fotoalbum indul */
#mygallery {}

.fotok {width: 94%;min-height:20px;margin:3%;float:left;}
.fotok h1 {
text-align:center;
margin-bottom:3%;
background-color: rgba(255,255,255,0.8);
display:block;
float:left;
padding:1% 2%;
}

.fotok img { border:solid 10px #00FF00; }
.fotok #mygallery .jg-entry{
	background-color:#FFFFFF;
	padding:7px;
	-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
}

.boxbox ul li img {
border:solid 2px #fff;
outline:solid 1px #ccc;
width:99%;

}

.boxbox {width:100%;margin:3% 0;float:left;}
.boxbox ul { padding:0;margin:0; list-style:none;text-align:center;}

.boxbox ul li {
	display:inline-table;
	min-width:28%;
	margin: 1%;
	min-height:250px; 
	padding:5px;
	text-transform:uppercase;
	opacity:0.8;
	background-color:#fff;
	
	-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);

}

.boxbox ul li a { display:block;color: #3C2E1E;}
.boxbox ul li a:hover { text-decoration:none !important;}

.boxbox ul li:hover {}

.text {width:100%;margin:2% 0;font-size:100%;color:#3C2E1E;}
.text:hover { text-decoration:none;}

/* fotoalbum eddig */

/* oldal hatterek */

#etterem {width:100%;float:left; background-color:#fff;
border-top:solid 10px #FF9900;
border-bottom:solid 10px #FF9900;}


#kezdolap {width:100%;float:left; background-color:#fff;
}

#fotoalbum {background: url(images/hatter/loop_03.jpg) repeat;background-attachment:fixed;width:100%;float:left;}


#felso a.logo {}
#felso a.logo img { width:200px;min-height:20px;}
#felso a.logo span {font-size:50%;font-weight:normal;letter-spacing:5px;line-height:0px;text-shadow: none;color:#9c5d4c;width:100%; display:block; float:left; margin-top:20px; font-size:80%;}




#fejleceffect {
width:100%;
background: url(images/hatter/hatter.png) repeat-x;background-attachment: scroll;
position:absolute;
height:200px;
z-index:1;
}
.belso {
position:relative;
z-index:1000;

}

.soci  {
position:absolute;
right:40px;
margin-top:-48px;
width:90px;
height:100px;
display:block;
z-index:6000;

}

.soci a {
background: url(images/facebook.png);
width:90px;
height:100px;
display:block;

}

.jobb { width:55%;float:right;padding:3%;margin-bottom:3%;}
/* oldal hatterek eddig */

/*!
 * Justified Gallery - v3.5.1
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2015 Miro Mannino
 * Licensed under the MIT license.
 */
@-webkit-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-moz-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-o-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-webkit-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-moz-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-o-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div{position:absolute;display:inline-block;overflow:hidden;opacity:0;filter:alpha(opacity=0)}.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0}.justified-gallery>a>.caption,.justified-gallery>div>.caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.caption.caption-visible,.justified-gallery>div>.caption.caption-visible{display:initial;opacity:.7;filter:"alpha(opacity=70)";-webkit-animation:justified-gallery-show-caption-animation 500ms 0 ease;-moz-animation:justified-gallery-show-caption-animation 500ms 0 ease;-ms-animation:justified-gallery-show-caption-animation 500ms 0 ease}.justified-gallery>.entry-visible{opacity:1;filter:alpha(opacity=100);-webkit-animation:justified-gallery-show-entry-animation 500ms 0 ease;-moz-animation:justified-gallery-show-entry-animation 500ms 0 ease;-ms-animation:justified-gallery-show-entry-animation 500ms 0 ease}.justified-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;opacity:initial;filter:initial;overflow:initial}.justified-gallery>.spinner>span{display:inline-block;opacity:0;filter:alpha(opacity=0);width:8px;height:8px;margin:0 4px;background-color:#000;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px}

table.tabla {
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px 10px;
outline:solid 10px rgb(255, 255, 255);

}
.belso { margin-left:10% !important; width:80%; margin-bottom:30px; float:left;}
/* menut egy kicsit összerántom. */
.belso ul{ padding:0;margin:0;list-style:none;}

.belso ul li {
background-color: rgb(255, 153, 0);
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px 10px;
width:29%;
margin:2%;
float:left;
color:#000;
text-align:center;
outline:solid 10px rgb(255, 255, 255);
padding-top:0px;
font-size:130%;
line-height:60px;
overflow:hidden;
min-height:20px;
}


.belso ul li ul {
background-color: rgb(60, 46, 30);
padding-top:20px;
-webkit-border-radius: 0 200 0 0;
border-radius: 0 200px 0 0;
}

.belso ul li ul li { 
background-color: rgb(60, 46, 30);
box-shadow: none;
margin:0;
width:92%;
height: auto;
min-height:25px;
padding:0 4%;
float:left;
outline:none;
text-align:left;
color:#FFFFFF;
font-size:20px;
float:left;
line-height:30px;
}

.belso ul li ul li ul li {
padding:0;
padding-right:20px;

background-color: #fff;
border-bottom:none;
line-height:50px;
width:50% !important;
height:50px;
position:relative;
text-align:right;
margin: 0px 0px 10px 50%;
color:#990000;
font-size:150%;



-webkit-border-radius: 20px 0 0 150px;
border-radius:20px 0 0 150px;



}

/* menu egy kicsit összerántom */




/* COOKIE CUCCOK */
.kker {position:absolute; } 
.kb01 { width:100%; position:fixed; padding:0; bottom:0; background-color: rgba(60, 46, 30, 0.9); text-align:center; color:#FFFFFF; z-index:5000; font-size:14px; border-top: solid 7px #FF9900;} 
.kb01 span { width:90%;float:left;padding:1% 5% 0% 5%;}
.kapcsbox { float:left; width:90%; padding:1% 5%;}
.kapcsbox .cukapcs {padding:6px 10px;background-color:#fff;color:#333333;width:180px;margin-right:3px;margin-bottom:3px;cursor:pointer;text-decoration:none;font-size:13px; line-height:35px;}
.kapcsbox input {background-color:#fff;color:#333333;width:100px;line-height:25px;border:none;font-size:13px; font-family: "Raleway",sans-serif;}
.kapcsbox .cukapcs:hover, .kapcsbox input:hover { background-color:rgb(255, 153, 0); cursor:pointer; color:#FFFFFF; } 
/* cookie cuccok eddig */

.szolgaltatas_hatter {
}

/* táblázatok formázása */


.tablafejlec {
border:none;
background-color: #999999;
border-bottom:solid 1px #CCCCCC;
padding:10px 10px;
color:#FFFFFF;
}

table td {
padding:5px 10px;
border:solid 1px #CCCCCC;



}


/* táblázatok formázása eddig */

@media(max-width:1024px){
h1 { font-size:160%; }
h2 { font-size:120%; }
.jobb { width:45%;}

.belso { margin-left:5% !important; width:90%;}

/* hetimenut rendezzük */
.belso ul li { width:46%; margin-bottom:30px;}
.belso ul li ul {
padding:10px 0 0 0;
background-color:rgb(60, 46, 30);

}

.belso ul li ul li {
line-height:20px;
padding:0px 10px;
width:96%;
text-align:right;
}
/* hetimenut rendezzük eddig */


}



@media(max-width:768px){

.palyazat img{position: static;text-align:right;}
.palyazat { text-align:right; width:100%;
background-color:#FFFFFF; margin-bottom:15px;}


.jobb { width:100%; padding:0%;margin:0%;margin-bottom:0%;}
#rendezvenyszervezes, #kapcsolat {background: none;}
h1 { font-size:120%; font-weight:bold;}
h2 { font-size:100%; font-weight:bold;}
.kapcsolat_bal {font-size:100%;width:90%;text-align:center; padding:0; margin:0; margin:0 5%;}
.terkep { border:none;width:90%;padding:0;margin:0;margin-left:5%;}

#felso a.logo { font-size:100%;line-height:20px;}
#felso a.logo span {font-size:50%;letter-spacing:3px;line-height:0px;}

/* menu responsive */
span.menu{
		display: block;
		text-align: left;
		padding: 0px;
		cursor: pointer;
		color: #E74C3C;
		position:relative;
} 

.top-nav ul.res{ display:none;	 padding:0px;}

.top-nav ul.res { 
		padding: 0;
		margin:1.7em 0em 0em 0em;
		z-index: 9999;
		position: absolute;
		width: 100%;
		padding-top:5px !important;
		left:0;
		overflow: hidden;
}

.top-nav ul.res li{
		display: block;
		text-align: center;
		background: #333; border-bottom:solid 1px #999;
		color:#FFFFFF;
		margin: 0;
	    width: 100%;
		padding: 0;
}
.top-nav ul.res li a {
		font-size: 16px;
		padding: 0.6em 0;
		color: #fff !important;
		display: block;
		border: none;
        text-align: center;
        margin: 0em;
}
ul.res li a:hover,ul.res li a.active{ color:#000;
}

/* hetimenut rendezzük */
.belso ul li { width:97%; margin-bottom:20px;}
.belso ul li ul { padding:20px 0 0 0;}
.belso ul li ul li { width:96%;padding-right:4%;
font-size:100%; line-height:normal;
text-align:center;}

.belso ul li ul li ul li {
padding:0 10%;


margin:0;
margin-bottom:5%;
width:50%;
margin-left:15%;
-webkit-border-radius: 20px 50px 20px 50px;
border-radius: 20px 50px 20px 50px;
text-align:center;


}
}

/* hetimenut rendezzük eddig */

@media(max-width:600px){
#felso a.logo { line-height:25px; width:100%;float:left; margin-bottom:20px;}
}

@media(max-width:520px){
#felso a.logo { line-height:33px; width:100%; margin-left:0;}
#felso a.logo span {position:absolute; margin-top:10px;}

.soci  { 
top:80px;

right:0px;

width:45px;
height:45px;
display:block;
z-index:6000;
}

.soci a {
background: url(images/facebook2.png);
width:45px;
height:45px;
display:block;

}




}

/* menu responsive eddig */