

.product
{
	display: inline-block;
	width: 195px;
	height: 350px;
	text-decoration: none;
	position: relative;
	border: solid 1px #ddd;
	margin: 10px;
	x-padding: 10px;
	text-align: center;
	xbox-shadow: 0px 0px 5px rgba(0,0,0,.5);
	border-radius: 10px;
	background: #fff;
}

.product:hover
{
	background: #f6f6f6;
	x_box-shadow: 0px 0px 5px #dd
}

.product span.catname
{
	border-radius: 10px;
	display: block;
	color: #000;
	text-decoration: none;
	background: #b0cb1f;
	font-size: 22px;
	padding: 5px 0px;
	font-family: roboto-medium;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.product a.img
{
	x-display: block;
	color: #000;
	text-decoration: none;
	font-size: 20px;
	x-margin: 5px 0px;
	font-family: roboto-medium;
}

.product a.img:hover
{
	color: #060;
	text-decoration: none;
}

.product a.img span
{
	color: #000;
	text-decoration: none;
	font-size: 20px;
	font-family: roboto-medium;
	display: block;
	height: 70px;
}

.product div.clear
{
	width:100%;
	height: 20px;
}


.product a img
{
	display: block;
	margin: 0px auto 10px auto;
	clear: both;
	border-radius: 10px;
}


.product pr
{
	font-size: 26px;
	color: #b0cb1f;
	font-family: roboto-medium;
	float: left;
}

.product div
{
	position: absolute;
	right: 10px;
	x-top: 10px;
	x-width: 50px;

	top: 60px;
	font-size: 40px;
	color: #f00;
	x-text-shadow: 0px 0px 10px #fff;
	-webkit-text-stroke: .2px #fff;
	font-family: roboto-medium;
	font-weight: bold;
}

.product table.tocart
{
	position: relative;
	clear: both;
	right: 0px;
	bottom: 10px;
	background: #fff;
	border: solid 1px #ddd;
	width: 100px;
	height: 37px;
	border-radius: 5px;
	float: left;
	margin: 0px 0px 0px 20px;
}

table.tocart td a
{
	display: block;
	width: 25px;
	text-decoration: none;
	color: #b0cb1f;
	font-size: 24pt;
	line-height: 20pt;
	text-align: center;
	margin: auto;
}

table.tocart td:hover
{
	background: #b0cb1f;
}

table.tocart td:hover a
{
	color: #fff;
}

table.tocart td.price
{
	background: #ffffff;
	color: #575757;
	width: 70px;
	border-radius: 5px;
	font-size: 16pt;
	font-family: Conv_segoeuil_0,  'Conv_ROBOTO-BLACK';
	text-align: center;
}





/* catalog */
.prod_card
{
	display: inline-block;
	margin: auto;
	width: 100%;
	max-width: 460px;
}



.product center img {
    width: 20px;
}


.product a.cat_tocart
{
	display: inline-block;
}


span.pr,
span.pr_act,
span.pr_old
{
    display: inline-block;
    font-size: 30px;
    color: #b0cb1f;
    font-family: 'roboto-medium';
margin-bottom: 5px;
x-border: solid 1px red;
}


span.pr_act {
    color: #ef7f1a;
}

span.pr_old {
    color: #999;
	font-size: 20px;
	text-decoration: line-through;
	float: right;
}


span.pr,
span.pr_act
{
	width: 90px;
	float: left;
	margin-left: 20px;
	text-align: left;
}

span.pr_old
{
	width: 60px;
	float: right;
	margin-right: 20px;
	margin-top: 10px;
	text-align: right;
}


.price
{
	color: #000;
	text-decoration: none;
	xxbackground: #690550;
	padding: 0px 5px 0px 5px;
}


a.tree,
a.tree2,
a.tree2_on,
a.tree_gray,
a.tree_pink,
a.tree_on,
a.tree_gray_on,
a.tree_pink_on
{
	display: inline-block;
	x-width: 170px;
	xheight: 30px;
	xline-height: 30px;
	text-decoration: none;
	xxborder-bottom: solid 1px #999999;
	color: #666666;
	font-size: 13pt;
	padding: 5px 10px 5px 10px;

	x-border-bottom: solid 1px #dddddd;

	x-transition: background 0.3s ease;

	font-family: roboto-medium;
}

a.tree2,
a.tree2_on
{
	width: 150px;
	padding-left: 30px;
}

a.tree_gray
{
	xxbackground: #ebecec;
	xxborder-bottom: solid 1px #666666;
	color: #000000;
}

a.tree_pink
{
	xxbackground: #6f2953;
	xxcolor: #ffffff;
	color: #6f2953;
	border-bottom: none;
}

a.line
{
	display: block;
	padding: 5px 10px 5px 10px;
}

a.tree:hover,
a.tree_gray:hover,
a.tree_pink:hover,
a.tree_on,
a.tree_gray_on,
a.tree_pink_on,
a.tree2:hover,
a.tree2_on,
a.line:hover
{
	color: #ef7f1a;
	x-color: #ffffff;
	text-decoration: none;
	x-background: #060;
}


a.ar
{
	display: block;
	background: #dddddd;
	color: #000000;
	line-height: 24px;
	height: 24px;
	width: 24px;
	text-decoration: none;
	border-radius: 12px;
	text-align: center;
	float: left;
	font-weight: bold;
}

a.ar:hover
{
	color: #ffffff;
	text-decoration: none;
	background: #666666;
}

.bg_pink
{
	color: #fff;
	text-decoration: none;
	background: #060;
	font-size: 13pt;
}





#a_profile,
#cat_fav_div,
#cat_cart_div
{
	display: inline-block;
	width: 44px;
	height: 30px;
	background: url(/images/catalog/i_hart_w.png) center bottom no-repeat;
	background-size: 50%;
	margin-top: 5px;
}

#cat_cart_div
{
	background: url(/images/catalog/i_cart_w.png) center bottom no-repeat;
	background-size: 50%;
}



#a_profile
{
	background: url(/admin/images/login03.svg) center 5px no-repeat;
}



.cart_num
{
	display: block;
	width: 20px;
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	background: #090;
	color: #fff;
	text-align: center;
	border-radius: 50%;
}

.rot
{
	zoom: 1.3;
	transform: rotate(-40deg);
}


.cart_in_cart
{
	color: #090;
	font-size: 10px;
	line-height: 10px;
	display: inline-block;
	margin: 0px 10px 0px 0px;
}




a.radio, a.radio_on
{
	display: block;
	border: solid 2px #ddd;
	border-radius: 10px;
	padding: 10px 10px 10px 100px;
	text-decoration: none;
	color: #000000;
	background: url(/images/check0.svg) 10px top no-repeat;
	background-size: 10%;
}

a.radio b, a.radio_on b
{
	text-align: center;
	display: block;
	margin-bottom: 10px;	
}

a.radio:hover
{
	border: solid 2px #090;
	text-decoration: none;
	x_background: #090;
	x_color: #ffffff;
}


a.radio_on
{
	border: solid 2px #090;
	text-decoration: none;
	x_background: #090;
	x_color: #ffffff;
	background: url(/images/check1.svg) 10px top no-repeat;
	background-size: 10%;
}


a.cur,
a.cur_a
{
	display: inline-block;
	padding: 5px 10px;
	border: solid 1px #666;
	border-radius: 2px;
	color: #000;
	text-decoration: none;
}

a.cur:hover,
a.cur_a
{
	background: #ddd;
	color: #000;
	text-decoration: none;
}



.filder_mark_up,
.filder_mark_down
{
	transform: rotate(0);	
	transition: all ease .5s;
}
.filder_mark_down
{
	transform: rotate(0.5turn);	
}


.filter_td_on,
.filter_td_off
{
	border-radius: 10px;
	background: #ffffee;
	transition: all ease .5s;
	border: solid 1px #d60;
}
.filter_td_off
{
	xbackground: none;
	background: #ffffee;
}

#filter_td h3:hover
{
	background: #ffffee;
	cursor: pointer;
}


#filter_td span,
#filter_td span.on
{
	display: inline-block;
    white-space: nowrap;
    background: none;
    color: #000;
    padding: 10px;
    border-radius: 20px;
	font-family: roboto-medium;
	cursor: pointer;
}


#filter_td span label
{
	cursor: pointer;
}

#filter_td span.on
{
    background: #d60d;
    color: #fff;
}


#filter_td span:hover
{
    padding: 9px;
	border: solid 1px #d60;
}




#filter_td span input
{
	display: none;
}


