@charset "utf-8";

html{overflow-y:scroll;overflow-x:hidden}
body,html{font-size:18px;font-family:'Open Sans',sans-serif;width:100%;height:100%;padding:0 10px;margin:0;color:#888;background-position:center center;background-size:cover;background-attachment:fixed}

img{border:none}
*,::after,::before{box-sizing:border-box}
a{outline:0;color:#1d2b54}
a:hover{}
a,a:hover{text-decoration:none}
i{cursor:pointer}
img{width:100%;height:auto;line-height:normal;vertical-align:middle}
li,ul{list-style:none}
input{border:solid 1px;border-color:rgba(192,192,192,.9);background-color:#FFF;font-size:18px}
input:focus::-webkit-input-placeholder {color:transparent}
input:focus::-moz-placeholder {color:transparent}
input{margin:10px auto;padding:5px;border-radius:10px;text-align:center;width:100%}
h1, h2{margin:0;padding:0;color:#FFF;text-align:center}

.a_menufix{width:100%;height:auto;margin:0 auto;padding:10px;font-size:12px;text-align:center;background:#fff;color:#333;position:relative;}
.a_menu img{width:auto;height:auto}
#a_menu{position:fixed;z-index:4444;top:0;left:0;width:100%;height:auto;margin:0 auto;padding:10px;font-size:12px;text-align:center;background:#fff;color:#333;position:relative;}}

.full{float:left;width:100%;height:auto;display:block;position:relative;margin:0 auto;padding:0 20px}
.wrapper{border:solid 10px rgba(0,0,0,.7);width:100%;height:100%;float:left;display:block;position:relative;margin:auto;padding:0}

.header{width:100!;height:auto;}
.header ul{display:flex;flex-wrap: wrap;padding:0;margin:0}
.header ul li{width:30%;text-align:center;font-size:32px;color:orange}
.header ul li img{}
.header ul li:first-child{background-size:cover;background-position:center center}
.header ul li:nth-child(3){width:40%;border-left:solid 1px orange}

.galery{width:100%;height:auto;background:#006600;color:#333;margin:0 auto;padding:0;display:flex;flex-wrap:wrap}
.galery img{width:20%;height:auto}
.galery h1{width:100%;color:#fff;text-align:center;padding:20px;font-size:40px}
.galery h1 span{color:#888}
.galery ul{width:100%;margin:0;padding:5px;display:flex;flex-wrap: wrap;position:relative}
.galery ul li{width:25%;height:148px;overflow:hidden;padding:5px;margin:0 auto;background:rgba(0,0,0,.1);position:relative}
.galery ul li p{display:none}
.galery ul li:hover p{display:block;width:auto;position:absolute;bottom:0;left:0;padding:10px;margin:0;background:rgba(255,255,255,.7);color:#333}
.galery ul li img{width:100%;visibility:visible;opacity:1;cursor:pointer;position:relative;margin:0}
.galery ul li:hover{opacity:0.5}

.main{width:100%;height:auto;background:#fff;color:#333;margin:0 auto;padding:0;display:flex;flex-wrap:wrap}
.main h1{width:100%;color:orange;font-weight:700;font-size:32px;margin:0;padding:5px}
.main p{width:100%;height:auto;}
.main ul{width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap}
.main ul li{width:70%;margin:0 auto;padding:5px 10px;display:block}
.main ul li:nth-child(2){width:30%;padding:5px}
.main ul li ul{width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap}
.main ul li ul li{width:70%;margin:0;padding:5px;border:solid 1px #888}
.main ul li ul li:nth-child(2n+0){width:30%}
.main .fb-page{width:100%}

.info{width:100%;height:auto;background:#fff;color:#333;margin:0 auto;padding:0;display:flex;flex-wrap:wrap}
.info h1{width:100%;color:orange;font-weight:700;font-size:32px;margin:0;padding:5px}
.info p{width:100%;height:auto;background:rgba(0,0,0,.1);padding:5px}
.info ul{width:100%;margin:0 auto;padding:0;display:flex;flex-wrap:wrap}
.info ul li{width:50%;margin:0 auto;padding:5px 10px}

span.red{color:red}

.picturediv{width:90%;height:90%;position:fixed;z-index:7777;top:5%;left:5%;display:flex;flex-wrap: wrap;background:#fff;padding:0;webkit-box-shadow: 0px 9px 21px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 9px 21px -1px rgba(0,0,0,0.75);
box-shadow: 0px 9px 21px -1px rgba(0,0,0,0.75)}
.picturediv img{width:auto;height:auto;max-width:90%;max-height:90%;margin:5% auto;position:relative;border: solid 10px #fff}
.picturediv span{position:fixed;z-index:7778;top:5%;left:5%;background:#fff;color:#333;padding:10px;margin:0}
.picturediv p{width:45%;position:fixed;z-index:7778;bottom:5%;text-align:center;background:#fff;color:#000;cursor:pointer;padding:10px;margin:0}
.picturediv p:first-child{left:5%}
.picturediv p:nth-child(2){left:50%}
.picturediv p:nth-child(3){left:85%;width:10%}

.egynegyed{float:left;width:25%;height:420px;border:solid 3px #FFF;display:table-cell;position:relative;margin:0 15px 0 0;padding:10px;color:#FFF;background-size:auto 100%;background-position:center center; -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;}
.egynegyed:hover{background-size:auto 120%;border-radius:15px 0 15px 0}
.egynegyed a:hover button{color:#336699}
.egynegyed p{width:100%;padding:20px;background:#009941;color:#FFF;position:absolute;left:0;bottom:0;z-index:2;margin:0;display:none}
.egynegyed p#elso{background:#ff4000}
.egynegyed:last-child{margin:0}

#goTop{position:fixed;z-index:5555;top:-100px;right:30px;background:rgba(255,255,255,.6);width:auto;height:auto;padding:10px;text-align:center}
#goTop:hover{background:#fff;cursor:pointer}

nav{width:100%;height:auto;text-align:center;margin:0;padding:0;position:relative;}
nav ul{margin:0 auto;padding:0;display:flex;flex-wrap:wrap;text-align:center;width:100%}
nav ul li{margin:0;padding:10px 0;width:20%;display:block;font-size:18px;font-weight:700;color:orange;-webkit-box-shadow: 6px 13px 44px -21px rgba(0,0,0,0.95);-moz-box-shadow: 6px 13px 44px -21px rgba(0,0,0,0.95);box-shadow: 6px 13px 44px -21px rgba(0,0,0,0.95);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
nav ul li a{color:orange}
nav ul li:hover{background:#888;color:#FFF}
nav ul li:hover a{color:#FFF}

.flex{display:flex;flex-wrap: wrap;padding:10px 0;margin:0 auto;z-index:8888;top:100%;left:0;position:absolute;width:100%;background:#fff;border-bottom:solid 3px #333;-webkit-box-shadow: 6px 13px 44px -21px rgba(0,0,0,0.95);-moz-box-shadow: 6px 13px 44px -21px rgba(0,0,0,0.95);box-shadow: 6px 13px 44px -21px rgba(0,0,0,0.95)}
.gyorskereso{display:none}
.flex div{width:50%;padding:10px}
.flex h2{color:#1d2b54;text-align:center;width:100%;font-size:20px}

.flex form{width:100%;margin:0 auto;padding:0;background:none}
.flex form input{width:100%;margin:5px auto;display:block}
.flex p{width:50%;position:absolute;z-index:444;top:70px;left:0px;padding:10px;background:#fff;color:#333;border-top:solid 2px #333;border-bottom:solid 2px #333;border-radius:10px}
#gkp{display:none}
.flex p button{width:auto}

button{cursor:pointer}

footer{float:left;width:100%;height:auto;display:block;position:relative;margin:0 auto;padding:0}
footer ul{display:block;padding:10px;margin:0;float:left}
footer ul li{display:block;color:white;padding:10px;margin:0}
footer ul li a, footer ul li a:hover{color:#FFF}

textarea.noscrollbars{overflow-y:scroll;overflow-x:hidden;width:100%;margin:10px auto;padding:5px;border:solid 1px;border-radius:10px;font-size:18px}
.gotit{cursor:pointer}

@media screen and (max-width:670px) {
.full{padding:0}
.header ul li:nth-child(3){width:100%}
nav ul{display:flex;flex-wrap: wrap}
nav ul li{width:50%}
.main ul li:nth-child(2){width:100%}
a .egynegyed p{display:block}
.info ul li{width:100%}
.header ul li{width:100%}
.main ul li{width:100%}
.galery img{width:100%}
.galery ul li{width:100%}
body, html{padding:0}
}

@media screen and (max-width:1020px) {
.egynegyed{width:50%;display:block}
.full{padding:0}
}

@media screen and (min-width:1200px) {
	.full{width:980px;height:auto;margin:0 auto;padding:0;display:block;float:none}
	.fel{width:50%}
	.wrapper{width:100%;float:left;margin:0}
	div.nomargin{margin-right:0px;}
	
}