@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@charset "UTF-8";

/* Base Styles */

#cssmenu ul,

#cssmenu li,

#cssmenu a {

  list-style: none;

  margin: 0;

  padding: 0;

  border: 0;

  line-height: ;

  font-family: 'Lato', sans-serif;

}

#cssmenu {

  border: 1px solid #133e40;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

  width: auto;

}

#cssmenu ul {

  zoom: 1;

  background: #3366cc;

  background: -moz-linear-gradient(top, #3366cc 0%, #273096 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3366cc), color-stop(100%, #273096));

  background: -webkit-linear-gradient(top, #3366cc 0%, #273096 100%);

  background: -o-linear-gradient(top, #3366cc 0%, #273096 100%);

  background: -ms-linear-gradient(top, #3366cc 0%, #273096 100%);

  background: linear-gradient(top, #36b0b6 0%, #273096 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', endColorstr='@bottom-color', GradientType=0);

  padding: 5px 25px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

}

#cssmenu ul:before {

  content: '';

  display: block;

}

#cssmenu ul:after {

  content: '';

  display: table;

  clear: both;

}

#cssmenu li {

  float: left;

  margin: 0 5px 0 0;

  border: 1px solid transparent;

}

#cssmenu li a {

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

  padding: 8px 15px 9px 15px;

  display: block;

  text-decoration: none;

  color: #ffffff;

  border: 1px solid transparent;

  font-size: 16px;

  width:177.5px;

  text-align:center;

}

#cssmenu li.active {

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

  border: 1px solid #3366cc;

}

#cssmenu li.active a {

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

  display: block;

  background: #3366cc;

  border: 1px solid #133e40;

  -moz-box-shadow: inset 0 5px 10px #133e40;

  -webkit-box-shadow: inset 0 5px 10px #133e40;

  box-shadow: inset 0 5px 10px #133e40;

}

#cssmenu li:hover {

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

  border: 1px solid #3366cc;

}

#cssmenu li:hover a {

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

  display: block;

  background: #3366cc;

  border: 1px solid #133e40;

  -moz-box-shadow: inset 0 5px 10px #133e40;

  -webkit-box-shadow: inset 0 5px 10px #133e40;

  box-shadow: inset 0 5px 10px #133e40;

 

}
.acc {

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

  display: block;

  background: #3366cc;

  border: 1px solid #133e40;

  -moz-box-shadow: inset 0 5px 10px #133e40;

  -webkit-box-shadow: inset 0 5px 10px #133e40;

  box-shadow: inset 0 5px 10px #133e40;

 

}


#sub-menu {

    width:160%;

    padding:5px 0px;

    position:absolute;

    top:100%;

    left:0px;

    z-index:-1;

    opacity:0;

    transition:opacity linear 0.15s;

    box-shadow:0px 2px 3px rgba(0,0,0,0.2);

    background:#2e2728;

}

 

#sub-menu li {

    display:block;

    font-size:16px;

}

 

#sub-menu li a {

    padding:10px 30px;

    display:block;

}

 

#sub-menu li a:hover, #sub-menu .current-item a {

    background:#3e3436;

}