body  {
	margin: 0;
	padding: 0;
	color:#262626;
	background-color: #ffffff;
	text-align: justify; 
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:16px;
	line-height: 20px;

	background:url(img/bg.jpg) no-repeat;
	background-size: 100% auto;
	background-attachment:fixed;
	
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
	hyphens: auto; }

@media screen and (max-width: 1300px) { body { 	
		background:none;   }}

img { width: auto; max-width: 100%; height: auto; border:none; display:block; }

sup, sub { line-height:0px; }

b {font-weight: 700; }

a { color:#262626; text-decoration:none; }
a:hover { color:#BDBDBD; }

.content a { text-decoration:underline; }

ul {
	margin:0 0 15px 20px;
	padding:0 0 0 0;
	text-align:left;
	list-style-type:decimal; }

.menu a { color:#EEE8CD; 	text-decoration:none; }

.img_left { float: left; max-width: 100%; height: auto; margin: 0 1% 1% 0; }
.img_right { float: right; max-width: 100%; height: auto; margin: 0 0 1% 1%; }

.header { 

	margin: 0 0 0 0; }

.logo {
	float: left;
	width: 21%;
	padding: 3% 0 3% 4%;
	color: #262626;
	font-size:45px;
	line-height: 45px; 
	color: #607b8b;
	text-align: left;
	font-weight: 700; }
	
@media screen and (max-width: 1600px) { .logo { 	
	font-size:32px;
	line-height: 32px;   }}
	
@media screen and (max-width: 1300px) { .logo { 	
	font-size:23px;
	line-height: 23px;   }}

@media screen and (max-width: 900px) { .logo { 
	font-size:40px;
	line-height: 40px; 	
	width: 96%;  }}

.logo_sub {
	color: #262626;
	font-size:18px;
	line-height: 15px; 
	font-weight: 400;
	text-align: left; }
	
.logo_line {
	height: 3px;
	background-color: #607b8b;
	margin: 0 0 10px -75px;  }

.menu { 
	position: relative;
	background-color: #8B8378;
	color: #ffffff;
	font-weight: 600;
	bottom: 0px;
	padding: 0 3% 0 4%; }

@media screen and (max-width: 900px) { .menu { 	
	padding: 0 2% 0 2%;   }}

.menu_sub {
	float: left; 
	padding: 15px 0;
	text-align: center;
	width: 20%; 
	font-weight: 400;
-webkit-transition: background-color 1s;
   transition: background-color 1s; }
	
.menu_sub:hover {
	background-color: #607b8b;
	color: #ffffff; }

@media screen and (max-width: 1300px) { .menu_sub { 	
	font-size:14px;
	line-height: 16px; }}

@media screen and (max-width: 900px) { .menu_sub { 	
	float: left;
	font-size:12px;
	line-height: 14px;
	padding: 5px 0;
	width: 20%;  }}
	
	@media screen and (max-width: 250px) { .menu_sub { 	
	float: left;
	font-size:9px;
	line-height: 11px;
	padding: 3px 0;
	width: 45%;  }}
	
@media screen and (max-width: 900px) { .menu_sub:hover { 	
	background-color: #8B8378;   }}

.arrow_menu {
	max-width: 50%;
	height: auto;
	float: left; }

.translate {
	padding: 2px 1%;
	float: right;
	margin: 0 6% 0 0;
	background-color: #EEE8CD; 
	border:0px #8B8378 solid;
	border-bottom-width: 5px;
	font-size:13px;
	line-height: 15px;
	color: #000000;}
	
@media screen and (max-width: 900px) { .translate { 	
		margin: 0 3% 0 0;   }}
	
.left_menu {
	float: left;
	background-color: #EEE8CD;
	width: 18%;
	text-align: left;
	padding: 0 3% 4% 4%;
	color: #000000; }

@media screen and (max-width: 900px) { .left_menu { 	
	width: 20%;
	font-size:13px;
	line-height: 15px; }}

.left_menu_title {
	float: left; 
	color: #000000;
	padding: 15px 0;
	text-align: left;
	font-size:16px;
	line-height: 18px; 
	font-weight: 400;
	width: 20%;  }
	
@media screen and (max-width: 900px) { .left_menu_title { 	
	float: none; 
	width: 100%;
	padding: 5px 0;
	font-size:14px;
	line-height: 15px; 
	text-align: center;   }}
	
.right_menu_title {
	float: right; 
	color: #000000;
	width: 60%;  }

@media screen and (max-width: 1300px) { .right_menu_title { 	
	width: 77%;   }}

@media screen and (max-width: 900px) { .right_menu_title { 	
	width: 100%;   }}

.content {	 
	float: right;
	width: 67%;
	padding: 0 3% 3% 5%;
	font-size:18px;
	line-height: 23px;
	font-weight: 400;
	background-color: rgba(255,255,255,.9); 
	color: #000000; }

@media screen and (max-width: 900px) { .content { 	
	width: 63%;
	font-size:14px;
	line-height: 17px; }}

.content_title {
	font-weight: 600;
	font-size:25px;
	line-height: 28px;
	text-align: left; }
	
@media screen and (max-width: 900px) { .content_title { 	
	font-size:18px;
	line-height: 20px;   }}
	
.content_big {
	font-weight: 300;
	font-size:20px;
	line-height: 23px;
	text-align: left; }

.content_tip_wrap {
	border:5px #607b8b solid;
	border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
	width: 25%;
	float: right; 
	margin: 0 0 1% 3%;
	color: #ffffff;
	font-size:15px;
	line-height: 18px;
	font-weight: 400;
	text-align: center; }

@media screen and (max-width: 900px ) { .content_tip_wrap { 	
	font-size:14px;
	line-height: 17px;
	margin: 0 0 4% 0;
	float: none;
	width: 99%; }}	
	
.content_tip {
	background-color: rgba(96,123,139,.9);
	margin: 5px 5px;
	padding: 30px 10px;
	-webkit-transition: background-color 1s;
   transition: background-color 1s; }

.footer {
	padding: 0 9% 3% 9%;
	background-color: #607b8b;
	color: #ffffff;
	font-weight:400;
	font-size:18px;
	line-height: 22px; }

@media screen and (max-width: 900px) { .footer { 	
	padding: 0 3% 3% 3%; }}

.footer_column {
	float: left;
	width: 20%;
	font-weight: 400;
	margin: 3% 1% 0 0; }
	
@media screen and (max-width: 900px) { .footer_column { 	
	font-size:13px;
	line-height: 15px; }}	
	
.footer_column_center {
	float: left;
	width: 30%;
	font-weight: 400;
	color:#000000;
	font-size:15px;
	line-height: 17px; 
	margin: 3% 0 0 6%; }
	
@media screen and (max-width: 900px) { .footer_column_center { 	
	font-size:12px;
	line-height: 14px; }}	
	
.footer_column_right {
	background-color: #ffffff;
	border-radius:0 0 0 15px; 
-moz-border-radius:0 0 0 15px; 
-webkit-border-radius:0 0 0 15px; 
-webkit-box-shadow: 4px -3px 8px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 4px -3px 8px -3px rgba(0,0,0,0.75);
box-shadow: 4px -3px 8px -3px rgba(0,0,0,0.75);
	color: #000000;
	margin: -15px 0 0 0;
	padding: 40px 3% 3% 3%;
	float: right;
	font-size:15px;
	line-height: 18px;
	text-align: left;
	width: 18%; }
	
@media screen and (max-width: 1300px) { .footer_column_right { 	
	width: 30%;
	font-size:12px;
	line-height: 14px; }}	
	
@media screen and (max-width: 900px) { .footer_column_right { 	
	width: 30%;
	font-size:12px;
	line-height: 14px; }}	
	
.footer_break {
	height: 5px;
	background-color: #607b8b; 
	margin: 4% -3%; }

.footer_line {
	background-color: #EEE8CD;
	height: 1px; }

.footer_big {
	font-size:18px;
	color:#EEE8CD; }
	
@media screen and (max-width: 900px) { .footer_big { 	
	font-size:13px; }}	
	
@media screen and (max-width: 500px) { .footer_big { 	
	font-size:10px; }}	
	
.form {
	padding: 0.5% 0.5%;
	margin: 1% 0 0 0;
	width: 50%;
	border:1px #D4D4D4 solid;
	border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size:20px;
	line-height: 23px; }

@media screen and (max-width: 900px) { .form { 	
	width: 100%;
	font-size:14px;
	line-height: 16px; }}

.textarea {
	padding: 0.5% 0.5%;
	margin: 1% 0 0 0;
	width: 50%;
	height: 200px;
	border:1px #D4D4D4 solid;
	border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size:20px;
	line-height: 23px;
	resize: none;
	overflow: auto;  }
	
	@media screen and (max-width: 900px) { .textarea { 	
	width: 100%;
	font-size:14px;
	line-height: 16px;  }}
	
.button  {
	padding: 0.8% 0.8%;
	margin: 2% 0 0 0;
	border:1px #D4D4D4 solid;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #ffffff;
	font-size:20px;
	line-height: 23px; 
	background-color: #8B8378;
-webkit-transition: background-color 1s; 
   transition: background-color 1s; }

.button:hover {
	background-color: #607b8b; }

@media screen and (max-width: 900px) { .button { 	
	font-size:14px;
	line-height: 16px;  }}

.button2  {
	padding: 0.2% 0.2%;
	margin: 2% 0 0 0;
	float: left;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-size:20px;
	line-height: 23px; 
	font-weight: 300;
	border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px; }
	
@media screen and (max-width: 900px) { .button2 { 	
	font-size:14px;
	line-height: 16px;  }}
	
.upload2 {
	position: relative;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size:20px;
	line-height: 23px;
	text-align: left;
	margin: 1% 0 0 0;
	padding: 0.5% 0.5%;
	width: 50%;
	overflow: hidden;
	border:1px #D4D4D4 solid;
	border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
	background-color: #ffffff;	 }	

	@media screen and (max-width: 900px) { .upload2 { 	
	width: 100%;
	font-size:14px;
	line-height: 16px;  }}


input.uploadbox2 {
	position: absolute;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity: 0);}

.choose {
	padding: 0.2% 0.5%;
	margin: 1% 0 0 0;
	border:1px #D4D4D4 solid;
	border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size:20px;
	line-height: 23px; }
	
@media screen and (max-width: 900px) { .choose { 	
	font-size:14px;
	line-height: 16px;  }}
	
.results {
	background-color: #607b8b;
	width: 51%;
	padding: 2% 0;
	color:#ffffff;
	text-align:center;  }

@media screen and (max-width: 900px) { .results { 	
	width: 100%;   }}
	
.placeholder { height: 200px; }