@import "/static/reset.css";
html{
	font-size:100.01%;
	}

body{
	background:#ffffff;
	font-family:"Arial", "Helvetica", sans-serif;
	color:#000000;
	font-size:0.75em;
	line-height: 1.2em;
	position:relative;
	}
.bone{
	background:url(/static/i/backgrounds/body.top.jpg) repeat-x 0 20px;
	}
.head .inner,
.middle .inner{
	width:900px;
	margin:0 auto;
	}

h1{
	font-size:2.50em;
	font-weight:normal;
	line-height:1.2em;
	margin:.5em 0 .4em;
	}
h2{
	margin:1em 0;
	font-size:1.3em;
	line-height:1.2em;
	}
p{
	margin:.8em 0;
	}
ol{
	margin:.8em 0 .6em 22px;
	list-style:decimal;
	list-style-position:outside;
	}
ol li{
	font-weight:bold;
	margin:0 0 .2em;
	}
ol li .wrp{
	font-weight:normal;
	}

.type-spicy{
	color:#ce1d10;
	}
.important{
	font-size:1.50em;
	font-weight:bold;
	line-height:1.2em;
	color:#353535;
	margin:1.2em 0;
	}


a.add,
a.del{
	display:block;
	width:21px;
	height:20px;
	overflow:hidden;
	position:relative;
	margin:-3px 0 0;
	color:#ffffff;
	font-size:1.3em;
	text-decoration:none;
	background:#c01003;
	font-weight:bold;
	line-height:20px;
	text-align:center;
	}
a.add span,
a.del span{
	display:block;
	width:21px;
	height:20px;
	position:absolute;
	top:0;
	left:0;
	}

/* HEAD */
.head{
	border-bottom:1px solid #b4b4b4;
	overflow:hidden;
	}
.head .inner{
	height:210px;
	position:relative;
	z-index:1;
	}
.head .inner .bg{
	background:url(/static/i/backgrounds/head.jpg) no-repeat 100% 0;
	height:188px;
	width:547px;
	position:absolute;
	top:0;
	left:495px;
	z-index:1;
	}

.head .inner .telephones{
	background:url(/static/i/phones.png) no-repeat 100% 0;
	height:130px;
	width:180px;
	position:absolute;
	top:20px;
	left:480px;
	z-index:1;
	}



.head .logo{
	padding:36px 0 0 26px;
	margin:0;
	}
.logo a{margin:0 18px 0 0;}
.logo img{vertical-align:middle;}
.head .slogan{
	position:absolute;
	top:0;
	/* left:347px; */
left:0px;
	z-index:10;
	width:469px;
	height:160px;
	margin:0;
	overflow:hidden;
	font-size:1.6em;
	line-height:1.2em;
	background:white;
	color:#ffffff;
	}
/*
.head .slogan span{
	position:absolute;
	top:0px;
	left:0px;
	width:469px;
	height:151px;
	background:url(/static/i/newlogo.jpg) no-repeat;
	}
*/
.head .slogan span{
	position:absolute;
	top:20px;
	left:0px;
	width:469px;
	height:170px;
	background:url(/static/i/newlogo.png) no-repeat;
	}

.head .site-services{
	position:absolute;
	top:8px;
	left:0;
	z-index:100;
	overflow:hidden;
	}
.head .site-services li{
	float:left;
	padding:0 30px;
	margin:0 0 0 -1px;
	border-left:1px solid #858585;
	line-height:1em;
	height:15px;
	}
.head .site-services a{
	color:#858585;
	font-weight:bold;
	text-decoration:none;
	display:block;
	position:relative;
	height:15px;
	white-space:nowrap;
	overflow:hidden;
	}
.head .site-services a:hover{
	text-decoration:underline;
	}
.head .site-services span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:15px;
	background:url(/static/i/texts/services.png) no-repeat 0 0;
	cursor:pointer;
	}
