body {
  font-size: 75%;
}

a,
a:link,
a:visited {
  color: #3399FF;
}

a:hover,
a:focus,
a:active {
  color: #ff0000;
}

h1, h2, h3 {
  line-height: normal;
  font-weight: normal;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 26px;
  color: #FF9933;
}

h3 {
  color: #3399FF;
  font-size: 24px;
}

p {
  margin-bottom: 0.5em;
}

/*  */

#site-name {
  font-size: 300%;
  line-height: 150%;
}

.footer-message {
  font-size: 90%;
}


/*  */
/*  */
/*  */


body {
  background: #F8F8F8;
}

/*  */

.header-site-info span {
  display: block;
}

/*  */

.page {
}

.page-inner {
  border: 0;
  margin-bottom: 0;
  padding: 0;
}


/*  */
/*  */
/*  */


.header-group-wrapper {
  background: #FFCC66;
  margin-bottom: 1em;
  border-bottom: 1px solid #FF9922;
  border-top: 1px solid #FFEE99;
  margin-bottom: 20px;
}

.header-group {
}

.header-top-wrapper {
  background: #FF9933;
  padding-top: 1em;
  border-bottom: 1px solid #CC9900;
}

.header-top {
  background: url(../img/skoraya.png) no-repeat 400px 94px;
  height: 245px;
}


.novinka-block .content {
  text-align: center;
}
.novinka-block .content a {
  display: inline-block;
  padding: 5px 30px;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
  background: #FFCC66;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.novinka-block .content a:hover {
  color: #ff0000;
}

.novinka-skartinkoy-block .content {
  text-align: left;
}
.novinka-skartinkoy-block .content a {
  padding: 10px;
}
.novinka-skartinkoy-block .content a img {
  float: left;
  width: 100px;
  height: 100px;
}
.novinka-skartinkoy-block .content a b {
  font-weight: bold;
  color: #cc0000;
}
.novinka-skartinkoy-block .content a span {
  display: block;
  margin-left: 120px;
  padding-top: 13px;
}

.nazvanie {
  margin-bottom: 40px!important;
}

.nazvanie .content {
  text-align: center;
}

.nazvanie .content a {
  color: #ffeecc;
  font-size: 36px;
  text-transform: uppercase;
  line-height: normal;
}

.header-top .skoraya {
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  line-height: normal;
}

.header-top .nazvanie:hover {
  color: #FFFF99;
}

.header-top .tel {
  font-size: 32px;
  line-height: 50px;
  color: #fff;
}


/*  */
/*  */
/*  */


.primary-menu {
  margin-bottom: 0!important;
}

/*  */

.primary-menu-inner {
  overflow: hidden;
  height: 50px;
}

.primary-menu-inner ul.sf-menu {
  width: 1000px;
}

.primary-menu-inner ul.sf-menu a,
.primary-menu-inner ul.sf-menu a:visited  {
  color: #333;
  font-size: 22px;
  padding: 0 25px;
  height: 50px;
  line-height: 50px;
}

.primary-menu-inner ul.sf-menu a:hover,
.primary-menu-inner ul.sf-menu a:active,
.primary-menu-inner ul.sf-menu a:focus {
  color: #FF3300;
  text-decoration: underline;
}


/*  */
/*  */
/*  */


.preface-top-wrapper {
}

.preface-top {
}

.preface-top-inner {
}

.preface-bottom {
}

.preface-bottom-inner {
}


/*  */
/*  */
/*  */
/*  */


.main-wrapper {
}

.front .main-wrapper .main-content {
  display: none;
}

.front .sidebar-first {
  width: 400px!important;
}
.front .sidebar-first .block {
  width: 400px!important;
}
.front .sidebar-first .block .content {
  padding-right: 10px;
}

.front .main-group {
  width: 540px!important;
}
.front .main-group .block {
  width: 540px!important;
}


/*  */
/*  */
/*  */
/*  */
/*  */
/*  */


.sidebar-first {
}

.sidebar-last {
}


/*  */
/*  */


.side-menu h2 {
  color: #FF9933;
}
.side-menu .content ul {
  margin-left: 0;
}
.side-menu .content ul li {
  margin: 0 0 5px 0;
  padding-top: 5px;
  border-top: 1px solid #CCCCCC;
  list-style: none;
}
.side-menu .content ul li a {
  color: #000;
}
.front .side-menu .content ul li a {
  font-size: 20px;
}
.side-menu .content ul li.active-trail a,
.side-menu .content ul li a.active,
.side-menu .content ul li a:hover {
  color: #ff0000;
}


/*  */
/*  */
/*  */
/*  */
/*  */


.content-top {
}

.content {
}

.content table {
  border: none;
}

.content td {
  border-color: #CCCCCC;
  padding: 5px 10px;
}

.content-inner {
}

.content-bottom {
}


/*  */
/*  */
/*  */


.node-bottom {
}

.field-field-img img {
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
  border: 1px solid #CCCCCC;
}

.field-field-teh .field-label {
  color: #FF6600;
  margin-bottom: 5px;
  margin-top: 1em;
}


/*  */
/*  */


.tovar-list .view-content {
  margin: 0 0 0 -20px;
}
.tovar-list .views-row {
  margin: 0 0 0 20px;
  width: 220px;
  float: left;
  height: 300px;
  text-align: center;
}
.tovar-list .views-field-field-img-fid img {
  margin-bottom: 5px;
  float: none;
  margin-left: 0;
  border: 1px solid #CCCCCC;
}


/*  */
/*  */


