#header {

}


header {

	height: 80px;
	width: 100%;
	color: #fff;
	/*background-color: #19498c;*/
	/*background-color: #60C4B0;*/
	background-color: #0346a3;
/* 	background-color: rgba(255, 255, 255, 0.95); */
	/* position: fixed; */
	/* box-shadow: 4px 4px 4px 4px rgba(0,0,0,0.4); */
	top: 0;
	z-index: 9999;
/*	border-bottom: solid 1px #5EBABA;*/
/* 	border-top: solid 5px #456DD1; */
	text-shadow: none;
}

.header-container {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

#logo{
	float: left;

}
#logo img{
	float: left;
	height: 60px;
	margin: 10px 5px 0 30px;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-shadow: none;
}
#logo h1{
	margin: 0px;
}

#logo a:hover img{
	filter:alpha(opacity=0);
	-moz-opacity:1.0;
	-ms-filter: "alpha( opacity=100 )";
	opacity:1.0;
	background:none !important;
}
nav{
	float: right;
	margin: 0 15px 0 0;
} 

nav ul li{
	display: block;
	float: left;
	margin: 0 0px;

}

nav ul li a {
	font-weight: normal;
	margin: 24px 4px;
	padding: 7px 11px;
	display: block;
	font-size: 15px;
	color: #fff !important; 
/* 	color: #444 ;  */
	text-shadow: none;

}

nav ul li .current {
	/*font-weight: bold;
	border-bottom: 1px solid #fff;
	padding-bottom: 2px;*/
	background-color: #f3f3f3;
	border-radius: 5px; 
	color: #0346a3 !important;
	text-shadow: 1px 1px 1px #ddd;
}

nav ul li a:hover{
	text-decoration: none;
	color: #ccc !important; 
	transition: color 0.2s;
	text-shadow: none;
}

nav ul li a.current:hover{
	/*font-weight: bold;
	border-bottom: 1px solid #fff;
	padding-bottom: 2px;*/
	color: #777 !important;
	text-shadow: 1px 1px 1px #ddd;
}
.container{
	margin-top: 120px;
}


@media only screen and (min-width: 768px) and (max-width: 960px) {


	header {

		height: 140px;

	}
	#logo {
		float: none;
		width: 240px;
		height: 60px;
		margin: 0 auto;
		margin-top: 20px;
	}
	#logo img{
		
		margin: 0 auto;
	}
	
	
	nav{
		float: none;
		display: block !important;
		width: 600px;
		margin: 0 auto;
	} 


	nav ul{
		margin: 0;
		

	}
	nav ul li a{
		margin: 14px 4px;

	}

.container{
	margin-top: 180px;
}



}



@media only screen and (min-width: 768px) {



}


@media only screen and (max-width: 767px) {

	header {
		height: 60px;

	}

	.container{
		margin-top: 80px;
	}

	#logo {
		width: 300px;
		margin: 6px 0 9px 0;
	}



	#logo img{
		height: 40px;
		margin: 5px 0px 0 10px;

	}



}