#home,#home span{width:58px;}
#mail,#mail span{width:47px;}
#work,#work span{width:47px;}
#home span{background-position:0 0;}	
#mail span{background-position:-58px 0;}	
#work span{background-position:-105px 0;}

/* menu */
.menu{
	position:absolute;
	bottom:-1px;
	left:20px;
	z-index:100;
	background:url(/static/i/backgrounds/menu.h.png) no-repeat -1000px -1000px;
	}
.menu li{
	width:121px;
	height:30px;
	float:left;
	background:url(/static/i/backgrounds/menu.png) no-repeat 0 0;
	margin:0 9px 0 0;
	}
.menu a{
	display:block;
	width:110px;
	height:21px;
	position:relative;
	padding:9px 0 0 11px;
	line-height:1em;
	color:#353535;
	font-weight:bold;
	text-decoration:none;
	overflow:hidden;
	}
.menu a:hover,
.menu a.active{
	background:url(/static/i/backgrounds/menu.h.png) no-repeat 0 0;
	color:#353535;
	text-decoration:unreline;
	}
.menu span{
	height:20px;
	width:110px;
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
	top:9px;
	left:9px;
	}
.menu a:hover span,
.menu a.active span{
	background-position:0 -21px;
	background-repeat:no-repeat;
	cursor:pointer;
	}
#m1 span{background-image:url(/static/i/texts/japanese.png);}
#m2 span{background-image:url(/static/i/texts/pizza.png);}
#m3 span{background-image:url(i/texts/salads.png);}
#m4 span{background-image:url(i/texts/drinks.png);}
#msummer span{background-image:url(i/texts/summer.png);}
#mhot span{background-image:url(i/texts/hotmenu.png);}

/* MIDDLE */
.middle{
	background:url(/static/i/backgrounds/middle.png) repeat-x 0 100%;
	}
.middle .inner{
	background:url(/static/i/backgrounds/middle.2.png) no-repeat 762px 100%;
	padding:0 0 70px;
	}
.middle .centent{
	width:600px;
	float:left;
	padding:0 0 0 20px;
	}
.middle .sidebar{
	width:210px;
	float:right;
	padding-top:120px;
	position:relative;
	z-index:10;
	}

/* catalog */
.simple-sushi{
	background:url(/static/i/backgrounds/simple.sushi.png) no-repeat 100% 100%;
	margin-left:10px;
	}
.catalog li{
	width:168px;
	height:173px;
	border:1px solid #c8c8c8;
	float:left;
	margin:0 10px 10px 0;
	padding:0 5px;
	position:relative;
	background:#ffffff;
	}
.catalog h3{
	font-weight:bold;
	font-size:0.92em;
	margin:0 -5px;
	padding:4px 19px 0 9px;
	height:20px;
	border-bottom:1px solid #c8c8c8;
	}
.catalog .photo{
	text-align:center;
	}
.order-portions{
	width:169px;
	color:#2f2f2f;
	font-weight:bold;
	font-size:0.92em;
	}
.catalog .order-portions{
	position:absolute;
	left:5px;
	bottom:5px;
	}
.order-portions .item{
	background:#ffffff url(/static/i/backgrounds/line.png) no-repeat -95px 0;
	margin:5px 0 0;
	padding:3px 0 3px 5px;
	}
.order-portions .value{
	display:block;
	width:50px;
	float:left;
	border-right:1px solid #bfbfbf;
	}
.order-portions .type,
.order-portions .mass{
	display:block;
	float:left;
	padding:0 0 0 9px;
	}
.order-portions .mass{
	color:#c1c1c1;
	font-weight:normal;
	}

.order-portions .add{
	float:right;
	}
.order-portions .add span{
	background:url(/static/i/buttons/add.png) no-repeat 0 0;
	}
.catalog .flag{
	position:absolute;
	left:9px;
	top:35px;
	}
