@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@charset "UTF-8";

#cssmenu
{
padding:0px;
marguin:0px;
}

#cssmenu ul{
        
        list-style: none;
        background:#0351AA;
        font-size:15px;
        color: #ffffff;
zoom: 1;
  padding: 0px;
  
    }

#cssmenu    ul li{
        vertical-align:middle;
        display: inline-block;
        position: relative;
        text-align: center;
    }

#cssmenu ul:before {
  content: '';
  display: block;
}
#cssmenu ul:after {
  content: '';
  display: table;
  clear: both;
}

    #cssmenu ul li a{
        display: block;
        padding: 6px 6px;
        color: #ffffff;
        text-decoration: none;
    }

    #cssmenu ul li a:hover{
         -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background:#8C9DA4;
color:#FFFFFF;
  -moz-box-shadow: inset 0 5px 10px FF8C00;
  -webkit-box-shadow: inset 0 5px 10px FF8C00;
  box-shadow: inset 0 5px 10px FF8C00;
    }

    #cssmenu ul li ul.dropdown{
        min-width: 300px; /* Set width of the dropdown */
        background:#0351AA;
        display: none;
        position: absolute;
        z-index: 999;
        left: 0;
    text-align: left;
    }

#cssmenu ul li ul.dropdown li
{
   text-align: left;
}

    #cssmenu ul li:hover ul.dropdown{
        display: block;	/* Display the dropdown */
    }

    #cssmenu ul li ul.dropdown li{
        display: block;
    }

#cssmenu ul li.active {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;  
background: #8C9DA4;
  border: 1px solid #133e40;  
}


@media (max-width:1150px) and (min-width:1025px){

#cssmenu ul{
        font-size:13px;
    }


@media (max-width:1000px) and (min-width:401px){

#cssmenu ul{
        font-size:12px;
    }


@media (max-width:400px){

#cssmenu ul{
        font-size:12px;
    }



}