@charset "utf-8";
body{
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background-color: #F8F8F8;
}
h1{font-size:30px; margin-bottom:0px; margin-top: 10px; color:#886F34}
h2{font-size:25px; font-style:italic; font-weight:100; margin-top:0px; margin-bottom:0px;  color:#886F34}
h3{font-size:20px; font-style:italic; margin-bottom:5px; margin-top: 5px; color:#525147; text-align:left; margin-left:30px;}
.main{position:relative; width:1260px; height:auto;	margin: 0 auto; background-color:#FFF; text-align:center; display:block;}
.line1200 { position:relative; width:1200px; height:1px; background-color:#886F34; margin: 0 auto; }
.line95 {position:relative; width:450px; height:1px; background-color:#886F34; margin: 10px auto; }

.top{position:absolute; top: 0px; left:0px; width:1260px; height:100px; margin: 0 auto; text-align:center; padding-top:40px;}
.topmenu{position:absolute; margin:0 auto; display:block; height:40px; width:1200px; border: 1px solid #886F34; background-color:#FFFFFF;  border-radius:20px; bottom:0px; left:30px; text-align:center; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); z-index:2}
.menu{position:relative; display:inline-block; margin: 7px 25px; font-style:italic; color:#886F34; font-size:20px; letter-spacing: 0.07em; cursor:pointer;}
.menu2{position:relative; display:inline-block; margin: 7px 25px;	font-style:italic; color:#886F34; font-size:20px; letter-spacing: 0.07em; font-weight:bold;}
.cont{position:absolute; display:block; left:0px; top:140px; width:1260px; height:730px; background-color:#FFF;}

p{text-align:left; margin-left:10px;}

.card{position:absolute; top:140px; left:50px; height:auto; width:480px; background-color:#FFF; z-index:1; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; text-align:center; } /*  box-shadow: смещение-x смещение-y размытие растяжение цвет inset; */
.openclose{ cursor:pointer; z-index:2; font-size:16px; font-style:italic; position:relative;  text-align:right; right:-180px; display: inline; }
.ellipsis {
	width:425px;
	height:auto;
	font-family: "Times New Roman", Times, serif;
	font-size:16px;
	line-height:18px;

  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align:left;
   color:#525147;
/*background-color:#CCC;*/
  margin-left:30px;
  margin-bottom:10px;
  margin-top:12px;
  
}
.common {width:425px;height:auto; overflow: hidden; font-family: "Times New Roman", Times, serif; font-size:16px;line-height:18px;display: block;text-align:left;color:#525147;margin-left:30px;margin-bottom:10px;margin-top:12px;}

.imboxholder {position:absolute; left:530px; top:170px; display:block; height:700px; width:700px; z-index:1;}
.imgbox {position:relative; margin:0 auto; top;0px; width:auto; height:620px; cursor:pointer}
.bigheight {font-size:30px; font-style:italic; text-align:left; font-weight:400;}
.men {position:absolute; bottom:80px; left:580px; width:auto; height:auto;}
.soil {position:absolute; bottom:10px; left:0px; width:700px; height:80px;}
.prnumholder{position:relative; display:inline-block; width:268px; height:40px; top:11px; text-align:center; border:1px solid #666; border-radius: 9px; background-color: rgba(255, 255, 255, 0.6);  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);}
.ren{font-size:20px; color:#4e4e4e;; display:inline-block;}
.prnum{ position:relative; width:25px; height:25px; display:inline-block; margin:6px 4px; font-size:20px; color:#000; background-color:#FFF; border: 1px solid #333; border-radius:5px;  cursor:pointer; }


.preview{position:absolute; width:1260px; height:260px; top:865px; left:0px; margin:5px auto 7px;  margin-top:5px; text-align:center; background-color:#FFF;}
.prvout {
	width:190px;
	height:220px;
	margin:15px 2px;
	display:inline-block;
	background-color:#FFF;
	/*background-color:#F0F0F0;*/
	border: 1px solid #886F34;
	 border-radius: 16px;
	 overflow:hidden;
}
.prvbox {
	width:190px;
	height:190px;
	margin:0 auto;
	background-color:#FFF;
	display:inline-block;
	cursor:pointer;
	 overflow:hidden;
	
}





.down{font-size:14px; text-align:left;}
.vline{width:1px; height:100%; margin:0px 7px; background-color:#000000; display:inline-block; float:left;}
.heightbox{position: relative; width:174px; height:22px; top:0px; margin:0 auto; background-color:#E5E5E5;  border-radius: 11px;}
.height{font-size:14px; text-align:center; margin-top:3px; display:inline-block;}
a:link {
	
	font-family: "Times New Roman", Times, serif; font-size:16px;line-height:18px; color:#0000FF; text-decoration: none;
}
a:visited {
	font-family: "Times New Roman", Times, serif; font-size:16px;line-height:18px; color:#0000FF; text-decoration: none;
}
a:hover {
	font-family: "Times New Roman", Times, serif; font-size:16px;line-height:18px; color:#0000FF; text-decoration: underline;
}
a:active {
	font-family: "Times New Roman", Times, serif; font-size:16px;line-height:18px; color:#0000FF; text-decoration: none;
}