/*begin Page*/
@font-face {
	font-family: 'GOTHIC'; 
	src: url(../fonts/Montserrat.TTF); 
}
.div-table {
  display: table;         
  width: 50%;
    margin-left: 50%;
  background-color: #eee;         
  border: 2px solid #006666;         
  border-spacing: 2px solid #009966; /* cellspacing:poor IE support for  this */
}
.div-table-row {
  display: table-row;
  width: auto;
  clear: both;
}
.div-table-col {
  float: left; /* fix for  buggy browsers */
  display: table-column;         
  width: 33%;         
  background-color: #ccc;  
}
BODY
{   font-family: GOTHIC, Verdana, Geneva, Arial, Helvetica, Sans-Serif; 
    font-size: 16px;
	color: #5B5F45;
	margin: 0 ;
	padding: 0 ;
}

.cleared
{
	float: none;
	clear:both;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1px;
}
FORM
{
	padding: 0 !important;
	margin: 0 !important;
}
TABLE.position
{
	position: relative;
	width: 100%;
	table-layout: fixed;
}

/*end Page
begin Box, Sheet*/

.hidemobile {
    visibility: hidden;
    display: none;
	} 

.torob-header
{
display: block;	
position: absolute;
z-index: 5;
top: 0;
width: 100%;
height: 102px;
background-image: URL(../images/Header-bg.png);
padding-top: 29px;
padding-bottom: 0px;
margin-top: 25px;
}
.korz
{
    margin-top: 40px; 
    margin-left: 85%;
}

.iframe {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}
.art-Logo
{
	visibility: hidden;
    display: none;
	}
.art-Logo-tor
{
	display: block;
	position: absolute;
	z-index: 0;
	top: -25px;
	left: 5px;
	width: 215px;
	height: 100px;
	background-image: url(../images/logo-torob.png);
	background-repeat: no-repeat;
	background-position: center center;
}


.art-Logo-text, .art-Logo-text A
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 100%;
	font-weight: 500;
	padding: 0;
	margin: 0;
	color: #F4F8F1 !important;
}
     T1.art-Logo-name, T1.art-Logo-name A, T1.art-Logo-name A:link, T1.art-Logo-name A:visited, T1.art-Logo-name A:hover
 {
    visibility: hidden;
    display: none;
	}

#art-main
{
	font-family: GOTHIC, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	position: absolute;
	width: 100%;
    min-height: 100%;
	left: 0;
	top: 0;
	}
.art-Sheet
{
	margin-top: -0px;
	width: 100%;
	background-color:#FCFCF9;
	padding-top: 32px;
}
.art-Sheet-body
{
	font-family: GOTHIC, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	width: 100%;
			}
DIV.art-Header
{
	margin-top: -40px;
	position: sticky;
	z-index: 0;
	width: 100%;
	height: 105px;
}	
.header-menu
{
margin-top: -30px;

}
.search {
display: block;
margin-left: 10%;
margin-top:-58px;
position: absolute;	
width: 300px;
z-index: 1;

}


.art-Sheet5
{
	margin-top: -6px !important;
}
#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
	min-width: 1200px;
}
.col_mar_foto {
    position: relative;
    width: 90%;
	padding-top: 60px;
     }
.col_mar_foto n1 {
		text-shadow: 1px 1px 1px #999;
		font-weight: normal;
		letter-spacing: 2px;
		font-size: 15px;
		color: #16A834;
		margin: 10px 0;
		text-align: center;
		position: absolute;
    		top: 65px;
		left: 55px;
    	background: rgba(252,251,223,0.86) ;
    	border-radius: 10px;
    	line-height: 29px;
    	padding: 2px 2px;
		border: dashed 1px #16A834;
   	}
.col_mar_foto n1 ::before {
  	content: url('../images/procent1.png');
  	position: absolute;
  	left: -40px;
	top: -2px;
  
}
.col_mar_foto new1 {
		text-align: center;
		margin-right: 10px;
    	position: absolute;
    	top: 115px;
		left: 5px;
}
.col_mar_foto youtube {
		text-align: center;
		margin-right: 10px;
    	position: absolute;
    	top: 115px;
    	right: 3px;
   }
