/* MENÜ CSS */

.menu_container{
    background-color:#cc001e;
    width:100%;
    height:65px;
    overflow:hidden;
}

.menu{
    max-width:1280px;
    width:100%;
    margin:0 auto;
    padding:0px 20px;
    margin-bottom:14px;    
    height:65px;
    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:0px;
    width:19.9%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.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:22px 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:rgba(255,255,255,0.8);
    color:#cc001e;
}

.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% !important;
    border-top:1px solid #AAA;
}

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

.menu_almenu ul li:hover{
    border-top:1px solid #444;
    border-bottom:1px solid #444;
    background-color:#999;
}

.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:#666 !important;
    color:#fff !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;
    }
    .menu_container{

        height:45px;
        overflow:hidden;
    }

    .menu{
        max-width:1280px;
        width:100%;
        margin:0 auto;
        padding:0px 20px;
        margin-bottom:14px;
        height:45px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;

        /*Teszt*/
        border-bottom:0px solid #000;
    }
}

@media screen and (max-width:1000px){
    .menu_container .menu ul li a{ 
        font-size:12px;
        padding:15px 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    } 
    .menu_container .menu ul li{        
        margin-right:0px;
    }
}


@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 #fff;
        /*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:#cc001e;
        color:#FFFFFF !important;
        text-align: center;
        padding:20px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .menu_almenu{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        visibility: hidden;
        opacity:0;
        left:0px;
        position:absolute;
        width:100%;
        max-width:100%;
        background-color:#bbbfc3;
        margin:0px;
        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_alalmenu{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        visibility: hidden;
        opacity:0;
        left:0px;
        position:absolute;
        width:100%;
        max-width:100%;
        color:#FFF !important;
        margin:0px;
        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_alalmenu a{
        background-color:#646263;
        color:#FFF !important;
        border-top:1px solid #AAA;
        border-left:1px solid #AAA;
        border-right:1px solid #AAA;
    }
}