/*############ Alap HTML ##############x   */

html {
    height: 100%;
}

body {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left:0px;
    margin-right: 0px;
    height: 100%;
}

img {
    border: 0px;
}

.clear {
    clear:both;
    height: 0px;
    border:0;
}

.container {

    max-width: 1280px;
    /* Firefox */
    width: -moz-calc(100% - 4px);
    /* WebKit */
    width: -webkit-calc(100% - 4px);
    /* Opera */
    width: -o-calc(100% - 4px);
    /* Standard */
    width: calc(100% - 4px);
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    color:#37300F;
    font-family: 'Open Sans', sans-serif;
    border:2px #37300F solid;
    background: #EAD786;
    padding-left:0px;
    padding-right: 0px;
}
.tartalom {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;

}



/*###############   FEJ   #####################*/
.fej {
    /* Firefox */
    width: -moz-calc(100% - 248px);
    /* WebKit */
    width: -webkit-calc(100% 248px);
    /* Opera */
    width: -o-calc(100% - 248px);
    /* Standard */
    width: calc(100% - 248px);
    float:left;
}

.logopakk {
    width: 100%;

    height: 180px;
    border-bottom:2px #37300F solid;
    overflow: hidden;

}

.logopakk .logo {
    float:left;
}

.logopakk .logo img {
    width:150px;
}

.logopakk .logo .fb-like{
    text-align: center;
    width: 100%;

}


.logopakk .esemeny
{
    margin-left: auto;
    margin-right: auto;
    float:left;
    text-align: center;
    width: -moz-calc(100% - 200px);
    /* WebKit */
    width: -webkit-calc(100% 200px);
    /* Opera */
    width: -o-calc(100% - 200px);
    /* Standard */
    width: calc(100% - 200px);
    height: 200px;


}

.logopakk .esemeny img {
    border-right:2px #37300F solid;
}


.menu {
    width: 100%;
    border-bottom:2px #37300F solid;
    overflow: hidden;
    background: #e1c54c;

}

/*###############   MENÜ   #####################*/
.gombok_1 {

    width: 100%;
    margin-right: auto;
    overflow: hidden;
    margin-top:-1px;
    margin-left:auto;
    margin-right: auto;
    padding-left: auto;
    margin-bottom: 0px;


}
.gombok_1 li {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 0px;
    float:left;


}
.gombok_1 a {
    line-height: 100%;
    font-weight: bold;
    color:#37300F;
    display: block;
    padding: 11px 13px;
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.42,0,0.58,1);

}
.gombok_1  a:hover {
    color: #EAD786;
    background: #37300F;
    /* LEKEREKITES */
}

.gombok_1 .aktivmenu a {
    color: #EAD786;
}

.gombok_1 .aktivmenu ul li a {
    color: #37300F; 

}

.gombok_1 .aktivmenu  {
    background: #37300F; 

}

.aktivmenu ul li a{
    color: #37300F;
}

.gombok_1 li ul {
    display: none;
    position: absolute;

} 
.gombok_1 li:hover ul {
    transition: all 0.2s cubic-bezier(0.42,0,0.58,1);
    display: block;
} 

.gombok_1 li ul {

    max-width: 250px;
    margin-right: auto;
    overflow: hidden;
    margin-top:0px;
    margin-left:auto;
    margin-right: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    background: #e1c54c;
    border-left:2px #37300F solid;
    border-right: 2px #37300F solid;
    border-bottom: 2px #37300F solid;



}
.gombok_1 li ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 0px;
    float:left;
    width: 100%;



}
.gombok_1 li ul a {
    line-height: 100%;
    font-weight: bold;
    display: block;
    padding: 11px 5px;
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.42,0,0.58,1);

}
.gombok_1 li ul a:hover {
    color: #EAD786;
    background: #37300F;
    /* LEKEREKITES */
}

.gombok_1 li ul .aktivmenu a {
    color: #EAD786;
    background: #37300F; 

}



/*###############   MENÜ VÉGE   #####################*/


/*###############   TÖRZS   #####################*/


.duma {
    float:left;
    /* Firefox */
    width: -moz-calc(100% - 270px);
    /* WebKit */
    width: -webkit-calc(100% -270px);
    /* Opera */
    width: -o-calc(100% - 270px);
    /* Standard */
    width: calc(100% - 270px);
    padding:10px;
    text-align: justify;
}   

.duma a {
    color:#37300F;
    text-decoration: none;
    font-weight: 700;
} 




.doboz_kiskep img { border: none; 
max-width: 95%;
height: auto;
}

/*###############   ALJ   #####################*/
.alj {

}



.jobboldal {
    float:right;
    width: 246px;
    height: 100%;
    background: #e1c54c;
    border-left:2px #37300F solid;
    border-bottom:2px #37300F solid;

}


#naptartarto {
    float: right;
    background: #e1c54c;

    padding-left: 5px;
    font-size: 1.1em;
    width: 230px;
}

#naptartarto a {
    color:#37300F;
    text-decoration: none;
}

