@font-face{
	font-family:'oswald';
	src:url(../fonts/oswald/Oswald-ExtraLight.ttf);	
}
@font-face{
	font-family:'oswald-bold';
	src:url(../fonts/oswald/Oswald-Bold.ttf);
}

.uld{
	float:right;
    position:relative;
    left:-50%;
    text-align:left;	
}
.ul1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #FFFFFF;
    list-style:none;
    position:relative;
    left:50%;    
}
.ul2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #123456;
    list-style:none;
}

.ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #FFFFFF;    
}
.li {
    float: left;
}

.li a {
    display: block;
    color: #123456;
    text-align: center;
    padding: 10px 12px;
    text-decoration: none;
    font:700 1em Oswald;
    font-size:20pt;
    border-style:solid; 
    border-width:3px;
    border-bottom-color:#FFFFFF;
    border-top-color:#FFFFFF;
    border-left-color:#FFFFFF;
    border-right-color:#FFFFFF;
}
.li a:hover {
    border-style:solid; 
    border-width:3px;
    display: block;
    color: #123456;
    text-align: center;
    padding: 10px 12px;
    text-decoration: none;
    font:700 1em Oswald;
    font-size:20pt;
    border-bottom-color:#123456;
    border-top-color:#FFFFFF;
    border-left-color:#FFFFFF;
    border-right-color:#FFFFFF;
}
.active {
    background-color: #123456;
}


.li2 {
    float: left;
}
.li2 a:hover {
    background-color: #FFFFFF;
    border-bottom-color:#FFFFFF;
    border-top-color:#FFFFFF;
    border-left-color:#FFFFFF;
    border-right-color:#FFFFFF;
    color: #111;
}
.li2 a {
    border-width:1px;
    border-style:solid; 
    border-bottom-color:#FFFFFF;
    border-top-color:#CCCCCC;
    border-left-color:#CCCCCC;
    border-right-color:#CCCCCC;
    display:block;
    vertical-align:middle;   
    font:700 1em Oswald;
    text-align:center;
    text-decoration:none;
    background:#FFFFFF;
    color:#000000;
}

.li3 a {
    border-width:1px;
    border-style:solid; 
    border-bottom-color:#CCCCCC;
    border-top-color:#CCCCCC;
    border-left-color:#CCCCCC;
    border-right-color:#CCCCCC;
    display:block;
    vertical-align:middle;
    font:700 1em Oswald;
    text-align:center;
    text-decoration:none;
    background:#CCCCCC;
    color:#000000;
}
.li3 a:hover {
    background-color: #FFFFFF;
    color: #111;
}
.li3 {
    float: left;
}

.li4 a {
    border-width:1px;
    border-style:solid; 
    border-bottom-color:#CCCCCC;
    border-top-color:#CCCCCC;
    border-left-color:#CCCCCC;
    border-right-color:#CCCCCC;
    display:block;
    vertical-align:middle;
    padding: 3px 3px 3px 3px;
    font:700 1em oswald-bold;
    text-align:center;
    background:#CCCCCC;
    color:#000000;
}
.li4 a:hover {
    background-color: #FFFFFF;
    color: #111;
}

.li4 {
    float: left;
}


.uld5{    
    text-align:left;	
    width:100%;
    height:100%;
    vertical-align:top;   	
}
.ul5{	
	list-style:none;
}
.li5 {    
}
.li5 a {
    display: block;
    color: #F7F9FB;
    text-align: center;
    padding: 10px 12px;
    text-decoration: none;
    background-color: #123456;
    font:700 1em Oswald;
    font-size:15pt;
}
.li5 a:hover {
    background-color: #CCCCCC;
    color: #111;
}


.ul6 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #000000;
    list-style:none;
}

.li6 {
    float:inherit;
}

.li6 a {
    display: block;
    color: #F7F9FB;
    text-align: center;
    padding: 20px 0px 20px 0px;
    text-decoration: none;
    font:700 1em Oswald;
    font-size:15pt;
    border-radius: 5px;    
}
.li6 a:hover {
    background-color: #CCCCCC;
    color: #111;
    padding: 20px 0px 20px 0px;
}

.menu {
	background: #FFFFFF;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 13em;
}
.menu li {
	font:700 1em oswald;
	margin: 0;
	padding: 0;
}
.menu li_2 {
	font:700 2em oswald;
	margin: 0;
	padding: 0;
}
.menu a {
	background: #e4e4e4;
	border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
	color: #000000;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
.menu a:hover {
	background: #123456;
	color: #FFFFFF;
	padding-bottom: 8px;
}

/*---------------------------------------------*/
.lay_f_menu{
	height: 825px;
	width: 100px;	
	position:fixed;
	z-index: 100;
	/*background: linear-gradient(0deg, #9CB1C2 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 25%, #9CB1C2 100%);*/
	/*background: linear-gradient(90deg, #717477 0%, #828a96 25%, rgba(255, 255, 255, 0.2) 75%, #636e7f 100%);*/
	background: rgba(6,43,81,0.6);
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.4), inset 0 0 1px rgba(255, 255, 255, 0.8);
}
/*--------------------------------------------*/