.catalog .flag span{
	display:block;
	width:10px;
	height:10px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 5px;
	}
.vegan{background:url(/static/i/icons/icon.png) no-repeat 0 -24px;}
.spicy{background:url(/static/i/icons/icon.png) no-repeat 0 -40px;}
.post{background:url(/static/i/icons/icon.png) no-repeat 0 -75px;}


.catalog .info .view{
	display:block;
	width:13px;
	height:12px;
	overflow:hidden;
	background:url(/static/i/icons/icon.png) no-repeat 0 0;
	position:absolute;
	top:5px;
	right:5px;	
	}
.catalog .active .view{
	height:20px;	
	}
.catalog .info .wrap{
	display:none;
	position:absolute;
	top:24px;
	left:0px;
	width:160px;
	height:131px;
	padding:9px;
	background:url(/static/i/backgrounds/black.png);
	font-size:0.92em;
	color:#ffffff;
	}
.catalog .active .wrap{
	display:block;
	}
.catalog .info .flag{
	position:static;
	margin:0 0 4px;
	}
.catalog .info .flag span{
	overflow:visible;
	text-indent:0;
	padding:0 0 2px 16px;
	font-weight:bold;
	line-height:1.2em;
	margin:0 0 3px;
	}
.catalog .info .vegan{background-position:0 -22px;}
.catalog .info .spicy{background-position:0 -38px;}

/* sedibar */
.faq-link {
	display:block;
	width:257px;
	height:56px;
	position:absolute;
	top:-200px;
	right:-35px;
	overflow:hidden;
	text-align:center;
	font-size:1.4em;
	}
.faq-link span{
	display:block;
	width:257px;
	height:56px;
	position:absolute;
	top:0;
	left:0;
	background:url(/static/i/b_faq.png) no-repeat 0 0;
	cursor:pointer;
	}
.faq-link:hover span{background-position:0 -56px;}

/* akcii */
.akcii-link{
	display:block;
	width:257px;
	height:56px;
	position:absolute;
	top:-90px;
	right:-35px;
	overflow:hidden;
	font-size:1.4em;
    text-align:center;
	}
.akcii-link span{
	display:block;
	width:257px;
	height:56px;
	position:absolute;
	top:0;
	left:0;
	background:url(/static/i/b_act.png) no-repeat 0 0;
	cursor:pointer;
	}
.akcii-link:hover span{background-position:0 -56px;}


.online-link{
	display:block;
	width:257px;
	height:56px;
	position:absolute;
	top:-145px;
	right:-35px;
	overflow:hidden;
	font-size:1.4em;
    text-align:center;
	}
.online-link span{
	display:block;
	width:257px;
	height:56px;
	position:absolute;
	top:0;
	left:0;
	background:url(/static/i/b_help.png) no-repeat 0 0;
	cursor:pointer;
	}
.online-link:hover span{background-position:0 -56px;}

.cart{
	width:212px;
	margin:0 0 0 auto;
	position:relative;
	top:-90px;
	right:-10px;
	}
.cart .bg-t{
	background:url(/static/i/backgrounds/cart.png) no-repeat -2px 0;
	height:28px;
	}
.cart .bg-b{
	background:url(/static/i/backgrounds/cart.png) no-repeat -214px 100%;
	height:28px;
	}
.cart .bg-m{
	background:url(/static/i/backgrounds/cart.png) repeat-y -426px 0;
	padding:0px 20px 0px 20px;
	}
.cart h2{
	margin:0 0 5px 5px;
	height:11px;
	line-height:11px;
	}
.cart h2 img{
	vertical-align:top;
	}
.cart p{
	background:#e0e0e0;
	font-size:.92em;
	padding:1px 5px;
	}
.cart .total{
	width:165px;
	height:32px;
	background:url(/static/i/backgrounds/total.png) no-repeat 0 0;
	margin:6px 0 0;
	font-size:.92em;
	}