.col_mar_foto action {
		text-shadow: 1px 1px 1px #999;
		font-weight: normal;
		letter-spacing: 2px;
		font-size: 15px;
		color: #CC1C10;
		margin: 10px 0;
		text-align: center;
		position: absolute;
    	bottom: 3px;
		right: 44px;
    	background: rgba(252,251,223,0.86) ;
    	border-radius: 10px;
    	line-height: 29px;
    	padding: 2px 2px;
		border: dashed 1px #CC1C10  ;
   	}
.col_mar_foto action ::after {
  	content: url('../images/action.png');
  	position: absolute;
  	right: -38px;
	top: -2px;
  
}

.col_mar_50_w, .col_mar_30_w, .col_mar_30_g {
    border: dashed 1px #ccc;
	padding: 5px;
	margin: 10px;
	text-align:center;
	font-size: 16px;
	background-color: #FFFFF6;
	border-radius: 5px;
}
/*end Box, Sheet
begin Menu menu structure*/
.button_menu1{
font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    line-height: 10px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 30px;
    margin-bottom: 20px;
    padding-bottom: 10px;
	padding-left: 0px;
	
}
.button_menu1:after{
	background-color:#009966;
	position: absolute;
    content: '';
    width: 50px;
    height: 3px;
    left: 0;
    bottom: 0;
}
A.button_menu1:hover, A.button_menu1:link{
	color: #CE6700
    }
.button_menu2{
font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    line-height: 10px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 50px;
    margin-bottom: 20px;
    padding-bottom: 10px;
	padding-left: 0px;
	
}
.button_menu2:after{
	background-color:#F88C4B;
	position: absolute;
    content: '';
    width: 90px;
    height: 3px;
    left: 0;
    bottom: 0;
}
   
.banner {
	position: fixed;
	top: 25px;
	left: 86.5%;
	width: 160px;
	z-index: -1;
	}
.zag{
	
	text-shadow: 1px 1px 1px #999;
	letter-spacing: 2px;
	font-size: 1.1rem;
	color: #666666;
	margin: 5px 0;
	font-weight: normal;
	}
.zag14{
	
	text-shadow: 1px 1px 1px #999;
	letter-spacing: 1px;
	font-size: 1.3rem;
	color: #009966;
	margin: 20px 0;
	font-weight: normal;
	text-transform: uppercase;
	}
a.zag14{text-decoration:none }

.orange11, A.orange11, A.orange11:link, A.orange11:visited
{
	
	font-size: 11px;
	color: #CE6700;
	font-weight:normal;
}
A.orange11:hover {
	color: #2e8b57;
	}
.orange13, A.orange13, A.orange13:link, A.orange13:visited
{
	
	font-size: 13px;
	color: #CE6700;
	font-weight:normal;
}
A.orange13:hover {
	color: #2e8b57;
	}
.orange16, A.orange16, A.orange16:link, A.orange16:visited
{
	font-size: 16px;
	color: #EA7700;
	font-weight: normal;
}
A.orange16:hover {
	color: #2e8b57;
	
}
.gray11, A.gray11, A.gray11:link, A.gray11:visited
{
	
	font-size: 11px;
	color: #494746;
	font-weight: normal;
}
A.gray11:hover {
	color: #2e8b57;
	font-weight: bold;
}


/*end Logo
begin ContentLayout*/
.art-contentLayout
{
	position: relative;
	margin-bottom: 20px;
	width: 100%;
	height: 100%;
	margin-top: 175px;
	}
