@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:1em;
	color:#FFF;
	margin:0;
	background-color:#000000;
	line-height:25px;
}
a{
	color:#FFF;
	text-decoration:none;
}
a:hover{
	color:#d5b30a;
}
img{
	border:none;
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
input[type='text'], textarea, select{
	width:95%;
	height:2em;
	margin-top:2px;
	border:solid 1px #e0e0e0;
	background-color:#f5f5f5;
	color:#1b3146;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:3px 10px;
}
textarea{
	height:auto;
}
input[type='text'].inputdate{
	width:150px;
	background:url(../images/calendar-icon.jpg) #f5f5f5 no-repeat right;
}
input[type='text'].small{
	width:100px;
}
h1{
	font-size:36px;
	color:#d5b30a;
}
h2{
	font-size:30px;
	color:#d5b30a;
}
h3{
	font-size:24px;
	color:#d5b30a;
	font-weight:normal;
}
.red{
	color:#FF0000;
}
.yellow{
	color:#d5b30a;
}
.gray{
	color:#CDCDCD;
}
.white{
	color:#FFFFFF;
}
#cover{
	width:1200px;
	margin:50px auto;
}
#top{
	position:absolute;
	top:0;
	left:18%;
	right:18%;
	z-index:99;
}
#sildeshow{
	width:100%;
}
#logo{
	width:252px;
	height:229px;
	float:left;
	background-image:url(../images/template/logo.png);
}
#listmenu{
	width:auto;
	float:right;
	margin-top:50px;
}
#foot{
	width:100%;
	overflow:hidden;
	background-color:#343434;
	padding:30px 0;
	text-align:center;
	color:#FFF;
	font-size:14px;
}
.package{
	width:95%;
	background-color:#343434;
	border:solid 1px #FFF;
	padding:2.3%;
	overflow:hidden;
	margin:25px 0;
}
.w40{
	width:40%;
	float:left;
	margin-right:5%;
}
.w60{
	width:55%;
	float:left;
}
hr{
	color:#FFF;
}
.btngray{
	background-color:#7f7f7f;
	color:#FFFFFF;
	padding:10px 25px;
	text-transform:uppercase;
	letter-spacing:2px;
	cursor:pointer;
	border:none;
}
.btnyellow{
	background-color:#d5b30a;
	color:#FFFFFF;
	padding:10px 35px;
	text-transform:uppercase;
	letter-spacing:2px;
	cursor:pointer;
	border:none;
}
.row{
	width:100%;
	overflow:hidden;
}
.gallery{
	list-style:none;
	margin:0;
	padding:0;
}
.gallery img{
	width:22%;
	float:left;
	padding:1.5%;
}
.p-element{
	display:block;
}
.m-element{
	display:none;
}
@media only screen and (max-width: 800px) {
	body{
		font-size:0.8em;
	}
	h1{
		font-size:23px;
	}
	h2{
		font-size:20px;
	}
	#cover{
		width:95%;
	}
	#top{
		left:0;
		right:0;
	}
	#logo{
		width:100px;
		height:91px;
		background-image:url(../images/template/slogo.png);
		margin-left:15px;
	}
	#listmenu{
		margin:-90px 0 0 0;
		width:100%;
		position: static;
		text-align:right;
	}
	#foot{
		width:95%;
		margin:0 auto;
		font-size:12px;
	}
	.w40, .w60{
		width:100%;
		float:none;
	}
	.txtcenter{
		text-align:center;
	}
	.gallery img{
		width:45%;
		padding:2.5%;
	}
	.p-element{
		display:none;
	}
	.m-element{
		display:block;
	}
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
	#cover{
		width:95%;
	}
	#top{
		left:0;
		right:0;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1370px) {
	#top{
		left:5%;
		right:5%;
	}
}