@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');
}
@font-face{
	font-family:"DB Adman X";
	src:url('DBAdmanX.eot');
	src:url('DBAdmanX.eot?#iefix') format('eot'),
	url('DBAdmanX.ttf') format('truetype'),
	url('DBAdmanX.woff') format('woff'),
	url('DBAdmanX.svg#DBAdmanX') format('svg');
}
body{
	font-family:"GOTHIC";
	font-size:14px;
	color:#000;
	margin:0;
	background-color:#7f8233;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#e6d913;
}
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:none;
	background-color:#6d702c;
	color:#FFF;
	padding:3px 10px;
}
textarea{
	height:auto;
}
input[type='text'].inputdate{
	width:150px;
	background:url(../images/calendar.jpg) #6d702c no-repeat right;
}
input[type='text'].small{
	width:100px;
}
select.selectsmall{
	width:100px;
}
h1{
	font-family:"DB Adman X";
	color:#e6d913;
	font-size:40px;
	text-align:center;
	text-transform:uppercase;
}
h2{
	font-size:20px;
}
.yellow{
	color:#e6d913;
}
.white, .white a{
	color:#FFF;
	text-decoration:none;
}
.white a:hover{
	color:#e6d913;
}
.red{
	color:#FF0000;
}
.topic{
	font-family:"DB Adman X";
	color:#e6d913;
	font-size:40px;
	text-align:center;
	text-transform:uppercase;
	padding-top:30px;
}
.font12{
	font-size:12px;
}
.font16{
	font-size:16px;
}
.cover{
	width:1200px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}
#top{
	width:100%;
	padding:15px 0;
	background-color:#7f8233;
	overflow:hidden;
}
#top-line{
	width:auto;
	float:right;
	margin-top:25px;
}
#listmenu{
	width:100%;
	overflow:hidden;
	padding:15px 0 15px 0;
}
#logo{
	width:445px;
	height:148px;
	background-image:url(../images/template/logo.jpg);
	float:left;
}
#slideshow{
	width:100%;
	overflow:hidden;
}
#foot{
	width:100%;
	background-color:#22240f;
	padding:15px 0;
	overflow:hidden;
	margin-top:25px;
}
.row{
	width:100%;
	overflow:hidden;
}
.col2{
	width:45%;
	padding:2.5%;
	float:left;
}
.col3{
	width:30%;
	padding:1.6%;
	float:left;
}
hr{
	color:#FFFFFF;
}
#bg-elephant{
	width:100%;
	background:url(../images/bg.jpg) #393b18 no-repeat;
	overflow:hidden;
	padding:20px 0;
	background-position:center;
}
.p-element{
	display:block;
}
.m-element{
	display:none;
}
.bg-green, .bg-yellow, .bg-green2{
	width:95%;
	padding:20px 2.5%;
	background-color:#393b18;
	overflow:hidden;
	margin-top:-5px;
}
.bg-yellow{
	/*background-color:#e6d913;*/
    background-color:#FFF;
}
.bg-green2{
	background-color:#93963c;
	margin:25px 0;
}
.btn-left{
	background:url(../images/bg-btn-left.jpg) #393b18 left no-repeat;
	padding:7px 25px 7px 40px;
	color:#FFF;
	font-family:"GOTHIC";
	border:none;
	cursor:pointer;
	text-transform:uppercase;
}
.btn-right{
	background:url(../images/bg-btn-right.jpg) #393b18 right no-repeat;
	padding:7px 40px 7px 25px;
	color:#FFF;
	font-family:"GOTHIC";
	border:none;
	cursor:pointer;
	text-transform:uppercase;
}
.btn-chat{
    background:url(../images/icon-whatapp.png) #7e8334 left no-repeat;
	padding:7px 25px 7px 40px;
	color:#FFF;
	font-family:"GOTHIC";
	border: solid 2px #393b18;
	cursor:pointer;
	text-transform:uppercase;
}
.btn-green{
	background-color:#23240f;
	padding:15px 30px;
	color:#FFF;
	font-family:"GOTHIC";
	font-size:20px;
	border:none;
	cursor:pointer;
	text-transform:uppercase;
}
.gallery{
	list-style:none;
	margin:0;
	padding:0;
	color:#000000;
}
.gallery img{
	width:18%;
	margin:1%;
	float:left;
}
table.chart, table.chart1 {
 	border-top: solid 1px #393b18;
 	border-left:solid 1px #393b18;
}
table.chart th, table.chart1 th{
	text-align:center;
	background-color:#7f8233;
	font-weight:bold;
	color:#FFF;
	border-bottom:solid 1px #393b18;
 	border-right:solid 1px #393b18;
	height:50px;
}
table.chart td, table.chart1 td{
	padding:3px;
 	border-bottom:solid 1px #393b18;
 	border-right:solid 1px #393b18;
}
table.chart1{
	width:50%;
	margin:0 auto;
}
@media only screen and (max-width: 800px) {
	h1{
		font-size:30px;
	}
	.topic{
		display:none;
	}
	.cover{
		width:95%;
	}
	#top-line{
		display:none;
	}
	#logo{
		width:250px;
		height:83px;
		background-image:url(../images/template/slogo.jpg);
		float:none;
		margin:0 auto;
	}
	#listmenu{
		width:100%;
		float:none;
		margin:10px 0;
	}
	.col2, .col3{
		width:100%;
		padding:15px 0;
	}
	.p-element{
		display:none;
	}
	.m-element{
		display:block;
	}
	.gallery img{
		width:47%;
		margin:1.5%;
		float:left;
	}
	.btn-left, .btn-right{
		font-size:12px;
	}
	table.chart1{
		width:100%;
	}
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
	.cover{
		width:98%;
	}
	.gallery img{
		width:18%;
		margin:1%;
		float:left;
	}
}