.cart .total strong{
	display:block;
	float:left;
	padding:8px 0 0 6px;
	}
.cart .total a{
	display:block;
	float:right;
	width:80px;
	height:32px;
	position:relative;
	overflow:hidden;
	}
.cart .total a span{
	display:block;
	width:80px;
	height:32px;
	position:absolute;
	top:0;
	left:0;
	background:url(/static/i/buttons/order.png) no-repeat 0 0;
	}
.cart table{
	width:100%;
	border-bottom:1px solid #e0e0e0;
	font-size:.92em;
	}
.cart th{
	font-weight:normal;
	width:100%;
	text-align:left;
	padding:1px 1px 1px 5px;
	}
.cart td{
	font-weight:bold;
	padding:1px 5px 1px 1px;
	}
.cart td,
.cart th{
	background:#e0e0e0;
	}
.cart .alt td,
.cart .alt th{
	background:#ffffff;
	}
.answers{
	margin-top:2em;
	margin-bottom:1em;
	}
.answers li{
	margin-bottom:1em;
	}
.answers .answer{
	margin:.4em 0 0 -22px;
	background:#efefef;
	border:1px solid #d7d7d7;
	padding:1px 16px;
	}

/* order-view */
.order-view{
	width:505px;
	font-size:.92em;
	line-height:1.2em;
	font-weight:bold;
	margin:0 0 0 6px;
	}
.order-view td{vertical-align:top;}
.order-view div{
	height:17px;
	padding:3px 7px 0 7px;
	background:url(/static/i/backgrounds/line.png) no-repeat -110px 0;
	margin:0 0 5px;
	}
.order-view .alt div{background-position:-110px -20px;}
.order-view th{
	text-align:left;
	}
.order-view th div{
	background-position:-95px 0;
	padding-left:10px;
	}
.order-view .alt th div{background-position:-95px -20px;}
.order-view .summ div{
	background-position:100% 0;
	text-align:right;
	padding-right:10px;
	}
.order-view .alt .summ div{background-position:100% -20px;}
.order-view .value div{
	text-align:right;
	padding-right:0;
	}
.order-view .value span{
	border-right:1px solid #bfbfbf;
	padding-right:7px;
	}
.order-view .count{
	text-align:center;
	color:#ffffff;
	width:72px;
	}
.order-view .count div{
	background-position:0 0;
	padding-left:0;
	padding-right:0;
	background-color:#9e9e9e;
	}
.order-view a.add,
.order-view a.del{
	float:right;
	}
.order-view a.add span,
.order-view a.del span{
	background:url(/static/i/buttons/add.png) no-repeat 0 -20px;
	}
.order-view .count a.del{float:left;}
.order-view a.del span{background-position:0 -40px;}
.order-view .alt .count a.add span{background-position:0 -60px;}
.order-view .alt .count a.del span{background-position:0 -80px;}

.summ-all{
	font-size:1.50em;
	font-weight:bold;
	text-align:center;
	margin:1em 0 1.2em;
	height:32px;
	line-height:30px;
	width:517px;
	background:url(/static/i/backgrounds/summ.all.png) no-repeat 0 50%;
	}

/* order-form */
.order-form{
	width:517px;
	font-size:.92em;
	}

.order-form .bg-b,
.order-form .bg-t{
	height:16px;
	overflow:hidden;
	background:url(/static/i/backgrounds/form.png) no-repeat 0 0;
	}
.order-form .bg-b{background-position:-517px 0;}
.order-form .bg-m{
	background:#efefef url(/static/i/backgrounds/form.png) repeat-y -1034px 0;
	padding:0 12px;
	position:relative;
	}
.order-form label{
	display:block;
	float:left;
	text-align:right;
	width:80px;
	padding:2px 10px 0 0;
	color:#4e4e4e;
	font-weight:bold;
	}
.order-form input{
	border:1px solid #d6d6d6;
	padding:1px 2px;
	width:89px;
	}