#naptartarto .napon-esemeny{
    border:2px solid #37300F;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #EAD786;
}
#naptartarto .napon-esemeny:hover{
    border:2px solid #37300F;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#naptartarto .napon-esemeny a{
    color:#37300F;
    text-decoration: none;
    display: block;
}

.napon-esemeny span {
    display: none;
    background: #EAD786;
    border:2px solid #37300F;
    color: #37300F;
    padding-left:5px;
    padding-right: 5px;
}
.napon-esemeny a:hover span
{
    display: block;
}

.napon-esemeny a:hover {
    position: relative;
}

.napon-esemeny a:hover span {
    display: block;
    position: absolute;
}

#naptartarto #elozoev, #naptartarto #elozohonap{
    float:left;
    margin-left: 20px;
}
#naptartarto #kovetkezoev, #naptartarto #kovetkezohonap{
    float:right;
    margin-right: 20px;
}
.submenudiv {
    border-top:2px #37300F solid;
    float: right;
    font-weight: 700;

    padding-left: 5px;
    font-size: 1.1em;
    width: 243px; 
}

.submenudiv ul li {
    list-style: square;
}.submenudiv ul li a{
    color: #37300F;
    text-decoration: none;
}
.submenudiv ul li:hover{
    text-decoration: underline;
    list-style-image: url(img/nyil.png);
}


.submenu .aktivmenu  {
    list-style-image: url(img/nyil.png);

}

/**************************************************
SLIDER
**************************************************/
#slider {
    width: 560px;
    height: 186px;
    margin-left: auto;
    margin-right: auto;
}

#slider #balkep {
    float:left;
}

#slider #jobboldal {
    width:376px;
    height: 182px;
    background: #e1c54c;
    float: right;
}
#slider #jobboldal h2 {
    font-size: 1.8em;
    font-weight: normal;
}

/*************************************************
*SLIDER VÉGE
*************************************************/

#wizard {
    display: none;
}
#liveempire {
    display: none;
}

#kalandozokkarnevalja {
    display: none;
}
#golemmuvek {
    display: none;
}
#golemmuvek img {
    float:left;
    padding:10px;
}

#w40k {
    display: none;
}


/************************************************
*ALSOMENU
***************************************************/
.alsomenu{
    padding-bottom: 10px;
    float:left;
    background: #37300F;
    width: 100%;
    text-align: center;
}

.alsomenu ul {
    width: 100%;
}
.alsomenu ul li{
    float:left;
    list-style: none;
    padding-left:10px;
    padding-right:10px;
font-size: 0.8em;
}
.alsomenu ul li a {
color:#EAD786;
font-weight: 700;
text-decoration: none;
}


#partnerek {
    text-align: center;
    padding-bottom: 5px;
}
#partnerek img {
    padding-bottom: 5px;
}


.terkep {
    float:right;
    margin-bottom: 15px;
    
}

div {
    transition: all 0.6s cubic-bezier(0.42,0,0.58,1);
}



.betaverzio {
    position: fixed;
    bottom:00px;
    right: -80px;
     
}
.betaverzio:hover {
  transition: all 0.4s cubic-bezier(.72,-0.01,.54,1.89);
    right: 10px;
}

@media only screen and (min-width: 320px) and (max-width: 1150px) {
    .fej{
        width: 100%;
    }
    .duma{
        /* Firefox */
        width: -moz-calc(100% - 270px);
        /* WebKit */
        width: -webkit-calc(100% -270px);
        /* Opera */
        width: -o-calc(100% - 270px);
        /* Standard */
        width: calc(100% - 270px);
    }

}

@media only screen and (min-width: 320px) and (max-width: 690px) {
    .fej .logo{
        display: none;
    }


}

@media only screen and (min-width: 320px) and (max-width: 720px) {
    .jobboldal{
        display: none;
    }
    .duma {
        width: -moz-calc(100% - 6px);
        /* WebKit */
        width: -webkit-calc(100% 6px);
        /* Opera */
        width: -o-calc(100% - 6px);
        /* Standard */
        width: calc(100% - 6px);
        padding:2px;
    }

    .fej .logopakk .esemeny {
        width: 100%;
        height: auto;
    }
    .fej .logopakk .esemeny img {
        width: 100%;
    }
    .fej .logopakk{
        height: auto;
    }

    .menu {
        font-size: 0.8em;
    }

    .gombok_1 {
        padding-left: 20px;
    }


}

@media only screen and  (max-width: 720px) {
    .jobboldal{
        display: none;
    }
    .duma {
        width: -moz-calc(100% - 6px);
        /* WebKit */
        width: -webkit-calc(100% 6px);
        /* Opera */
        width: -o-calc(100% - 6px);
        /* Standard */
        width: calc(100% - 6px);
        padding:2px;
    }

    .duma img {
        max-width: 80%;
        text-align: center;
    }

    .fej .logopakk {
        display: none;
    }


    .menu {
        font-size: 0.8em;
    }



}