charset "utf-8";

@charset "utf-8";


@media screen and (max-width: 1000px) {
#menu br {
    display: none;
  }
}



@media screen and (orientation: landscape) {
#menu {margin:0; padding:0 0 0 10%; background-color:#184093; height:auto; overflow:hidden;}

#menu:after {clear: both;}

#menu ui {margin:0; padding:0; list-style: none;}

#menu li {
	float: left; background-color:#184093;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
margin:2px 0;
padding: 10px;
display: inline;
border-left: 1px dotted #fff;
border-right: 1px dotted #fff;
white-space: nowrap;
}
 
#menu li+li {
margin:2px 0;
border-left: 0;
border-right: 1px dotted #fff;
}


#menu ul li a
{
	display: block;
	padding: 0px 5px;
	border-top: 5px solid #184093;
	color: #fff; text-align:center;
	text-decoration: none;
	font-size:100%; line-height:1.4;
}

#menu ul li a:hover
{
	display: block;
	padding: 0px 5px;
	border-top: 5px solid #FFF;
	color:#FFF; text-align:center;
	text-decoration: none;
	font-size:100%; line-height:1.4;
}


}


@media screen and (orientation: portrait) {
#menu {margin:0; padding:0 0 0 10px; background-color:#184093; height:auto; font-size:200%;}

#menu:after {clear: both;}

#menu ui {margin:0; padding:0; list-style: none;}

#menu li {
background-color:#184093;

margin:2px 0;
padding: 5px 20px; border-bottom:2px dotted #fff;

white-space: nowrap;
}
 
#menu ul li a
{
	display: block;
	padding: 0px 5px;

	color: #fff;
	text-decoration: none;
line-height:1.4;
}

#menu ul li a:hover
{
	display: block; background-color:#FFF;
	padding: 0px 5px;

	color:#184093;
	text-decoration: none;
line-height:1.4;
}

}


.fixed {
    position: static;
    top: 0;
    width: 100%;
    z-index: 999;
}