/*start menu */
#menucont { /*/container menu/*/
      position:relative;
      width:100%;
      border-top: 1px solid #08577c;
      background: #247499; /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(#2287b3, #205873); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#2287b3, #205873); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#2287b3, #205873); /* For Firefox 3.6 to 15 */
      background: linear-gradient(#2287b3, #205873); /* Standard syntax */
}

.mm {
      float:left;
}
.mm:hover {
      background: #133445;
}
.active {
      display:block;
      padding:12px 24px 12px 24px;
      color:#fff;
      background:#074562;
      background: -webkit-linear-gradient(#074562, #0a6088); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#074562, #0a6088); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#074562, #0a6088); /* For Firefox 3.6 to 15 */
      background: linear-gradient(#074562, #0a6088); /* Standard syntax */      
      }
.active a { color:#fff; text-decoration: none; font-size:14px; }

.inactive:hover {
      color:#eee;
      background:#145170;
      background: -webkit-linear-gradient(#145170, #133445); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#145170, #133445); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#145170, #133445); /* For Firefox 3.6 to 15 */
      background: linear-gradient(#145170, #133445); /* Standard syntax */
      -webkit-transition: all 0.3s ease;                  
      -moz-transition: all 0.3s ease;                 
      -o-transition: all 0.3s ease;   
      -ms-transition: all 0.3s ease;          
      transition: all 0.3s ease;    
}
.mm:hover .showme { display: block; z-index:99; } /*show submenu*/
.inactive a {
      display:block;
      text-decoration: none;
      padding:12px 24px 12px 24px;
      font-size:14px;
      color: #14a0e2; 
      -webkit-transition: all 0.3s ease;                  
      -moz-transition: all 0.3s ease;                 
      -o-transition: all 0.3s ease;   
      -ms-transition: all 0.3s ease;          
      transition: all 0.3s ease;
  }
.inactive a:hover, .inactive a:active {
      color: #eee;
}


.showme {
      position:absolute;
      z-index: 99;
      left:0px;
      display: none;
      width:100%;
      padding:0px;
      margin:0px;
}

/*/ submenu links /*/
.submenu, .showsubmenu {
      background:#0a6088;
      background: -webkit-linear-gradient(#0a6088, #074562); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#0a6088, #074562); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#0a6088, #074562); /* For Firefox 3.6 to 15 */
      background: linear-gradient(#0a6088, #074562); /* Standard syntax */
      padding:8px 8px 8px 4px;
}
.showsubmenu, .showsubmenu:hover {
      background: #133445;
}
.showmenu  {
      background:#133445;
      background: -webkit-linear-gradient(#133445, #145170); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#133445, #145170); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#133445, #145170); /* For Firefox 3.6 to 15 */
      background: linear-gradient(#133445, #145170); /* Standard syntax */
      padding:5px 8px 4px 4px;
}
.navigation ul {
      list-style: none;
      clear:both;
      padding: 0;
      margin: 0;
}
.navigation li {
      display: inline-block;
      margin-right: 4px;
      margin-left:4px;
      list-style-type: none;
      line-height:28px;
}

.navigation li a {
      color: #ffffff;
      font-family: 'Open Sans', sans-serif;
      font-size: 13px;
      text-decoration: none;
      padding: 3px 10px 3px 10px;
      -webkit-transition: all 0.3s ease;                  
      -moz-transition: all 0.3s ease;                 
      -o-transition: all 0.3s ease;   
      -ms-transition: all 0.3s ease;          
      transition: all 0.3s ease;	
}
.navigation li a:hover {
      border-radius: 5px;
      color: #000;
      background: #0eacf6;
}
.navigation li .activespan {
      border-radius: 5px;
      color: #000;
      background: #0eacf6;
      padding-left: 10px;
      padding-right: 10px;
      text-align: left;
}

