/* MENÜ CSS */

.menu_container{
    background-color:#2c90d1;
    width:100%;
    height:45px;
    overflow:hidden;
}

.menu{
    max-width:1280px;
    width:100%;
    margin:0 auto;
    padding:0px 20px;
    margin-bottom:14px;    
    height:60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    
    /*Teszt*/
    border-bottom:0px solid #000;
}

.menu_container .menu ul{
    list-style-type: none;
    margin:0px;   
    padding:0px;
}

.menu_container .menu ul:after{
    display: block;
    clear: both;
    content:"";
}

.menu_container .menu ul li{
    float:left; 
    margin-right:5px;
}

.menu_container .menu ul li:last-of-type{
    margin-right:0px;
}

.menu_container .menu ul li a{    
    font-family: "Exo", sans-serif;
    font-weight:600;
    text-align: center;
    display:block;
    color:#FFFFFF;
    padding:15px 20px;    
    cursor:pointer;
    text-decoration:none;
}

a.husegakcio{
    color:#fceb03 !important;
}

a.husegakcio:hover{
    text-shadow:1px 1px 2px #333333;
}

.menu_container .menu ul li a:hover{
    background-color:#cfd3d6;
    color:#0392d5;
}

.menugomb{
    display:none;
}

.menu_container .menu ul li:hover .menu_almenu{
    visibility: visible;
    opacity: 1;
}

.menu_almenu{
    visibility: hidden;
    opacity:0;    
    position:absolute;
    width:250px;
    background-color:#bbbfc3;
    margin-top:-6px;
    z-index:11;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.menu_almenu ul li{
    width:100%;    
    border-top:1px solid #AAA;
}

.menu_almenu ul li:last-of-type{
    width:100%;
    border-bottom:0px;
    border-bottom:1px solid #AAA;
}

.menu_almenu ul li:hover{
    border-top:1px solid #8a9f09;
}

.menu_almenu a{
    display:block;
    color:#333333 !important;
    width:100%;
    
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.menu_almenu a:last-of-type{
    
}

.menu_almenu a:hover{
    background-color:#afca0b !important;
    
}

.menu_almenu ul li:hover  .menu_alalmenu{
    visibility: visible;
    opacity: 1;
}

.menu_alalmenu{
    visibility: hidden;
    opacity:0;    
    position:absolute;
    left:250px;
    width:250px;
    background-color:#cfd3d6;
    margin-top:-52px;
    z-index:11;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.menu_alalmenu a{
    background-color:#cfd3d6;
    border-top:1px solid #AAA;
    border-left:1px solid #AAA;
    border-right:1px solid #AAA;
}

.menu_alalmenu a:last-of-type{
    border-bottom:1px solid #AAA;
}

@media screen and (max-width:1150px){
    .menu_container .menu ul li a{ 
        font-size:14px;
        padding:15px 15px;
    } 
}

@media screen and (max-width:1000px){
    .menu_container .menu ul li a{ 
        font-size:12px;
        padding:15px 10px;
    } 
    .menu_container .menu ul li{        
        margin-right:3px;        
    }
}


@media screen and (max-width:800px){
    .menu_container{
        border-top:1px solid #FFF;
        visibility:hidden;
        opacity:0;
        height:0px;
        margin-bottom:20px;
    }
    
    .menu_container .menu{
        height:auto;
        padding:0px;
    }
    
    .menu_container .menu ul{
        width:100%;
        padding:0px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    
    .menu_container .menu ul:after{
        display: block;
        clear: both;
        content:"";
    }

    .menu_container .menu ul li{        
        margin-right:0px;
        width:100%;
        border-bottom:1px solid #2586c5;
        /*color:*/
    }
    
    .menu_container .menu ul li:last-of-type{        
        border-bottom:0px solid #2586c5;
    }

    .menu_container .menu ul li a{ 
        padding:10px 0px;
        font-size:20px;
        
    }   
    
    .menugomb{
        margin-top:20px;        
        display:block;    
        width:100%;
        background-color:#2c90d1;
        color:#FFFFFF !important;
        text-align: center;
        padding:20px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
}