/* custom fonts */
@font-face {
	font-family: 'MyriadPro';
	src: url('font/MyriadPro-Regular.eot');
	src: local('Myriad Pro'), local('MyriadPro'), url('font/MyriadPro-Regular.otf') format('opentype');
}

.cClear { clear: both; height: 0px; line-height: 0px; visibility: hidden; }

body { font: normal 13px Arial, Helvetica, sans-serif; background: #f5f5f5; }

a, a:hover { text-decoration: none; }

.cOuter { width: 100%; min-width: 962px; }
.cInner { position: relative; margin: 0 auto; width: 962px; }

#body_bottom {
  background: url('img/body_top.jpg') no-repeat center top;
  background-size: 100% 937px;
}

#body_top {
  background: url('img/body_bottom.jpg') no-repeat center bottom;
  background-size: 100% 378px;
}

#header {}
#header .cInner {
  height: 160px;
}


#logo {
  position: absolute;
  width: 100px;
  height: 49px;
  top: 57px;
  left: 46px;
}

#socials {
  position: absolute;
  top: 56px;
  left: 228px;
}


#slogan {
  position: absolute;
  width: 300px;
  top: 60px;
  left: 347px;
}

#slogan p {
  color: #2f292a;
  font: bold 21px MyriadPro, Arial, Helvetica, sans-serif;
}

#counter {
  position: absolute;
  top: 59px;
  right: 60px;
}

#counter p {
  color: #4e4e4e;
  line-height: 14px;
}

#counter p span {
  display: block;
  color: #2f292a;
  font: bold 32px Arial, Helvetica, sans-serif;
}

#counter_html {
  float: left;
  width: 105px;
  padding: 2px 0;
  border-right: solid 1px #d1d1d1;
}

#counter_pdf {
  float: left;
  width: 105px;
  padding: 2px 0 2px 20px;
  border-left: solid 1px #fcfcfc;
}

#banner {}

#banner_embed {
  position: relative;
  width: 962px;
  height: 280px;
}

#banner_left {
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  width: 95px;
  height: 280px;
  background: url('img/banner_left.png') no-repeat center center;
  cursor: pointer;
}

#banner_right {
  position: absolute;
  z-index: 100;
  right: 0;
  top: 0;
  width: 95px;
  height: 280px;
  background: url('img/banner_right.png') no-repeat center center;
  cursor: pointer;
}

#banner_pager {
  position: absolute;
  z-index: 100;
  width: 962px;
  height: 9px;
  left: 0;
  bottom: 20px;
  text-align: center;
}

#banner_pager a {
  display: inline-block;
  margin-left: 5px;
  width: 9px;
  height: 9px;
  text-indent: -666px;
  background: url('img/banner_pager.png') no-repeat center bottom;
  overflow: hidden;
}

#banner_pager a:first-child { margin-left: 0; }

#banner_pager a.cActive {
  background: url('img/banner_pager.png') no-repeat center top;
}

#banner .cHead {
  width: 962px;
  height: 9px;
  background: url('img/banner_top.png') no-repeat center top;
}

#banner .cFoot {
  width: 962px;
  height: 3px;
  background: url('img/banner_after.png') no-repeat center top;
}

#mid h1 {
  margin: 0 0 10px;
  color: #fff;
  font: bold 16px Arial, Helvetica, sans-serif;
}

#mid p {
  color: #fff;
  line-height: 18px;
}

#mid .cBody {
  width: 962px;
  background: url('img/banner_body.png') repeat-y center top;
}

#mid .cFoot {
  width: 962px;
  height: 10px;
  background: url('img/banner_bottom.png') no-repeat center top;
}

#mid .cBody .cLeft {
  float: left;
  width: 290px;
  margin: 25px 0 25px 35px;
}

#mid .cBody .cMid {
  float: left;
  margin: 25px 0 25px 25px;
  width: 230px;
}

#mid .cBody .cMid ul {
  list-style-image: url('img/ul.gif');
  margin-left: 20px;
}

#mid .cBody .cMid li {
  color: #e19e9e;
  padding-bottom: 3px;
}

#mid .cBody .cRight {
  float: right;
  margin: 25px 25px 25px 0;
  width: 280px;
}

#mid .cBody .cRight .cNews {
  position: relative;
  min-height: 62px;
  margin-top: 12px;
}

#mid .cBody .cRight .cNews:first-child { margin-top: 0; }

#mid .cBody .cRight .cNews img {
  position: absolute;
  padding: 3px;
  left: -5px;
  background: #fff;
  border: solid 1px #a65a59;
}

#mid .cBody .cRight .cNews p {
  padding-left: 75px;
  font-size: 13px;
}

#mid .cBody .cRight .cNews p a {
  color: #fff;
}

#mid .cBody .cRight .cNews p a:hover {
  text-decoration: underline;
}

#mid2 .cBody {
  padding: 25px 25px 10px;
  background: url('img/main_body.png') repeat-y center top;
}

#mid2 h1 {
  margin: 0 0 0 10px;
  color: #2f292a;
  font: normal 24px MyriadPro, Arial, Helvetica, sans-serif;
}

