#nav {
padding-top:0px;
}

#nav > a {
display: none;
}

#nav li {
position: relative;
list-style-type: none;

}

#nav li a,
#nav li .nolink {
display: block;
color: #fff;
}

#nav li a:active {
}

#nav span:after,
#global_nav span:after {
display: inline-block;
position: relative;
}

/* first level */

#nav > ul {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#nav > ul > li {
float: left;
margin-left:6px;
}

#nav > ul > li > a,
#nav > ul > li > .nolink {
padding:10px;
text-align: center;
text-decoration:none;
}

#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a,
#nav > ul > li:hover > .nolink {
background-color: #369;
}

#nav > ul > li > .nolink:hover,
#global_nav > ul > li > .nolink:hover {
cursor: pointer;
}


/* second level */

#nav li ul {
background-color: #369;
display: none;
position: absolute;
top: 100%;
border-left: none;
}

#nav li:hover ul {
display: block;
left: 0;
margin-left:0px;
padding-left:0px;
white-space: nowrap;
}

#nav li:not( :first-child ):hover ul {
}

#nav li ul a {
padding:10px 10px 10px 20px;
border-top: 1px dotted #69c;
text-decoration:none;
font-size:14px;
}

#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a {
background-color: #69c;
}


}


@media only screen and ( max-width: 62.5em ) /* 1000 */
{
#nav {
width: 100%;
position: static;
margin: 0;
}

}

@media only screen and ( max-width: 50em ) /* 800 */
{
}

@media only screen and ( max-width: 900px ) /* 800 */
{

#nav {
right:0;
}

#nav > a {
width: 44px;
height: 44px;
text-align: left;
text-indent: -9999px;
background-color: #369;
position: absolute;
right:0px;
border:1px dotted #69c;
}

#nav > a::before,
#nav > a::after {
position: absolute;
border: 2px solid #fff;
top: 35%;
left: 25%;
right: 25%;
content: '';
}

#nav > a::after {
top: 60%;
}

#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type {
display: block;
}


/* first level */

#nav > ul {
height: auto;
display: none;
position: absolute;
background-color: #369;
z-index:1;
}

#nav:target > ul {
padding:0px;
margin:43px 0px 0px 0px;
display: block;
right:0px;
width: 100%;
}

#nav > ul > li {
width: calc(100% - 6px);
float: none;
}

#nav > ul > li > a,
#nav > ul > li > .nolink {
height: auto;
text-align: left;
}

#nav > ul > li:not( :last-child ) > a,
#nav > ul > li > .nolink {
border-right: none;
border-bottom: 1px solid #69c;
}


/* second level */

#nav li ul {
position: static;
margin-left:0px;
padding-left:10px;
}

#nav li ul li a {
padding-left:20px;
border-top: none;
border-bottom: 1px dotted #6cf;
}


}



/*
	AUTHOR: Osvaldas Valutis, www.osvaldas.info
*/



@import url( '_normalize.css' );
@import url( '_defaults.css' );



.clearfix::after {
	content: '';
	display: table;
	clear: both;
}


@media screen and (max-width: 40em), screen and (max-height: 40em) /* 640 */
{
}