/* общие элементы */

td {vertical-align:top; font-size:13px}
th {font-size:13px}
a {color:#a07f3f}
a:visited {color:#daa43d}
img {border:none; vertical-align:middle}
.clear {clear:both; float:none}
.clear1 {float:right}
.clear30 {clear:both; height:30px}
.center {text-align:center !important}
.center img, .center input, .center select {vertical-align:middle}
.tar {text-align:right !important}
.fl {float:left; margin-right:15px}
.fl img {float:left; margin-top:0 !important; border:1px solid red}
.fr {float:right; margin-left:15px}
.badvalue {border:1px solid red}
.em {font-size:17px; color:#a07f3f; font-style:italic}
legend {color:#b0a58f;}
FIELDSET {border:1px dotted #b0a58f}
.type_check {width:20px !important; height:20px !important; border:1px solid #DAA43D}
.red {color:#e70909; font-weight:bold; font-size:21px}
.red1 {color:#e70909}
li {list-style-image:url(/include/style/bullcont.png); padding-left: 1,9em; list-style-position: inside; overflow: hidden;}
div.link {text-align:center; position:absolute; z-index:40000; top:0px !important; left:50%; margin-left:-180px; width:360px; padding:5px; background:white; border:red 1px solid}
div.link a {margin:10px; color:blue; font-weight:bold}
.more {font-size:15px}
td.lefttd {font-size:17px}
div.perelink-block {background:#E5DCCD; padding:10px; font-style:italic; border: 1px solid #88795C; height:100px}
/*div {border:1px solid red}*/

button.fl {margin:0; background:#bcbbba}
button.fr {margin:0}
div.citata, blockquote {border-left:6px solid #DAA43D; padding-left:20px}


.content .redbutton {color:red; font-weight:bold; font-size:25px; text-decoration:none; line-height:20px}
.type_text input, textarea, select.type_text, input.type_text {width:97%; color:#DAA43D; border:1px solid #DAA43D; padding:7px;}
img.fl {margin-right:15px !important; margin-bottom:10px; border:6px solid #fff}
img.fr {margin-left:15px; margin-bottom:10px; border:6px solid #fff}
.bold {font-weight:bold; color:#cb93ca}
.b {font-weight:bold}
.centerblock p {text-align:justify}
p.loginhead, .akciiheader {color:#1c3f51; text-align:center; font-size:19px; font-weight:bold}
p.head, .head {font-size:25px; color:#daa43d}
p.head a {text-align:center !important}

.small strong {font-weight:normal; font-size:15px}
.small a {color:#1C3F51}
.small span {color:#1C3F51; font-weight:bold}

p.head .fr {font-size:20px}
h1, .h21 {color:#daa43d; font-size:27px; background:url(/include/style/ping.jpg); text-align:center; font-weight:normal}
.h1 {text-align:center !important; font-size:25px; color:#715c33; margin-top:-15px}
h2 {color:#a07f3f; font-size:20px; font-weight:bold; }
.h2 {color:#653e0a; font-size:23px; margin-top:-15px}
h3 {color:#daa43d; font-size:19px}

/* разбивка блоков */
body {text-align:center; font-size: 16px; margin:0; padding:0; font-family: arial; color:#40382a; font-style:italic; background: #e9e4da url(/include/style/fon.jpg) center top repeat-x}

.all {width:100%; text-align:center; padding: 20px 0 0 0}
.top {width:100%; height:47px; background:#ab9972; position:fixed; z-index:1000; padding:0; margin:-1px auto; text-align:center;
    -moz-box-shadow: 0 5px 7px #a7a094;
	-webkit-box-shadow: 0 7px 7px #a7a094;
	box-shadow: 0 5px 7px #a7a094;}
.topvn {width:1260px; margin:0 auto;}	
.shapka {background:url(/include/style/shapka.jpg) center top no-repeat; width:100%; margin:0 auto; padding:0; border-top:1px solid #AB9972}
.sl {text-align:center; height:286px; margin-top:147px}
div.content {overflow:hidden; width:1240px; margin:0 auto; text-align:justify; padding:0 10px}
   
.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}

/* Элементы оформления */

.topvn div  {float:left; display:inline-block; margin:7px 15px 0 0; text-align:left; color:#fff}
.headphone {float:left; display:inline-block; text-align:left; background:url(/include/style/phone.png) left center no-repeat; height:30px; line-height:30px }
.headphone p {padding-left:40px; font-size:25px}
.code, span.cod {font-size:17px}
.topvn div.headright {float:right; background:url(/include/style/mail.png) left center no-repeat; height:30px; line-height:30px}
.topvn div.headright p.mail {padding-left:40px; font-size:21px}
.topvn div.logo {margin-top:0}

.topvn div.ak {margin-left:35px}

.topvn p {margin:0; color:#fff}
.topvn a {color:#fff; text-decoration:none}


.zvonok {width:135px; height:30px; line-height:30px; text-align:center; background:#fff}
.zvonok a {color:#68633f; text-decoration:none; text-decoration:none; font-style:italic; font-size:15px}
.zvonok :hover {display: block; width:135px; height:30px; line-height:30px; text-align:center; background:#daa43d}
.zvonok, .zvonok :hover, .zvonok1, .zvonok1 :hover, .spec, .zvonok2, .zvonok2 :hover, img.fl, button, div.gl2, div.gl2 img, p.includefoto img, #galerycontent a img, .type_text input, textarea, select.type_text, input.type_text, select, img.fr {border-radius:10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius: 10px;
	behavior: url(/include/ie-css3.htc);}	
	
.zvonok1 {width:480px; height:40px; line-height:40px; text-align:center; background:#daa43d; margin:-8px auto 0}
.zvonok1 a, .zvonok2 a {color:#fff; text-decoration:none; text-decoration:none; font-style:italic; font-size:24px}
.zvonok1 :hover {display: block; width:480px; height:40px; line-height:40px; text-align:center; background:#564a37}

.zvonok2 {height:40px; line-height:40px; padding: 0 75px; text-align:center; background:#daa43d; margin:0 auto; float:right}
.zvonok2 :hover {display: block; height:40px; line-height:40px; text-align:center; color:#5D4D35}

div.karta {width:90%; margin:0 auto; height:150px; border:1px dotted #A07F3F; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px; 
border-radius: 10px; 
behavior: url(/include/ie-css3.htc); 
text-align:center !important; clear:both; padding:10px }
	
div.karta p {text-align:center; display:inline-block; margin-right:25px}

/*Магазин*/	
#okdiv {z-index:1000; position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.6;filter:alpha(opacity="60")}
#savetel p.head, #savetel2 p.head {font-size:27px; color:#1C3F51; margin:10px 0 0}	
#savetel, #inokdiv {z-index:2000; position:absolute; top:50%; left:50%; margin:-70px 0 0 -160px; width:450px; padding:0; background:#fcf8f1; text-align:center}
#savetel form {width:350px; margin:20px auto}
#waitdiv, #inokdiv, #savetel {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	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;
	}
	
button {cursor:pointer; font-weight:bold; border:none; background:#DAA43D; color:white; line-height:40px; height:40px; width:150px;}	
	
.hmenu {width:1240px; padding:0 10px; margin:0 auto; height:48px}
#hmenu {position:relative; border:none; height:48px; text-align:center; border-collapse:collapse;}
#hmenu td {position:relative; padding:0; text-align:center; vertical-align:middle; font-size: 17px; border-right:1px solid #88795c}
#hmenu * {margin:0; padding:0}
#hmenu a {display:block; color:#433d30; text-decoration:none; font-style:italic;   
-webkit-transition: all 0.4s ease-in-out 0s;
   -moz-transition: all 0.4s ease-in-out 0s;
   -o-transition: all 0.4s ease-in-out 0s;
   -ms-transition: all 0.4s ease-in-out 0s;
   transition: all 0.4s ease-in-out 0s;}
#hmenu span a {margin:0; padding:0 10px; display:block; line-height:48px;}
#hmenu ul {position:absolute; top:48px; display:none; list-style:none; border-top:1px solid #010000; z-index:1000;  font-weight:normal; background:#c2b8a2; opacity: 0.8;}
#hmenu ul li {position:relative; border-bottom:1px solid #010000;margin:0; text-align:left; width:250px; list-style:none;}
#hmenu ul li a, .hmenu ul li a:visited {font-size:16px; display:block; padding:10px 7px 12px}
#hmenu ul ul {left:245px; top:-1px; background:#56a8db}
#hmenu ul ul li a {color:black}
#hmenu .ferst span a {border:none}
#hmenu a.curent, #hmenu a:hover {color:#fff; background:url(/include/style/bul.png) bottom center no-repeat}	

div.gl2 {width:360px; height:340px; margin:10px 35px 18px 5px; float:left; text-align:center; padding:3px; border:3px solid #b0a58f;}
div.gl2 img {width:333px}


div.gl2 div.head {text-align:center; height:60px; margin:10px auto; padding:0 8px}
div.gl2 div.head a {font-size:23px; text-decoration:none; color:#b0a58f; text-align:center !important; font-style:italic}
div.gl2 div.head a.listing span.name {text-align:center !important}

p.includefoto {text-align:center; margin:6px 0 6px 0}
p.includefoto img {vertical-align:top; margin:0 10px 10px 0; width:350px; border:5px solid #fff;
    -webkit-box-shadow: 0 0 8px -5px #000;
	-moz-box-shadow: 0 0 8px -5px #000;
	box-shadow: 0 0 8px -5px #000;}

	
#jsiMainBox {background:white; color:black; border:1px solid gray}
#jsiBoxClose {color:#868686}

table.scrollable {margin:0; border-collapse:collapse; width:1176px}
table.scrollable td {padding:0; text-align:center; vertical-align:middle}
table.scrollable td.leftscrollable {padding:0 8px 0 0}
table.scrollable td.rightscrollable {padding:0 0px 0 8px}
.galeryoverflou {overflow:hidden; width:1086px; height:215px}
#galeryras {width:100000px; height:215px !important; margin-top:0 !important}
#galery {margin:0; padding-top:5px; width:1097px; height:230px; overflow:hidden}
#galerycontent {border-collapse:collapse}
#galerycontent td {padding:0 !important; text-align:center; vertical-align:top; margin:0; width:353px}
#galerycontent a {display:block; margin:0 5px; color:#978d89; text-decoration:none; font-size:25px}
#galerycontent a img {margin:0 auto; width:345px; height:215px; border:5px solid #fff;
    -webkit-box-shadow: 0 0 8px -5px #000;
	-moz-box-shadow: 0 0 8px -5px #000;
	box-shadow: 0 0 8px -5px #000;}

img.fl, img.fr {    
    -webkit-box-shadow: 0 0 8px -5px #000;
	-moz-box-shadow: 0 0 8px -5px #000;
	box-shadow: 0 0 8px -5px #000;}	


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

#prev1, #next1 {display:block; height:240px; width:60px}
.prev1 {background: url(/include/style/prev-next.png) left top no-repeat}
.next1 {background: url(/include/style/prev-next.png) right top no-repeat}

.bigred {color:#e70909; font-size:30px; text-align:center}
.yellow {color:#daa43d; font-weight:bold;}
.spec {border:3px solid #b0a58f; padding:0 15px; height:257px}
.spec img.fl {float:left; margin-right:15px; border:none !important; box-shadow:none}
.specyellow {font-size:25px; color:#daa43d}

/*otziv*/
.carousel-items, .carousel-labels {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.carousel-item {margin-top:-40px;
	display: block;
	float: left; 
}

.carousel-wrapper {width: 1205px; margin:-20px 0 30px 10px; padding:0; 
	position: relative;
	height: 370px;
	
	overflow: hidden;
		
}

.carousel-wrapper p.head {text-align:center; color:#4d82c3; font-size:23px; font-weight:bold; font-style:italic}	
.carousel-items {
	width: 300%;
	height: 280px;
	position: absolute;
	left: 25px;
	top: 55px;
	z-index: 1;
	transition: left .5s ease-out;
	-o-transition: left .5s ease-out;
	-ms-transition: left .5s ease-out;
	-moz-transition: left .5s ease-out;
	-webkit-transition: left .5s ease-out;
}
.carousel-item {
	width: 1150px; margin-right:55px;
	height: 100%;
	color: #504839; font-style:italic; font-size:16px
}

.carousel-labels {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	height: 30px;
	width: 100%;
	padding: 10px 0;
	text-align: center;
}
.carousel-selector {
	display: none;
}
.carousel-label {
	display: inline-block;
}
.carousel-label label {
	width: 30px;
	height: 30px;
        line-height:30px;
	border-radius: 10px;
	background-color: #b0a58f; color:#fff;
	display: block;
	cursor: pointer;
}

#slide1:checked ~ .carousel-items {
	left: 25px;
}
#slide1:checked ~ .carousel-labels .carousel-label:nth-child(1) label {
	background-color: black;
}
#slide2:checked ~ .carousel-items {
	left: -98%;
}
#slide2:checked ~ .carousel-labels .carousel-label:nth-child(2) label {
	background-color: black;
}
#slide3:checked ~ .carousel-items {
	left: -198%;
}
#slide3:checked ~ .carousel-labels .carousel-label:nth-child(3) label {
	background-color: black;color:#fff}
/*end*/	

div.futer {margin:35px 0 10px 0 !important; padding:10px; font-size:25px; background:#ece7e2; text-align:left; height:130px;
      border-radius:10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius: 10px;
	behavior: url(/include/ie-css3.htc);}

.futer div {margin:5px 20px 10px 5px; color:#7e7d7c; float:left; font-size:21px}
.futer div p {padding:0; margin:0}
.futer div a {text-decoration:none; color:#7e7d7c}
.futer div.copiring {float:right; font-size:15px}

div.gl1 {width:367px; height:534px; border:4px solid #fff; margin:10px 15px 18px 0; float:left; padding:10px; text-align:center;
	border-radius:10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px
	-khtml-border-radius: 10px;
	behavior: url(/include/ie-css3.htc);
}

.gl1 p {margin:12px}
.gl1 .head {height:45px; overflow:hidden; text-align:center; font-size:20px; color:#12496B}
.gl1 .head a {text-decoration:none}
.gl1 p.tar {text-align:left !important}
.gl1 img.fl {float:none; display:block}

div.gl1:hover {
	-webkit-box-shadow: 5px 10px 5px -5px #777;
	-moz-box-shadow: 5px 5px 5px -5px #777;
	box-shadow: 5px 5px 5px -5px #777;
}
.frdate {font-size:18px; margin:6px 10px 0 0; font-style:italic}


div.comment {width:92%; margin:0 auto 10px 20px; background:#f8f3ea; border:1px dotted #B0A58F; font-size:15px; padding:10px 20px}

table.primer {width:100% !important}
table.primer th {border:2px solid red !important; padding:5px}
table.primer td {border:1px solid black !important; padding:3px}
table.primer img {margin: 0 auto; display: block; width:150px}
table.primer img:hover {transform: scale(2.15, 2.15)}

div.closed {padding:0; text-align:left}
div.closed a {font-size:15px; color:#A07F3F; text-decoration:none}
.closed div {display:none}
.opened div {border:1px dashed; margin:10px 0 10px 20px; padding:0 15px}
.plus {padding:0 0 0 20px; background:url(/include/style/plus.gif) left center no-repeat}
.minus {padding:0 0 0 20px; font-size:15px; color:#A07F3F; background:url(/include/style/minus.gif) left center no-repeat}

table.lit td {width:700px; padding:0 10px}
table.lit td p {font-size:16px}
table.lit td p.date {font-weight:bold; font-size:18px; color:#DAA43D}

#cookie_note {
    display: none;
    position: fixed;
    z-index: 2000;
    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_note .btn-sm {
    display: block;
    margin: 0 auto;
}

.cookie_accept {
    width: 20%;
}

#cookie_note.show {
    display: flex;
}