@font-face {
    font-family: "HP";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/HCOMP.TTF") format("opentype");
}
@font-face {
  font-family: "UTM";
  src: url("../fonts/UTM%20Bebas.eot?#iefix") format("embedded-opentype"), url("../fonts/UTM_Bebas.ttf");
}
.nav 
{
    float: left;
    font-size: 16px;
    padding: 0;

        }

       
.menu li a 
{
    color:white;

padding: 9px 26px;
    background-image:url('/Skins/leftmn.png');
    background-repeat:no-repeat;
  background-position: -2px 7px;

  
      }
      .menu li a.active
{
   
 background-image:url('/Skins/leftmn.png');
    background-repeat:no-repeat;

    padding: 9px 26px;
 
 color:yellow;
 background-position: -2px 7px;
      }
      
      .menu li:first-child a 
{
    border-left: medium none;
    padding: 9px 26px;
    background-image:none;
  
      }
            .menu li.menuhover ul li:first-child a 
{
   float: none;
display: block;
background: none repeat scroll 0% 0% transparent;
width: 178px;
padding-top: 10px;
position: relative;
left: -20px;
text-align: left;
color: #FFF;
border-left: medium none;
height: 16px;
font-size: 14px;

    padding: 9px 26px;
     
      }
.menu li a:hover { color:rgba(251, 251, 16, 1);}
.menu li:first-child a:hover {color: white;}
.menu 
{
    list-style:none;

      text-align:center;
       width:100%;
       margin:0 auto;
       
       padding:0; 
        outline:0}
.menu li 
{
    position:relative; 
    float:left; 
    z-index:1000;
    padding:0px;
    top:12px;
    }

    

.menu ul 
{
    display:none;
       top: 35px;
        left: -20px;
        display:none;
         list-style:none;
          border-bottom: 1px solid #0D7DBD;
          background:#96090e;
          padding:0px;
          -moz-box-shadow: 0 0 5px  #5F5F5F;
          -webkit-box-shadow: 0 0 5px  #5F5F5F;
          box-shadow: 0 0 5px  #5F5F5F;
          position: absolute;margin-left: 20px;
          padding-bottom:10px;
          }
.menu ul li 
{
    float:none;
              width: 230px;
               position:relative;
               left: 20px;
               color: rgb(15, 136, 216);
               }
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a 
{float: none;
display: block;
background: none repeat scroll 0% 0% transparent;
width: 178px;
padding-top: 10px;
position: relative;
left: -20px;
text-align: left;
color: #FFF;
border-left: medium none;
height: 16px;
font-size: 14px;
    }
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover { color: white;}
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span 
{
    float:none;
     display:block;
      background:none;
       height:16px;
        padding-top:9px;
      
        }
       .menu li.menuhover ul li a:hover
        {
            color: white;
           background:rgba(255, 255, 255, 0.7);
            
        }
.menu ul ul {left:170px; top:0;}
.menu li.submenu {font-weight:bold}
.menu li.noborder {border-top:none}
li.menuhover a, li.menuhover li.menuhover a {color:white;  }
li.menuhover span, li.menuhover li.menuhover span {color:Green; background:#459809;}
li.menuhover a:active {}