@charset "utf-8";
/* CSS Document */
*{
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-box-sizing: border-box;
}
* {
	margin:0;
	padding:0;
}
.bg-btnera {
	float: left;
	width:99%;
	text-align:center;
	background-color:#01354D;
	padding-left:1px;
	padding-right:1px;
}
nav {
	width:100%;
	max-width:900px;
	margin:1px auto;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing:0.06em;
	padding-left:6px;
	padding-right:6px;
	font-size:13px;
}
.menu_bar {
	display:none;
}
nav ul {
	overflow:hidden;
	list-style:none;
}
nav ul li {
	float:left;
	border: 1px solid #32465F;
	padding-left:8px;
	padding-right:8px
}
nav ul li a{
	color:#FFF;
	padding:8px;
	display:block;
	text-decoration:none;
	
}
nav ul li a:hover{
	background:#2284CC;
}
section{
	padding:8px;
}
@media screen and (max-width:480px) {
	nav {
		width:45%;
		height:auto;
		left:-200%;
		margin:0;
		position:fixed;
		padding-bottom:2px;
		padding-left:2px;
		background-color:#01354D;
	}
nav ul li {
	display:block;
	float:none;
	border-bottom:1px solid (255,255,255,.3);
}
.menu_bar {
	display:block;
	width:95%;
	background-color:#01354D;
	height:auto;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:4px;
	padding-right:4px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

.menu_bar .bt-menu {
	display:block;
	padding:6px;
	background-color:#01354D;
	text-align:left;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	-webkit-box-sizing:border-box;
 	-moz-box-sizing:border-box;
	box-sizing:	border-box;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 }	

.menu_bar span	{
	float:right;
	font-size:10px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	background-color:#01354D;

}

 }