.art-Post
{
	position: relative;
	z-index: 1;
	margin: 1%;
	min-width: 1px;
	min-height: 1px;
}
.art-Post-body
{
	position: relative;
	z-index: 1;
	padding: 5px;
	width: 100%;
	
}
.art-opis LI
{
	padding: 0px 0 0px 9px;
	line-height: 17px;
}
.art-opis OL LI, .art-opis UL OL LI
{
	background: none;
	padding-left: 0;
}
.art-opis UL LI, .art-opis OL UL LI
{
    list-style-image: url(../images/PostBullets.png);
    list-style-position: inside;
    
    font-size: 15px;
    padding-top: 2px;
    padding-bottom: 10px;
    padding-left: 40px;

}
/*Start images*/
A IMG
{
	border: 0;
}
.art-article IMG, IMG.art-article
{
	margin: 1rem;
}
.art-metadata-icons IMG
{
	border: none;
	vertical-align: middle;
	margin: 2px;
}
/*Finish images
Start tables*/
.art-article TABLE, TABLE.art-article
{
	border-collapse: collapse;
	margin: 1px;
	width: auto;
}
.art-article TABLE, TABLE.art-article .art-article TR, .art-article TH, .art-article TD
{
	background-color: transparent;
}
.art-article TH, .art-article TD
{
	padding: 2px;
	border: 1px solid #6C7051;
	vertical-align: top;
	text-align: left;
}
.art-article TH
{
	text-align: center;
	vertical-align: middle;
	padding: 7px;
}
/*Finish tables*/
PRE
{
	overflow: auto;
	padding: 0.1rem;
}
/*end Box, Post
begin PostHeaderIcon*/
.art-PostHeader
{
	text-decoration: none;
	margin: 0.2em 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	letter-spacing: normal;
	word-spacing: normal;
	font-variant: normal;
	text-transform: none;
	text-indent: 0;
	line-height: inherit;
	font-size: 1.2rem;
	text-align: left;
	color: #26371B;
}
.art-PostHeader A, .art-PostHeader A:link, .art-PostHeader A:visited, .art-PostHeader A:hover
{
	font-size: 1.2rem;
	text-align: left;
	margin: 0;
	color: #26371B;
}
.art-PostHeader IMG
{
	border: none;
	vertical-align: middle;
	margin: 0;
}
/*end PostHeaderIcon
begin PostHeader*/
.art-PostHeader A:link
{
	text-decoration: none;
	text-align: left;
	color: #2E4120;
}
.art-PostHeader A:visited, .art-PostHeader A.visited
{
	text-decoration: none;
	text-align: left;
	color: #53563E;
}
.art-PostHeader A:hover, .art-PostHeader A.hovered
{
	text-decoration: none;
	text-align: left;
	color: #527439;
}
/*end PostHeader
begin PostContent
Content Text Font & Color (Default)*/


.art-PostContent, .art-PostContent P
{
	font-size: 16px;
	color: #5B5F45;
	padding: 5px 0px 5px 0px;
    margin: 5px;
}

/*Start Content link style
*/
A
{
	text-decoration: none;
	color: #374F27;
}
/*Adds special style to an unvisited link.*/
A:link
{
	
	text-decoration: none;
	color: #374F27;
}
/*Adds special style to a visited link.*/
A:visited, A.visited
{
	
	text-decoration: none;
	color: #616549;
}
/*:hover - adds special style to an element when you mouse over it.*/
A:hover, A.hover
{
	
	text-decoration: underline;
	color: #527439;
}
/*Finish Content link style
Resert some headings default style & links default style for links in headings*/
H1, H2, H3, H4, H5, H6, H1 A, H2 A, H3 A, H4 A, H5 A, H6 A H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover, H6 A:hover H1 A:visited, H2 A:visited, H3 A:visited, H4 A:visited, H5 A:visited, H6 A:visited
{
	text-shadow: 1px 1px 1px #999;
	letter-spacing: 1px;
	margin: 20px 0 10px 0;
	font-weight: normal;
	}
	
	/*Start Content headings Fonts & Colors*/
H1, H1 A, H1 A:link, H1 A:visited, H1 A:hover
{
	font-size: 22px;
	color: #009966;
	text-transform: uppercase;
	margin: 20px;
}
H2, H2 A, H2 A:link, H2 A:visited, H2 A:hover
{
	font-size: 16px;
	color: #009966;
	text-transform: uppercase;
}
H3, H3 A, H3 A:link, H3 A:visited, H3 A:hover
{
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 0;
	padding: 0px;
	color: #006699;
	text-transform: uppercase;
	}
