/* CSS Document */

body {
	padding: 0;
	margin: 0;
	background-color: #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 18px;
}











.clear { clear: both;	display: block;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0;}
.kozep { text-align:center;}



#hatter {  position:fixed; width: 100%;  }
#hatter img { width: 100%;}

#fej { position:absolute; width: 100%; background-color :#EFFFE6; height: 250px; top: 0; display:none;}



#oldal {
	position: relative;
	width: 1200px;
	background-color: #FFF;	
	margin: 0 auto;
	background-image: url(hatter.gif);
	background-repeat: repeat-y;
	background-position: left;
-webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.5);
box-shadow: 0 0 10px 2px rgba(0,0,0,0.5);}



#tartalom { float:left; width: 910px; padding: 0 20px; box-sizing: border-box; min-height:800px;}

#mozgomenu { position:fixed; width: 100%; background-color :#EFFFE6; top: -50px; z-index: 100; -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.5);
box-shadow: 0 0 10px 2px rgba(0,0,0,0.5); 
-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;

}
#mozgomenu img {
    float: left;
    max-width: 150px;    max-height: 41px;
    margin-right: 70px;
    margin-left: 70px;
}



ul#fomenu2{ margin: 0; }
ul#fomenu2 li{display:inline;float:left;position:relative;background-color:#EFFFE6;font-size:18px;z-index:91;}
ul#fomenu2 li:not(:last-child){margin-right:1px;}
ul#fomenu2 a{display:block;padding:10px 20px;text-decoration:none;}
ul#fomenu2 ul{
	position:absolute;
	padding:0px;
	display:none;
	margin:0px;
	z-index:92;
}


ul#fomenu2 ul li{font-size:15px;display:block;width:300px;background-color:#B28FB2;padding-left:10px;z-index:93;}
ul#fomenu2 ul li:not(:last-child){
	margin-right:0px; 	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}


ul#fomenu2 li a {color:#9A6D9A;}
ul#fomenu2 li a:hover {color:#FFF;}

ul#fomenu2 ul li a {padding:10px; color:#FFF;}
ul#fomenu2 ul li a:hover {color:#FFF;}
ul#fomenu2 ul li:hover{background-color:#9A6D9A;}

ul#fomenu2 li:hover{background-color:#B28FB2;}
ul#fomenu2 li:hover a{color:#FFF;}
ul#fomenu2 li:hover ul{display:block;}
ul#fomenu2:after{content:" ";clear:left;display:block;}










ul#fomenu{    padding: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,999999+50,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #999999 50%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#999999 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#999999 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 float:left;}
ul#fomenu li{display:inline;float:left;position:relative;background-color:#FFF;font-size:18px;z-index:91;}
ul#fomenu li:not(:last-child){margin-right:1px;}
ul#fomenu a{display:block;padding:10px 20px;text-decoration:none;}
ul#fomenu ul{
	position:absolute;
	padding:0px;
	display:none;
	margin:0px;
	z-index:92;

}


ul#fomenu ul li{font-size:15px;display:block;width:300px;background-color:#B28FB2;padding-left:10px;z-index:93;}
ul#fomenu ul li:not(:last-child){margin-right:0px; 	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF; }


ul#fomenu li a {color:#9A6D9A;}
ul#fomenu li a:hover {color:#9A6D9A;}

ul#fomenu ul li a {padding:10px; color:#FFF;}
ul#fomenu ul li a:hover {color:#FFF;}
ul#fomenu ul li:hover{background-color:#9A6D9A;}

ul#fomenu li:hover{background-color:#FFF;}
ul#fomenu li:hover ul{display:block;}
ul#fomenu:after{content:" ";clear:left;display:block;}

#fejmenu:after{content:" ";clear:left;display:block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,999999+50,ffffff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #999999 50%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#999999 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#999999 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
height: 1px; width: 100%;
}

h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;     font-size: 25px;
}

a { text-decoration:none; color: #336600; }
a:hover { text-decoration:underline;}



aside {float:left; width: 250px; padding:20px;}
aside a { color: #FFF; }
aside img { max-width:100%; }

aside .doboz {margin: 20px 0;}
aside .doboz:after{content:" ";clear:left;display:block; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#90b27d+0,ffffff+50,90b27d+100 */
background: #90b27d; /* Old browsers */
background: -moz-linear-gradient(left,  #90b27d 0%, #ffffff 50%, #90b27d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #90b27d 0%,#ffffff 50%,#90b27d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #90b27d 0%,#ffffff 50%,#90b27d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90b27d', endColorstr='#90b27d',GradientType=1 ); /* IE6-9 */
height: 1px; width: 100%; margin-top: 20px;
}

#belepes {}
#belepes form { margin-bottom:5px;}
#belepes h2 {
    font-size: 18px;
    color: #FFF;
    font-weight: normal;
    margin-bottom: 10px;
}

#belepes input {
	padding: 5px;
	width: 100%;
	margin-bottom: 5px;
	border: none;
	text-align:center;
	box-sizing: border-box;
	font-size: 18px;
}

#belepes input:focus{outline:0;}
#belepes input[type=submit] { background-color:#EFFFE6;}


#belepes ul {padding: 0; font-size: 15px;}
#belepes li {
	list-style-type: none;
}
#belepes li a { display:block; padding: 5px 0;}

