/* begin Menu */
/* menu structure */
   .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover {    outline: none; }
   .art-menu, .art-menu ul {  margin: 0;  padding: 0;  border: 0;  list-style-type: none;  display: block; }
   .art-menu li {  margin: 0;  padding: 0;  border: 0;  display: block;  float: left;  position: relative;  z-index: 5;  background: none; }
   .art-menu li:hover {  z-index: 10000;  white-space: normal; }
   .art-menu li li {  float: none; }
   .art-menu ul {  visibility: hidden;  position: absolute;  z-index: 10;  left: 0;  top: 0;  background: none; }
   .art-menu li:hover>ul {  visibility: visible;  top: 100%; }
   .art-menu li li:hover>ul {  top: 0;  left: 100%; }
   .art-menu:after, .art-menu ul:after {  content: ".";  height: 0;  display: block;  visibility: hidden;  overflow: hidden;  clear: both; }
   .art-menu, .art-menu ul {  min-height: 0; }
   .art-menu ul {  background-image: url("images/spacer.gif"); padding: 10px 30px 30px 30px;  margin: -10px 0 0 -30px; }
   .art-menu ul ul {  padding: 30px 30px 30px 10px;  margin: -30px 0 0 -10px; }
   ul.art-menu { float: initial;  }   /* float: left; right; inherit; none; initial; */
   
/* menu structure */
   .art-menu {  padding: 0 0 0 0; }
   .art-nav {  position: relative;  min-height: 23px;  z-index: 100; }  /* #C49F68 --- #F28020   */
   .art-nav .l {  position: absolute;  z-index: -1;  top: 0;  height: 100%;  background-color: #F28020; } 
   .art-nav .l {  left: 0;  right: 0; }
/* end Menu */

/* begin MenuItem */
   .art-menu a {  position: relative;  display: block;  overflow: hidden;  height: 23px;  cursor: pointer;  text-decoration: none; }
   .art-menu ul li {    margin:0;    clear: both; }                                          /*  boja pozadine glavnog meni-a   */
   .art-menu a .l {  position: absolute;  display: block;  top: 0;  z-index: -1;  height: 79px;  background-color: #F57F29; }   /* #F6A53C; #C49F68; #FFCA5E */

   .art-menu a .l {  left: 0;  right: 0; }
   .art-menu a .t, .art-menu ul a, .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover {  font-weight: bold;  text-align: left;  text-decoration: none;  text-transform: uppercase; }

   .art-menu a .t {  color: #000000;  padding: 0 8px;  margin: 0 0;  line-height: 23px;  text-align: center; }

   .art-menu a:hover .l {  top: -28px; }
   .art-menu li:hover>a .l {  top: -28px; }
   .art-menu li:hover a .l {  top: -28px; }
/*  boja miš preko */      
   .art-menu a:hover .t    {  color: #FFFFFF; }       /* #F8F00B; */
   .art-menu li:hover a .t {  color: #FFFFFF; }       /* #F8F00B; */
   .art-menu li:hover>a .t {  color: #FFFFFF; }       /* #F8F00B; */
         
   .art-menu a.active .l {  top: -56px; }
   .art-menu a.active .t {  color: #D1D1D1; }
/* end MenuItem */

/* begin MenuSeparator */
   .art-menu .art-menu-li-separator {  display: block;  width: 1px;  height:23px; }
   .art-nav .art-menu-separator {  display: block;  margin:0 auto;  width: 1px;  height: 23px;  background-color: #FFFFFF; }
/* end MenuSeparator */

/* begin MenuSubItem */
   .art-menu ul a {  display: block;  text-align: center;  white-space: nowrap;  height: 20px;  width: 230px;  overflow: hidden;  line-height: 20px;  
         	                                                                                                       background-color: #C49F68;                /* #FFCA5E;  */
         	   background-position: left top;  background-repeat: repeat-x;  border-width: 1px;  border-style: solid;  border-color: #B07303; } /*  */
   .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span {  display: inline;  float: none;  margin: inherit;  padding: inherit;  background-image: none;
             text-align: inherit;  text-decoration: inherit; }
   .art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, 
   .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span        {  
            text-align: left;  text-indent: 12px;  text-decoration: none;  line-height: 20px;  color: #1A1A1A;  font-size: 11px;  margin:0;  padding:0;     }

   .art-menu ul li a:hover {  color: #F8F00B;  border-color: #B07303;  background-position: 0 -20px; }
   .art-menu ul li:hover>a {  color: #F8F00B;  border-color: #B07303;  background-position: 0 -20px; }
   .art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span {  color: #FFFFFF; }
   .art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span {  color: #FFFFFF; }
/* end MenuSubItem */