/**
 * pragmaMx - Web Content Management System.
 * Copyright by pragmaMx Developer Team - http://www.pragmamx.org
 * $Id: nav-1.css 6 2015-07-08 07:07:06Z PragmaMx $
 */
/* Navigation */
#navigation {
   background: #FFF;
}

.navigation-inner {
   border-top: 1px solid #CCC;
   border-bottom: 1px solid #CCC;
   margin: 0 1em;   
}

/*** TOP NAVIGATION ***/
#navbar {
   list-style-type: none;
   margin: 0;
   padding: 0;
   position: relative;
   width: 100%;
   z-index: 15;
}

#navbar li {
   display: block;
   float: left;
   list-style-type: none;
   margin: 0;
   padding: 0;
   position: relative;
   border-right: 1px dotted #CCCCCC;
}

#navbar li a {
   background-color: transparent;
   color: #666;
   display: block;
   font-size: 1.2em;
   line-height: 36px;
   min-height: 36px;
   padding: 4px 13px 6px 11px;
   position: relative;
   text-align: center;
   text-decoration: none;
   border-top: 3px solid #FFF;
   margin: 2px 2px 0;
}

#navbar li.first a {
   
}

#navbar li a:hover {
   border-top: 3px solid #799D24;
   color: #333;
   
}

#navbar li a span.title {
   display: inline;
   font-size: 1em;
   margin: 0;
   padding: 0;
   text-align: center;
   text-decoration: none;
   text-transform: none;
   line-height:36px;
   font-weight: normal;
   text-transform: uppercase;   
}

#navbar li.active a {
   border-top: 3px solid #799D24;
   color: #292929;
}

#navbar li a span.arrow {
   display: none;
}

/* fade on mouse out */
#navbar li a.fadethis {
   position: relative;
   z-index: 1;
}

#xnavbar li a:hover,
#xnavbar li:hover a,
#navbar li a.fadethis span.hover {
   color: #111;
   display: block;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
}

#navbar li.active a.fadethis span.hover {
   background: transparent none;
   color: inherit;
}

/* submenus */
#navbar ul {
   background-color: #222;
   /*border-bottom: 1px solid #a7a299;*/
   border-radius: 4px;
   box-shadow: 0px 8px 10px rgba(0,0,0,0.5);
   color: inherit;
   display: none;
   left: -1px;
   line-height: normal;
   list-style-type: none;
   margin: 0;
   -moz-border-radius: 4px;
   -moz-box-shadow: 0px 8px 14px rgba(0,0,0,0.3);
   padding: 1px;
   position: absolute;
   top: 50px;
   -webkit-border-radius: 4px;
   -webkit-box-shadow: 0px 8px 14px rgba(0,0,0,0.3);
   width: 250px;
}

#navbar li.active ul li a {
   background: transparent none;
   color: #DDD;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
   border: none;
}

#navbar ul li {
   background: none;
   float: none;
   margin: 0;
   border:none;
}

#navbar ul li a {
   border: none;
   height: auto;
   line-height: 125%;
   margin: 0;
   min-height: 1px;
   padding: 8px 14px 8px 8px;
   text-align: left;
   color: #999;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
   text-transform: none;
}

#navbar li.active ul a {
   background: none;
}

#navbar ul li a:hover,
#navbar li.active ul li a:hover {
   background-color: #8FAB28;
   border:0;
   color: #ffffff;
   border-radius: 4px;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

#navbar ul li a.active,
#navbar li.active ul li a.active,
#navbar ul li.active a {
   background-color: #799D24;
   color: #fff;
   border-radius: 4px;
}

#navbar ul li.active li a {
   background: transparent;
   color: #eee9df;
}

#navbar ul li a span.title {
   padding: 0 0 0 10px;
}

#navbar ul ul {
   border-radius: 4px;
   left: 250px;
   -moz-border-radius: 4px;
   top: 0;
   -webkit-border-radius: 4px;
}

#navbar li:hover ul ul,
#navbar li:hover ul ul ul,
#navbar li:hover ul ul ul ul {
   display: none;
}

#navbar li:hover ul,
#navbar li li:hover ul,
#navbar li li li:hover ul,
#navbar li li li li:hover ul {
   display: block;
}

#navbar li li a span.arrow {
   display: block;
   line-height: 32px;
   position: absolute;
   right: 6px;
   top: 0;
}

/* fade on mouse out */
#navbar li li a.fadethis span.hover,
#navbar li.active li a.fadethis span.hover {
   background-color: #799D24;
   color: #eee;
   border-radius: 4px;
}