.order-form textarea{
	border:1px solid #d6d6d6;
	padding:1px 2px;
	width:279px;
	height:62px;
	}
.order-form ul{
	list-style:none;
	margin:0;
	padding:0;
	}
.order-form li{
	margin:0 0 9px;
	}
.order-form .name-fields{
	width:200px;
	float:left;
	}
.order-form .adr-fields{
	width:176px;
	float:left;
	}
.order-form .adr-fields label{
	width:40px;
	}
.order-form .adr-fields input{
	width:119px;
	}
.order-form .field-1{float:left;}
.order-form .field-2{float:right;}
.order-form .field-1 input,
.order-form .field-2 input{width:19px;}
.order-form .field-2 label{width:56px;}
.order-form .textarea{
	clear:both;
	margin:0;
	}
.order-form .button{
	position:absolute;
	right:12px;
	bottom:0;
	margin:0;
	}
.order-form .button input{
	border:0;
	padding:0;
	width:auto;
	cursor:pointer;
	}

/* FOOTER */
.footer{
	font-size:.92em;
	padding:14px 16px 10px;
	border-top:1px solid #bbbbbb;
	}
.footer p{
	margin:0;
	}

.footer .site-services{
	float:left;
	overflow:hidden;
	line-height:1em;
	padding:0 0 4px;
	}
.footer .site-services li{
	float:left;
	border-left:1px solid #000000;
	margin:0 0 0 -1px;
	padding:0 8px;
	line-height:1em;
	}
.footer .site-services a{
	color:#000000;
	text-decoration:none;
	line-height:1em;
	border-bottom:1px dashed #454545;
	float:left;
	}
.footer .site-services a:hover{
	border-bottom:none;
	padding-bottom:1px;
	}
.developers{
	float:right;
	}
.copyright{
	text-align:center;
	}

/* UTIL */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}

/* popup */
.popup-frame {
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	height:100%;
	}
.popup-shadow {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	}
.popup-content{
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	width:700px;
	/*height:400px;*/
	margin:-200px 0 0 -350px;
	background:#ffffff;
	}
.popup-content .popup-bg-m{
	padding:0 40px;
	height:100%;
	}
.popup-content .popup-bg-t,
.popup-content .popup-bg-b{
	position:relative;
	margin:-9px 9px 0;
	background:#ffffff;
	height:9px;
	}
.popup-content .popup-bg-b{
	margin:0px 9px -9px;
	}
.popup-content .popup-l,
.popup-content .popup-r{
	position:absolute;
	width:9px;
	height:9px;
	overflow:hidden;
	background:url(/static/i/backgrounds/corner.png) no-repeat;
	}
.popup-content .popup-l{left:-9px;}
.popup-content .popup-r{right:-9px;}
.popup-content .popup-bg-t .popup-r{background-position:-9px 0;}
.popup-content .popup-bg-b .popup-l{background-position:0 -9px;}
.popup-content .popup-bg-b .popup-r{background-position:-9px -9px;}
.popup-content .close{
	position:absolute;
	top:2.2em;
	right:40px;
	width:14px;
	height:14px;
	background:url(/static/i/icons/icon.png) no-repeat 0 -56px;
	cursor:pointer;
	}

/* view-product */
.view-product{
	position:relative;
	}
.view-product .photo{
	float:left;
	}
.view-product .text{
	float:right;
	width:255px;
	}
.view-product .text{
	font-size:1.167em;
	line-height:1.2em;
	padding-bottom:100px;
	}
.view-product h2{
	font-size:2.14em;
	font-weight:bold;
	margin:.5em 0 .6em;
	line-height:1.2em;
	}
.view-product .order-portions{
	position:absolute;
	bottom:40px;
	}
#m5
{
	background-image: url("/static/i/backgrounds/menu_post.png") !important;
}
#m5 span
{
	background-image: url("i/texts/postmenu.png");
}