@font-face{
	font-family:"GOTHIC";
	src:url('GOTHIC.eot');
	src:url('GOTHIC.eot?#iefix') format('eot'),
	url('GOTHIC.ttf') format('truetype'),
	url('GOTHIC.woff') format('woff'),
	url('GOTHIC.svg#GOTHIC') format('svg');
}
body{
	font-family:"GOTHIC";
	font-size:14px;
	color:#000;
	margin:0;
	background-color:#FFFFFF;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#172a55;
}
img{
	border:none;
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
input[type='text'], textarea, select{
	width:93%;
	height:2em;
	margin-top:2px;
	border:solid 1px #e0e0e0;
	background-color:#FFF;
	color:#1b3146;
	padding:3px 10px;
}
textarea{
	height:auto;
}
input[type='text'].date{
	width:200px;
	height:2em;
	border:solid 1px #e0e0e0;
	background-color:#FFF;
	color:#1b3146;
	padding:3px 10px;
}
select.small{
	width:100px;
	height:2em;
	border:solid 1px #e0e0e0;
	background-color:#FFF;
	color:#1b3146;
	padding:3px 10px;
}
h1{
	font-size:30px;
	font-weight:normal;
	text-align:center;
	padding:15px;
	color:#172a55;
	border-bottom:dashed 1px #172a55;
}
h2{
	font-size:30px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	padding:15px;
	color:#172a55;
}
.white, .white a{
	color:#FFFFFF;
	text-decoration:none;
}
.white a:hover{
	color:#5b6e99;
}
.font18{
	font-size:18px;
}
.font20{
	font-size:20px;
}
.font30{
	font-size:30px;
}
.orange, .orange a{
	color:#ff2a00;
	text-decoration:none;
}
.orange a:hover{
	color:#172a55;
}
.red{
	color:#FF0000;
}
.blue{
	color:#263860;
}
.cover{
	width:1300px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
#slideshow{
	width:100%;
}
#top{
	position:absolute;
	top:15px;
	left:3%;
	right:3%;
	z-index:99;
}
#logo{
	width:540px;
	height:105px;
	float:left;
	background-image:url(../images/template/logo.png);
}
#lang{
	width:auto;
	float:right;
	text-align:right;
	margin-bottom:15px;
}
#lang2{
	display:none;
}
#listmenu{
	width:auto;
	float:right;
	text-align:right;
}
#foot{
	width:96%;
	padding:2%;
	background-color:#172a55;
	font-size:12px;
}
.row{
	width:100%;
	overflow:hidden;
	margin:10px 0;
}
.col2{
	width:45%;
	padding:2.5%;
	float:left;
}
.col3{
	width:30%;
	padding:1.6%;
	float:left;
}
hr{
	color:#FFFFFF;
}
#detail{
	margin:25px 0;
}
.bggray{
	background-color:#7a7a7a;
	overflow:hidden;
}
.w55{
	width:55%;
	float:left;
}
.w45{
	width:40%;
	float:left;
	padding:10% 2.5%;
	text-align:center;
}
.btngray, .btnblue{
	background-color:#525252;
	padding:10px 30px;
	color:#FFFFFF;
	font-size:18px;
	text-transform:uppercase;
	border:none;
	cursor:pointer;
}
.btnblue{
	background-color:#294584;
}
.btnblue-small{
	background-color:#294584;
	padding:10px 30px;
	color:#FFFFFF;
	font-size:14px;
	text-transform:uppercase;
	border:none;
	cursor:pointer;
}
.bgblue{
	width:96%;
	background-color:#172a55;
	padding:30px 2%;
	text-align:center;
	margin-top:15px;
}
.bglightgray{
	width:100%;
	background-color:#f6f6f6;
	padding:20px 0;
}
.gallery{
	list-style:none;
	margin:0;
	padding:0;
}
.gallery img{
	width:23%;
	margin:1%;
	float:left;
}
table.chart {
 	border-top: solid 1px #172a55;
 	border-left:solid 1px #172a55;
}
table.chart th{
	text-align:center;
	background-color:#1f3870;
	font-weight:bold;
	color:#FFF;
	border-bottom:solid 1px #172a55;
 	border-right:solid 1px #172a55;
	height:35px;
}
table.chart td{
	padding:6px 3px;
 	border-bottom:solid 1px #172a55;
 	border-right:solid 1px #172a55;
}
/* Start Page*/
.paginate {
	font-size: 14px;
}
a.paginate {
	background-color:#f0f0f0;
	padding: 3px 8px;
	text-decoration: none;
	color: #000;
}
a.paginate:hover {
	background-color: #172a55;
	color: #FFF;
	text-decoration: none;
}
a.current {
	padding: 3px 8px;
	cursor: pointer;
	background:#172a55;
	color: #FFF;
	font-weight:bold;
	text-decoration: none;
}
span.inactive {
	padding: 3px 8px;
	cursor: pointer;
	vertical-align:middle;
}
/*End Page*/
@media only screen and (max-width: 800px) {
	h1, h2{
		font-size:25px;
	}
	.font20{
		font-size:16px;
	}
	.font30{
		font-size:22px;
	}
	.cover{
		width:95%;
	}
	#top{
		top:10px;
	}
	#logo{
		width:80px;
		height:70px;
		background-image:url(../images/template/slogo.png);
	}
	#lang{
		display:none;
	}
	#listmenu{
		width:100%;
		margin:-70px 0 0 0;
	}
	#lang2{
		display:block;
		width:100%;
		text-align:right;
		margin-top:10px;
	}
	.col2, .col3, .w55, .w45{
		width:100%;
		float:none;
		padding:10px 0;
	}
	.gallery img{
		width:47%;
		margin:1.5%;
		float:left;
	}
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
	.cover{
		width:98%;
	}
	#top{
		top:10px;
		left:1%;
		right:1%;
	}
	.w45{
		padding:7% 2.5%;
	}
	.gallery img{
		width:18%;
		margin:1%;
		float:left;
	}
}