/*------------------------------------------------------------------- GENERAL ---*/
body {
	margin: 0; padding: 0;
	font-family: 'Fira Sans', sans-serif;
  font-weight: 400;
	font-size: 0.85em;	
	color: #000;
	text-align: center;
	background: #bdbec0;
}
a { color: #bf1e2e;  text-decoration: underline; }
a:hover { color: #000;}
* {margin: 0; padding: 0; }
img {  border: none; }
img.border { border: 3px solid #FFF;}
h1 { font-size: 260%; padding: 0 0 0.6em; color: #818286; font-weight: 400; text-transform: uppercase;}
h2 { font-size: 220%; padding: 0 0 0.6em; color: #737271; font-weight: 400;}
h3 { font-size: 180%; padding: 0 0 0.5em; color: #737271; font-weight: 400;}
h4, h5 { font-size: 140%; padding-bottom: 0.6em; font-weight: 400; }
h5 {padding-bottom: 0; }

hr { display: none; }
.hr { height: 2px; font-size: 1px; margin: -5px 0 15px; border-bottom: 1px solid #9f9f9f; clear: both;}
p { padding-bottom:1.2em; line-height: 150%;  }
ul { list-style: none; padding: 0 0 1.5em 0px;  }
ul ul {padding: 0;margin-top: 7px;}
ol { list-style: decimal; padding: 0 0 1em 22px;  }
li { padding: 0 0 10px 12px; background: url(../images/li.gif) no-repeat 0 5px; }
ol li { padding: 0 0 5px 0px; background: none}
big, .big { font-size: 120%;}
small, .small { font-size: 90%; }
.padding { padding: 0 25px;}
/*---------------------------------------------------------------------- LAYOUT---*/
#all {width: 1060px; margin: 0 auto;  text-align: left; background: #fff; padding-bottom: 490px;}
#page {width: 1060px; padding: 0 30px; position: relative;}
#header {width: 1000px; height: 430px; overflow: hidden; position: absolute; top: 0; left: 30px;}
#content {width: 1000px; position: relative; top: 440px; padding: 0; background: #fff; } 
#left {float: left; width: 237px; overflow: hidden; }
#right {float: right; width: 737px; overflow: hidden;}
#footer {width: 1000px; margin-top: 14px; clear: both;}

#footer p {padding: 0; font-size: 90%;}
#footer a {color: #585a59; font-size: 90%;}
#footer a:hover { color: #000;}

/*--------------------------------------------------------------------------- HEADER -------*/
#logo {width: 166px; height: 70px; overflow: hidden; position: absolute; top: 30px; left: 0; }
#logo a {display: block; width: 166px; height: 70px; background: url(../images/akbs.gif) no-repeat top left;}
#logo span {font-size: 0; color: #fff; position: absolute; top: -1000px; left: -1000px;}

#claim {position: absolute; top:60px; right: 0;}

#topimg {width: 1000px; height: 300px; overflow: hidden; position: absolute; top: 127px; left: 0;}

/*--------------------------------------------------------------------------- MENU -------*/
#menu { width: auto; height: 45px; position: absolute; top: 60px; right: 0; text-transform: uppercase;}
#menu ul { padding: 0; margin: 0; height: 45px; }
#menu li { float: left; padding: 0; background: none; position: relative;}
#menu a { display: block; color: #000; text-decoration: none; padding: 15px 20px 15px 0; margin: 0; font-size: 18px; font-family: 'Fira Sans', sans-serif; font-weight: 300;}
#menu a:hover { color: #bf1e2e;}
#menu a.act { color: #bf1e2e;}

/*--------------------------------------------------------------------------- CONTENT -------*/
#box a {display: block; width: 190px; height: 172px; margin: 0 12px 25px 0; float: left; position: relative; transition: all 0.8s ease;}
#box a span {font-size: 0; color: #fff; position: absolute; top: -1000px; left: -1000px; width: 190px;}
#box a:hover span {font-size: 14px; color: #fff; position: absolute; top: 110px; left: 15px;}
#box a.bg1 {background: url(../images/img1.jpg) no-repeat;} 
#box a.bg2 {background: url(../images/img2.jpg) no-repeat;} 
#box a.bg3 {background: url(../images/img3.jpg) no-repeat;} 
#box a.bg4 {background: url(../images/img4.jpg) no-repeat;} 
#box a.bg5 {background: url(../images/img5.jpg) no-repeat; margin: 0 0 25px 0;}
#box a:hover {background: #bf1e2e;}

.path {color: #737271; font-size: 90%;}
.col2 {width: 49%;  }

.gallery p { clear: both; text-align: center;}
.gallery img { border: 3px solid #FFF; margin: 0 5px 5px 0;}
.gallery .tright { float: right; margin-top: 76px;}


/*----------------------------------------------------------------------------------- FORM ---*/
input, select, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%; 
	color: #000;	
	width: 180px;
	padding: 4px 3px;
	margin-bottom: 2px; 
	vertical-align: middle;
	border:1px solid #cfcdcc;
	background: #FFF;
}
label {display: block; width: 150px;margin: 0 0px 0px 0;float: left; clear: left;}
select {width: auto;}
textarea {width: 350px; height: 100px;}
.submit {width:auto; background: #c14b28; border: none; font-weight: bold; color: #fff; padding: 4px 5px; cursor: pointer;text-transform: uppercase; text-decoration: none;font-family: "Times New Roman", Times, serif;}
.checkbox {width: auto; border: none;}
/*---------------------------------------------------------------------------- TABLES --------*/
table {border-collapse: collapse; font-size: 100%; margin-bottom: 20px;/* table-layout: fixed; */width: 100%;font-family: Tahoma, Arial, Helvetica, sans-serif;}
th {padding: 8px 10px;font-weight: bold;text-align: left; background: #c14b28; color: #FFF;}
td {text-align: left; color: #000; padding: 6px 10px; vertical-align: top;}
td p { padding: 0;}
/*----------------------------------------------------------------------------- OTHERS ---*/
.right { float: right; }
.left { float: left; }
.fright { float: right; margin: 0 0 10px 10px; }
.fleft { float: left; margin: 0 10px 10px 0; }
.tright, td.tright, th.tright { text-align : right }
.tleft, td.tleft { text-align : left }
.center, td.center { text-align : center;}
.middle { vertical-align : middle }
.clear { clear: both;}
.bold { font-weight: bold;}

/* Start of "Micro clearfix" */     
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/* End of "Micro clearfix" */