/* CSS Document */
 /* .aside-ul */

    .aside-ul {
      padding-left: 0; font-family:arial,
    }
    .aside-ul span {
      padding: 5px; color: rgb(198,198,198); 
    }

    .aside-ul__section {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      font-size: 1.4rem;
      /* background-color: #278bf1; */
      /* background-color: #a7a7a7; */
      //background-color: #efefef;
      background-color: rgb(242,242,242);
      border: 1px solid #e5e5e5;
      /* border-left: 5px solid #052648; */
    }

     .aside-ul__section2 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      font-size: 1.4rem;
      /* background-color: #278bf1; */
      // background-color: ; 
       
      background-color:rgb(250,250,250);
      //background-color: rgb(242,242,242);
      //background-color: rgb(242,242,242);
      border: 1px solid #e5e5e5;
      /* border-left: 5px solid #052648; */
    }
    /* .aside-ul__list>.aside-ul__section {
      background-color: transparent;
    } */

    .aside-ul__section--sub-1 {
      border-left: 0.5px solid #efefef;
      //background-color: #0b58a8;
      background-color: white;
      xcolor:red;
    }

    .aside-ul__section--sub-2 {
      border-left: 0px solid #f7f7f7;
      background-color: #efefef;
      
    }

    .aside-ul__section--sub-3 {
      border-left: 0px solid #efefef;
      background-color: #f7f7f7;
    }

    .aside-ul__section--sub-4 {
      border-left: 0px solid #efefef;
      /* background-color: #f7f7f7; */
    }

    .aside-ul__sub-section {
      display: flex;
      xjustify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
    }

    .aside-ul__btn {
      display: flex;
      xjustify-content: center;
      align-items: center;
      height: 24px;
      padding: 0.5em;
      background-color: rgba(0, 0, 0, 0);
      transform: rotate(90deg);
      transition: transform 0.2s linear;
    }

    .aside-ul__btn:hover {
      cursor: pointer;
    }

    .aside-ul__btn--open {
      transform: rotate(180deg);
    }

    .aside-ul__list {
      display: none;
      width: 100%;
      padding-left: 0;
      /* border-top: 1px solid #e5e5e5; */
      background-color: #efefef;
      list-style-type: none;
    }
      .aside-ul__listo {
      
      width: 100%;
      padding-left: 0;
      /* border-top: 1px solid #e5e5e5; */
      background-color: #efefef;
      list-style-type: none;
    }
      .aside-ul__listo2 {
      
      width: 100%;
      padding-left: 0;
      /* border-top: 1px solid #e5e5e5; */
      background-color: #efefef;
      list-style-type: none;
    }
    

    .aside-ul__item {
      padding-left: 1em;
      font-size: 1.4rem;
    }

    ul .aside-ul__link--active {
      color: #023A77;
      xcolor: rgb(0, 127, 224);
      font-weight: 700;
      font-size:16px;
    }

    .aside-ul__link:hover {
      color: rgb(0, 127, 224);
    }

    .aside-ul__link {
      display: inline-block;
      width: 80%;
      padding: 1em 0;
      color: #000;
      text-decoration: none;
    }

    .aside-ul__link--sub1 {
      display: inline-block;
      width: 100%;
      padding: 1em 0;
      padding-left: 0.5em;
      font-weight: 700;
      color:black;
      xcolor: rgb(51,51,51);
      
      text-decoration: none;
      font-size: 1.4rem;
    }
    
    .aside-ul__link--close {
      display: inline-block;
      width: 100%;
      padding: 1em 0;
      padding-left: 0.5em;
      color: rgb(51,51,51);
      xfont-weight:500;
      text-decoration: none;
      font-size: 1.4rem;
    }
    
    

    .aside-ul__link--sub2 {
      padding-left: 1em;
      font-size: 1.4rem;
      font-weight: 300;
      color: rgb(51,51,51);
      width: 100%;
    }

    .aside-ul__link--sub3 {
      padding-left: 1.5em; 
      /* font-size: 1.4rem; */
    }

    .aside-ul__link--sub4 {
      padding-left: 2em;
      /* font-size: 1.4rem; */
    }

    .aside-ul__section>.aside-ul__link {
      font-weight: 550; display: inline-block;  width:83%;  padding: 1em 0;
    }

    .aside-ul__item>.aside-ul__link {
      width: 100%;
    }

    @media only screen and (max-width: 800px) {

      .aside-ul__link {
        padding-left: 0.5em;
      }

      .aside-ul__link--sub1 {
        padding-left: 1em;

      }

      .aside-ul__link--sub2 {
        padding-left: 1.5em;
      }

      .aside-ul__link--sub3 {
        padding-left: 2em;
      }

      .aside-ul__link--sub4 {
        padding-left: 2.5em;
      }
    
    }

    /* .header-nav */

    .header-nav {
      position: sticky;
      top: 0;
      display: flex;
      flex-direction: column;
      background-color: #fff;
      font-size: 2.7rem;
      font-weight: bold;
      z-index: 1000;
    }

    .header-nav__bar {
      /* position: relative; */
      display: flex;
      justify-content: space-between;
      align-items: center;
       xbackground-color: #f7f7f7;
      border-bottom:1px solid rgb(180,180,180);
    }

    x.xheader-nav__logo {
      padding: 0;
      width: 190px;
      flex-grow: 2;
    }

    .header-nav__icons {
      height: 44px;
      margin-right:10px;
    }
     
  
     @media(max-width:800px){
   .header-nav__logo {
      padding: 0;
      width: 180px;
      flex-grow: 2; 
     xdisplay: none;
   }  
     .aside-ul__btn {
      
      margin-right: 20px;
      
      } 
      
      .container, .aside-ul__link--close, .aside-ul__link--sub1, .aside-ul__link {font-size: 1.2em; xcolor:red;} 
   }
 
  
         @media (max-width:480px){
   x.header-nav__logo {
      padding: 0;
      width: ;
      flex-grow: 2; 
   }    
   } 
    .header-nav__icon:hover {
      /* cursor: pointer; */
    }

    .header-nav__btn {
      cursor: pointer;
      padding-left:10px;
    }

    .header-nav__btn svg {
      display: block
    }

    .header-nav__search-box {
      display: none;
      background-color: #f7f7f7;
    }

    .header-nav__search-box .b-search {
      padding: 0;
      margin: 0.5em 0;
    }

    .header-nav__call-box {
      display: none;
      padding: 0.5em 0;
      background-color: #f7f7f7;
      text-align: center;
    }

    .header-nav__body {
      display: none;
      background-color: #f7f7f7;
    }

    .header-nav__menu {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0;
      padding: 0.8em 0;
      border-bottom: 1px solid #e5e5e5;
      list-style: none;
      font-weight: initial;
    }

    .header-nav__menu-link {
      display: inline-block;
      font-size: 1.8rem;
      text-decoration: none;
      color: #000;
    }

    @media only screen and (min-width: 1150px) {
      .header-nav,.aside-ul {
        display: none;
      }
     
    }

    @media only screen and (max-width: 800px) {
      .container {
        padding-top: 1em;
        }
       
      
    }
      @media only screen and (max-width: 1150px) {
      .me-h {
        display:none;
      }
      .left_menu {display:none;}
      
    }


    /* Fix for urls from relative to absolute */
    .b-search input[type="submit"] {
      background-image: url(https://www.levne-gravirovani.cz/images/search-icon.png);
    
     
    }