@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#faf9f9;}
html { padding:0; margin:0;}
/* HEAD */
#header{
background:#88b5cb url(http://boetc.kz/images/shapka.png) no-repeat center;
height: 300px;
}
img[tabindex="0"] {
  cursor: zoom-in;
}
img[tabindex="0"]:focus {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: 99%;
  max-height: 99%;
  margin: auto;
  box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(210,210,210,.4);
}
img[tabindex="0"]:focus,  /* убрать строку, если не нужно, чтобы при клике на увеличенное фото, оно возвращалось в исходное состояние */
img[tabindex="0"]:focus ~ * {
  pointer-events: none;
  cursor: zoom-out;
}
/* MENU */
#navbar ul {
  display: none;
  background-color: #eeeeee;
  position: absolute ;
z-index: 1;
  top: 100%;
}
#navbar li:hover ul { display: block; }
#navbar, #navbar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#navbar {
  height: 40px;
  background-color: #fff;
  margin-left:25%;
  min-width: 470px;
}
#navbar li {
  float: left;
  position: relative;
  height: 100%;
}
#navbar li a {
  display: block;
  padding: 10px;
  width: 140px;
  color: #606060;
  text-decoration: none;
  text-align: center;
}
#navbar ul li { float: none; }
#navbar li:hover { background-color: #f90; }
#navbar ul li:hover { background-color: #fff; }

/* BODY */
#body { padding:0; margin:0; background:#ffffff;}
/* FBG */
.FBG { padding:0; margin:0; background:#232323;}
.FBG_resize { width:962px; margin:0 auto; padding:0;}
.FBG_resize img { float:left; margin:0; padding:0;}
.FBG_resize a { color:#feff03; text-decoration:none; font-weight:bold; }
.FBG_resize h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#f0f0f0; padding:10px 0; margin:0;}
.FBG_resize p {font: normal 11px Arial, Helvetica, sans-serif; color:#919191; padding:5px 0; margin:0; line-height:1.8em;}
.FBG_resize ul { padding:0; margin:0; list-style:none;}
.FBG_resize li { padding:5px 0; margin:0; }
.FBG_resize li a { font:normal 11px Arial, Helvetica, sans-serif; color:#757575; padding:5px 0 5px 0; margin:0;text-decoration:none;}
.FBG_resize li a:hover { color:#feff03; text-decoration:none;}
.FBG_resize .blog { width:210px; float:left; margin:0; padding:15px 40px 15px 0;}
.FBG_resize .blog.last { padding:15px 0;}
/*************footer**********/
.footer { width:962px; padding:20px 0; margin:0 auto; border-top:1px solid #313131;}
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#707070;}
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#707070; text-decoration:none; }
.footer p.right { text-align:right; width:350px; margin:0; padding:10px 0; float:right;} 
.footer p.leftt { text-align:left; width:550px; margin:0; padding:10px 0; float:left;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.bg { clear:both; padding:5px 0; margin:0; border-bottom:1px solid #ededed;}