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

*, *:before, *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.topnavbar{width:100%;
  height:auto;
  float: left;
  background-color:#dc0000;
  margin:1px 0 0 0;
  }
  
.menu-link { display: none;}
.menu { 
  margin:0 auto;
  text-align:center;
  position:relative;
  z-index:99999999999999999999;
  font-family: 'Roboto Slab', serif;
  -webkit-transition: all 0.3s ease;  
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; 
}
.menu ul { 
  padding: 0px;
  float:none;
  list-style: none;
  position: relative;
  display: inline-table;
}
.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 1px 0 !important;
	background-color: #fff;
	color: #000;
	border: 1px solid #CCC;
}
.menu ul li { padding: 0px; }
.menu > ul > li { display: inline-block; padding:11.5px 12px; background:url(../images/nav-divider.jpg) right no-repeat;}
.menu ul li a { display: block; color:#ffffff; text-transform:uppercase; text-shadow:1px 1px 1px #700000; text-decoration: none; font-size:17px; font-weight:400;}
.menu ul li:last-child a{ border-right:none;}

@-moz-document url-prefix() { 
 .menu > ul > li { display: inline-block; padding:11.5px 10px; }
}

/*
.menu ul li:first-child a{border-left:1px solid #9e0000;}
.menu ul li:last-child a{border-right:1px solid #9e0000;}
*/
.menu ul li > a { height:auto;  }
.menu ul li:first-child{ padding-left:0;}
.menu ul li:last-child{ background:none; padding-right:0;}
.menu ul li a.active{ color:#fff;}
.menu ul li a:hover{ color:#fff; opacity:0.9;}
.menu ul ul { 
  display: none; 
  position: absolute; 
  top:100%;
  min-width: 250px;
  background-color: #6d050d;
  border: 1px solid #000;
}
.menu ul li:hover > ul { display: block; }
.menu ul ul > li { position: relative;border-bottom:1px solid #f1f1f1; }
.menu ul ul > li:last-child{ border-bottom:none;}
.menu ul ul > li a { padding: 8px 10px 8px 10px !important; text-align:left; height: auto; color:#fff; font-weight:normal; background-color: #000; }
.menu ul ul > li a:hover { background-color: #dc0000; color: #fff; opacity:1;}
.menu ul ul ul { position: absolute; left: 100%; top:0; }



@media all and (max-width: 768px) {
  .example-header .container { width: 100%; }
  
  .topnavbar{width:100%;
	  height:auto;
	  float: left;
	  background:none;
	  background:none;
	  margin:-93px 0 0 0;
	  border-top:#a7a7a7 0px solid; 
	  border-bottom:#a7a7a7 0px solid;
	}
  
  a.menu-link { display: block; background:url(../images/menu_2.png) #fff 6px 8px no-repeat; border-radius:2px;  top:20px; position:absolute; z-index:9999999999999; right:15px; text-decoration: none; width:auto; padding:16px; font-size:.7em; text-transform:uppercase; font-weight:bold; border:#dddddd solid 1px;}
  .menu { clear: both; width:100%; min-width: inherit; float: none; border:none; border-radius:0px;}
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #021d72; }
  .menu ul li > a{ font-size:1em !important;}
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu > ul > li{ padding:0 !important;}
  .menu.active, .menu > ul ul.active { max-height: 55em; }
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; }
  .menu li a { color: #512698; display: block; text-align:left; padding: 0.8em; border-left:0px !important; border-bottom: 1px solid #ffffff; position: relative; }
  .menu ul li a{ padding:13px 10px !important;}
  .menu ul li a:hover{background-color:#e4510f; color:#ffffff; opacity:1;}
  .menu ul li a.active{}
  .menu li.has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.25em 0.25em ;
  }
  .menu li.has-submenu > a.active:after {
    content: "-";
  }
  .menu ul ul > li:first-child{background:none;}
  .menu ul ul > li a {  height:auto; padding: 7px 20px 7px 20px!important; border-bottom:1px solid #fff;  color:#fff; background-color:#dc0000;}
  .menu ul ul > li a:hover{background-color: #000;}
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
}