.nav { margin-bottom: 0; }
.nav > li.dropdown.open {}
.nav > li.dropdown.open .dropdown-menu {}

.navbar-nav>li>.dropdown-menu {
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #eee;
	box-shadow: none;
}
.navbar-nav>li>.dropdown-menu a{line-height: 20px; padding: 10px;color:#fff; background: #008bd2;}
.navbar-nav>li>.dropdown-menu a:hover{color:#008bd2; background: #fff;}
.navbar-default .navbar-nav>li>a {
  
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {background: #008bd2; color: #fff;}

.navbar {border-radius: 0; margin-bottom: 0;font-family: Open Sans, Arial, Helvetica, Sans Serif; min-height: 40px;}
.navbar-default {background: #fff; border: none; border-bottom: 1px solid #ccc;}
.navbar  .top {float: none; display:table;table-layout: fixed; margin: 0 auto; font-size: 14px; font-weight: 300;}

.navbar-default .navbar-nav > li > a {color: #fff; font-weight: 300; }
.navbar-default .navbar-nav > li > a:hover {color:#fff;}
.nav > li > a {padding: 15px; line-height: 18px}
.nav a {
	position: relative;
	display: inline-block;
	outline: none;
	padding: 0;
	line-height: 50px;
}
.nav a:hover,
.nav a:focus {
	outline: none;
}

.navbar-collapse { padding-right: 0px;} 

.mainnav {width: 100%; background: #043263; border-right: 1px solid #fff;}
.mainnav > li {width: 33.33%; text-align: center;border-left: 1px solid #fff; background: #043263; height: 100%;}
.mainnav :first-child{}
.mainnav > li  > a {font-size: 16px; min-height: 36px;}
.basenav > li > a {color: #012f60;}
.mainnav  li ul {width: 100%;}

.smallnav {position: absolute; top: 0;width:100px; left: 50%; }
.smallnav > ul {margin-left: -160px; width: 320px; }
.smallnav > ul  > li {float: left;}
.smallnav > ul  > li > a {
    padding: 5px 5px;
}	
.caret {
    margin-left: 10px;
}
.navbar-right {margin-right: 0;}
.container>.navbar-collapse, .container>.navbar-header {margin-left: 0;}
.dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.dropdown.open .dropdown-menu {
    max-height: 300px;
    opacity: 1;
}
@media (min-width: 100px) and (max-width: 767px){
	.mainnav > li {width: 100%; border: none; border-bottom: 1px solid #fff; text-align: left;}
	.smallnav {position: relative; width:100%; clear: both; background: #fff; left: 0; top: 0; margin-right: 0 }
	.smallnav > ul {margin: 0; width: 100%; }
	.navbar-nav { margin: 0}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff;}