.figyelem, .hiba {
    background-color: #90B27D;
    padding: 10px;
    text-align: justify;
    color: #FFF;
    margin: 20px 0;
    border-radius: 5px;
}

.hiba { background-color: #FF0000; }

section { margin-bottom: 20px;}
section h1 {font-size: 22px;  color: #9A6D9A;}	
section h2 { font-size: 20px; }
section h3 { font-size: 18px; }
section p { font-size: 16px; line-height: 150%;}
section img { max-width:100%; }

.rejtveny_lista {}
.rejtveny_lista a {font-weight:bold;}
.rejtveny_lista .tablafej { font-weight:bold;}
.rejtveny_lista .tablafej td { text-align: center; }
.rejtveny_lista tr:nth-child(odd) {background: #E5E5E5}
.rejtveny_lista td { padding: 5px; border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;}

#tartalom form {
	font-size: 15px;
	padding:20px;
	background-color: #E5E5E5;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	width: 650px;
    margin: 30px auto;
}
#tartalom input, #tartalom select {
	padding: 5px;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
	font-size: 18px;
	border-radius: 5px;
	margin-bottom:5px;
}

#tartalom input[type=submit] { background-color:#90B27D; width: 400px; border: none; color: #FFF; }

.rejtveny_lista {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

footer { clear: left; background-color :#666; padding: 20px; min-height:60px;}
footer a { color:#FFF;}
footer ul {font-size: 15px; text-align:center;}
footer li { display: inline;}
footer li a { padding: 0 10px;}

.timer {
    text-align: center;
    margin-bottom: 20px;
    font-size: 25px;
}

.kat { float: left; width: 19.2%; margin-right: 1%;}
.kat:nth-child(5) { margin-right: 0;}
.kat img { width: 100%;}

#cookie-tajekoztato{position:fixed;bottom:0px;min-height:50px;width:100%;background-color:rgba(0, 0, 0, 0.8);padding-top:15px;padding-bottom:20px;z-index:1000;}
#cookie-tajekoztato p{font-size:12px;color:#FFF;padding-bottom:15px;text-align:center;}
#cookie-bezar{width:120px;margin-left:auto;margin-right:auto;color:#4592B1;font-size:15px;}

.lapozas{font-size:11px;font-weight:bold;color:#FFFFFF; margin-top:30px;}
.lapozas a .oldalszam{background-color:#333333;color:#FFFFFF;}
.lapozas a .oldalszam:hover{background-color:#262626;}
.lapozas .oldalszam{line-height:30px;text-align:center;width:30px;height:30px;box-sizing:border-box;float:left;margin-right:5px;text-align:center;background-color:#90B27D;border-radius:5px;}

.sd_ban {
    width: 300px;
    position: absolute;
    margin-top: -540px;
    margin-left: 520px;
	text-align: center;
}

.banner {}
.banner img {max-width: 100%;}
#fuggony{position:fixed !important;position:absolute;overflow:auto;top:0;right:0;bottom:0;left:0;height:100%;width:100%;margin:0;padding:0;background-color:rgba(51, 51, 51, 0.8);z-index:998;}
#felugro{width:800px;margin-right:auto;margin-left:auto;padding:20px;margin-top:50px;z-index:1000;position:relative; background-color: #FFF; -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.5);
box-shadow: 0 0 10px 2px rgba(0,0,0,0.5);}


#felugro .bezar { width: 350px; margin: auto; background-color: red;  text-align: center;}
#felugro .bezar a { display:block;  padding: 10px; color: #FFF;}
#felugro .bezar a:hover  { text-decoration:none;}

.st {    font-size: 15px;
    color: #FFF;
    line-height: 150%;}
	
	
#facebook { 
	padding:5px;	
    width: 300px;
	height: 250px;
    position: fixed;
    bottom: 0;
    right: 20px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 100000 !important;
    overflow-y: hidden;
    background-color: #339430;
	 -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	 font-size: 15px;
	 display: none;
}

#facebook_fej { color: #FFF; line-height: 30px;}
#facebook .lefel { float:right; margin-top:5px;}

#rejtveny_ajanlo {
    font-size: 16px; line-height: 150%;
    background: #E5E5E5;
    padding: 20px; 
    border: solid 1px #ccc;
    margin: 20px 0;
}
    
#rejtveny_ajanlo:after {content:" ";clear:left;display:block;}

#rejtveny_ajanlo figure {
    float: left;
    width: 40%;
    padding: 0;
    margin: 0 50px 0 0;
}
#rejtveny_ajanlo figure img { width: 100%;}
#rejtveny_ajanlo .cim { font-size: 25px; color: #9A6D9A; }
#rejtveny_ajanlo p {font-size: 16px; line-height: 150%;}
#rejtveny_ajanlo ul {font-size: 16px; line-height: 150%;}
#rejtveny_ajanlo li {font-weight: bold; list-style: none;}
#rejtveny_ajanlo .kiem {    color: #900; font-size: 22px;}