H4, H4 A, H4 A:link, H4 A:visited, H4 A:hover
{
	font-size: 15px;
	color: #EA7700;
	font-weight: 400;
	text-transform:none;
	
}
H5, H5 A, H5 A:link, H5 A:visited, H5 A:hover
{
	font-size: 14px;
	color: #357B48;
	margin: 0px 0 0px 0px;
}
H6, H6 A, H6 A:link, H6 A:visited, H6 A:hover
{
    letter-spacing: 2px;
	font-size: 15px;
	color: #FF4B3A;
	margin: 10px 0;
	

}
/*Finish Content headings Fonts & Colors
end PostContent
begin PostBullets
Start Content list*/
OL, UL
{
	color: #111810;
	margin: 1em 0 1em 2rem;
	padding: 0;
	
}
LI OL, LI UL
{
	margin: 0.5em 0 0.5em 2rem;
	padding: 0;
}
LI
{
	margin: 0.2em 0;
	padding: 0;
}
UL
{
	list-style-type: none;
}
OL
{
	list-style-position: inside;
}

.columns-2 {
    text-align: justify;
	font-size: 14px;
	margin-left: 5px;
    -moz-column-count: 2;
    -moz-column-gap: 12px;
    -moz-column-rule: 1px solid #c4c8cc;
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    -webkit-column-rule: 1px solid #c4c8cc;
}

/*Finish Content list
end PostBullets
begin PostQuote
Start blockquote*/
BLOCKQUOTE, BLOCKQUOTE P, .art-PostContent BLOCKQUOTE P
{
	color: #333;
	
	font-size: medium;
}
BLOCKQUOTE, .art-PostContent BLOCKQUOTE
{
	margin: 5px 5px 5px 50px;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;
	background-position: left top;
	background-repeat: no-repeat;
}
/*Finish blockuote
end PostQuote
begin Button*/
.art-button-wrapper .art-button
{
	display: inline-block;
	width: auto;
	outline: none;
	border: none;
	background: none;
	line-height: 27px;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible;
	cursor: default;
	text-decoration: none !important;
	z-index: 0;
	vertical-align: middle;
}
.art-button IMG, .art-button-wrapper IMG
{
	margin: 0;
}
.art-button-wrapper
{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	height: 27px;
	overflow: hidden;
	white-space: nowrap;
	width: auto;
	z-index: 0;
}
.firefox2 .art-button-wrapper
{
	display: block;
	float: left;
}
.art-button-wrapper .art-button
{
	display: block;
	height: 27px;
	
	font-size: 0.8rem;
	white-space: nowrap;
	text-align: left;
	padding: 0 9px !important;
	line-height: 27px;
	text-decoration: none !important;
	color: #293A27 !important;
}
INPUT, SELECT
{
	vertical-align: middle;
	
	font-size: 0.8rem;
}
.art-button-wrapper.hover .art-button, .art-button:hover
{
	color: #E9F2E4 !important;
	text-decoration: none !important;
}
.art-button-wrapper.active .art-button
{
	color: #F4F4F0 !important;
}
.art-button-wrapper .l, .art-button-wrapper .r
{
	display: block;
	position: absolute;
	z-index: -1;
	height: 81px;
	background-image: url(../images/Button.png);
	top: 50px;
}
.art-button-wrapper .l
{
	left: 0;
	right: 8px;
}
.art-button-wrapper .r
{
	width: 409px;
	right: 71px;
	clip: rect(auto, auto, auto, 401px);
}
.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
	top: -27px;
}
.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
	top: -54px;
}

.art-page-footer, .art-page-footer A, .art-page-footer A:link, .art-page-footer A:visited, .art-page-footer A:hover
{
	font-family: Arial;
	font-size: 0.65rem;
	letter-spacing: normal;
	word-spacing: normal;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	color: #557750;
}
.art-page-footer
{
	margin: 1rem;
	text-align: center;
	text-decoration: none;
	color: #6F7354;
}
/*end PageFooter
begin LayoutCell*/
/*end LayoutCell
begin LayoutCell*/
.art-contentLayout .art-content
{
	position: relative;
	margin: 10px;
	padding: 10px;
	border: 0;
	float:inherit;
	overflow: hidden;
	width: 97%;
}

