@charset "UTF-8";
/* CSS Document */
@media only screen and (max-width: 1200px) {
	#mMenu { margin-top:5px; }
	.container { width:99%; }
	.container .subContainer { width:100%; }	
	.logoImage img { width:70%; height:auto; }
}



@media only screen and (max-width: 1000px) {
	#mMenu { margin-top:-5px; }
	#mMenu ul li { margin-top:10px; }	
	#mMenu ul ul li { margin-top:0px; }
}

@media only screen and (max-width: 760px) {
	#mMenu { display:none; clear:both; float:none; min-width:300px; max-height:400px; overflow:auto; }
	#mMenu ul li { display:block; }
	#mMenu ul ul { position:relative; display:block; margin-left:0px; border:dashed 1px #333333;   }
	#mMenu ul ul li { width:100%; }
	#mMenu ul ul ul { position:relative; top:inherit; left:auto; border:dashed 0px #333333;  }	
	#mMenu ul li:hover { background-color:inherit; }
	#mMenu ul li { margin-top:0px;  }
	#mMenu ul ul li { margin-top:0px; }
	
	#mMenu ul ul a { padding-left:35px; }
	#mMenu ul ul ul a { padding-left:70px; }
	
	.menuButton { display:block; margin-left:15px; }

	.inp { width:80%; }
	.inp.textArea { width:80%; min-width:inherit; }
	.col2.autohide { display:none; }
	.col2 { font-size:13px; width:100%; }
	.col2 h1,h2 { font-size:18px; }
	.col3 { width:100%; margin-bottom:0px; }
	
/* .lang { background-color:#f65730; color:#FFF; padding:10px; border-radius:20px; } */
.langBar { font-size:12px; position:absolute; right:0; top:20px; z-index:9999999; }
a.lang { background-color:#CCC; color:#FFF; padding:10px; border-radius:20px; }
a.lang:hover { background-color:#999; padding:10px; }
a.lang.active { background-color:#c82e1b; }	
	
}

@media only screen and (max-width: 550px) {
	.menuBar { position:fixed; top:0; background-color:#FFF; width:100%; box-shadow:0px 0px 10px #CCC; z-index:9999; }
	#mMenu ul li { margin-top:0px; }
	#mMenu ul ul li { margin-top:0px; }
}