.list td {
  text-align: center;
  vertical-align: top;
  width: 33%;
  padding-bottom: 20px;
  padding-right: 10px;
}

.list td .views-field-field-img-fid img {
  margin-bottom: 5px;
  float: none;
  margin-left: 0;
  border: 1px solid #CCCCCC;
}


/*  */
/*  */


.frontmenu li {
  list-style: none;
}

/*  */

.field-field-imgs {
  margin-top: 20px;
}

.field-field-imgs .field-item {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}


/*  */

.d-flex {
  display: flex;
}
.card__character-tr {
	padding-top: 10px;
	padding-bottom: 10px;
  border-top: 1px solid #ccc;
}
.bold.card__character-td {
  width: 30%;
  font-weight: bold;
}
.card__character-td:last-child {
  padding: 0 0 0 3%;
  width: 67%;
}

/*  */

.field-field-teh table {
	margin: 0;
}
.field-field-teh table td {
	padding: 10px 0;
  border-top: 1px solid #ccc;
}

/*  */
/*  */
/*  */
/*  */


.postscript-top {
}

.postscript-top-inner {
}

.postscript-bottom-wrapper {
}

.postscript-bottom {
}

.postscript-bottom-inner {
}

.footer-wrapper {
  margin-top: 3em;
  padding-top: 1em;
  padding-bottom: 3em;
  border-top: 1px solid #777777;
  background: #DDDDDD;
}

.footer {
}

.footer-inner {
}


/*  */
/*  */
/*  */


h1.title {
  margin-bottom: 0.5em;
}

.block {
  margin-bottom: 1em;
}


/* Default node styles
/-------------------------------------------------------------- */
/* Change unpublished and preview colors for dark background themes */
.node-unpublished {
  background-color: #fff4f4;
}
.preview .node {
  background-color: #ffffea;
}

/* Error that appears when a required form field is not filled out */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #aa1144;
}

/* "New" text and required form field asterisk (default = red) */
.marker,
.form-required {
  color: #aa1144;
}

/* Tab Menus
/-------------------------------------------------------------- */
#content-tabs {
  background-color: transparent;
  float: left; /* LTR */
  margin: 20px 0;
  padding: 0;
}

#content-tabs ul.primary,
#content-tabs ul.secondary {
  border-bottom: 1px solid #000;
  clear: both;
  float: left; /* LTR */
  margin: 0;
  padding: 0 10px;
}

#content-tabs ul.secondary {
  border-bottom: 1px solid #555;
  margin-top: 10px;
  text-transform: lowercase;
}

#content-tabs ul.primary li,
#content-tabs ul.secondary li {
  border-style: none;
  display: inline;
  float: left; /* LTR */
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited,
#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  background-color: transparent;
  border: none;
  color: #000;
  float: left; /* LTR */
  font-weight: bold;
  margin: 0;
  padding: 0 0 6px 0;
  text-decoration: none;
  white-space: nowrap;
}

#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  color: #555;
}

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
  border-bottom: 4px solid #000;
  color: #555;
  padding-bottom: 2px;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
  border-bottom: 4px solid #555;
  color: #777;
  padding-bottom: 2px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.primary li a:focus,
#content-tabs ul.secondary li a:hover,
#content-tabs ul.secondary li a:focus {
  border-bottom: 4px solid #777;
  color: #777;
  padding-bottom: 2px;
}

/* Pagers
-------------------------------------------------------------- */
ul.pager {
}

ul.pager li {
}

ul.pager a,
ul.pager li.pager-current {
  border-color: #333;
}

ul.pager li.pager-current {
  background-color: #777;
  color: #fff;
}

ul.pager a:hover,
ul.pager a:active,
ul.pager a:focus {
  background-color: #777;
  border-color: #333;
  color: #fff;
}

/* Forms
/-------------------------------------------------------------- */
/* Typography and backgrounds for all form buttons */
form input.form-submit {
  margin: 2px;
  padding: 3px 5px;
}

/* Hover style for form buttons */
form input.form-submit:hover,
form input.form-submit.hover,
form input.form-submit:focus {
}

/* Typography, background, borders, padding for form fields */
.form-item input,
.form-item select,
.form-item textarea {
  max-width: 150px;
}

/* Remove backgrounds and border on radios and checkboxes */
.form-item .form-radio,
.form-item .form-checkbox {
  background: none;
  border: none !important;
}

/* Fieldset wrapper around groups of form elements -- add border here */
fieldset {
}

/* Typography and spacing for legend of fieldsets */
fieldset legend {
}

/* Link style for legend of fieldsets */
fieldset legend,
legend.collapse-processed,
legend.collapse-processed a:link,
legend.collapse-processed a:visited {
}

/* Custom icons on (open) collapsible fieldsets */
html.js fieldset.collapsible legend a:link,
html.js fieldset.collapsible legend a:visited {
}

/* Custom icons on (closed) collapsible fieldsets */
html.js fieldset.collapsed legend a:link,
html.js fieldset.collapsed legend a:visited {
}


/* Tables
-------------------------------------------------------------- */
table td {
  vertical-align: top;
  padding: 0;
}

/* Body of tables */
tbody {
  border-top: none;
}

/* Header of tables */
thead th,
th {
  border-bottom: 3px solid #ccc;
}

tbody th {
  border-bottom: 1px solid #ccc;
}

/* Alternating row background styles */
tr.even,
tr.even td {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
}

tr.odd,
tr.odd td {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}

td.active {
}

tr.drag td,
tr.drag-previous td {
  color: #000;
}