div#main_menu { /*height: 20px;*/ z-index:100; padding-left: 5%;}

div#main_menu a { color: white; text-decoration: none; font-size:1.6rem; text-shadow: 2px 2px 2px #111111; }

div#main_menu a:hover {color:rgb(25,54,114);}

div#main_menu ul > li:active > a { color:rgb(25,54,114) }

div#main_menu ul > li:hover > a { color:rgb(25,54,114) }

div#main_menu ul, div#main_menu li { margin: 0px; padding: 0px; position: absolute; z-index: 160; }

div#main_menu ul > li.active > a { color: rgb(25,54,114); }

div#main_menu ul.nav{margin-left:24px}

div#main_menu li { height: 36px; padding-top:15px;}

div#main_menu li { list-style: none; list-style-image: none; position: relative; padding-left: 20px; padding-right:20px; white-space: nowrap; font-weight: 600 }

div#main_menu ul li {text-transform: uppercase;}

div#main_menu ul li:hover { background-color: rgb(0,152,231); }

div#main_menu > ul li { float: left; margin-top: 4px; }

div#main_menu ul ul li { float: none; font-weight: normal; padding-top:0px; padding-bottom:0px; text-transform: none; }

@media only screen and (min-width: 0px) and (max-width: 1024px) { div#main_menu ul ul { top: 30px; } }

@media only screen and (min-width: 1025px) {  div#main_menu ul ul { top: 50px; } }

div#main_menu ul ul { z-index: 150; display: none; position: absolute; background-color: rgb(0,152,231); }

div#main_menu li:hover > ul { display: block; }

div#main_menu ul ul { left: 0px; }

div#main_menu ul ul ul { left: 100%; top: 0px; z-index: 75; }

#line_under_menu {
    border-top: 1px rgb(191,185,165) solid; margin-right:5%; position: relative; margin-left:24px; z-index:100;
}

@media only screen and (min-width: 1025px) and (max-width: 1239px){ #line_under_menu {  margin-right:8.5%; } }

@media only screen and (min-width: 1240px) and (max-width: 1512px){ #line_under_menu {  margin-right:8%; } }

@media only screen and (min-width: 1513px) and (max-width: 1654px){ #line_under_menu {  margin-right:7%; } }

@media only screen and (min-width: 1655px)                        { #line_under_menu {  margin-right:6.5%; } }

/* chowamy ikonki do mobilnego menu w desktopie */
#input-toggle{
    display: none
}
 /* koniec menu dla desktop */

/* poniżej menu dla mobile*/
@media screen and (max-width:1024px) {
div#main_menu{padding:0; background-color: rgb(0,152,231);}

div#main_menu ul{ background-color: rgb(0,152,231);  width:100%; }

div#main_menu ul.nav{margin-left:0px}

div#main_menu > ul li { margin-top: 0px; }

div#main_menu ul li{
    border:0;
    width:100%;
    max-width: 100%;
    min-width:0;
    background-color: rgb(0,152,231);
    padding-top: 5px;
    padding-bottom: 18px;
}

div#main_menu ul li a { display: block; text-align: center; }

#input-toggle {opacity:0; position: absolute; top:0; left:0; }

.navigation-toggle { 
    display:block;
    width:auto; 
    height:36px; 
    color:#FFFFFF; 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
    padding-top:10px; 
    cursor:pointer; 
    background-color: rgb(0,152,231);
    margin-bottom: -3px;
}
.navigation-toggle span { 
    background-color: #F5F5F5; 
    
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 
    display:block; 
    height:4px; 
    width:30px; 
    margin:4px 10px; 
}

@media only screen and (min-width: 1px) and (max-width: 550px){ 
    .navigation-toggle span { margin:4px 26px; }
}

div#main_menu ul {
    
    overflow: hidden;                
    max-height:0;
    transition:max-height 0.35s ease 0s;
    -webkit-transition:max-height 0.35s ease 0s;
    -moz-transition:max-height 0.35s ease 0s;
}

div#main_menu #input-toggle:checked + ul { max-height:none; }

#line_under_menu{display: none}

}

/* DO ZROBIENIA: PO STARCIE, PRZEPISAĆ GENEROWANIE MENU W JOOMLA TAK, ABY BYŁY PRZYDZIELANE
   WĘZŁOM ODPOWIEDNIE KLASY I TE KLASY STYLOWAĆ */
/* wytrychy
@media only screen and (min-width: 0px) and (max-width: 1024px) {
    div#main_menu li.item-122, div#main_menu li.item-124, div#main_menu li.item-127, div#main_menu li.item-135,
    div#main_menu li.item-140, div#main_menu li.item-145, div#main_menu li.item-148, div#main_menu li.item-151,
    div#main_menu li.item-153, div#main_menu li.item-160, div#main_menu li.item-163, div#main_menu li.item-167
    {padding-top:10px}
    
    div#main_menu li.item-177, div#main_menu li.item-129, div#main_menu li.item-138, div#main_menu li.item-144, 
    div#main_menu li.item-147, div#main_menu li.item-150, div#main_menu li.item-156,
    div#main_menu li.item-159, div#main_menu li.item-162, div#main_menu li.item-166, div#main_menu li.item-169
    { padding-bottom:5px }
}
*/
@media only screen and (min-width: 1025px) {
    div#main_menu li.item-122, div#main_menu li.item-123, div#main_menu li.item-127, div#main_menu li.item-135,
    div#main_menu li.item-140, div#main_menu li.item-145, div#main_menu li.item-148, div#main_menu li.item-151,
    div#main_menu li.item-153, div#main_menu li.item-160, div#main_menu li.item-163, div#main_menu li.item-167
    {padding-top:25px}  
    
    div#main_menu li.item-177, div#main_menu li.item-129, div#main_menu li.item-144, 
    div#main_menu li.item-147, div#main_menu li.item-150, div#main_menu li.item-156,
    div#main_menu li.item-159, div#main_menu li.item-162, div#main_menu li.item-166, div#main_menu li.item-169,
	div#main_menu li.item-237,
    { padding-bottom:10px }
}

@media only screen and (min-width: 0px) and (max-width: 1024px) {
    #line_under_menu{top:35px;}
}

@media only screen and (min-width: 1025px) {
    #line_under_menu{top:55px;}
}


#footer_menu ul {text-align: center; margin-top:1.5%; margin-bottom:1.5%}

#footer_menu li {display: inline; margin-left:3%;}

@media only screen and (min-width: 1px) and (max-width: 550px) {
#footer_menu li {display:block; padding: 6%}
.f_menu_left li, .f_menu_right li{display: block}
.f_menu_left, .f_menu_right {padding-top:6%; padding-bottom:6%}
}

#footer_menu li.item-110 {margin-left:0px;}

@media only screen and (min-width: 1px) and (max-width: 1024px){ 
    



    div#main_menu ul ul 
    { 
        z-index:none; 
        display: block; 
        position: relative; 
        top:0; 
        overflow:initial;
        max-height:none;

    }

    div#main_menu li 
    {
      padding-left: 0px;
      padding-right: 0px;
      height:auto;

    }

    div#main_menu li ul li 
    {
     
      padding:10px 0px;
      font-weight:300; 

    }


    div#main_menu ul ul ul 
    {
    left:0;
    top:0;
    z-index: 75;
    }

    div#main_menu ul li ul
    {
    display:none;
    margin-top:20px;

    }    

    div#main_menu ul li ul li ul 
    {
    display:none;
    margin-top:20px;
    padding:10px 0px;
    position: relative;

    } 

    div#main_menu ul li ul li ul::before 
    {
    content:'';
    position: absolute;
    top:0px;
    left:20%;
    width:60%;
    height:1px;
    background:white;
    }

    div#main_menu ul li ul li ul::after 
    {
    content:'';
    position: absolute;
    bottom:0px;
    left:20%;
    width:60%;
    height:1px;
    background:white;
    }

    div#main_menu a {
    font-size: 18px;
    }

    div#main_menu li:hover > ul { display: none; }



}