/*
nav {    
    position: relative;
    background: #8EB2BE;
    z-index: 25; 
    line-height: 16px;
    width: 100%;
}
nav.fixed { position: fixed; width: 100%; top: 0; }
#bar1 {   
    width: 1024px;
    margin: auto;
    padding: 0px;
    color: white;
    overflow:auto;
    font-size: 12px; 
    list-style: none; 
    line-height: 16px;
}
#bar1>li { font-weight: normal; float: left; font-family: Verdana,Arial,sans-serif; }
#bar1 ul.dropdown-inside li { z-index: 5; clear: both; }
#bar1 li.act { background-color: rgb(214, 138, 156); }
#bar1>li>a{    
    float: left;
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size:1.1em;
      
}
#bar1>li>a {
    border: none;
    color: white;
    height: 35px; 
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-justify-content: center; 
    padding: 8px 10px;
    padding: 8px 16px;
    padding: 8px 21px;
    padding: 8px 16.2px;
    line-height:1.4;
    cursor: pointer;
    text-align: center;
    text-decoration: none !important;
}
#bar1>li>a:hover,#bar1>li>a:active, #bar1>li>a:focus,#bar1>li:hover>a {
    background: #D68A9C;
    color: white;
     background-image: url(images/active_menu.png);
    background-repeat: no-repeat;
    background-position: center 44px;
}
#bar1>li>ul>li {
    background: gray; 
    border-top: none;
    left: 0;
    top: 51px;
    position: absolute;
    width: 100%;
}
#bar1 .dropdown-container {
    color: white;
    overflow: hidden;
    background-color: rgb(255, 245, 245);
    border-top: 2px solid white;
    margin: auto;
    width: 1024px;
}
#bar1 .dropdown-blurb {
    border-right: 2px solid orange;
    float: left;
    padding: 10px;
    width: 200px;
}
#bar1>li>ul>li .dropdown-links { float: left; }
#bar1>li>ul>li .dropdown-links a {
    color: white;
    display: block;
    margin: 10px;
    text-decoration: none !important;
    line-height: 1.5;
    padding: 0.2em 0.4em;
    text-decoration: none;
}
#bar1>li:hover>ul>li{ display: block; }
#bar1>li>ul>li{ display: none; background-color: transparent; }
#bar1 .left-col, #bar1 .right-col {
    float: left; 
    height: 255px;
    text-align: left;
    padding: 5px 10px; 
    border-top: 2px solid #D68A9C;
}                
#bar1 .left-col ul, #bar1 .right-col ul {
    float: left; 
    margin: 0;
    padding: 3px;
    list-style: none;
}     
#bar1 .right-col h2, #bar1 .left-col h2 { margin: 14px 5px 3px 7px; }
    
#bar1 .left-col { background-color: #8EB2BE; width: 515px; } 
#bar1 .left-col h2 { color: rgb(185, 91, 98); }
#bar1 .left-col a { color: white; font-weight: bold; } 
#bar1 .left-col .menu-items { width: 248px } 
#bar1 .right_more .left-col .menu-items { width: 280px } 
#bar1 .left-col .menu-items li { padding: 3.5px 8px;  } 
#bar1 .right_more .left-col .menu-items li { padding: 4px 8px; text-indent: 0px; } 
#bar1 ul.dropdown-inside .left-col li:hover > a { color: #8EB2BE; text-decoration: none; }
    
#bar1 .right-col { width: 469px; background-color: #D68A9C; color: white; }
#bar1 .right-col div {
   padding: 5px;
   overflow: hidden;
 }
#bar1 .right-col ul {
    font-size: 13px;
    font-weight: bold;
    float: left;
    padding: 12px 0;
 }
#bar1 .right-col ul li {
    margin-bottom: 15px;
    margin-top: 5px;
 }
#bar1 .right-col c {  
    height: 48px;
    vertical-align: middle;
  }
#bar1 .right-col .menu-items {  
    width: 50%; 
}
#bar1 .right-col ul li img {
    margin-right: 12px;
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px; 
    border: 3px solid #e3b6c0;
    vertical-align: middle;
 }
 #bar1 .right-col .menu-items li p {
    width: 146px;
    width: 140px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
  }
#bar1 .right-col ul li a {
    color: white;
    text-decoration: none;
    vertical-align: middle;
    display: block;
    padding: 5px;
 }
#bar1 .right-col h2 { color: white; } 
#bar1 ul.dropdown-inside .right-col li:hover > a { color: #D68A9C; text-decoration: none; }
#bar1 .right_more .left-col { width: 230px; width: 280px; }
#bar1 .right_more .right-col { width: 754px; width: 694px; position: relative; }
#bar1 .right_more .right-col .menu-items { width: 33%; }
#bar1 .right_more .left-col {
    font-size: 120%;
    line-height: 160%;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
}
#bar1 .right_more .left-col::-webkit-scrollbar { width: 6px; }
#bar1 .right_more .left-col::-webkit-scrollbar-track { box-shadow: inset 0 0 4px #8EB2BE; border-radius: 10px; }
#bar1 .right_more .left-col::-webkit-scrollbar-thumb { background: #FFFFFF; border-radius: 10px; }
#bar1 .right_more .left-col::-webkit-scrollbar-thumb:hover { background: #DDDDDD; }

#bar1 .right_more .left-col.count-9,
#bar1 .right_more .left-col.count-8 { line-height: 135%; }
#bar1 .menu-items li:hover { background-color: white; }
#bar1 .menu-category { text-indent: -5px; text-transform: uppercase; }   
#bar1 li.menu-category:hover { background-color: transparent !important; }
#bar1 .menu-kereso div  {
    background-image: url(images/keresok-sprite.png); 
    background-repeat: no-repeat;
    height: 70px;
    width: 70px;
    float: left;
}
#bar1 .menu-kereso div.ovu { background-position: 0 0; }
#bar1 .menu-kereso div.szules  { background-position: -76px 0px; }
#bar1 .menu-kereso div.varandos  { background-position: -152px 0px; }
#bar1 .menu-kereso div.uh  { background-position: -230px 0px; }
#bar1 .menu-kereso div.kaloria  { background-position: 0px -75px; }
#bar1 .menu-kereso div.vercsoport  { background-position: -78px -75px; }
#bar1 .menu-kereso div.utonev  { background-position: -153px -75px; }
#bar1 .menu-kereso div.babaetrend  { background-position: -230px -75px; }
#bar1 .menu-kereso div.holmi  { background-position: -2px -150px; }
#bar1 .menu-kereso div.gyogyszer  { background-position: -77px -150px; }
#bar1 .menu-kereso a  { margin: 30px 80px; display: block; }   
*/