.price
{
	font-size: 0.9rem;
	color: #072D22;
}
A.price:hover, A.Price:link
{
	color: #CE6700;
} 
.Price_W, A.Price_W, A.Price_W:link, A.Price_W:visited
{
	font-size: 0.9rem;
	color: rgba(255,255,255,1.00);
	text-align: center;
	padding-top: 4px;
}
A.Price_W:hover
{
	font-size: 0.8rem;
	color: orange;
	text-align: center;
}
.art-contentLayout .art-content1 {
	position: relative;
    margin-top: 0px;
    padding: 0%;
    border: 0;
    float: right;
    overflow: hidden;
    width: 98%;
}
.art-Post-body1 {
	position: relative;
	z-index: 1;
	padding: 1px;
	width: 98%;
}
.mono {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 12px;
	color: #294323;
}
.art-zag {
	text-align:center;
	text-shadow: 1px 1px 1px #999;
	letter-spacing: 2px;
	font-size: 18px;
	color: #294323;
	margin: 4px 0;
	padding: 15px;
	
}
.art-opis {
	text-align:left;
	letter-spacing: 1px;
	font-size: 15px;
	color: #294323;
	margin: 7px 0;
	padding: 15px;
	
}
.art-opis a:link {
color: #4F5A9B;
text-decoration:underline;	
	}
.action {
	letter-spacing: 2px;
	font-size: inherit;
	color: #8b0000;
	margin: 10px 0;
	border: dotted;
	font-weight: bold;
	text-align: center;
	background: #fff3f0;
}
.action1 {
	font-weight: bold;
	color: #cb4b24;
	text-transform:uppercase;
	font-size:13px;
}


