/* Оформление сайта Ниппон Авто */
* { margin:0; padding:0; }
body {
  background:#e9e8d6;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:1.58;
  color:#3b3b3b;
}
img { border:0; }
a { color:#8c1a1a; text-decoration:underline; }
a:hover { color:#b0651f; }
a:focus { outline:1px dotted #8c1a1a; }
#wrap { width:960px; margin:0 auto; }
#header { padding:14px 4px 7px 4px; }
.site-name { font-size:27px; line-height:1.1; letter-spacing:-0.2px; }
.site-name a { color:#8c1a1a; text-decoration:none; }
.site-name a:hover { color:#6e1416; }
.site-slogan { font-size:12px; font-weight:bold; color:#2f2f2f; padding-top:2px; }
#nav { background:#7b1315; border-top:1px solid #9c2724; list-style:none; overflow:hidden; }
#nav li { float:left; border-right:1px solid #5d0e10; }
#nav li a {
  display:block; padding:7px 17px; color:#f2e4e0; font-size:11px; text-decoration:none;
}
#nav li a:hover { background:#5d0e10; color:#fff; }
#nav li a.cur { background:#5d0e10; color:#fff; font-weight:bold; }
#content { background:#fbfaf5; padding:16px 18px 22px 18px; overflow:hidden; }
#main { float:left; width:62%; }
#side { float:right; width:32%; }
.clr { clear:both; height:0; font-size:0; }
#footer {
  background:#f2f2e6; border-top:1px solid #dcd9c2; text-align:center;
  font-size:11px; color:#59594f; padding:10px 8px;
}
#footer a { color:#8c1a1a; }
#subfoot { text-align:center; font-size:11px; color:#7c7c6e; padding:8px 0 22px 0; }
#subfoot a { color:#7b5a2a; }

h1 { font-size:19px; color:#8c1a1a; font-weight:bold; margin:0 0 10px 0; line-height:1.3; }
h2 { font-size:15px; color:#8c1a1a; font-weight:bold; margin:20px 0 7px 0; line-height:1.35; }
h3 { font-size:13px; color:#6e1416; font-weight:bold; margin:15px 0 5px 0; }
p { margin:0 0 9px 0; text-align:justify; }
ul, ol { margin:0 0 10px 22px; }
li { margin-bottom:4px; }
.lead { color:#2f2f2f; }
blockquote {
  margin:0 0 10px 0; padding:8px 11px; background:#f4f2e4;
  border-left:3px solid #a8302c; color:#4a4a43; font-style:italic; text-align:justify;
}
.banner { margin:0 0 14px 0; line-height:0; }
.banner img { width:100%; height:auto; }

/* блоки главной и внутренних страниц */
.blk { margin:0 0 18px 0; padding:0 0 14px 0; border-bottom:1px dotted #d3cfb6; }
.blk-last { border-bottom:0; }
.note {
  background:#f4f2e4; border:1px solid #e0ddc6; padding:9px 11px; margin:0 0 12px 0;
}
.note p:last-child { margin-bottom:0; }

/* карточки */
.cards { overflow:hidden; margin:0 0 4px 0; }
.card {
  float:left; width:30.4%; margin:0 4.4% 12px 0; background:#f6f4e8;
  border:1px solid #dfdcc6; padding:8px;
}
.card.last { margin-right:0; }
.card img { width:100%; height:auto; display:block; margin-bottom:6px; }
.card h3 { margin:0 0 4px 0; font-size:12px; }
.card p { font-size:11px; margin:0; text-align:left; color:#4b4b44; }
.card-2 { width:47.2%; margin-right:5.6%; }

/* таблицы */
table.tbl { border-collapse:collapse; width:100%; margin:0 0 12px 0; font-size:11px; }
table.tbl th {
  background:#7b1315; color:#f5e9e5; text-align:left; padding:5px 7px; font-weight:bold;
  border:1px solid #6a1012;
}
table.tbl td { border:1px solid #ddd9c0; padding:5px 7px; vertical-align:top; background:#fffefa; }
table.tbl tr.alt td { background:#f7f5ea; }

/* партнёры */
.partner { overflow:hidden; padding:10px 0 12px 0; border-bottom:1px dotted #d3cfb6; }
.partner-last { border-bottom:0; }
.partner .plogo {
  float:left; width:172px; margin:2px 14px 6px 0; background:#fff;
  border:1px solid #ddd9c0; padding:6px; text-align:center;
}
.partner .plogo img { width:100%; height:auto; display:block; }
.partner h3 { margin-top:0; }

/* список статей */
ul.plain { list-style:none; margin-left:0; }
ul.plain li {
  padding:5px 0 5px 12px; border-bottom:1px dotted #ddd9c0; background:url(data:image/gif;base64,R0lGODlhBQAFAIABAIwaGv///yH5BAEAAAEALAAAAAAFAAUAAAIIjI+py+0PWygAOw==) no-repeat 0 10px;
}
ul.plain li span { color:#77776c; font-size:11px; }
.artlist li { padding:7px 0 7px 12px; }

/* сайдбар */
.sb { margin:0 0 20px 0; }
.sb h4 {
  font-size:12px; color:#8c1a1a; font-weight:bold; margin:0 0 7px 0;
  border-bottom:1px solid #e1ddc5; padding-bottom:4px;
}
.sb p { font-size:11px; text-align:left; margin-bottom:7px; color:#4d4d46; }
.sb ul { list-style:none; margin:0; }
.sb li { border-bottom:1px dotted #e1ddc5; padding:4px 0; font-size:11px; }
.sb li a { text-decoration:none; }
.sb li a:hover { text-decoration:underline; }
.sb .more { display:inline-block; color:#b0651f; font-size:11px; }
.sb .newsitem { border-bottom:1px dotted #e1ddc5; padding:6px 0; font-size:11px; color:#4d4d46; }
.sb .newsitem b { color:#7b1315; }
.searchform { overflow:hidden; }
.searchform input.q {
  float:left; width:64%; border:1px solid #c9c5ad; padding:3px 4px; font-size:11px;
  font-family:Arial, Helvetica, sans-serif; background:#fff;
}
.searchform input.go {
  float:right; width:32%; background:#7b1315; color:#f3e6e2; border:1px solid #5d0e10;
  padding:3px 0; font-size:11px; cursor:pointer; font-family:Arial, Helvetica, sans-serif;
}
.contact-line { font-size:11px; color:#4d4d46; padding:3px 0; }
.stub { color:#7a7a70; }

/* хлебные крошки */
.crumbs { font-size:11px; color:#7a7a70; margin:0 0 11px 0; }
.crumbs a { color:#8c1a1a; text-decoration:none; }
.crumbs a:hover { text-decoration:underline; }

/* страница 404 */
.err-code { font-size:52px; color:#8c1a1a; font-weight:bold; line-height:1; margin-bottom:8px; }

.meta { font-size:11px; color:#80806f; margin:0 0 12px 0; }
.toc { background:#f4f2e4; border:1px solid #e0ddc6; padding:9px 11px 9px 28px; margin:0 0 14px 0; }
.toc li { font-size:11px; margin-bottom:3px; }
.pager { font-size:11px; color:#6e6e62; padding-top:8px; }
.num { font-size:22px; color:#8c1a1a; font-weight:bold; }
.statline { overflow:hidden; }
.statline div { float:left; width:24%; text-align:center; padding:6px 0; }

@media (max-width:980px) {
  #wrap { width:auto; margin:0 8px; }
  #main, #side { float:none; width:auto; }
  #side { margin-top:22px; border-top:1px solid #e1ddc5; padding-top:14px; }
  .card, .card-2 { float:none; width:auto; margin:0 0 10px 0; }
  .partner .plogo { float:none; width:190px; margin:0 0 9px 0; }
  #nav li { float:none; border-right:0; border-bottom:1px solid #5d0e10; }
  .site-name { font-size:21px; }
}
