@charset "utf-8";

@charset "utf-8";



h1,

h2,

h3,

h4,

h5,

h6 {

  font: 25px/42px trajan-pro-1,trajan-pro-2;

  color:#68717a; font-family:Arial, Helvetica, sans-serif;

}

[att^=h] {

  font: 25px/42px trajan-pro-1,trajan-pro-2;

}



body{ margin-left:0;

margin-right:0;

margin-top:0;

margin-bottom:0;

background: #fbfbfb url(images/bg.png);

animation:body 5s;

-webkit-animation:body 5s;

color:#CCCCCC

}



@keyframes body {

from{opacity:0;}

to{opacity:100;}

}





#wrapper{ width:100%;	

position:relative;

height:auto;

margin-left:auto;

margin-right:auto;}



#main{width:100%;

height:auto;

position:absolute;}



#top{ width:100%;

 float:left;

 height:auto;}

 

 

#top1{ width:100%;

 float:left;

 height:10px;

 background-color:#917e4a}

 

 #banner{ width:100%;

 float:left;

 height:auto;}

 

.common{ width:100%;

height:auto;

float:left;

}

.col-25{ width:25%;

height:auto;

float:left;

padding:0.8%;}



.col-30{ width:30%;

height:auto;

float:left;

padding:0.8%;}

.col-40{ width:40%;

height:auto;

float:left;

padding:0.8%;}







.col-20{ width:20%;

height:auto;

float: right;

padding:0.8%;}



.col-28{ width:28%;

height:auto;

float: left;

padding:0.8%;}



.col-65{ width:65%;

height:auto;

float:left;

padding:0.5%;}



.col-25{ width:23%;

height:auto;

float:left;}





.col-2{ width:1%;

height:310px;

float:left;

border-right:#907d49 solid 1px;

margin-top:15px;}



.toptext{ font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color:#917e4a;}



.toptext1{ font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color:#FFFFFF;

text-decoration:none;

text-align:right}



.toptext1:hover{ font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color:#fff;

text-decoration:none;}

.line{ border-bottom:#959595 dashed 1px;

letter-spacing:50px;}

.contenttext{ font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FFFFFF;

line-height:30px;

text-align:justify}



.contenttext1{ font-family:Arial, Helvetica, sans-serif;

font-size:15px;

color:#9c8c5d;

line-height:30px;

text-align:justify}





#boxconent{ width:95%;

height:auto;

float:left;

background-image:url(images/box-bg.png);

background-repeat:repeat;

border-radius:6px;

border-top:#877545 solid 4px;

margin-left:2.3%;

margin-top:-30px;

ox-shadow: 5px 5px 5px #000;

}





.box1{ width:30%;

height:315px;

float:left;

background-color:#2c2116;

border-radius:5px;

padding:2px 2px 2px 2px;

margin:1%;}



.box-text{ font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FFFF00;

padding:5px;

line-height:30px;}



.readmore{ width:30%;

height:20px;

background-color:#9c8c5d;

color:#330000;

margin-left:35%;

padding:5px;

cursor:pointer;

border-radius:4px;}



.more{ font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#330000;

text-align:center;

text-decoration:none;

padding:2px;}



.more:hover{ font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color: #996600;

text-align:center;

text-decoration:none;

padding:2px;}



#content{ width:100%;

height:auto;

float:left;}



#total-contet{ width:97%;

float:left;

height:auto;

margin-left:2%;

margin-top:3%;}



.more1{ font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#fcd86d;

text-align:center;

text-decoration:none;

padding:2px;}



.more1:hover{ font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color: #996600;

text-align:center;

text-decoration:none;

padding:2px;}



.mail{ font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#FFCC00;

text-decoration:none;

cursor:pointer;}



.mail:hover{ font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#fff;

text-decoration:none;

cursor:pointer;}





#footer{ width:100%;

float:left;

height:114px;;

background-image:url(images/footerbg.png);

background-repeat:repeat-x;

color:#9c8c5d;

text-align:center;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;}



#cssmenu,

#cssmenu ul,

#cssmenu ul li,

#cssmenu ul li a {

  margin: 0;

  padding: 0;

  

  list-style: none;

  line-height: 1;

  display: block;

  position: relative;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

#cssmenu {

 

  padding: 5px 5px;

  width: 97%;

  margin-left:2%;

  font-family: Helvetica, Arial, sans-serif;

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

  border: solid  #877545 1px;

  border-bottom:0;

  height:35px;

  margin-top:2%;

}

#cssmenu:after,

#cssmenu ul:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}

#cssmenu ul li {

  display: inline-block;

}

#cssmenu.align-right ul li {

  float: right;

}

#cssmenu.align-center ul {

  text-align: center;

}

#cssmenu ul li a {

  font-size: 13px;

  padding: 5px;

  text-decoration: none;

  color: #FFF;

}

#cssmenu ul li:hover a,

#cssmenu ul li a:hover,

#cssmenu ul li.active a {

  color: #000;

   font-size: 13px;

  padding: 5px;

  background:#917e4a;

  border-radius:4px;

   -webkit-transition: all 2s; /* Safari */

    transition: all 2s;

}

@media all and (max-width: 640px) {

  #cssmenu {

    padding: 0;

    border-radius: 0;

    border: 0;

  }

  #cssmenu ul li,

  #cssmenu.align-center,

  #cssmenu.align-right {

    display: block;

  }

}







@media all and (max-width: 480px) {

.col-30{ margin-left:-10px!important;}

img{ width:100%!important;}

}