:root {
  --red: #e4124d;
  --gradient: #d70065;
  --gray-text: #7f7f7f;
  --gray-bg: #ededed;
  --gray-border: #c9c9c9;
  --lightgreen: #74f0c2;
  --lightgreen-hover: #51a895;
  --lightgreen-dark: #51a895;
  --green: #06c681;
  --blue: #2a7ee7;
  --font-primary: 'Asap';
  --font-secondary: 'Arial';
}

body {background: #ffffff; font-size: 12px; font-family: 'Verdana', 'Geneva', sans-serif;}           
#menicka { margin-left: auto; margin-right: auto; max-width: 1600px !important; }
#menicka .submenu {border-bottom: 0px; }
#menicka .submenu .datum { background: url('../images/vyskov-ikona-cityroll-down.png') no-repeat 165px 50%; }   
#menicka .submenu .datum select { color: #F8333C; }
#menicka .content .text .restaurace a#restlist { display: none; }
#menicka .content .text .restaurace a#restlist.aktivni { background: url('../images/vyskov-ikona-cityroll-up.png') no-repeat; }
#menicka .content .text .restaurace ul#cityroll li a { color: #F8333C; }
#menicka .content .text .restaurace ul#cityroll { width: 650px; }
#menicka .content .text .restaurace .menicka_detail { margin-bottom: 20px;}
#menicka .content .text .restaurace .menicka_detail .hlavicka .ikony { display: none}
#menicka .content .text .restaurace .menicka_detail .hlavicka .ikony .akce a:hover { background: url('../images/vyskov-ikona-akce-hover.png') no-repeat;}
#menicka .content .text .restaurace .menicka_detail .hlavicka .ikony .oblibena a:hover { background: url('../images/vyskov-ikona-oblibena-hover.png') no-repeat;}
#menicka .content .text .restaurace .menicka_detail .hlavicka .ikony .oblibena a.aktivni { background: url('../images/vyskov-ikona-oblibena-hover.png') no-repeat; }
#menicka .content .text .restaurace .menicka_detail .hlavicka .ikony .zasilani a:hover { background: url('../images/vyskov-ikona-zasilani-hover.png') no-repeat; }

#menicka .content .text .restaurace .vypis_menicek .hlavicka .info .nazev a
   {
      font-size: 12px; 
   }

#menicka .content .text .restaurace .vypis_menicek .hlavicka .info .nazev a
   { 
      font-size: 14px;
   }
   
#menicka .content .text .restaurace .vypis_menicek .hlavicka .info .telefon
   { 
      font-size: 12px;
   }
      
#menicka .content .text .restaurace .vypis_menicek .menicka a.rezervace
   {
      font-size: 12px;
   }

#menicka .content .text .restaurace .vypis_menicek .menicka .poradi_1
   {
      padding-top: 2px;
   }
   
#menicka .content .text .restaurace .vypis_menicek .menicka .poradi_2
   {
      padding-top: 2px;
   }
   
#menicka .content .text .restaurace .vypis_menicek .menicka .nabidka_1
   {
      font-size: 12px;
      width: calc(100% - 100px) !important;
   }
   
#menicka .content .text .restaurace .vypis_menicek .menicka .nabidka_2
   {
      font-size: 12px;
      width: calc(100% - 100px) !important;
   }
   
#menicka .content .text .restaurace .vypis_menicek .menicka .cena
   {
      width: 56px;
   }
   
#menicka .content .text .restaurace .vypis_menicek .menicka .doplnujici_info
   {
      font-size: 12px;
   } 
   
#menicka .content .text .restaurace .vypis_menicek .menicka a.rozvoz
   {
      font-weight: bold !important;
      padding-top: 0px;
      padding-bottom: 0px;
      text-align: left;
      font-size: 10px;
      float: left;
      width: calc(100% - 32px) !important;
      padding: 5px;
      padding-left: 5px;
      font-size: 11px;
      color: #000000;
      /*background: #5CA84E url('../images/ikona-rozvoz-small.png') no-repeat 5px 50%;*/
      background: var(--lightgreen) url('../../images/template/icon/rozvoz-pribor-b.svg') no-repeat 10px 45%;
      background-size: 13px;
      padding-left: 27px;
      margin-bottom: 4px;
      padding-top: 6px;
   }
      
#menicka .content .text .restaurace .vypis_menicek .menicka a.rozvoz:hover
   {
      /*background: var(--red) url('../images/ikona-rozvoz-small.png') no-repeat 5px 50%;*/
      background: var(--red) url('../../images/template/icon/rozvoz-pribor-w.svg') no-repeat 10px 45%;
      background-size: 13px;
      color: #ffffff;
      text-decoration: none;
   } 

#menicka .content .text .restaurace .vypis_menicek .menicka a.rozvoz span
   {
      font-weight: normal;
      font-style: italic;                                      
   }
   
#menicka .content .text .restaurace .vypis_menicek .menicka a.rozvoz .time
   {
      font-weight: normal;
      font-style: normal;
      float: right;
      border-bottom: 1px dotted #000000;
      font-size: 9px;
   }
   
#menicka .content .text .restaurace .vypis_menicek .menicka a.rozvoz:hover .time
   {
      border-bottom: 1px dotted #ffffff;
   }