body{
	font-family:Arial, tahoma;
	font-size:0.9em;
	color:#171717;
	background:url(../images/template/bg.jpg) top repeat-x fixed;
	margin:0;
}
a{
	color:#171717;
	text-decoration:none;
}
a:hover{
	color:#b08d12;
}
img{
	border:none;
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
input[type='text'], textarea, select{
	width:98%;
	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;
}
input[type='text'].date{
	width:70px;
	height:1.2em;
}
input[type='text'].boxsmall{
	width:40px;
	height:1.2em;
}
textarea{
	height:auto;
}
h2{
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#ae8c15;
	padding:8px 0;
	margin:0;
}
h3{
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#ae8c15;
	padding:8px 40px;
	margin:0;
}
.white, .white a{
	color:#FFFFFF;
	text-decoration:none;
}
.white a:hover{
	color:#171717;
}
.red{
	color:#FF0000;
}
.brown{
	color:#b08d12;
}
#cover{
	width:1200px;
	height:auto;
	margin:0 auto;
}
#top{
	width:100%;
	height:12px;
	background-color:#b08d12;
}
#left-side{
	width:222px;
	float:left;
	position:absolute;
	margin-top:-536px;
	z-index:99;
}
#listmenu1{
	width:100%;
	height:290px;
	overflow:hidden;
	background-image:url(../images/template/bg-menu.png);
}
#listmenu2{
	display:none;
}
ul.menu{
	list-style:none;
}
ul.menu li{
	padding:5px 0;
}
ul.menu li a{	
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#8a6d09;
	text-transform:uppercase;
}
ul.menu li:hover{
	padding-left:10px;
}
#head-res{
	width:100%;
	padding:5px 0;
	text-align:center;
	background-color:#b08d12;
	text-transform:uppercase;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}
#box-search{
	width:100%;
	height:219px;
	background-color:#343434;
	font-size:0.8em;
}
.row{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:5px 0;
}
.col3{
	width:30%;
	margin:1.5%;
	float:left;
}
.w2{
	width:45%;
	margin:2.5%;
	float:left;
}
.w3{
	width:30%;
	margin:1.5%;
	float:left;
}
.p-element{
	display:block;
}
.m-element{
	display:none;
}
#highlight-row{
	width:100%;
	height:auto;
	background-color:#f3f3f3;
}
#highlight{
	width:973px;
	height:194px;
	float:right;
}
.slider {
	width: 90%;
	margin: 0 auto;
}
.slick-slide {
  margin: 0px 10px;
}
.slick-slide img {
  width: 100%;
}
.slick-prev:before,
.slick-next:before {
	color:black;
}
#foot{
	width:95%;
	height:auto;
	overflow:hidden;
	padding:2.5%;
	background-color:#b08d12;
}
#foot-left, #foot-right{
	width:50%;
	float:left;
}
#foot-right{
	text-align:right;
	float:right;
}
ul.fmenu{
	padding:0;
	margin:0;
}
ul.fmenu li{
	list-style:none;
	display:inline-block;
	margin:0 10px;
}
#detail{
	width:95%;
	height:auto;
	overflow:hidden;
	background-color:#FFF;
	padding:2.5%;
}
.head{
	width:95%;
	height:auto;
	padding:15px 2.5%;
	font-family:"Times New Roman", Times, serif;
	font-size:2em;
	color:#b08d12;
	text-transform:uppercase;
	text-align:center;
	border-bottom:dashed 1px #b08d12;
}
.btnbrown{
	padding:7px 15px;
	background-color:#957400;
	color:#FFF;
	cursor:pointer;
	border:none;
}
table.chart {
 	border-top: solid 1px #c1c1c1;
 	border-left:solid 1px #c1c1c1;
}
table.chart th{
	text-align:center;
	background-color:#f0f0f0;
	font-weight:bold;
	color:#000;
	border-bottom:solid 1px #c1c1c1;
 	border-right:solid 1px #c1c1c1;
	height:30px;
}
table.chart td{
	padding:5px;
 	border-bottom:solid 1px #c1c1c1;
 	border-right:solid 1px #c1c1c1;
}
.gallery{
	list-style:none;
	margin:0;
	padding:0
}
.gallery img{
	width:18%;
	margin:1%;
	float:left;
}
@media only screen and (max-width: 800px) {
	input[type='text'], textarea, select{
		width:95%;
	}
	#cover{
		width:100%;
	}
	#left-side{
		width:100%;
		float:none;
		position:absolute;
		margin-top:0;
	}
	#listmenu1{
		display:none;
	}
	#listmenu2{
		width:100%;
		height:auto;
		display:block;
	}
	#box-search{
		padding:15px 0;
		height:200px;
	}
	input[type='text'].date{
		width:80%;
	}
	select.boxsmall{
		width:50%;
	}
	.col3{
		width:100%;
		margin:15px 0;
		float:none;
	}
	.p-element{
		display:none;
	}
	.m-element{
		display:block;
	}
	#highlight-row{
		display:none;
	}
	#detail{
		position:relative;
		margin-top:250px;
	}
	.head{
		font-size:1.1em;
	}
	#foot-left, #foot-right{
		width:100%;
		margin:10px 0;
		float:none;
		text-align:center;
	}
	.gallery img{
		width:47%;
		margin:1.5%;
		float:left;
	}
}
@media only screen and (max-width: 1024px) {
	#cover{
		width:100%;
	}
	#highlight{
		width:78%;
		height:194px;
		float:right;
	}
	.gallery img{
		width:30%;
		margin:1.5%;
		float:left;
	}
}