@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:100%;
	background-color:#1A71B0;
	padding-top:1px;
	padding-bottom:1px;
}
nav {
	width:96%;
	max-width:900px;
	margin:1px auto;
	padding:3px;
	background:#1A71B0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	font-size:15px;
}
.menu_bar {
	display:none;
}
nav ul {
	overflow:hidden;
	list-style:none;
}
nav ul li {
	float:left;
	border: 1px solid #32465F;
	padding-left:4px;
	padding-right:4px;
}
nav ul li a{
	color:#FFF;
	padding:13px;
	display:block;
	text-decoration:none;
}
nav ul li a:hover{
	background:#2284CC;
}
section{
	padding:20px;
}
@media screen and (max-width:480px) {
	nav {
		width:40%;
		height:auto;
		left:-200%;
		margin:0;
		position:fixed;
		padding-bottom:3px;
		padding-left:3px;
	}
nav ul li {
	display:block;
	float:none;
	border-bottom:1px solid (255,255,255,.3);
}
.menu_bar {
	display:block;
	width:95%;
	background:#2278AC;
	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:10px;
	background:#2278AC;
	padding-bottom:4px;
	padding-top:4px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	-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:22px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

}







 }