html, body {width:100%; padding:0; margin:0;}
body { 
    font: 14px/22px Arial, Helvetica, sans-serif;
    color:#000;
    background: url(../images/body-bg.jpg) center 0 repeat #1c1c1c;
    min-height: 100%;
     height:100%;
}
header, footer, nav, article {display: block;}
a {text-decoration:none; cursor:pointer; font-size:14px; font-weight: bold; color: #002B55; text-shadow: 0 1px 0 #ACACAC;}
a:hover {text-decoration:none; color: #800000;}
h1 {text-align: center; color:#660000; font-size:20px; font-weight: bold; font-family: Arial, Helvetica; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1),
    0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2);}
h2 {margin:5px; color:#660000; font-size:18px; text-align:center; text-shadow: 0 6px 1px rgba(48, 48, 48,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(133, 133, 133,.3);} 
h3 {margin:5px; color:#660000; font-size:16px; text-align:center; text-shadow: 0 3px 0 #bbb, 0 6px 1px rgba(48, 48, 48,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(133, 133, 133,.3);} 
hr {margin: 3px auto; padding-top: 0; height: 4px;     background: #333;
     background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
     background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
     background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
     background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
      box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.5);}
table {font-size: 14px;}
.table1 {border-collapse: collapse;border-color:#ccc;}
.table1 td {padding: 3px; border-color:#ccc;}
strong {color: #A2283E; font-size:16px; font-weight: bold; font-family: Arial, Helvetica; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1); }
strong span {display: inline-block; width:99%; text-align: center;}
.anonce {display: block; float: left; width: 16%; border-right: 3px solid  rgba(187, 187, 187,0.25); background: url('../images/bgr.jpg') no-repeat; color: #F0F0F0;  box-shadow: 0 14px 28px rgba(174, 174, 174,0.25), 0 10px 10px rgba(176, 176, 176,0.25), inset -20px 0 26px -20px rgba(244, 244, 244,0.7);}
.anonce a {color:#7494BA;}
.anonce a:hover {color:#FFFFFF;}
.anonce h2 {font-size: 16px; color: #E0E0E0;}
.anonce strong {color:#ffffff;}
.butt {background: linear-gradient(to bottom, #585858 0%, #000000 100%); border-radius: 3px; padding: 10px; max-width: 200px; white-space: nowrap;}
.butt a {font: Bold 11pt Arial, Helvetica; color: #FBFBFB;}
.butt a:hover {color:#CC0000};
#search {margin: auto 3px; width: 72%; font-size: 14px;}
#submit {background: url('../images/search-min.png'); border-radius: 3px;}
.new {text-align: center;}
#anonce {font-family:Quicksand; font-weight:bold; font-size:15px; font-style:italic; padding: 6px; background: rgba(46, 46, 46,0.5);}
.navy div {height: 12px; margin-top: 0; padding-bottom: 10px; border-bottom: 1px solid #969696;}
.navy div:hover {background: #585858;}
.navy a {margin-left: 10%; font-size: 14px; color: #FFFFFF;}
#nazlo {background: rgba(227, 227, 227,0.8); line-height: 15px; width: 380px; max-width: 100%; height:65px; position: absolute; z-index: 100;}
#nazlo div {float: left; text-align: center; width: 92%; padding: 5px; margin: 0 auto; border-right: 1px solid #ACACAC; white-space: nowrap;}
#nazlo a {color: #002B55; font-size: 16px; font-weight: bold; padding: 5px;}
#nazlo a:hover {color: #800000}
#stars {position: relative; display: block; background: rgba(227, 227, 227,0.9); width: 350px; max-width: 100%; float: right; text-align: center; top: 10px;}
.top {padding: 0; margin: 1; background:url(../images/header1.jpg); width: 100%; border-left:#D4D4D4 1px solid; border-right:#D4D4D4 1px solid;}
.index {display: block; width: 84%; margin-left: -3px; float: left;}
img {display: inline-block; max-width: 95vw; height: auto; margin-left: auto; margin-right: auto;}
nav {position:relative; top: -25px; z-index:100; left: -2px; text-align:center; background:url(../images/header1.jpg) 0 bottom repeat-x; box-shadow: 5px 0 5px -5px #000 inset, -5px 0 5px -5px #F4F4F4 inset;}
nav a { float:left; font-size:14px; margin-top: 5px; margin-left: 10px; cursor:pointer; font-weight: bold; color:#F5F5F5; text-align: center;}
.article {text-align: center;}
.article h1 {text-align: center;}
.article p{width: 98%; text-align: justify; font-size: 14px;}
.article ul{margin-left:0; text-align: left;}
.article p:first-letter { font: Times, serif; font-weight: bold; font-size: 120%; color: #660000;}
.article table tr td {padding: 0; margin: 0;}
.article img {vertical-align: bottom; line-height: 0;}
.top {max-width:100%; background:url(../images/shapka.jpg) repeat-x; margin-left: -2px; height: 90px; padding: 0;}
.content {background: #FFFFFF; margin-top: -40px; padding: 10px;}
.invert {background: #002142; color: #F0F0F0; font-size: 14px; font-weight: bold; line-height: 25px;}
.level_1 {margin-left: 10%;margin-right: 10%;}
.level_2 {margin-left: 20%;}
.offer {background: rgba(66, 66, 66,0.5); width: 90%; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; padding: 5px;  text-align: center; margin: 5px;}
.center {text-align: center; margin-left: auto; margin-right: auto;}
.left {float: left; text-align:left; padding: 5px;}
.right {float: right;}
.space {clear: left; height: 2px; }
.ssylki {min-width: 300px; width: 600px; max-width: 100%; padding: 15px 10px 15px 15px; margin-left:auto; margin-right:auto;}
.ssylki a {font-size: 14px;}
.wrap {padding: 10px 0px 15px 15px; font-size: 14px; box-shadow: 0 6px 8px -6px #646464 inset;}
.wrap h1 {text-align: center;}
.wrap p {text-align: left; margin: 5px; padding: 5px;}
.wrap p:first-letter { font: Times, serif; font-weight: bold; font-size: 120%; color: #660000;}
.box-1 {width:80%;font-style:italic;}
.box-1 span {display:block;width:60%;margin: 0 auto;font-weight:600;}
.box-2 {width:80%;}
.box-2 span {display:block;width:60%;margin: 0 auto;font-weight:600;}

.big {font-size: 16px; font-weight: bold;}
.box2 {background:#FBFBFB; top: 0px; padding: 3px; margin: 3px;  border-bottom: #FBFBFB 30px solid; box-shadow: 0 6px 4px -4px #000 inset;}
.box2 .table {display: table;width: 100%; font-size:14px; margin: 0; border-top: 1px solid #E1E1E1;}
.box2 .tr {display: table-row;vertical-align: top; padding-top: 5px;}
.box2 .th {display: table-cell;text-align:center;font-size:16px;font-weight: bold; border-right: 1px solid #C0C0C0; background: linear-gradient(to bottom, rgb(209, 214, 205), rgb(239, 241, 240));padding:5px;}
.box2 .td {display: table-cell;text-align:justify; padding:3px; width: 19.5%; padding: 15px 5px; border-right: 1px solid #E1E1E1; line-height: normal; }
.box2 .td:last-child {width: 22%; border: 0}
.box2 a {font-size:14px; vertical-align: middle; cursor:pointer;}
.box2 a:hover {text-decoration:none; color: #9B1523;}
.box2 strong{font-size:12px;}
.clear {clear:both; line-height:10px; font-size:12px; width:100%;}
.flex {display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start; }
.flex div {flex-basis: 20%; text-align:center;}
.tabl {display: table;max-width: 65%; margin-left: auto; margin-right: auto;}
.capt {display: table-cell; font: 16px; font-weight: bold; color: #F0F0F0; padding: 5px 10px; background:#002142; border-left: 1px solid #F0F0F0;}
.tr {display: table-row;}
.td {display: table-cell;}
.th-l {display: table-cell; width: 40%; max-width: 40%; text-align: left; padding: 3px 5px; font-weight: 600; background:#F9FEFF;}
.th-r {display: table-cell; width: 20%; max-width: 20%; text-align:right; padding: 3px 5px; font-weight: 600; background:#F9FEFF;}
.td-l {display: table-cell; width: 40%; max-width: 40%; text-align: left; padding: 3px 5px; background:#E0E0E0;}
.td-r {display: table-cell; width: 20%; max-width: 20%; text-align:right; padding: 3px 5px; background:#E0E0E0;}
.td:first-letter {padding-left: 15px; font-size: 120%; font-weight: bold; color: #7D0000;}
.colspan {min-width: 53vw; background:#002142; display: block; overflow-x: hidden; color: #F0F0F0; padding: 5px;}
.colspan strong {color:#F0F0F0;}
@media all and (max-width: 600px) { 
.tabl, .tr, .td {display: block;}
.anonce {display: none;}
.nazlo {display: none;}
#stars {display: none;}
#search {width: 120px;}
.index {width: 99%; margin: 0 auto;}
img {margin-left: -5%;}
.box2 .th {display:none;}
.box2 .td {display:block;width:99%;}
.box2 .td:last-child {width: 99%;}
.level_2 {margin-left: 10%;}
.submenustyle {display:none;}
textarea {width:95%;}
.flex {flex-direction:column;}
}
input[type="text"] {margin-left: 5px; max-width: 90%;}
footer {width:100%; min-height: 200px; margin: 0 auto; padding:20px 0px 20px 0; background: url(../images/body-bg.jpg); text-align:center; color:#F5F5F5; text-transform:uppercase; box-shadow: 0 7px 9px -8px #FBFBFB inset;}
footer a {font-size:12px; cursor:pointer; font-weight: bold; color: #F5F5F5}
social-icons {padding: 0; list-style: none; margin: 10px;}
.social-icons li {display: inline-block; position: relative; font-size: 30px;}
.social-icons i, .social-icons img {color: #fff; position: absolute; top: 12px; left: 5px; width: 30px; height: 30px; text-align:center;    transition: all 0.3s ease-out;}
.social-icons a {display: inline-block;}
.social-icons a:before {transform: scale(1); content: ""; width: 40px; height: 40px; border-radius: 100%; display: block; background: linear-gradient(45deg, #337AB7, #2d6b9f); box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 2px 4px rgba(0,0,0,0.2); transition: all 0.3s ease-out;}
.social-icons a:hover:before {transform: scale(0); transition: all 0.3s ease-in;}
.social-icons a:hover i, .social-icons a:hover img {transform: scale(1.8); color: #337AB7; transition: all 0.3s ease-in;}
p {text-indent: 20px; padding: 5px;}
p:first-letter {color: #800000; font-weight: 700; font-size: 14pt;}
.submenu {display: flex; justify-content: center; width: 99%;}
.sub-menu {min-width:19%; display: flex; justify-content: center; align-items: center; background: #002142; }
.submenu a {color: #f8f8f8;}
.submenu img {display: flex; align-items: center; height: 30px; border:0;}
.razdely {display: flex; justify-content: center; min-width: 99%;}
.razdely div {min-width: 14%; margin: 0; padding: 0; text-align: center;}