body {min-width:1260px; text-align:center; font-size: 18px; margin:0; padding:0; font-family: arial; color:#000}

/* стандартные элементы */
div {box-sizing: border-box; margin:0; padding:0}
table {border-collapse:collapse}
td {vertical-align:top}
img {border:none; vertical-align:middle;}
form {margin:0; padding:20px}
button, .button {cursor: pointer; background: #000; color:#fff}

.type_text input {width:98%; text-align:left; border:1px dotted #000; font-size:18px; color:#000; padding:7px 13px; border-radius:10px; 
-moz-border-radius:10px;-webkit-border-radius:10px}
fieldset {color:#475189; }
legend {color:#475189; }
button, .button, input.type_text, form {border-radius: 10px; outline:none;}

h1, .h1 {color:#000; font-weight: normal; font-size:23px; text-align: left !important; text-transform:uppercase; font-weight: bold}
div.mob {display:none}
p {font-size:18px; color:#000}

h2 {font-size:23px; text-align: left; text-transform:uppercase; color:#000; font-weight: bold}
.h2 {color:#000; font-size:23px}
h3 {color:#000; font-size:23px; text-align: left; text-transform:uppercase; font-weight: bold}
a {color:#000}
.clear {clear:both !important}
.clear30 {margin-bottom:30px; clear: both}
.center {text-align:center !important}
.tar {text-align:right !important}
.fl {float:left; margin-right:15px}
div.center1 {float:left; margin:15px}
.fr {float:right}
/*.badvalue {border:1px solid red !important}*/
.content p {text-align:justify}

.red {color:#7f0706; font-weight:bold; font-size: 20px}

img.fl2 {vertical-align:top; margin:0 5px 10px; width:250px; border-radius:50%; border: 3px solid #000}
img.fl {margin-right:15px; margin-bottom:10px}
img.fr {margin-left:15px; margin-bottom:10px}
.bold {font-weight:bold; color:#000; font-size:21px}
.b {color:#000}

/* шапка */
.top {top:0; width:100%; height:270px; color:#000; padding:0; margin:0; text-align:center; background:url(/include/style/fon.jpg) left top repeat-x; position: fixed; z-index: 10000}
.topvn {width:1240px; height:110px; margin:0 auto}

.topvn div {float:left; margin:0 auto; padding:0}

.cit {width: 250px; display: inline-block; margin:0 13px 0 0 !important; height:110px; padding:0; background: url(/include/style/map.png)left center no-repeat; text-align: left}
.cit p {margin-left:53px}

.topvn div.topvnrighttel {text-align:left; margin:0 13px 0; width:230px; height:110px; background: url(/include/style/tel.png)left center no-repeat}
.topvn div.topvnrighttel p, .topvn div.topvnright p  {padding-left:57px; font-size:18px}
.topvn div.topvnrighttel p a {text-decoration: none}

.topvn div.topvnright {text-align:left; margin:0 13px 0; width:270px; height:110px; background: url(/include/style/clock.png) left center no-repeat}
.tovarov {display: inline-block; line-height: 57px; height:57px; width:55px; margin-top:5px; background: url(/include/style/korz.png) left top no-repeat; text-align: center; font-size:25px; color:#7f0706; font-weight: bold}
.koplate {font-size:25px;color:#7f0706}
.korzina a {text-decoration: none}

.logo {width: 180px}

.logo a img {float:left;}




/*shop*/
div.razdely {position:relative; width:130px; height:130px; text-align: center; overflow:hidden; float:left; background: #fff; border-radius: 50%; margin-right:20px}
.razdely div {padding:0; margin:0; width:130px; height:130px; overflow:hidden}
.razdely p {}
.razdely p.allshophead {margin:20px auto; padding:0; font-size:18px; height: 20px !important}
.razdely p.img {margin:-20px auto; padding:0;text-align:center}

div.razdely:hover {-webkit-transform: scale(1.15,1.15);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1.15,1.15);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms; z-index:101}

.allshophead a {text-decoration: none}
div.hmenu {width:1240px; height: 160px}

div.allshop {width: 265px; height: 340px; display: inline-block; float: left; margin:0 20px 20px 20px; border-radius: 10px; border:2px solid #000; text-align: center; padding:10px; overflow:hidden; position: relative}
div.allshop div {width:241px; padding:0; margin:0 auto}
div.allshop p.img {padding:0; margin:0; text-align: center}
div.allshop img {width: 200px}
p.allshophead, td.allshophead {font-size:20px; font-weight: bold; padding:0; margin:0 auto; text-align: center !important; height: 50px}
p.allshopcena {font-size:23px; font-weight: bold; color:#7f0706}
p.allshopcena .valuta {font-size:18px; color:#000; font-weight: normal}


a.smallbutton {display: block; width: 120px; height: 35px; line-height: 35px; text-align: center; border-radius: 10px; background: #000; color:#fff; font-size:18px; font-weight: normal; text-decoration: none}
img.new {position: absolute; top: 40px;  left: 160px; padding: 0; z-index:100; width:80px !important}
img.akciimark {position: absolute; top: 40px;  left: 160px; padding: 0; z-index:100; width:80px !important}

span.cena {font-weight:bold; color:#7f0706}
.cena1 {color: grey; font-style:italic; margin:3px 0 0; font-size: 20px; padding:5px; text-align:right !important}
.oldcena {text-decoration:line-through; color: grey; font-style:italic; font-size:20px}

div.uneven, div.even {padding:0 0 5px; margin:10px 0}
div.even {background:transparent; border-bottom:1px dotted}
div.uneven {background:transparent; border-bottom:1px dotted}

div.itemimg {width:135px; float:left; text-align:center; margin:15px 0 0}
div.itemimg img {width:112px; border:1px solid #000}
div.itemimg a:hover img {border-color:#67BD44}
div.itemtext {padding:3px 158px 3px 137px}
div.itembuttons {width:150px; float:right; padding:0 5px 5px 0; margin:0}
div.itembuttons input {vertical-align:bottom; border:1px solid #BC9E56; background:#fdf7e6}
div.itembuttons img {vertical-align:top; margin:0 0 2px}
div.itemtext p {font-weight:normal; margin:5px 15px 5px 5px}
div.itemtext p.caption {font-size: 14px; font-weight:bold; text-align:left; padding:5px; margin:0}
.caption a {}
.itembuttons p.cena {margin:3px 0 0; font-size: 14px; padding:5px; text-align:right}

.leftitem {float:left; width:500px}
.leftitem p.imgtop {margin:0; text-align:center}
.flitem {width:600px; float:right}
.flitem h1 {margin:0 auto}
.flitem .newhead {margin:0; color:#000}
.flitem p.cena {margin:3px 0 0; font-size: 20px; padding:5px 0; color:#661B2F}
.flitem p.cena span.cena {font-size: 25px; color:#a40404}

img.topimg {border:1px solid #D0D1D3; width:500px}
div.itembuttons .type_text {width:40px; margin:0 0 5px 0}
button.grosbutton {width:140px; height:40px; line-height:40px; font-size:17px; color:#fff; text-align:center; background:#000; border:none; border-radius:10px; margin-left:20px}

span.yes {display:inline-block; width:12px; height:12px; background: url(/shop/yes.gif) left top no-repeat}

input.type_text1 {width:200px}

.spindiv {float:left; width:150px; padding:8px 0 0}
.corzinacol, .spin {font-size:20px; font-weight:bold}
.corzinacol span, .spin {cursor:pointer; text-align:center; vertical-align: middle; display:inline-block; line-height:25px; width:25px; background:#000; color:white; padding:0; margin:0; text-decoration:none}
.corzinacol input, .input_col {text-align:center !important; vertical-align: middle; height:23px!important; width:70px !important; border:1px solid #000; padding:0; margin:0}
.redbuttontd {padding:3px 0 0}
.redbuttontd .redbutton {margin:15px 0 0; font-size:40px; color:#7f0706}
#count_char {width: 50px !important}

table.tzakaz {border:none}
.tablecorzina, .tzakaz {width:100%}
.tablecorzina th, .tzakaz th {text-align:center; background:#000; color:white; padding:10px; font-style:italic; font-size:18px; font-weight: normal}
.tablecorzina td, .tzakaz td {border:1px dotted #000; vertical-align:middle; text-align:center !important; padding:10px 0}
.tzakaz td, .tzakaz td a  {font-size:18px !important; color:#000}

.tzakaz td.col {text-align:center !important}
.tablecorzina input {text-align:right}
input.bigbutton {background: #000; color:#fff; text-align: center; width:350px}
.tablecorzina td p {color:#000; text-align: center}
.tablecorzina td p a {color:#000; text-decoration: none}
.tablecorzina td p a:hover {color:#7f0706 !important}
.tablecorzina td.cena p, .tzakaz td.cena {color: #7f0706; font-style:italic; font-weight:bold; font-size: 21px}
.tablecorzina td.allcena #sum {font-size:21px !important; font-weight: bold; color:#7f0706 !important; font-style:italic}

table.blank {width:700px}

.art {color:#65A326; font-weight:bold}
table.item {border-collapse:collapse}
table.item td {padding-right:5px}
.itemtext table.item {margin-left:5px}
div.tab {border:1px dotted #000; padding:10px 25px; width:85%; margin-left:100px;}
div.tab textarea {width:100%}
div.tab table.frm_post td {padding:5px 0}
div.tab table.frm_post td.type_text input {padding:7px !important}
div.comment {background:#E1E2E2; border:1px dotted #000; padding:10px 25px;}

table.itempage {width:500px; margin:0 auto}
table.itempage th {padding:6px; }
table.itempage td {padding:6px; font-size:18px; font-weight:bold; color:#000; text-align:left; border:1px dotted #000}
table.itempage .two td {background:#e7e6e6}
table.itempage td.col2 {font-weight:normal; width: 100px; border:none; background: none}

#select_column, #select_row {text-align:left; vertical-align:middle; margin:10px 0 0; width:490px}
#select_column table, #select_row table {border-collapse: collapse; border:2px solid #000; vertical-align:middle; cursor:pointer; margin:0 5px 10px 0; display:inline-block; text-align:center}
#select_column td, #select_row td {vertical-align:middle; width:120px; height:60px; padding:0; border:none}
#select_column img, #select_row img {width:120px;}
#select_column table:hover, #select_row table:hover, #select_column table.active, #select_row table.active {border:4px solid #7f0706}
#select_column table.deactive, #select_row table.deactive {display:none; cursor:default; opacity:0.4;filter:alpha(opacity="40")}
#select_column table.deactive:hover, #select_row table.deactive:hover {border-color: #000}
/*????? ????????*/

.newp {clear:both; padding:0}
.newhead {color:#000; font-size:25px; font-weight:bold;}

/*???????? ???????*/

table.scrollable {margin:0 0 20px 0; border-collapse:collapse; width:1346px}
table.scrollable td {padding:0; text-align:center; vertical-align:middle}
table.scrollable td.leftscrollable {padding:0; width:55px}
table.scrollable td.rightscrollable {padding:0; width:55px}
.galeryoverflou {overflow:hidden; width:1236px; height:515px; text-align:left}
#galeryras {width:100000px; height:515px}
#galeryras .allshop {width:372px; height:510px; margin:5px 19px}

#galeryras .allshop {  
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms}
#galeryras .allshop:hover {	
    -webkit-transform: scale(1.03,1.03);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1.03,1.03);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms;}
#galeryras .allshop div {height:360px}
#galerycontent a {margin:5px 0}
#galery {overflow:hidden; width:1236px; height:410px; text-align:left}
#galerycontent td {width:368px; padding:0 19px}
#galerycontent img {width:368px; border:2px solid #646d74}
.leftscrollable, .rightscrollable {}

#prevras, #nextras, #prev_g, #next_g {display:block; height:52px; width:52px}
.prev {background: url(/include/style/prev-next.png) left top no-repeat}
.next {background: url(/include/style/prev-next.png) right top no-repeat}
.prev2, .next2 {visibility:hidden}

table.miniscrollable {margin:20px 0 0 0; border-collapse:collapse; width:440px}
table.miniscrollable td {vertical-align:middle}
table.miniscrollable td.leftscrollable {padding:0 8px 0 0}
table.miniscrollable td.rightscrollable {padding:0 0px 0 0}
.miniscrollable .galeryoverflou {overflow:hidden; width:295px; height:122px}
.miniscrollable #galeryras {width:100000px; height:122px !important; margin-top:0 !important}
.miniscrollable #galeryras .allshop {border:none; width:142px; height: 122px; margin:0 6px 0 0}
.miniscrollable #galeryras .allshop {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	behavior: url(/include/ie-css3.htc);
	}

.miniscrollable #galeryras img {border:1px solid #CCC2B9; width:140px; height: 120px}

/* ??????? ??????????*/
.album {font-size:20px; color:#000; font-weight:bold; clear:both}
#visited .scrollable {}
#visited .leftscrollable {width:57px}
#visited .rightscrollable {width:57px}
#prevvisited, #nextvisited {display:block; height:52px; width:52px}
#visited .galeryoverflou {height:190px}
#visiteditems {overflow:hidden; height:190px; text-align:left}
#visiteditems div {display:inline-block; overflow:hidden; width:140px; height:190px; margin:0 7px; text-align:center; font-size:16px; color:#E75834; font-weight:bold}
#visiteditems p.img {height:150px; margin:0}
#visiteditems img {width:140px}
#visiteditems .old {color:grey; text-decoration:line-through}

/* end shop*/


/* Блок контента */
div.content {width:1240px; text-align:justify; margin:300px auto 30px; padding:0 10px}

td.lefttd {width:200px}
legend {font-size:18px} 
fieldset {border:1px dotted #000}

table.scrollable {width:1200px; height:212px; border-collapse:collapse; margin:0; padding:0}
.scrollable td {padding:0}
td.leftscrollable {padding-right:10px}
td.rightscrollable {padding-left:10px}
#galery {margin:0; width:1090px; overflow:hidden}
#galerycontent {border-collapse:collapse}
#galerycontent td {padding:0 !important; text-align:center; vertical-align:top; margin:0}
#galerycontent a {display:block; margin:0 10px; color:#978d89; text-decoration:none; font-size:25px}
#galerycontent a img {margin:0 auto; width:340px; height:212px; border:1px solid #6c7580;
	border-radius:10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius: 10px;
	behavior: url(/include/ie-css3.htc);}

#prev, #next {display:block; height:212px; width:50px}
.prev, #aktery_prev {background: url(/include/style/prev-next.png) left top no-repeat}
.next, .aktery_next {background: url(/include/style/prev-next.png) right top no-repeat}
.prev2, .next2 {visibility:hidden}
#prevras, #nextras {display:block; height:40px; width:40px}

a.images3 {display:block; float:right; margin-left:30px; padding:10px; width:170px; text-align:center; opacity:0; transition: 450ms; animation: show3 2s 1; animation-fill-mode: forwards; animation-delay: 1s;
	border-radius:10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius: 10px;
	behavior: url(/include/ie-css3.htc); background:#000; text-decoration:none; color:#fff;     
	-webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms;}
	  @keyframes show3{
	 0%{
		 opacity:0;
	 } 
	 100% {
		 opacity:1;
	 }
}
a.images3:hover {background:#8F8F91;     
    -webkit-transform: scale(1.05,1.05);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 550ms;
    -moz-transform: scale(1.05,1.05);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 550ms; color:#fff !important}

.small {font-size:13px}
#jsiMainBox {background:white; color:black; border:1px solid gray}
#jsiBoxClose {color:#868686}
#jsiBoxMainImageWrap {max-width:100%}
#jsiBoxMainImageWrap img {max-width:100%}
p.includefoto {text-align:center !important}
p.includefoto img {vertical-align:top; margin:0 5px 10px; width:250px; border: 3px solid #000}

.hideframe {width:0; height:0;border:none; position:absolute}

div.futer {margin:35px 0 0 0 !important; padding:20px; font-size:14px; background:#fcfcfc; text-align:left; border:1px solid #dddee0; height: 150px}
div.futer p {font-size:14px; color:#a5aeb9;}
.futer a {color:#a5aeb9}
.futer h3 {float:right; font-size:14px; color:#a5aeb9; font-weight:normal; margin:0; padding:0}
.futer div {margin:5px 40px 10px 5px; color:#a5aeb9; float:left; width:300px}
.futer div p {margin:3px 0; padding:0}
.futer div p.phone {font-size:22px; color:#4f5966; font-weight:bold}
.futer div p.big {font-size:17px}
p.futer {color:#000}

.copiring {float:right !important; text-align:right; margin:0 !important; padding:0}
.copiring p {font-size:13px !important; }
.copiring a img {margin-right:10px}

p.goback {text-align:center}
.otherpage  {display:inline-block; color:#000; background:#ffffff; border:2px solid #000; width:33px; line-height:33px; text-align:center; font-weight:bold; border-radius: 10px}
a.otherpage {text-decoration:none; color:#ffffff; background:#000; border:2px solid #ffffff; font-weight:bold !important}

.news p {padding:0 0 0 59px; clear:both}
.news img {width:48px; height:48px; background:#A3CB88; float:left; margin:3px 0 0 -59px}
.news a {color:#000}
p.newshead {background: url(/include/style/ship.gif) 28px center no-repeat; padding:15px 0 15px 84px; color:#475189; border-bottom:solid 5px; font-size:20px}

div.link {text-align:left; font-weight:bold; position:fixed; z-index:10000; top:100px; left:50%; margin:0 0 0 500px; width:150px; padding:5px; background:white; border:red 1px solid}
div.link a {color:blue; display:block; margin:10px}
a.maina {color:#00aa00 !important}
a.mainb {color:#aaaa00 !important}
a.mainc {color:#aa0000 !important}
a.maina:hover {color:#00ff00 !important}
a.mainb:hover {color:#ffff00 !important}
a.mainc:hover {color:#ff0000 !important}

#okdiv {z-index:10000; position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.6;filter:alpha(opacity="70")}
#savetel, #inokdiv {z-index:20000; position:absolute; top:50%; left:50%; margin:-70px 0 0 -160px; width:400px; padding:0; background:#F9F9F8; text-align:center; opacity:0; transition: 1s; animation: show5 1s 1; animation-fill-mode: forwards; animation-delay: 0s;
}
	  @keyframes show5{
	 0%{
		 opacity:0;
	 } 
	 100% {
		 opacity:1;
	 }
}
#savetel form {width:350px;}
#savetel table td {font-size:15px}
#savetel p.head {font-size:19px; color:#000; height: 20px;}

#inokdiv {margin:-70px 0 0 -110px; width:220px; height:140px}
#inokdiv p {padding:0; margin:10px} 
#waitdiv {position:absolute; z-index:1000; top:50%; left:50%; margin:-30px; width:80px; height:80px; padding:10px; border: 1px outset #000; background:#000; font-weight:bold; color:white; text-align:center}
#waitdiv, #inokdiv, #savetel {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/include/ie-css3.htc);

	-moz-box-shadow: 0px 2px 3px #000;
	-webkit-box-shadow: 0px 2px 3px #000;
	box-shadow: 0px 2px 3px #000;
	}
.scrollTop {background:url(/include/style/polzun.png) 0 0 no-repeat; width:50px; height:50px; bottom:10px; left:90%}
.scrollTop:hover{background-position:0 bottom}

div.closed {padding:10px 0; text-align:left}
div.closed a {color:#000; text-decoration:underline; font-size:17px}
.closed div {display:none}
.plus {padding:0 0 0 20px; text-decoration:none; background:url(/include/style/plus.gif) left center no-repeat;}
.opened div {border:1px dashed; margin:10px 0 10px 20px; padding:0 15px; opacity:0; transition: 1s; animation: show4 1s 1; animation-fill-mode: forwards; animation-delay: 0s;}
.minus {text-decoration:none; padding:10px 0 0 20px; background:url(/include/style/minus.gif) left center no-repeat; font-size:20px}


.lable {text-align:left; clear:left; display:block; font-size:13px; color:#fff}
table.form input, table.form textarea, input, textarea  {text-align:left; width:100%; background:#fff; font-size:18px; color:#000; padding:7px 13px; border:1px dotted #000; border-radius:10px; 
-moz-border-radius:10px;-webkit-border-radius:10px}
select {text-align:left; background:#fff; font-size:14px; color:#000; padding:5px; border:1px dotted #000; border-radius:5px; 
-moz-border-radius:5px;-webkit-border-radius:5px}

table.form {width: 390px; margin:-25px auto 0; padding-bottom:10px}
table.form td, td.lefttd {font-size:15px; color:#000; text-align:left}
button.but, button.fl {width:100px; height:40px; line-height:40px; font-size:17px; color:#fff; text-align:center; background:#000; border:none; border-radius:10px;
-moz-border-radius:10px;-webkit-border-radius:10px; float:left}
button.but1 {width:100px; height:40px; line-height:40px; font-size:17px; color:#fff; text-align:center; background:#000; border:none; border-radius:10px;
-moz-border-radius:10px;-webkit-border-radius:10px; float:right}

blockquote {background:#bcbcbc; border-left:5px solid #000; padding:10px}

#cookie_note{
    display: none;
    position: fixed;
    bottom: 15px;
    left: 50%;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 20px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}

#cookie_note p{
    margin: 0;
    font-size: 0.7rem;
    text-align: left;
    color: black;
}

.cookie_accept{
    width:20%;
}
@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
    }
}

@media (max-width: 575px){
    #cookie_note.show{
        display: block;
        text-align: left;
    }
}