.board_form {
border: dashed 1px #ccc;
padding: 8px;
margin: 6px 0;
	text-shadow: 1px 1px 1px #999;
background-color: #FFFFF8;
	width: 90%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.board_gr {
border: dashed 1px #ccc;
background-color: #E2FAE3;	
padding: 8px;
margin: 6px 0;
text-shadow: 1px 1px 1px #999;
width: 90%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.board_free {
border: dashed 1px #ccc;
padding: 1px;
margin: 10px 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.board_bol {
border: dashed 1px #ccc;
padding: 10px;
margin: 10px 0;
	text-shadow: 1px 1px 1px #999;
	letter-spacing: 2px;
	font-size: 18px;
	color: #666666;
	margin: 5px 0;
	font-weight:normal;
	text-decoration: none;
background-color: #fedce0;

border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

.under_d {
border: dashed 1px #ccc;
padding: 0px;
margin: 0px 1px;
}
.art-BlockContent-cc_gl {
	position: absolute;
	z-index: -1;
	top: 7px;
	left: 7px;
	right: 7px;
	bottom: 7px;
	background-color: #FFFFE6;
}
#share42 {
  position: fixed;
  z-index: 1000;
  margin-left: 96% /* смещение панели влево от края контента */
}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
.price_red
{
	font-size: 12px;
	color: #F00;
	font-weight: bold;
}

a.button11 {
  position: relative;
  z-index: 1;
  left: -50px;
  color: black;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  padding: .25em .5rem;
}

a.button11:after {
  content: "Купить";  /* здесь 6 букв */
  position: absolute;
  z-index: -1;
  top: -2px;
  bottom: -2px;
  left: -2px;
  width: calc(100% + 6*(1em*90/135) - 2px*2*2);  /* где 6*(1em*90/135), где 6 - это 6 букв, 90 - это font-size after, а 135 - это font-size родителя */
  text-align: right;
  color: #fff;
  font-size: 90%;
  padding: .25em .5rem;
  border-radius: 5px;
  border: 2px solid #009966;
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  background: linear-gradient(#006666, #009966) no-repeat 100% 0;
  background-size: calc(6*(1em*90/135) + .5em) 100%;
  box-shadow: inset calc(-6*(1em*90/135) - .5em) 0 rgba(255,255,255,0);
  transition: .3s;
}
a.button11:hover:after {
  box-shadow: inset calc(-6*(1em*90/135) - .5em) 0 rgba(255,255,255,.2);
  }
a.button11:active:after {
  background-image: linear-gradient(#c61e40, #d4536d);
}
a.button12 {
  position: relative;
  z-index: 0;
  left: -50px;
  color: black;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  padding: .25em .5rem;
	margin-right: 50px;
}
a.button12:after {
  content: "Заказать";  /* здесь 8 букв */
  position: absolute;
  z-index: -1;
  top: -2px;
  bottom: -2px;
  left: -2px;
  width: calc(100% + 8*(1em*90/135) - 2px*2*2);  /* где 8*(1em*90/135), где 8 - это 8 букв, 90 - это font-size after, а 135 - это font-size родителя */
  text-align: right;
  color: #fff;
  font-size: 90%;
  padding: .25em .5rem;
  border-radius: 7px;
  border: 2px solid #5389D4;
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  background: linear-gradient(#5353D4, #5389D4) no-repeat 100% 0;
  background-size: calc(8*(1em*90/145) + .5em) 100%;
  box-shadow: inset calc(-8*(1em*90/145) - .5em) 0 rgba(255,255,255,0);
  transition: .3s;
}
a.button12:hover:after {
  box-shadow: inset calc(-8*(1em*90/145) - .5em) 0 rgba(255,255,255,.2);
}
a.button12:active:after {
  background-image: linear-gradient(#5389D4, #535394);
}
.price_shop, div.price_shop  {
	background: rgba(251,249,200,0.97) ;
    border-radius: 10px;
    color: #009966;
	font: 18px arial;
    line-height: 23px;
    padding: 3px 5px;
    margin: 6px 40px 2px 40px;
	border: dotted 1px rgba(21,112,7,1.00)  ;
}
div.card_zagol {
    display: -webkit-box; /*задает блочный элемент тегу*/
    -webkit-line-clamp: 2; /*количество строк в блоке*/
    -webkit-box-orient: vertical; /*ориентацию элемента внутри тянущегося бокса*/
    max-width: 100%; /*максимальна длина блока*/
    overflow: hidden; /*обрезает лишний текст*/
    text-overflow: ellipsis; /*ставит многоточие после обрезки текста*/
    height:34px /* высота текстового блока*/
}
div.card_text {
    display: -webkit-box; /*задает блочный элемент тегу*/
    padding-bottom: 1px;
	margin-bottom: 2px;
    -webkit-line-clamp: 2; /*количество строк в блоке*/
    -webkit-box-orient: vertical; /*ориентацию элемента внутри тянущегося бокса*/
    max-width: 90%; /*максимальна длина блока*/
    overflow: hidden; /*обрезает лишний текст*/
    text-overflow: ellipsis; /*ставит многоточие после обрезки текста*/
    height:30px; /* высота текстового блока*/
    text-decoration: none;
	font-size: 11px;
	}
div.card_down {
    display: -webkit-box; /*задает блочный элемент тегу*/
	min-height: 41px;
    padding: .25em .5em 0 0;
	-webkit-line-clamp: 3; /*количество строк в блоке*/
    -webkit-box-orient: vertical; /*ориентацию элемента внутри тянущегося бокса*/
    max-width: 100%; /*максимальна длина блока*/
    overflow: hidden; /*обрезает лишний текст*/
    text-overflow: ellipsis; /*ставит многоточие после обрезки текста*/
    min-height: 44px;
    height:110%; /* высота текстового блока*/
    text-decoration: none;
	font-size: 12px;
	color: #D86914;
	font-weight: bold;
	}
 div.shopbox {  float:left; width:265px; height: 380px; text-align:center; border: dashed 1px #ccc;
background: linear-gradient( #EAF2C9 0%, #fff 10%, #fff 85%, #EAF2C9 100%);
margin-left: 30px;
margin-top: 30px;
text-decoration:none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
div.shopbox a:link { font:bold 14px Arial, Helvetica, sans-serifserif; color:#336633; }
div.shopbox a:visited { font:13px Arial, Helvetica, sans-serifserif; color:#336699; }
div.shopbox a:hover { text-decoration:underline; }
 
.board_t {
border: dashed 1px #ccc;
background-color: #FBF7B9;
	font-size: 105%;
	margin: 20px;
padding:16px;
width: 92%;
text-decoration:none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.bottom_panel {
    position: fixed;
    z-index: 1099;
    left: 0;
    bottom: 0;
    min-width: 100%;
    height: 50px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
	font-weight: bold;
    background: url(/pics/subitem-bg1.png) 0 0 repeat-x;
}
.img-container {
    position: relative;
    
}
.img-container img {
    max-width: 200px;
    max-height: 185px;
	    
}
.img-container new1 {
		text-align: center;
		margin-right: 10px;
    	position: absolute;
    	top: 5px;
		left: 5px;
}
.bullet {
margin-left: 0;
list-style: none;
counter-reset: li;
}
.bullet li {
position: relative;
margin-bottom: 1.5rem;
border: 3px solid #caf5d4;
padding: 0.6rem;
border-radius: 4px;
background: #FEFEFE;
color: #231F20;
font-family: "Trebuchet MS", "Lucida Sans";
}
.bullet li:before {
position: absolute;
top: -0.7rem;
padding-left: 0.4rem;
padding-right: 0.4rem;
font-size: 1rem;
font-weight: bold;
color: #8aa8f6;
background: #FEFEFE;
border-radius: 50%;
counter-increment: li;
content: counter(li);
}

#upload_red{
	margin:10px 10px; padding:10px;
	font-weight:bold; font-size:0.9rem;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#FFCCCC;
	color:#3366cc;
	border:1px solid #ccc;
	width:150px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
#upload{
	margin:10px 10px; padding:10px;
	font-weight:bold; font-size:0.8rem;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#F4F4F4;
	color:#3366cc;
	border:1px solid #ccc;
	width:100px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
	background:#ddd !important;
}
div.25 {
     float: left; /*Задаем обтекание*/
     line-height: 22px; /*Высота строки +  верт. центрирования текста*/
     font-size: 0.9rem;
     width: 26px; /*Фиксируем ширину блока*/
     text-align: center; /*Центрируем текст по горизонтали*/
}
div.banbox {  float:left; width:102px; height: 40px; margin-right:10px; margin-top:20px;text-align:center;
margin-left: 4px;
text-decoration:none
}
#status{
	font-family:Arial; padding:5px;
}
ul#files{ list-style:none; padding:0; margin:0; }
ul#files li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files li img{ max-width:160px; max-height:150px; }
.success{}
.error{ background:#f0c6c3; border:1px solid #cc6622; }
.zag .zag {
	font-size: 1rem;
}
img[tabindex="0"] {  
  cursor: zoom-in;  
}  

img[tabindex="0"]:focus {  
  position: fixed; z-index: 10;  
  top: 0; left: 0; bottom: 0; right: 0;  
  width: auto; max-width: 100%;  
  height: auto; max-height: 100%;  
  margin: auto;  
  box-shadow: 0 0 200px #000, 0 0 0 1000px rgba(0,0,0,.3);  
-webkit-box-shadow: 0 0 200px #000, 0 0 0 1000px rgba(0,0,0,.3);  
-moz-box-shadow: 0 0 200px #000, 0 0 0 1000px rgba(0,0,0,.3);  
}  

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  

}

.container {
  min-width: 100px;
  max-width: 90%;
  padding: 0 0px;
  box-sizing: border-box;
}
  .container table thead {
    display: none;
  }

  .container table tr {
    display: block;
  }

  .container table td {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
  }

  .container table td::before {
    content: attr(data-label);
    font-weight: bold;
    margin-right: 5px;
  }

  .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
  }
.row-g {
    display: -ms-flexbox;
	background-color:rgba(135,184,108,0.14);
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
  }
.col {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
.korzina_name {
	width: 100%;
    font-size: 110%;
	text-decoration:underline;
	max-width: 700px;
    text-align: left;
	display: inline-block;
    position: relative;
	margin-left: 45px;
	margin-bottom: 10px;
      -ms-flex: 1 0 1;
    flex: 1 0 0;
    
  }
.korzina {
   font-size: 100%;
	width: 20%;
	min-width: 150px;
	text-align: center;
    display: inline-block;
    position: relative;
	margin-bottom: 10px;
	margin-left: 15px;
      -ms-flex: 0 1 0;
    flex: 0 1 0;
   
  }
.korzina p {
   display: inline-block;
   font-weight: bold;
   margin-left: 15%;
   margin-right: 15%;
	margin-top: 0px;
}