/* lightbox */
html{
	
	background-color:#3D3D3D;
	font-family: WOL_Reg, 'Segoe UI', Tahoma, Helvetica, sans-serif;
	
}

.topbox h1{
	font-size:20px;
	line-height:25px;
	height:25px;
	padding:5px 0;
	text-align: center;
	color:#FFFFFF;

	
}



.lang{
	width:920px;
	display:block;
	margin:0 auto;
	padding:20px 20px 20px 40px;
	
	overflow:hidden;

}

a.langbox{
	width:21%;
	height:30px;
	padding:5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:#FFFFFF 1px solid;
	float:left;
	margin:1%;
	display:block;
	
	text-decoration: none;
	line-height:26px;
	color:#FFFFFF;
	font-size: 18px;
}

a.langbox:hover{
	background-color:#FFFFFF;
	color:#3D3D3D;
}

a.langbox span{
	margin-left:15px;
	margin-top:3px;
	margin-right:-10px;
	float: left;
	width:25px;
	height:23px;
	font-size:;
	background-image:url(../img/global.png); 
	display:block;
}

a.langbox:hover span{
	
	background-image:url(../img/global_hover.png); 
	
}

.align{

	margin: 0 auto; 
	width:65%; 
	display:block; 
	text-align:center;
}


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


}

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

.lang{
	width:100%;
	display:block;
	margin:0 auto;
	padding:20px 0 20px 15px;
	
	overflow:hidden;

}

}


@media screen and (max-width: 800px) {
.lang{
	width:98%;
	display:block;
	margin:0 auto;
	padding:20px 0 20px 15px;
	
	overflow:hidden;

}

a.langbox{
	width:28%;
	height:30px;
	padding:5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:#FFFFFF 1px solid;
	float:left;
	margin:1%;
	display:block;
	
	text-decoration: none;
	line-height:26px;
	color:#FFFFFF;
	font-size: 18px;
}

}


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

.lang{
	width:97%;
	display:block;
	margin:0 auto;
	padding:20px 0px 20px 20px;
	
	overflow:hidden;

}

a.langbox{
	width:43%;
	height:30px;
	padding:5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:#FFFFFF 1px solid;
	float:left;
	margin:1%;
	display:block;
	
	text-decoration: none;
	line-height:26px;
	color:#FFFFFF;
	font-size: 18px;
}


}

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

.lang{
	width:98%;
	display:block;
	margin:0 auto;
	padding:20px 0px 20px 10px;
	
	overflow:hidden;

}

a.langbox{
	width:90%;
	height:30px;
	padding:5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:#FFFFFF 1px solid;
	float:left;
	margin:1%;
	display:block;
	
	text-decoration: none;
	line-height:26px;
	color:#FFFFFF;
	font-size: 18px;
}

}



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

.lang{
	width:90%;
	display:block;
	margin:0 auto;
	padding:10% 5% 20px 5%;
	
	overflow:hidden;

}

a.langbox{
	width:93%;
	height:30px;
	padding:5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:#FFFFFF 1px solid;
	float:left;
	margin:1%;
	display:block;
	
	text-decoration: none;
	line-height:26px;
	color:#FFFFFF;
	font-size: 18px;
}

a.langbox span{
	margin-left:-5px;
	margin-top:3px;
	margin-right:10px;
	float: left;
	width:25px;
	height:23px;
	font-size:;
	background-image:url(../img/global.png); 
	display:block;
}
.align{

	margin: 0 auto; 
	width:65%; 
	display:block; 
	text-align:left;
}


}