@import "reset.css";

/* tools */
.clear {clear:both; display:block; overflow:hidden; width:100%; height:1px;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.overflow { overflow:auto; }

/* general styles */

.noline a { text-decoration:none; color: #fff; }
.noline a:hover { text-decoration:underline; }

a { text-decoration:underline }
a:hover { text-decoration:none }

body { background:#c9a875 url('../images/backgrounds/mainbg.jpg'); color:#fff; font:12px/1.3 Arial, Helvetica, sans-serif; }

/* layout */

html { font-size:100.1%; min-width:1000px; }
html, body { margin:0; padding:0; width:100%; height:100%; }
body { min-height:100%; height:auto !important; height:100%; position:relative; }
#footer { width:100%; position:fixed; bottom:0; z-index:998; }


#header { height:101px; background:url('../images/backgrounds/header.png') }
#contentwrapper { padding-bottom:100px; }
#footer { height: 100px; }


.contentwrapper { width:1000px; margin:0 auto; position:relative; }


/* logo */

#header .logo, #header .logo span { position:absolute; left:0; top:0; display:block; width:323px; height:57px; }
	#header .logo { left:19px; top:22px; text-align:left; }
	#header .logo, #header .logo a { color:#fff; font-size:30px; text-decoration:none; line-height:68px; }
	#header .logo span { background:url('../images/logo.jpg') }
	#header .logo a span { cursor:pointer; }

/*
#header .social { position:absolute; right:230px; top:35px; }	

#header .telephone { position:absolute; right:65px; top:20px; width:151px; }
#header .telephone strong { display:block; font:18px/22px Georgia, "Times New Roman", Times, serif; color:#000;  }

#header .mode { font:italic 14px Georgia, "Times New Roman", Times, serif; color:#fff; position:absolute; right:10px; top:20px; width:70px; }
*/

#header .social { position:absolute; right:20px; top:25px; }	

#header .telephone { position:absolute; right:260px; top:20px; width:151px; text-align: right;}
#header .telephone strong { display:block; font:18px/22px Georgia, "Times New Roman", Times, serif; color:#000;  }

#header .mode { font:italic 14px Georgia, "Times New Roman", Times, serif; color:#fff; position:absolute; right:20px; top:70px; width:230px; }

#navigation { background:url('../images/backgrounds/navigation.png'); height:31px; line-height:30px; font-size:14px; }
	#navigation .contentwrapper { width:980px; height:31px; background:url('../images/else/navigation-sep.png') 100% 50% no-repeat; }
	#navigation ul { text-align:center;  background:url('../images/else/navigation-sep.png') 0 50% no-repeat; width:980px; height:31px; overflow:hidden; }
	#navigation li { display:inline-block; white-space:nowrap; color:#fff; padding:0 38px; background:url('../images/else/navigation-sep.png') 100% 50% no-repeat; white-space:nowrap; }
	#navigation li.last { background:none; }
	#navigation a { color:#000; white-space:nowrap; }
	#navigation a:hover { color:#fff; }
	

#content { padding-top:20px; }


#package { background:url('../images/backgrounds/package.gif') no-repeat; width:1000px; position:absolute; left:50%; bottom:0; margin-left:-500px; }
	#packageHead { height:100px; }
	#toEnter, #basketHead { height:100px; position:relative; }
	#packageContent { height:0; overflow:hidden; }


	#packageHead .message { background:url('../images/backgrounds/minipanda.png') no-repeat; padding-left:50px; font:italic 14px/18px Georgia, "Times New Roman", Times, serif; color:#000000; margin-left:180px; width:355px; min-height:40px; padding-top:5px; float:left; margin-top:55px; }

	
	#package #showPackage { color:#fff; font:italic 14px Georgia, "Times New Roman", Times, serif; float:right; margin-right:185px; margin-top:55px; }
	#package #hidePackage { color:#fff; font:italic 14px Georgia, "Times New Roman", Times, serif; float:right; margin-right:185px; margin-top:55px; }



.dishOnMain { padding-bottom:20px; }
	.dishOnMain li { float:left; width:25%; background:url('../images/backgrounds/line-main.png') 100% 0 no-repeat; position:relative; z-index:10; }
	.dishOnMain li.fourth { background:none; }
	
	.dishOnMain .wrapp { padding:0 8px 12px; }
	.dishOnMain .info { width:210px; height:125px; overflow:visible; line-height:14px; padding-top:15px; padding-left:15px; color:#000; }
	.dishOnMain .info p span { color:#fff; margin:3px; font-size:16px; }

	.dishOnMain .dish { width:230px; height:291px; position:relative; background:none; background:url('../images/backgrounds/dish.jpg'); overflow:hidden; }
	.dishOnMain .dish .dishPhoto { width:210px; height:115px; text-align:center; overflow:hidden; margin:0 auto; margin-top:25px; position:relative;  margin-bottom:15px;}
	.dishOnMain .dish .dishTitle { font:italic 16px/20px Georgia, "Times New Roman", Times, serif; width:190px; height:59px; overflow:hidden; margin:0 auto; padding-right:20px; padding-bottom:4px; margin-bottom:5px; }

	.dishOnMain .dishPhoto li { float:none; text-align:center; background:none; width:100%; height:115px; }

	.dishOnMain div.order { width:210px; margin:0 auto; height:52px; position:relative; }
	.dishOnMain a.order { position:absolute; right:0px; bottom:0; }
	.dishOnMain .weight { font:16px Georgia, "Times New Roman", Times, serif; color:#000000; display:block; }
	.dishOnMain .price { font:24px Georgia, "Times New Roman", Times, serif; color:#fff; display:block; padding-top:3px; }

	.dishOnMain .price strong { font-weight:normal; }

	.dishOnMain .arrows { display:block; width:7px; height:16px; background:url('../images/buttons/arrows.png') no-repeat; position:absolute; right:20px; cursor:pointer; z-index:200; }
	.dishOnMain .top { top:20px; }
	.dishOnMain .bottom { background-position:0 -16px; top:125px;}

	.dishOnMain .top:hover { background-position:-7px 0; }
	.dishOnMain .bottom:hover { background-position:-7px -16px; }

	a.order { display:block; width:76px; height:30px; background:url('../images/buttons/order.png') no-repeat; text-align:center; font:italic 12px Georgia, "Times New Roman", Times, serif; color:#000; text-decoration:none; line-height:29px;  }


	.salads .dishTitle { border-bottom:3px solid #dadd29; }
	.garnish .dishTitle { border-bottom:3px solid #f7b74a; }
	.second .dishTitle { border-bottom:3px solid #f0802e; }
	.drinks .dishTitle { border-bottom:3px solid #46d4ff; }

	.garnish a.order { background-position:0 -30px; }
	.second a.order { background-position:0 -60px; }
	.drinks a.order { background-position:0 -90px; }

.dishType { height:36px; display:block; font:italic 21px Georgia, "Times New Roman", Times, serif; color:#000; background:url('../images/buttons/dish-type.png') repeat-x; margin:0 10px; position:relative; padding:14px 5px 0; margin-bottom:10px; text-decoration:none; }
	.dishType .all { position:absolute; font:italic 14px Georgia, "Times New Roman", Times, serif; color:#fff; right:0; top:7px; text-decoration:underline; }
	.dishType .left,
	.dishType .right { display:block; width:10px; height:50px; background:url('../images/buttons/dish-type.png'); position:absolute; top:0; }
	.dishType .left { left:-10px; }
	.dishType .right { right:-10px; }

.dishTypeYellow { background-position:0 -50px; }
.dishTypeYellow .right { background-position:100% -100px; }

.dishTypeYellowLong { margin-right:46px; }
.dishTypeYellowLong .right { background-position:100% -150px; width:46px; right:-46px; }

.dishTypeOrange { background-position:0 -250px; }
.dishTypeOrange .right { background-position:100% -300px; }
.dishTypeOrange .left { background-position:0 -200px; }

.dishTypeOrangeLong { margin-right:46px; }
.dishTypeOrangeLong .right { background-position:100% -350px; width:46px; right:-46px; }

.dishTypeDarkOrange { background-position:0 -450px; }
.dishTypeDarkOrange .right { background-position:100% -500px; }
.dishTypeDarkOrange .left { background-position:0 -400px; }

.dishTypeDarkOrangeLong { margin-right:46px; }
.dishTypeDarkOrangeLong .right { background-position:100% -550px; width:46px; right:-46px; }

.dishTypeBlue { background-position:0 -650px; }
.dishTypeBlue .right { background-position:100% -700px; }
.dishTypeBlue .left { background-position:0 -600px; }

.dishTypeBlueLong { margin-right:46px; }
.dishTypeBlueLong .right { background-position:100% -750px; width:46px; right:-46px; }

	#fullDishList li { float:left; width:25%; position:relative; }
	
.selectDishType { position:relative; height:50px; padding-bottom:7px; text-align:right; margin:0 auto; width:980px; }
	.selectDishType .dishType { position:absolute; left:0; top:0; padding-right:100px; overflow:visible!important }
	.selectDishType .dishType1 { width:615px; z-index:40; text-align:left; }
	.selectDishType .dishType2 { width:700px; z-index:30; }
	.selectDishType .dishType3 { width:810px; z-index:20; padding-right:70px; }
	.selectDishType .dishType4 { width:885px; z-index:10; padding-right:70px; }

#fullDishList { padding-bottom:20px; }
#fullDishList li { margin-bottom:10px; background:url('../images/backgrounds/line.png') 100% 0 repeat-y; }
#fullDishList li.fourth { background:none; }

	#fullDishList li .dishPhoto { text-align:center; height:130px; padding-top:20px; position:relative; z-index:100; }
	#fullDishList li .dishPhoto .copy { position:absolute; top:20px; left:35px; z-index:100; }
	#fullDishList div.order { width:210px; height:140px; background:url('../images/backgrounds/order.jpg') no-repeat; margin:0 auto; padding:0 10px; position:relative;  }

	#fullDishList div.order h2 { padding-top:15px; height:55px; overflow:hidden; font:italic 16px/18px Georgia, "Times New Roman", Times, serif; color:#000; padding-right:30px; }
	#fullDishList div.order h2 span { font:italic 10px Georgia, "Times New Roman", Times, serif; }
	#fullDishList div.order a.order { position:absolute; right:10px; bottom:10px; }

	#fullDishList div.order .weight { font:16px Georgia, "Times New Roman", Times, serif; color:#000; display:block; padding-top:5px; }
	#fullDishList div.order .price { font:24px Georgia, "Times New Roman", Times, serif; color:#000; display:block; padding-top:1px; }
	#fullDishList div.order .price strong { font-weight:normal; }


#packageContent .basket { width:644px; margin:0 auto; }
#packageContent .basketWrapper { overflow:auto; }

#packageContent div.toOrder { height:40px; position:relative; }
	#packageContent div.toOrder a { color:#000; }

	#packageContent .clearPackage { font:italic 12px Georgia, "Times New Roman", Times, serif; float:left; position:relative; top:6px;}
	#packageContent a.toOrder { font:italic 16px Georgia, "Times New Roman", Times, serif; float:right; }

.totalOrder,
.orderList { font:italic 14px Georgia, "Times New Roman", Times, serif; color:#000; }
.totalOrder th,
.orderList th { padding-top:27px; padding:5px 0; color:#fff; font-size:12px; text-indent:7px; }
.totalOrder td,
.orderList td { padding-bottom:5px; padding-right:5px; vertical-align:top; }
.totalOrder td .wrapp,
.orderList td .wrapp { background:url('../images/backgrounds/basket-wrapp.jpg'); padding:5px 7px; padding-right:28px; position:relative; min-height:22px; }

.totalOrder td.price, .orderList td.price { width:100px; text-align:center; }
.totalOrder td.price strong, .orderList td.price strong { font-size:18px; font-weight:normal; }
.totalOrder td.price .wrapp, .orderList td.price .wrapp { padding-right:7px; }
#packageContent .delivery { text-align:right; padding-bottom:26px; display:none; }

.totalOrder .close,

.orderList .close { position:absolute; right:7px; top:7px; }

.orderList .quantity { font-size:18px; text-align:center; width:100px; }
.orderList .quantity .wrapp { padding-right:7px; }
.orderList .quantity a { position:absolute; top:10px; display:block; width:14px; height:14px; text-decoration:none; overflow:hidden; }
.orderList .quantity .minus { left:14px; background:url('../images/buttons/minus.png') }
.orderList .quantity .plus { right:14px; background:url('../images/buttons/plus.png') }

#popupBackground { position:absolute; left:0; top:0; height:100%; width:100%; z-index:400; display:none; background-color:#000; opacity:.6;);}

#dishOnMain .copy { position:absolute; top:85px; left:35px; z-index:100; }

.deliveryPage { font:14px/18px Georgia, "Times New Roman", Times, serif; color:#000; }
.column1 { width:482px; float:left; padding-left:10px; }
.column2 { width:502px; float:right; }

.deliveryPage h2 { color:#fff; font:21px Georgia, "Times New Roman", Times, serif; }
.deliveryPage .textblock {  padding-left:26px; margin-bottom:17px; border-left:2px solid #d6bc95; margin-top:10px;}
.deliveryPage .textblock a {  color:#fff; }

.phones { display:block; width:190px; height:31px; background:url('../images/logo_operators.png') no-repeat; padding:5px 0 0 50px; font-size:16px;}
.utel { background-position:0 0; }
.mts { background-position:0 -35px; }
.ks { background-position:0 -75px; }
.skype { background-position:0 -105px; }

.deliveryMap { padding-top:10px; }
.deliveryMap .price { padding-top:20px; }

.deliveryMap .legend { min-height:56px; padding-left:64px; }
.deliveryMap .legendY { background:url('../images/backgrounds/legend-y.png') no-repeat; }
.deliveryMap .legendG { background:url('../images/backgrounds/legend-g.png') no-repeat; }
.deliveryMap .legendB { background:url('../images/backgrounds/legend-b.png') no-repeat; }

.deliveryMap .legend h2 { position:relative; top:-4px; margin-bottom:-4px; }

.news { background:url('../images/backgrounds/news-line.png') repeat-y; margin-bottom:20px; }
.news li { float:left; width:25%; color:#000; }
.news li h2 { font:16px Georgia, "Times New Roman", Times, serif; color:#fff; margin-bottom:12px; padding-top:10px; border-bottom:2px solid #d0b68e; padding-bottom:4px; }  
.news li p { padding-bottom:18px; }
.news li a { color:#fff; font-style: italic; font-family: Georgia;}
.news li .wrapp { padding:0 20px; }

.partners { width:980px; margin:0 auto; padding-bottom:20px; margin-top:-20px; }
.partners .photo { float:left; margin-right:20px; }
.partners li { padding:20px 0; font:italic 14px Georgia, "Times New Roman", Times, serif; color:#000; border-bottom:2px solid #cdb286; background:url('../images/backgrounds/partners-line.png') no-repeat 230px 50%; position:relative; }
.partners h2 { font:18px Georgia, "Times New Roman", Times, serif; color:#fff; padding-bottom:20px; text-transform:uppercase; }
.partners .info { padding-left:17px; height:155px; overflow:hidden; }
.partners a { color:#fff; font-style:normal; }
.partners .link { position:absolute; left:250px; bottom:20px; }


#tooltip{width:auto; max-width:200px; min-width:100px; border:1px solid; background:#b09260; padding:5px; margin-top:4px; font:italic 14px Georgia, "Times New Roman", Times, serif; color:#000;}
#tooltip #ttimg.top{margin-top:-17px; margin-left:2px}
#tooltip #ttimg.bottom{bottom:0; margin-bottom:-12px; margin-left:2px;}
/*#tooltip.default{border:5px solid #f3e6d0; background:#c6a773; color:#000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:2px;}*/
#tooltip.default{background:#fff; color:#000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:2px;}
#tooltip.default #ttimg.top{position:absolute; margin-top:-8px; margin-left:-8px;}
#tooltip.default #ttimg.bottom{position:absolute; bottom:0; margin-bottom:-3px; margin-left:-8px;}

.toEnter .message { background-position:0 7px!important; width:265px!important; }
.toEnter { background:url('../images/backgrounds/package-line.jpg') 50% 100% no-repeat; height:100px; }

.toEnter .input { float:left; background:url('../images/backgrounds/basket-wrapp.jpg'); margin-right:8px; margin-top:53px; font:14px Georgia, "Times New Roman", Times, serif; color:#fff; padding:5px 8px;  }
.toEnter .input input { border:0; padding:0; background:none; width:75px; font:italic 18px Georgia, "Times New Roman", Times, serif; padding-left:5px; }
.toEnter .submit { margin-top:54px; }

.orderInfo { margin-top:6px; font:italic 12px Georgia, "Times New Roman", Times, serif; color:#fff; margin-bottom:20px; }
.orderInfo input { display:block; width:100%; font:italic 14px Georgia, "Times New Roman", Times, serif; border:0; background:url('../images/backgrounds/basket-wrapp.jpg'); padding:5px; margin-top:3px; overflow:hidden; }
.orderInfo td { padding:5px 10px; }
.orderInfo td.first { padding-left:0; }
.orderInfo td.last { padding-right:0; }
.orderInfo td.one { padding-left:0; padding-right:0; }
.orderInfo textarea { display:block; width:100%; padding:5px; background:url('../images/backgrounds/basket-wrapp.jpg'); border:0; font:italic 14px Georgia, "Times New Roman", Times, serif; height:35px; margin-top:3px; }
.orderInfo .smallinputs td {width:12%;}
.orderInfo .smallinputs td.last {width:16%; color:#c00;}

div.counter {width:50px; height:30px; position:absolute; bottom:30px; left:50%; margin-left:-480px; opacity:0.7;}
div.copy {height:30px; position:absolute; bottom:20px; left:50%; margin-left:385px; font:normal 11px/18px Arial; color:#000; z-index:1580; opacity:.70;}
div.copy a {color:#fff;}

#packageContent .message { background:url('../images/backgrounds/minipanda.png') no-repeat; font:italic 14px/18px Georgia, "Times New Roman", Times, serif; color:#000000; padding-top:5px; margin-bottom:2px; }
#packageContent .message .wrapp { display:block; padding-bottom:15px; background:url('../images/backgrounds/package-line.jpg') 0 100% no-repeat; padding-left:50px; }

#packageContent .code { height:90px; padding-top:13px; font:italic 12px Georgia, "Times New Roman", Times, serif; color:#fff; position:relative; background:url('../images/backgrounds/package-line.jpg') 0 0 no-repeat; }
#packageContent .code .makeOrder { position:absolute; right:0; top:10px; }

#packageContent .changeDate { padding-bottom:6px; }
#packageContent .changeDate a { color:#fff; }

#packageContent .time { margin-bottom:3px; display:none; }
#packageContent .time input { display:block; width:100%; font:italic 14px Georgia, "Times New Roman", Times, serif; border:0; background:url('../images/backgrounds/basket-wrapp.jpg'); padding:5px; margin-top:3px; overflow:hidden; }
#packageContent .wantEat { padding-top:2px; font:italic 14px Georgia, "Times New Roman", Times, serif; color:#000;}
#packageContent .changeDate { font:italic 12px Georgia, "Times New Roman", Times, serif; color:#fff; }

#personalData { overflow:auto; padding:0 10px; }