header {  color: #FFF; background: #066a36; transition: all 0.4s ease-out;}
.rmm {  margin: 0 auto; z-index: 1; }
.rmm ul li img{width: 20px;}
.rmm ul ul li img{width: 8px; margin-left: 5px;}
.rmm ul {  margin: 0;  padding: 0;  list-style: none;  position: relative;  }
.rmm ul:after {
  content: "";  clear: both;  display: block;}
.rmm ul li {
  float: left;}
.rmm ul li a {
  display: block;  text-decoration: none; font-size: 18px;}
.rmm ul li a:hover {
  opacity: 0.6;}
.rmm ul li:hover > ul {
  display: block;}
.rmm ul li:hover a {}
.rmm ul ul {
  display: none;  margin: 0;  padding: 0;  position: absolute;  top: 100%; left: 100px; }
.rmm ul ul li {
  float: none;  position: relative; 
}
.rmm ul ul li a {
  font-weight: 400; 
}
.rmm ul ul li:hover a {
  opacity: 1;
}
.rmm ul ul li li:hover a {
  opacity: 1;
}
.rmm ul ul ul {
  position: absolute;  left: 100%;  top: 0;  width: 100%;
}

/* mobile menu header button */
.rmm-toggled {
  width: 100%;  min-height: 60px;  margin: 0 auto;  display: none;
}
.rmm-closed ~ .rmm-mobile {
  display: none !important;
}
.rmm-toggled-controls {
  width: 100%;
}
.rmm-toggled-title {
  width: 60%;  float: left;  font-size: 20px;  color: #fff;  font-weight: 600;   display: block;
  padding: 8px 0;  text-decoration: none;  text-transform: uppercase;  text-align: left;  padding-left: 50px;
}
.rmm-toggled-button {
  display: block;  width: 40px;  padding-bottom: 0; 
  margin: 10px 20px 10px 0; float: right;
}
.rmm-toggled-button span {
  float: left;  display: block;  margin: 4px 6px;  height: 4px; background: white; width: 30px;
}

/* normalny back button visible only on mobiles  */
.rmm .rmm-back {
  display: none; font-size: 12px;
}
.rmm .rmm-back:after {
  display: none;
}
.rmm .rmm-back a:after {
  position: relative;  display: inline-block;  -webkit-transform: rotate(-60deg);  transform: rotate(-60deg);  top: 1px;
  right: -2px;  float: left;  font-size: 10px;
}
.rmm-mobile .rmm-back {
  display: block;
}

/* mobile menu list */
.rmm-mobile {
  width: 100%;
}
.rmm-mobile .rmm-dropdown:hover ~ ul,
.rmm-mobile .rmm-dropdown:hover > ul,
.rmm-mobile .rmm-dropdown:hover + ul {
  display: none !important;
}
.rmm-mobile ul {
  width: 100%;
  position: inherit !important;
}
.rmm-mobile li {
  width: 100%;
}

/* mobile menu js action */
.rmm-dropdown {
  display: block !important;
}
.rmm-mobile .rmm-subview {
  display: block !important;
  width: 100%;
}
.rmm-mobile .rmm-subover-hidden {
  display: none !important;
}
.rmm-mobile .rmm-subover-visible {
  display: block;
}
.rmm-mobile .rmm-subover-header {
  display: none !important;  padding: 0;  margin: 0;
}

/* mobile menu content */
.rmm-mobile .rmm-submenu {
  position: relative;  left: 0px;
}

.rmm .rmm-mobile li:hover > ul {
  display: none;
}

/* arrow down for wide screen */
.rmm.style ul {
 text-transform: uppercase;   display: inline-table;   text-align: left; z-index: 10;}
.rmm.style ul li {
  text-align: left;}
.rmm.style ul li:hover {
}
.rmm.style ul ul {
  display: none;   margin: 0; border-radius: 0px;   padding: 0;   position: absolute;}
.rmm.style ul li a {
  display: block;  text-decoration: none;  }
.rmm.style ul ul li a{color: #9e8019;  }
.rmm.style ul ul, .rmm.style ul ul ul{border-top: 1px solid #eee;}
.rmm.style ul ul li {
}

/* arrow down for wide screen */
.rmm.style ul li > a:not(:only-child):after {
  position: relative;
  display: inline-block;
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  top: -4px;  left: 1px;  font-size: 10px;
}

/* arrow left for wide screen submenus  */
.rmm.style ul ul li > a:not(:only-child):after {
  -webkit-transform: rotate(120deg) !important;
  transform: rotate(120deg) !important;
  top: 2px;  font-size: 14px;  float: right;  margin-right: -20px;
}

/* mobile style */
.rmm.style .rmm-mobile li > a:not(:only-child):after {
  -webkit-transform: rotate(120deg) !important;
  transform: rotate(120deg) !important;
  top: 4px !important;  font-size: 14px !important;  float: right;  margin-right: -20px;
}
.rmm.style .rmm-mobile li {
  background: #efefef;  border-bottom: 1px solid #fff !important;  border-top: 0 !important;
}
@media only screen 
and (min-width : 555px){ 
.rmm ul li a {  color: #fff; font-weight: 300;}
.rmm ul ul li a {  color: #9e8019; background: #ddd; margin-bottom: 1px; font-weight: 400; }
.rmm ul ul li:hover a {  background: #eee; }
.rmm ul ul li li:hover a {  background: #fff; }
.rmm.style ul li a { padding: 15px 19px;}
.rmm.style ul ul li a {  padding: 12px 20px; }
.rmm.style ul ul ul li a {  padding: 7px 20px; margin-left: 1px;
}
#cabecera .rmm.style ul ul{ width: 260px;}
#cabecera .rmm.style ul ul ul{ width: 200px;}
}