@font-face {
	font-family: 'Conv_ROBOTO-LIGHT';
	src: url('/fonts/ROBOTO-LIGHT.eot');
	src: local('☺'), url('/fonts/ROBOTO-LIGHT.woff') format('woff'), url('/fonts/ROBOTO-LIGHT.ttf') format('truetype'), url('/fonts/ROBOTO-LIGHT.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_ROBOTO-BLACK';
	src: url('/fonts/ROBOTO-BLACK.eot');
	src: local('☺'), url('/fonts/ROBOTO-BLACK.woff') format('woff'), url('/fonts/ROBOTO-BLACK.ttf') format('truetype'), url('/fonts/ROBOTO-BLACK.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html
{
	height: 100%;
}

body
{
	height: 100%;
	background: #f8f6f7;
	margin: 0px;
	padding: 0px;
}

#fixed
{
	position: fixed;
	left: 0px;
	top: 0px;
	height: 200px;
	width: 100%;
	z-index: 500;
}

body, p, div, td, input, textarea
{
	font-family: 'Conv_ROBOTO-LIGHT', arial;
	xcolor: #666666;
	font-size: 16px;
}

a
{
	text-decoration: none;
	color: #069;
}
a:hover, a:active
{
	text-decoration: underline;
	color: #069;
}

#cart_div
{
	display: block;
	width: 100px;
	height: 85px;
	background: #8bc53d;
}
#cart_div td, 
#cart_div a
{
	color: #ffffff;
	font-size: 8pt;
}


.mmenu, .mmenu_on
{
	color: #666666;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	padding: 0px 10px;
}

.mmenu:hover, .mmenu_on
{
	color: #000;
	text-decoration: none;
}

.mmenu2, .mmenu2:hover, .mmenu2_on
{
	color: #666666;
	font-size: 18pt;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
}

.mmenu2_on:hover, .mmenu2_on
{
	color: #ffffff;
	background-color: #8bc53d;
	text-decoration: none;
}


.b1
{
	color: #ffffff;
	font-size: 25pt;
	font-weight: bold;
	font-family: 'Conv_ROBOTO-BLACK';
	text-shadow: 2px 2px 0px #006632;
}

.b2
{
	color: #ffffff;
	font-size: 60pt;
	font-weight: bold;
	font-family: 'Conv_ROBOTO-BLACK';
	font-shadow: 10px 10px 10px #8bc53d;
	text-shadow: 3px 3px 0px #006632;
}

a.m0, a.m1
{
	display: block;
	width: 14px;
	height: 14px;
	background: #555555;
	border-radius: 7px;
	text-decoration: none;
	margin: 0px 0px 20px 20px;
	float: right;
}

a.m0, a.m1:hover
{
	background: #a0cd36;
}


a.list1, a.list2
{
	display: block;
	width: 255px;
	height: 180px;
	background: #257917;
	color: #ffffff;
	font-size: 18pt;
	text-transform: uppercase;
	text-decoration: none;
}

a.list2
{
	background: #8bc53d;
}

a.list1 img, a.list2 img
{
	width: 255px;
	height: 150px;
}

h1, h2, .h1
{
	color: #666666;
	line-height: 22pt;
	font-size: 22pt;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

h2
{
	color: #9e9e9e;
	margin-bottom: 20px;
}

.big
{
	line-height: 26pt;
	font-size: 26pt;
	margin-bottom: 20px;
}

.pb20
{
	margin-bottom: 20px;
}

.lgreen
{
	color: #8bc53d;
}


.mprice
{
	color: #666666;
	line-height: 98px;
	font-size: 26pt;
	height: 90px;
	padding-left: 30px;
	border-left: solid 1px #999999;
}


a.agreen, .btn
{
	background: #09f;
	padding: 10px 20px 10px 20px;
	color: #ffffff;
	font-size: 13pt;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
}

/*  forms */


div#fade
{
	position: fixed;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background:#000000;
	opacity:0.5;
	filter:alpha(style=0, opacity=50);
	display:none;
	z-index: 1000;
}


div.form
{
	z-index: 1100;
	position: absolute;
	border: solid 1px #ffffff;
	top: 100px;
	left: 400px;
	padding: 50px;
	display: none; 
	background: rgba(0,0,0,.8);
	color: #fff;
	font-weight: normal;
}

div.form input[type="text"]
{
	display: block;
	margin: 5px 0px 10px 0px;
	color: #000;
	font-size: 18px;
	border: none;
	padding: 5px;
}


div.form2
{
	z-index: 1100;
	position: absolute;
	padding: 0px;
	display: none; 
	background: transparent;
}



/* catalog */

.prod_div
{
	width: 320px;
	height: 440px;
	background: #f7f7f7;
	padding: 15px;
	text-align: center;
	color: #999999;
	font-size: 14pt;
	position: relative;
}

.prod_div2
{
	background: #f7f7f7;
	width: 700px;
	height: 370px;
	padding: 20px;
	color: #999999;
	font-size: 12pt;
	position: relative;
}

.prod_div div.pd1
{
 	height: 160px;
	margin-top: 5px;
	text-align: center;
}

.prod_div2 div.pd1
{
 	height: 300px;
	width: 280px;
	margin-top: 5px;
	text-align: center;
	margin: 10px 20px 0px 0px;
}

.prod_div div.pd2
{
	position: absolute;
	left: 0px;
	top: 0px;
 	width: 30px;
}


.prod_div2 div.pd2
{
	position: absolute;
	right: 0px;
	top: 0px;
 	width: 30px;
}

.prod_div div.pd2 img,
.prod_div2 div.pd2 img
{
	margin: 10px 0px 0px 0px; 
}

.prod_div b,
.prod_div2 b,
.prod_div3 b
{
	color: #575757;
	text-transform: uppercase;
	font-size: 16pt;
	font-family: 'Conv_ROBOTO-BLACK';
}

.prod_div3 b
{
	font-size: 26pt;
	line-height: 40pt;
}

b.price
{
	text-transform: none;
}

.prod_div2 i
{
	font-size: 16pt;
}

.kkal
{
	color: #8cc63e;
	font-size: 24pt;
}

.kkal b
{
	color: #8cc63e;
	font-size: 24pt;
	font-family: 'Conv_ROBOTO-BLACK';
	margin-bottom: 20px;
}


hr
{
	border: 0;
	height: 1px;
	border-bottom: solid 1px #999999;
}

table.tocart
{
	background: #89c83b;
	width: 150px;
	height: 37px;
	border-radius: 5px;
	margin: auto;
}

table.tocart td a
{
	display: block;
	width: 25px;
	text-decoration: none;
	color: #ffffff;
	font-size: 30pt;
	line-height: 20pt;
	text-align: center;
	margin: auto;
}

table.tocart td.price
{
	background: #ffffff;
	color: #575757;
	width: 70px;
	border-radius: 5px;
	font-size: 16pt;
	font-family: 'Conv_ROBOTO-BLACK';
	text-align: center;
}


.prod_div3 .tocart
{
	float: right;
	margin-top: 20px;
}

.stat
{
	display: none;
}

.grayDiv
{
	width: 800px;
	margin: auto;
}


a.a1, a.a2
{
	color: #000000;
	text-decoration: none;
	padding: 10px 0px 10px 0px;
	background: #eeeeee;
}

a.a1:hover, a.a2
{
	color: #ffffff;
	background: #000099;
}


a.a520, a.a520:hover
{
	display: block;
	width: 520px;
	height: 520px;
	text-decoration: none;
	position: relative;
}

a.a520 div
{
	position: absolute;
	bottom: 20px;
	left: 30px;
}


.news_date
{
	display: block;
	color: #89c83b;
	margin: 0px 0px 10px 0px;
}

table.cart td
{
	font-size: 13pt;
}

a, input[type="submit"]
{
	cursor: pointer;
}

a.cartText:hover
{
	text-decoration: none;
}


div.select-city
{
	position: relative;
	margin-left: 30px;
}

div.select-city div
{
	position: absolute;
	left: 0px;
	top: 0px;
	background: #ffffff;
	opacity: .95;
	border-radius: 10px;
	box-shadow: 1px 1px 2px rgba(100,100,100,.5);
	width: 130px;
	padding: 10px; 
	display: none;
}

div.select-city:hover div
{
	display: block;
}


/* ---- slider ---- */


.v0
{
	-webkit-transform: translate3d(0px, 0px, 0px);
	-webkit-transition: -webkit-transform 1.5s linear;
	opacity: 0;
	-webkit-opacity: 0;
	transition: all ease 1.5s;

          -webkit-transition-property: opacity;
          -webkit-transition-duration: 1.5s;"

}

.v1
{
	-webkit-transform: translate3d(0px, 0px, 0px);
	-webkit-transition: -webkit-transform 1.5s linear;
	opacity: 1;
	-webkit-opacity: 1;
	transition: all ease 1.5s;

          -webkit-transition-property: opacity;
          -webkit-transition-duration: 1.5s;"
}

/* ---- /slider ---- */



h1.hdr
{
    margin: 0px 0px 20px 0px;
    padding: 10px 30px;
    color: #fff;
    background: #09f;
	font-size: 20px;
}

#printArea
{
	padding-top: 20px;
}

#printArea img
{
	max-width: 100%;
}

.alert
{
	color: #ff0000;
}


.ok
{
	color: #00dd00;
}

.in1
{
	border:none;
	background:#fff;
	color:#000;
	padding: 10px 5px;
	text-transform:uppercase;
	font-size: 14px;
}

input.ok,
.bt1
{
	border:none;
	background:#09d;
	color:#fff;
	padding: 10px 5px;
	text-transform:uppercase;
	font-size: 14px;
	cursor: pointer;
}

input.ok:hover,
input.ok:active,
.bt1:hover,
.bt1:active
{
	background:#09f;
}









div.table
{
}

div.tr
{
}

div.td
{
	display: inline-block;
}

div.table.plans
{
	width: 100%;
}

.plans div.tr
{
	width: 100%;
}

.plans div.td
{
	width: 31%;
	padding: 5px;
	margin: 0px;
	vertical-align: top;
}

.plans h3
{
	background: #09f;
	color: #fff;
	margin: 5px 0px;
	padding: 10px;
}