#mid2 .cDesc {
  padding: 0 0 0 85px;
  width: 160px;
  min-height: 110px;
}

#mid2 .cLeft {
  float: left;
  width: 272px;
}

#mid2 .cLeft .cDesc {
  background: url('img/01.jpg') no-repeat 18px top;
}

#mid2 .cMid {
  float: left;
  margin-left: 35px;
  width: 272px;
}

#mid2 .cMid .cDesc {
  background: url('img/02.jpg') no-repeat 30px top;
}

#mid2 p {
  text-align: center;
  display: block;
}

#mid2 .cButton {
  display: inline-block;
  background: url('img/button_1.gif') no-repeat left top;
}

#mid2 .cButton span {
  display: inline-block;
  margin: 0 0 0 30px;
  padding: 11px 30px 12px 0;
  background: url('img/button_1.gif') no-repeat right top;
  color: #fff;
  width: 177px;
  font: bold 18px Arial, Helvetica, sans-serif;
  text-shadow: 1px 1px 1px #000;
}

#mid2 .cRight {
  float: right;
  padding: 40px 30px 20px 40px;
  width: 250px;
  background: #fff9e1;
  border-left: solid 1px #ddd8c4;
}

#mid2 .cRight .c01, #mid2 .cRight .c02, #mid2 .cRight .c03 {
  color: #2f292a;
  padding-left: 60px;
  padding-bottom: 36px;
  text-align: left;
}

#mid2 .cRight .c01 a, #mid2 .cRight .c02 a, #mid2 .cRight .c03 a {
  color: #3386b6;
}

#mid2 .cRight .c01 a:hover, #mid2 .cRight .c02 a:hover, #mid2 .cRight .c03 a:hover {
  text-decoration: underline;
}

#mid2 .cRight .c01 {
  background: url('img/03.jpg') no-repeat left top;
}

#mid2 .cRight .c02 {
  background: url('img/04.jpg') no-repeat 6px top;
}

#mid2 .cRight .c03 {
  background: url('img/05.jpg') no-repeat left top;
}

#mid2 .cRight .cButton {
  background: url('img/button_2.gif') no-repeat left top;  
}

#mid2 .cRight .cButton span {
  color: #494949;
  background: url('img/button_2.gif') no-repeat right top;
  text-shadow: 1px 1px 1px #eaeaea;  
}

#footer h1 {
  margin: 0 0 20px;
  color: #2f292a;
  font: bold 16px MyriadPro, Arial, Helvetica, sans-serif;
}

#footer .cHead {
  height: 10px;
  background: url('img/footer_top.png') no-repeat center top;
}

#footer .cFoot {
  height: 10px;
  background: url('img/footer_bottom.png') no-repeat center top;
}

#footer .cBody {
  padding: 20px 35px;
  background: url('img/footer_body.png') repeat-y center top;
}

#footer .cLeft {
  float: left;
  width: 570px;
}

#footer .cRight {
  float: right;
  width: 286px;
}

#footer .cRight p {
  color: #2f292a;
}

#footer table {
  width: 100%;
}

#footer tr:first-child td {
  height: 50px;
}

#footer input {
  margin: 15px 0 10px;
  width: 276px;
  padding: 5px;
  background: url('img/input.png') no-repeat left top;
  border: none;
}

#footer .cButton {
  display: inline-block;
  background: url('img/button_3.gif') no-repeat left top;
}

#footer .cButton span {
  display: inline-block;
  margin: 0 0 0 15px;
  padding: 8px 15px 8px 0;
  background: url('img/button_3.gif') no-repeat right top;
  color: #494949;
  font: bold 12px Arial, Helvetica, sans-serif;
  text-shadow: 1px 1px 1px #e3e3e3;
}

#footer .cBody2 {
  padding: 20px 35px;
}

#footer .cBody2 .cLeft { width: 550px; }

#footer .cBody2 p {
  color: #666666;
}

#footer .cContact p {
  color: #161616;
}

#footer .cContact span {
  display: block;
  padding-left: 15px;
  background: url('img/contact.gif') no-repeat left center;
}

#footer .cContact a { color: #136798; }
#footer .cContact a:hover { text-decoration: underline; }
#footer .cBody2 h1 { margin-bottom: 10px; }

#mail_sent {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 50%;
  top: 0;
  padding: 20px 12px 20px 56px;
  width: 250px;
  text-align: center;
  margin-left: -125px;
  background: url('img/ok.png') no-repeat 12px 12px #FFF9E1;
}

#archive { margin: 15px 0 0; }

#archive h1 {
  margin: 0 0 10px;
  text-align: center;
  color: #2f292a;
  font: bold 16px MyriadPro, Arial, Helvetica, sans-serif;
}

.archive { text-align: center; }

.archive li {
  display: inline-block;
  color: #494949;
  font: normal 12px/12px Arial, Helvetica, sans-serif;
  text-align: center;
}

.archive li span {
  display: block;
  color: #494949;
  font: normal 10px/12px Arial, Helvetica, sans-serif;
  text-align: center;
}

.archive li a {
  color: #494949;
  text-decoration: none;
  padding: 5px 10px;
}

.archive li a:hover { text-decoration: underline; }