@charset "utf-8";
* { margin: 0; padding: 0; border: 0; box-sizing: border-box; }

body {
  font: 11px/15px Arial, Helvetica, sans-serif;
  color: #333;
  background: #fff linear-gradient(#ececec, #fff 320px) no-repeat;
}
ul, ol { list-style: none; }
img { display: block; }

#wrapper { width: 750px; margin: 0 auto; }
#breadcrumb { display: none; }

/* шапка */
#header { height: 65px; }
#header .title { float: left; }
#header .title h1 { font-size: 20px; line-height: 65px; color: #333; }
#header .title h1 a { color: #333; text-decoration: none; }
#header .title h1 a:hover { color: #f00; }
.banner-top { float: right; width: 350px; height: 45px; margin-top: 10px; }

/* баннер */
#banner {
  padding: 6px;
  margin-bottom: 6px;
  background: #f3f3f3;
  border: 1px solid #ddd;
}
#banner img { width: 100%; height: 176px; }

/* три колонки */
#container, #container-top { margin: 0; padding: 0; }
#container-bot {
  display: grid;
  grid-template-columns: 150px 1fr 150px;
  gap: 6px;
  padding: 6px;
  background: #f3f3f3;
  border: 1px solid #ddd;
}
#left  { grid-area: 1 / 1; }
#content { grid-area: 1 / 2; }
#right { grid-area: 1 / 3; }
#container-bot > .clear { display: none; }

#left, #right, #content { background: #fff; border: 1px solid #e3e3e3; }

.toptitle, h3 {
  background: #efefef;
  color: #333;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  line-height: 30px;
}
#left p, #right p {
  color: #333;
  font-size: 10px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  padding: 4px 0;
}
.banner-left  { width: 120px; height: 240px; margin: 10px auto; }
.banner-right { width: 125px; height: 125px; margin: 10px auto; }
.banner-center { width: 468px; height: 60px; margin: 10px auto; }

/* контент */
#content { padding: 0 10px 10px; }
#content h2 { font-size: 20px; line-height: 30px; color: #222; }
#content p { padding: 3px 0; line-height: 15px; color: #333; }
#content a { color: #f00; font-weight: bold; text-decoration: underline; }
#content a:hover { text-decoration: none; }
.left_img  { float: left;  width: 185px; height: auto; border: 1px solid #ccc; padding: 3px; margin: 6px 8px 4px 0; }
.right_img { float: right; width: 185px; height: auto; border: 1px solid #ccc; padding: 3px; margin: 6px 0 4px 8px; }

.clear { clear: both; font-size: 1px; }

/* футер */
#footer { background: #d2d2d2; margin-top: 15px; }
#footer p { line-height: 34px; text-align: center; font-size: 10px; font-weight: bold; color: #f00; }
#footer p a { color: #f00; text-decoration: underline; }
#footer p a:hover { text-decoration: none; }