@charset "UTF-8";
#top .inside #mainMenu{
	float:right;
	margin-top:50px;
}
#top .inside #mainMenu ul{
	list-style:none;
	display:inline; 
}
#top .inside #mainMenu ul li{
	float:left;
	padding-left:35px;
}
#top .inside #mainMenu ul li a{
	color:#fff;
	text-decoration:none;
	font-size:14px;
	text-transform:uppercase; 
}

#top .inside #smallMainMenu{
	display:none;
	width:100%;
	margin-top:10px;
}
#top .inside #smallMainMenu ul{
	list-style:none;
	display:block;
}
#top .inside #smallMainMenu ul li{
	text-align:center;
	
}
#top .inside #smallMainMenu ul li a{
	display:block;
	width:100%;
	height:30px;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	text-transform:uppercase; 
}


#top h1{
	background:transparent url(/files/ribbon.png) no-repeat;
	width:398px;
	height:50px;
	display:block;
	margin:0px auto 0px auto;
	text-align:center;
	font-weight:300;
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	padding-top:15px;
}
#top h1 span{
		
}
#top h2{
	font-size:72px;
	text-transform:uppercase;
	text-align:center;
	font-weight:300;
	color:#fff;
}

@media only screen and  (min-width: 1680px) {
	#top{
		z-index:100;
		width:100%;
		height:1020px;
		background:#fff url('/files/bg.jpg') no-repeat 50% 0%;	
		background-size:cover;	
	}

	#top .inside{
		width:95%;
		margin:0px auto 0px auto; 
	}
	#top h1{
		margin-top:230px;
	}
	#top h2{
		font-size:72px;
	}
	#top .inside #bigLogo{
		float:left;
		margin:20px auto auto 0px;
		width:141px;
		height:77px;
		overflow:hidden; 
	}
	#top .inside #bigLogo a{
		display:block;
		width:141px;
		height:77px;
		text-indent:-900px;
		background:transparent url(/files/logo.png) no-repeat left top;
	}
	#top .inside #bigLogo a:hover{
		background-position:left bottom;
	}
	#top .inside #mainMenu{
		float:right;
	}
	#top .inside #smallMenu{
		display:block;
		display:none;
	}	
}
@media only screen and  (min-width: 1280px) and  (max-width: 1680px) {
	#top{
		z-index:100;
		width:100%;
		height:1020px;
		background:#fff url('/files/bg.jpg') no-repeat 50% 0%;	
		background-size:cover;
	}
	#top .inside{
		width:95%;
		margin:0px auto 0px auto; 
	}
	#top h1{
		margin-top:230px;
	}
	#top h2{
		
	}
	#top .inside #bigLogo{
		float:left;
		margin:20px auto auto 0px;
		width:141px;
		height:77px;
		overflow:hidden; 
	}
	#top .inside #bigLogo a{
		display:block;
		width:141px;
		height:77px;
		text-indent:-900px;
		background:transparent url(/files/logo.png) no-repeat left top;
	}
	#top .inside #bigLogo a:hover{
		background-position:left bottom;
	}
	#top .inside #mainMenu{
		float:right;
	}
	#top .inside #smallMenu{
		display:block;
		display:none;
	}	
}
@media only screen and  (min-width: 1024px) and  (max-width: 1280px)  {
	#top{
		z-index:100;
		width:100%;
		height:800px;
		background:#fff url('/files/bg.jpg') no-repeat 50% 0%;	
		background-size:cover;
	}
	#top .inside{
		width:95%;
		margin:0px auto 10px auto; 
	}
	#top h1{
		margin-top:230px;
	}
	#top h2{
		font-size:72px;
	}
	#top .inside #bigLogo{
		float:left;
		margin:20px auto auto 0px;
		width:300px;
		height:100px;
		overflow:hidden; 
	}
	#top .inside #bigLogo a{
		display:block;
		width:300px;
		height:100px;
		text-indent:-900px;
		background:transparent url(/files/logo.png) no-repeat left top;
	}
	#top .inside #bigLogo a:hover{
		background-position:left bottom;
	}
	#top .inside #mainMenu{
		float:right;
	}
	#top .inside #smallMenu{
		display:block;
		display:none;
	}	
}
@media only screen and  (min-width: 800px) and  (max-width: 1024px) {
	#top{	
		z-index:100;
		width:100%;
		height:600px;
		background:#fff url('/files/bg.jpg') no-repeat 50% 0%;	
		background-size:cover;
	}
	#top .inside{
		width:95%;
		margin:0px auto 10px auto; 
	}
	#top h1{
		margin-top:100px;
	}
	#top h2{
		font-size:48px;
	}
	#top .inside #bigLogo{
		float:left;
		margin:20px auto auto 0px;
		width:300px;
		height:100px;
		overflow:hidden; 
	}
	#top .inside #bigLogo a{
		display:block;
		width:300px;
		height:100px;
		text-indent:-900px;
		background:transparent url(/files/logo.png) no-repeat left top;
	}
	#top .inside #bigLogo a:hover{
		background-position:left bottom;
	}
	#top .inside #mainMenu{
		float:right;
		display:block;
	}
	#top .inside #mainMenu{
		float:right;
	}
	#top .inside #smallMenu{
		display:block;
		display:none;
	}
}
@media only screen and (min-width: 400px) and (max-width: 800px) {
	#top{	
		z-index:100;
		width:100%;
		height:400px;
		background:#fff url('/files/bg.jpg') no-repeat 50% 0%;	
		background-size:cover;
	}
	#top .inside{
		width:98%;
		margin:0px auto 5px auto; 
	}
	#top h1{
		margin-top:10px;
		font-size:
	}
	#top h2{
		font-size:24px;
	}
	#top .inside #bigLogo{
		float:none;
		margin:0px auto 0px auto;
		width:141px;
		height:77px;
		overflow:hidden; 
	}
	#top .inside #bigLogo a{
		display:block;
		width:141px;
		height:77px;
		text-indent:-900px;
		background:transparent url(/files/logo.png) no-repeat left top;
	}
	
	#top .inside #mainMenu{
		float:right;
		display:none;
	}
	#top .inside #smallMainMenu{
		display:block;
	}
}
@media only screen and  (max-width: 400px) {
	#top{
		z-index:100;
		width:100%;
		height:400px;
		background:#fff url('/files/bg.jpg') no-repeat 50% 0%;	
		background-size:cover;
	}
	#top .inside{
		width:98%;
		margin:0px auto 5px auto; 
	}
	#top h1{
		margin-top:10px;
	}
	#top h2{
		font-size:24px;
	}
	#top .inside #bigLogo{
		float:none;
		margin:0px auto 0px auto;
		width:141px;
		height:77px;
		overflow:hidden; 
	}
	#top .inside #bigLogo a{
		display:block;
		width:141px;
		height:77px;
		text-indent:-900px;
		background:transparent url(/files/logo.png) no-repeat left top;
	}
	
	#top .inside #mainMenu{
		float:right;
		display:none;
	}
	#top .inside #smallMainMenu{
		display:block;
	}
}