@charset "utf-8";

/* CSS Document */

@font-face {
    font-family: 'regular';
    src: url('../css/fonts/bukra-regular.woff2') format('woff2'),
         url('../css/fonts/bukra-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


#nav{
    min-width:500px;
	padding:0;
	clear:both;
	}

#nav li{
    list-style: none;
    display: block;
    float:right;
    position: relative;
	font-family: 'regular', sans-serif;
	font-size:15px;
	text-decoration:none;
	height:45px;
	line-height:45px;
	border-left:solid 1px #0b6cac;
	border-right:solid 1px #002e5d;
	}

#nav li a{
    padding:0 25px;
    margin:0;
	text-decoration:none;
	color:#fff;
	}


#nav li:first-child{border-right:none;}
#nav li:last-child{border-left:none;}

#nav li a:hover{color:#fff; background: #002e5d;}


#nav ul{
    padding:0;
    width:200px;
	background:#064f88;
	z-index:99;
	}


#nav .site-name,#nav .site-name:hover{
	padding:0 0;
    width:200px;
	}

#nav .site-name a{
    width:200px;
    overflow:hidden;
	height:45px;
	}


#nav li a{
    display: block;
	height:45px;
	line-height:45px;
	}
	

#nav ul li {

    width:230px;

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

	font-size:13px;

	color:#000;

	background:#f2f2f2;

	border-bottom:solid 1px #d8d8d8;

	text-transform:none;

	border-left:none;

	border-right:none;

	}



#nav ul li a {

	color:#000;

	}



#nav ul li a:hover{

	background:#002e5d;

	color:#fff;

	}



.active{

	background: #002e5d;

	}

	

/* Sub menus */

#nav ul{

    display: none;

    visibility:hidden;

    position: absolute;

    top: 45px;

}

/* Third-level menus */

#nav ul ul{

    top:0;

    left:200px;

    display: none;

    visibility:hidden;

}



#nav ul ul li{background:#f3f3f3;}



/* Fourth-level menus */

#nav ul ul ul{

    top:0;

    left:250px;

    display: none;

    visibility:hidden;

}



#nav ul li{

    display: block;

    visibility:visible;

}

#nav li:hover > ul{

    display: block;

    visibility:visible;

}