* {
margin: 0;
padding: 0;
}
img {
border: 0;
}
@font-face {
font-family: 'PragmaticaC';
src: url('/fonts/PragmaticaC.otf');
}
html {
height: 100%;
}
body{ 
color: #444;
//font-family: "Myriad Pro Regular",Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
display: flex;
flex-direction: column;
height: 100%;
}
.found{
font: bold 12px Verdana;
color: red;
}
#container {
width: 100%;
max-width:1280px;
margin: 0 auto;
height:auto;
overflow: hidden;
background: #fff;
display:block;
flex: 1 0 auto;
}
#header {                       
width:100%;                        
height: 150px;
margin: 0 auto;
display:flex;
justify-content: space-between;
position:relative;
}
#sanMenu {
display:none;
position:absolute;
top:80px;
right:0;
padding:20px 0;
box-sizing: border-box;
width:300px;
height:500px;;
box-shadow: 0 12px 15px rgba(0, 0, 0, .3);
z-index:100;
oveflow-y:auto;
background:#fff;
}
#openTopMenu {
display:none;
position:absolute;
top:80px;
right:0;
padding:20px 0;
box-sizing: border-box;
width:300px;
height:auto;
box-shadow: 0 12px 15px rgba(0, 0, 0, .3);
z-index:100;
background:#fff;
}
#showTopCat {
width:100%;
}
#showBotCat {
width:300px;
float:left;
margin:10px;
}
#showTopCat, #showTopCat ul, #showBotCat{
list-style-type:none;
}
#showTopCat li, #showBotCat li {
width:100%;
}
#showTopCat li a, #showBotCat li a{
text-decoration:none;
display: inline-block;
display: flex;
align-items: center;
padding:0 20px;
box-sizing: border-box;
}
#showTopCat li a:hover, #showBotCat li a:hover {
background:#F0F1F4;
}
.cat {
font-size: 17px;
color: #333;
height:34px;
width:100%;
}
.subcat {
color:#6D6A75;
height:30px;
width:100%;
} 
.topCatMap{
text-align:center;
width: 27px;
height: 17px;
margin-right:20px;
font-size:20px;    
} 
#showTopCat li a img, #showBotCat li a img {
background-size: 100% 188%;
background-position: center;
background-repeat: no-repeat;
width: 25px;
height: 17px;
border: 1px solid #EBECF1;
margin-right:20px;    
}
#topMenu {
width:20px;
color:#6D6A75;
font-size:24px;
cursor:pointer;
display:flex;
align-items: center;
float:right;
}
#logo {
width: 300px;
height:100%;
line-height:78px;
float:left;
display:block;
text-decoration:none;
font-size:33px;
font-weight:bold;
}
.logo1 {
color:#54C31E;
}
.logo2 {
color:#49B5F0;
}
#sanSelect {
width:140px;
color:#6D6A75;
cursor:pointer;
display: flex;
justify-content: space-between;
user-select: none;
}
.marker {
width:30px;
height:100%;
font-size:33px;
line-height:78px;
}
.select {
display: flex;
align-items: center;
justify-content: center;
width:70px;
height:100%;
font-size:16px;
}
.selectIco {
width:20px;
height:100%;
line-height:78px;
}
#auth {
display:none;
width:210px;
height:200px;
border:2px solid #999;
z-index:100;
position:absolute;
background:#fff;
top:20px;
right:150px;
padding:10px 20px;
}
#close {
float:right;
text-decoration:none;
font-size:16px;
color: #444;
}
.feed_inp {
width:100%;
height:20px;
line-height:20px;
float:left;
margin: 5px 0 15px;
outline:none;
}
#auth p{
width:100%;
float:left;
}
.remember {
width:100%;
height:20px;
line-height:20px;
margin-bottom:10px;
}
.remember input {
margin-top:3px;
float:left;
}
.enter {
float:right;
}
#top_text {
width:400px;
height:100px;
float:left;
font: 42px "PragmaticaC"; 
color:#444;
margin:35px 0 0 80px;
}
#right_top {
float:right;
width:300px;
height:120px;
margin-top:15px;
background: url(/images/borderr.png) left repeat-y;
position:relative; 
}
.reg {
float:left;
font: 12px Arial;
font-weight:bold;
color: #557799;
margin-left: 20px;
text-decoration:none;
}
#headerWidth {
width:100%;
height:78px;
border-bottom:2px solid #D6D9E1;
flex: 0 0 auto;
}
#header {
max-width:1280px;
min-width: 800px;
height:100%;
}
#basket{
height: 100%;
display: block;
padding-left:70px;
padding-top:15px;
float:left;
font: 18px Arial;
}
#basket a{
color:rgb(242,231,225);
text-decoration: none;
}
#basket a:hover {
text-decoration: underline;
}
.phone {
height:100%;
line-height:78px;
margin-left:30px;
color:#49B5F0;
font-size:26px;
text-decoration:none;
}
.email {
float:left;
width:30%;
height:100%;
background : url(/images/email.png) left center no-repeat;
}
.basket{
float:left;
width:40%;
height:100%;
background : url(/images/bask.png) left center no-repeat;
}
.topmenu {
list-style-type: none;
width:100%;
}
.topmenu li, .botmenu li {
width:100%;
height:48px;
display:flex;
align-items:center;
}
.tmenu {
color: #6D6A75;
text-decoration:none; 
}
.topmenu li a, .botmenu li a{
font-size:15px;
line-height:48px;
text-decoration: none;
font-weight:bold;
display: block;
width:100%;
padding:0 20px;
box-sizing: border-box;
}
.topmenu li a:hover, .top_current{
background: #F0F1F4;
}
.ahref{         
font-size:16px;
line-height:22px;
}
#left {
width: 300px;
height:100%;
float: left;
flex: 0 0 300px;
margin-inline-end: 70px;
}
.leftmenu {
width: 94%;
height: 55px;
font: 18px/55px Arial;
color: #fff;
background: rgb(89,24,3);
padding-left:15px;
float:left;
}
#leftmenucat {
overflow:hidden;
height:10.5em;
width:100%;
}
#leftmenucat1 {
height:auto;
width:100%;
box-sizing: border-box;
}
#leftmenucat li a img, #leftmenucat1 li a img {
background-size: 100% 188%;
background-position: center;
background-repeat: no-repeat;
width: 25px;
height: 17px;
border: 1px solid #EBECF1;
margin-right:20px;    
}
#leftmenucat li, #leftmenucat1 li {
width:100%;
height:45px;
border-bottom:1px solid #D6D9E1;
}
#leftmenucat ul li a, #leftmenucat1 ul li a {
width:100%;
height:100%;
line-height:45px;
color:#000;
}
#showcat, #hidecat {
margin: -10px 0 20px;
float:left;
}
#hidecat {
display:none;
}
.fade {
width:100%;
height:65px;
float:left;
background: url(/images/fade.png) repeat-x;
margin-top:-85px;
z-index:1000;
}
.lmenu, .rmenu {
color: #000;
font-size: 18px;
line-height:44px;
text-decoration: none;
display: flex;
align-items: center;
padding: 0 10px;
box-sizing: border-box;
position:relative;
}
.lmenu:hover, .current {
background: #F5F5F5;
}
.lmenu:hover>.num, .current>.num {
background: #49B5F0;
color:#fff;
}
.num {
display: inline-block;
background: #F0F1F4;
border-radius: 999px;
width: 22px;
height: 22px;
font-size: .75em;
text-align: center;
color: #40424D;
line-height: 21px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 26px;
}
.ahref1 {
font: 13px/30px Arial;
font-weight:bold;
color: #579;
text-decoration:none;
}
.ahref2 {
clear:both;
margin-top:5px;
font: 13px/20px Arial;
font-weight:bold;
color: #579;
text-decoration:none;
float:left;
}
.pl {
height:3px;
background:url(/images/borderb.png) repeat-x;
}
#left li a:hover, .current{
text-decoration:inderline;;
}
#idsy {
width:100%;
height:auto;
min-height:600px;
//background: url(/images/idsy.png) right top no-repeat;
float:left;
}
#center_main {
width: 999px;
min-height:900px;
margin: 0 auto;
padding-bottom: 20000px;
margin-bottom: -20000px;
}
#catalog {
width:100%;
min-height:100%;
float:left;
margin-top:20px;
text-align:center;
}
.catalog img {
width:180px;
height:180px;
border-radius:90px;
}
.catalog {
display: inline-block;
width:18%;
margin:5px;
height: 250px;
text-align:center;
color:rgb(89,24,3);
vertical-align:top;
}
.catalog a{
color:rgb(89,24,3);
text-decoration:none;
}
.catalog a:hover{
text-decoration:underline;
}
#centerBlock {
width: 100%;
height:auto;
min-height:100%;
display:flex;
margin:30px 0;
}
#center {
width:100%;
margin: 0;
padding-bottom: 0;
inset-inline-start: 0;
}
#center h2 {
font-size: 1.85em;
font-weight: 400;
font-size: 2.5em;
margin-top: 0;
margin-bottom: 25px;
text-align: start;
}
h1 {
font-size: 25px;
width:100%;
margin-bottom:10px;
}
h5 {
font: 25px Arial;
color:#444444;
width:100%;
margin-bottom:10px;
}
#center ul{
width:90%;
margin-left:20px;
}
h2 {
color: #696969;
font-size: 16px;
}
.status {
width:100%;
margin-bottom:20px;
font-size: 12px;
}
.status a {
color:#6C7899;
font-size: 12px;
}
h3 {
color: #16A2E5;
margin: 0 0 16px 0;
font-size: 1.5625em;
width:100%;
}
.text1 {
text-decoration: none;
color:#0C9EE4;
width:100%;
display:block;
line-height:30px;
}
.text2, .text3 {
white-space: nowrap;
    color: rgb(89,24,3);
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
}
.text3 {
font-size: 15px;
    text-decoration: line-through;
    white-space: nowrap;
    color: #707070;
}
.text4 {
width:100%;
color: #B70000;
font-size: 15px;
font-weight: bold;
text-align: left;
flex: 0 1 auto;
}
.text4 span {
font-weight:normal;
} 
.shortDescription {
flex: 1;
margin-top: 15px;
font-size: 14px;
line-height: 24px;
}
.search_inp {
width:97%;
height:25px;
float:left;
margin: 5px 0;
border:2px solid rgb(167,167,167);
outline:none;
}
.text_inp {
width:97%;
height:100px;
float:left;
margin: 5px 0;
border:2px solid rgb(167,167,167);
outline:none;
float:left;
}
#send_button, #send_basket {
cursor:pointer;
width:86px;
height:23px;
font:12px/23px 'Arial';
text-align:center;
background: url(/images/feed.png);
float:left;
}
.clear {
width:100%;
clear: both;
}
#footer {
width: 100%;
height: auto;
background:#F0F1F4;
flex: 0 0 auto;
}
#footerWrap {
max-width:1280px;
min-width: 800px;
height:100%;
margin:0 auto;
position:relative;
}
.botmenu {
float:left;
width: 330px;
height: 80%;
margin:10px;
background:none;
}
.botmenu {
list-style-type: none;
}
.botmenu li {
float: left;
}
#footer p{
color: #999;
float: left;
margin: 20px 0 0 40px;
width:350px;
height:40px;
}
.cpr {
position:absolute;
right:20px;
bottom:20px;
}
.cpr a {
color:#0C9EE4;
}
.td_del {
color: #000;
width: 70px;
}
.td_del:hover {
font-weight: bold;
cursor: pointer;
}
#total_amount {
font-weight: bold;
}
.goto_basket {
visibility: hidden;
}
.text_basket_add {
color: red;
visibility: hidden;
}
#loading {
/*position: absolute;*/
display:none;
margin-top:20px;
padding-left: 86px;
height: 32px;
}
#currentpage, #cat, #online, #currentmenu, #lastcat {
display:none;
}
#loading1 {
display:none;
padding-left: 65px;
float:left;
}
#feed_ok {
margin: 10px 0;
text-align: center;
color: #c00;
font-size:13px;
width: 100%;
float:left;
}
.cat_load {
display:none;
}
#drugoe {
display:none;
}
#plus,#minus {
width:20px;
}
.plus,.minus {
width:20px;
height:20px;
font: 14px/20px Arial;
background: #e6e6e6;
color: #000;
text-align:center;
float:left;
cursor:pointer;
}
.main {
width:100%;
height:auto;
display:flex;
justify-content: space-between;
flex-flow: column;
}
.item_td{ /*ячейка товара в разделе каталога*/
display: flex;
width: 100%;
height:auto;
min-height:200px;
margin-bottom: 40px;
flex: 0 1 auto;
}
.catImg {
flex: 0 1 auto;
height: 200px;
min-width: 380px;
width:380px;
display:block;
overflow:hidden;
}
.itemDescription {
margin-inline-start: 25px;
flex: 1;
display: flex;
width:100%;
justify-content: space-between;
flex-flow: column;
}
.text1 img {
background-size: 100% 188%;
background-position: center;
background-repeat: no-repeat;
display: inline-block;
width: 25px;
height: 17px;
border: 1px solid #EBECF1;
}
.itemborder {
width:9px;
height:9px;
}
.itemblong {
width:140px;
height:9px;
}
.link {
color:#000;
font-weight:bold;
}
#back_forward {
width:100%;
text-align:center;
}
.red {
color: red;
width:260px;
text-align:center;
}
#preview_img{
width: 100%;
height:100%;
object-fit: cover;
}
.item_photo{
width:100%;
text-align:center;
}
.preview_img {
width:100%;
height:420px;
display:block;
margin:10px 0 20px;
}
.sanDescription {
width:100%;
height:auto;
margin:20px 0;
line-heght:1;
}
#tobask{
margin-left:50px;
}
#buy_item{
margin-top:10px;
float:left;
}
.dopimg {
width:100px;
}
.backto {
width:120px;
display:block;
margin: 10px auto;
font-size:16px;
color: #000;
}
#nextPrev {
text-align:center;
width:100%;
}
#nextPrev a{
margin: 0 10px;
}
#dopInfo {
width:100%;
float:left;
margin:20px 0;
}
#dopInfo ul {
width:95%;
margin-left:20px;
}
#names {
width:100%;
height:30px;
float:left;
border-collapse:collapse;
}
.names {
width:24.61%;
height:24px;
line-height:24px;
border:1px solid grey;
border-left:1px solid #fff;
float:left;
cursor:pointer;
text-align:center;
position:relative;
}
.first_sv {
border-left:1px solid grey;
}
.active1 {
font-weight:bold;
border-bottom:1px solid #fff;
z-index:100;
background:#fff;
margin-bottom:3px;
}
#p1_info,#p2_info, #p3_info, #p4_info {
width:95.7%;
padding:2%;
border:1px solid grey;
float:left;
margin-top:-5px;
z-index:0;
}
#p2_info, #p3_info, #p4_info {
display:none;
}
#dop{
width:100%;
float:left;
margin:20px 0;
clear:both;
}
.dop_item {
width:27%;
float:left;
text-align:center;
margin-left:8px;
padding:5px;
min-height:170px;
}
.fav {
width:100%;
height:auto;
float:left;
margin:10px 0;
text-align:center;
}
#sendUsMes{
border: 1px solid grey;
display:none;
width:350px;
height:500px;
background:#fff;
position:fixed;
bottom:0;
right:30px;
}
#grey {
width:330px;
height:70px;
background:rgb(89,24,3);
font:16px/70px "Trebuchet MS";
color:#fff;
padding:0 10px;
margin-bottom:10px;
}
#formMes {
width:90%;
margin:0 auto;
color: #fff;
margin-top:20px;
}
#formMes input {
width:90%;
height:30px;
padding:0 5%;
font: 14px/30px "Trebuchet MS";
color: grey;
margin-bottom:10px;
outline:none;
}
#formMes textarea {
width:90%;
padding: 0 5%;
height:100px;
font: 14px/16px "Trebuchet MS";
color: grey;
margin-bottom:10px;
outline:none;
}
#closeMess{
font:16px/20px "Trebuchet MS";
text-align:center;
background: #fff;
width:20px;
height:20px;
border-radius:10px;
color:rgb(56,61,69);
float:right;
margin:10px 0 0 0;
text-decoration:none;
}
#sendMes {
width:85px;
margin-right:12px;
float:right;
height:40px;
color:#fff;
font:16px/40px "Trebuchet MS";
text-align:center;
background:rgb(60,184,104);
border-radius:5px;
cursor:pointer;
}
#sendUsMes p {
font-size:14px;
width:90%;
margin: 0 auto;
color:grey;
}
#okMes, #okBask {
color:red;
width:90%;
margin-top:10px;
margin-left:5%;
}
#mess {
width:66px;
height:66px;
background:url(/images/message.png);
position:fixed;
bottom:10px;
right:30px;
cursor:pointer;
}
#slides {
width:100%;
height:270px;
float:left;
overflow:hidden;
}
#slides_photo {
width:100%;
height:210px;
float:left;
overflow:hidden;
margin: 10px 0;
}
.slide {
width:30%;
height:100%;
float:left;
margin:0 1%;
text-align:center;
}
.slide_photo {
width:30%;
height:100%;
float:left;
margin:0 5px;
text-align:center;
}                                 
.menu {
font-size:16px;
width:100%;
float:left;
line-height:30px;
}
#now, #action_time {
display:none;
}
.date_num span {
width:100%;
height:54px;
position:absolute;
background: url(/images/flip_gradient.png) no-repeat;
top:0;
left:0;
float:left;
}
.date_num p {
width:70%;
height:3px;
margin:0 15%;
position:absolute;
bottom:15px;
border-bottom:1px dotted #fff;
}
.date_num {
width:94px;
height:89px;
float:left;
font-family: Arial;
text-align:center;
line-height:80px;
font-size:70px;
color:#fff;
background: url(/images/flip.png) no-repeat;
position:relative;
}
.day_num {
width:94px;
height:20px;
float:left;
text-align:center;
line-height:20px;
font-size:14px;
}
#action {
width:100%;
height:auto;
float:left;
margin-bottom:20px;
background: rgba(0,0,0,0.1);
border-radius: 10px;
padding:10px 0;
}
#before_main {
width:100%;
text-align:center;
font-size:24px;
}
#timer {
width:380px;
height:138px;
margin:0 auto;
text-align:center;
}
.border {
border:1px solid #444;
border-radius:10px;
padding:5px;
display:block;
}
#aboutDoc {
width:100%;
height:400px;
padding:50px;
box-sizing: border-box;
background: #F0F1F4;
display:flex;
justify-content: space-between;
margin-bottom:20px;
}
.photoDoc {
width:45%;
height:300px;
position:relative;
}
.photoDoc img{
width:100%;
height:100%;
object-fit: cover;
}
.doc {
position:absolute;
height:68px;
width:100%;
background:#959FB5;
bottom:0;
opacity:0.9;
padding-block-start: 12px;
padding-block-end: 12px;
padding-inline-start: 19px;
padding-inline-end: 0;
box-sizing: border-box;
}
.doc p{
font-size: 18px;
color: #FFF;
line-height: 1.15;
max-width: 250px;
margin-inline-start: 19px;
}
.doc span {
font-size: 13px;
color: #FFF;
line-height: 1.15;
max-width: 250px;
margin-inline-start: 19px;
}
.shortDescDoc {
width:50%;
height:100%;
font-size: 14px;
color: #333;
line-height: 23px;
display:flex;
flex-flow: column nowrap;
}
.link {
margin-inline-end: 15px;
margin-top: auto;
padding-top: 20px;
font-size: 18px;
}
.link a {
color: #0C9EE4;
text-decoration:none;
float:right;
}