.btn:active, .btn.active {
    
    background: wheat;
}

#menuPremium {
	display:block;
}
#menuLeft {
	display:none;
}
#menuRight {
	display:none;
}
#menuDodaci {
	display:none;
}
.slide-in {
    animation: slide-in 0.5s forwards;
    -webkit-animation: slide-in 0.5s forwards;
}

.slide-out {
    animation: slide-out 0.5s forwards;
    -webkit-animation: slide-out 0.5s forwards;
}
    
@keyframes slide-in {
    100% { transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
    100% { -webkit-transform: translateX(0%); }
}
    
@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-200%); }
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-200%); }
}


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}
		
		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_content { height: 40px; }
		
		.pp_content .ppt {
			left: auto;
			margin-bottom: 5px;
			position: relative;
			top: auto;
		}
		
		.pp_fade { display: none; }
		
		.pp_content_container {
			position: relative;
			text-align: left;
			width: 100%;
		}
		
			.pp_content_container .pp_left { padding-left: 20px; }
			.pp_content_container .pp_right { padding-right: 20px; }
		
			.pp_content_container .pp_details {
				margin: 10px 0 2px 0;
			}
				.pp_description {
					display: none;
					margin: 0 0 5px 0;
				}
				
				.pp_nav {
					clear: left;
					float: left;
					margin: 3px 0 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
					}
				
					.pp_nav a.pp_arrow_previous,
					.pp_nav a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
		
		.pp_hoverContainer {
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}
		
		a.pp_next {
			background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
			
		a.pp_previous {
			background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
			
		a.pp_close {
			display: block;
			float: right;
			text-indent: -10000px;
		}
		
		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: block;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			line-height: 1 !important;
		}
		
			#pp_full_res .pp_inline {
				text-align: left;
			}
			
				#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			left: 0;
			position: absolute;
			top: 0;
			z-index: 9999;
		}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	
	
#content.full #main-content h1#main-title {
	background: url(../images/sep-main-title-full.png) no-repeat 0 100%;
}
.list-foods-1, .list-foods-2 {
	margin: 0;
	list-style: none;
}
.list-foods-1 li {
	width: 218px;
	height: 218px;
	float: left;
	display: inline;
	margin: 0 30px 30px 0;
	border: 1px solid #d9d9d9;
	box-shadow: 1px 1px 1px #f2f2f2;
	position: relative;
	padding:5px;
}
.list-foods-1 li.cat {
	background: url(../images/cat-box.jpg) no-repeat;
	padding: 25px 30px 0 30px;
	width: 170px;
	height: 205px;
	border: none;
}
.list-foods-1 li.cat h3 {
	font-size: 20px;
	color: #341d0a;
	font-weight: normal;
	margin: 0 0 15px 0;
}
.list-foods-1 li.cat p {
	font-size: 14px;
	color: #51331a;
	line-height: 1.4em;
}
.list-foods-1 li:hover {
	border: 1px solid #a4c14a;
}
.list-foods-1 li.cat:hover {
	border: none;
}
.list-foods-1 li h4 {
	font-size:14px;
	font-family:'Droid Sans', serif;
	color:#51331a;
	font-weight:bold;
	margin:7px 0 4px 0;
}
.list-foods-1 li .price {
	font-size:14px;
	color:#718c1e;
	font-family:'Droid Serif', serif;
}
.link-zoom {
	position:absolute;
	width:17px;
	height:48px;
	z-index:20;
	background:url(../images/link-zoom.png) no-repeat;
	left:5px;
	bottom:5px;
	text-indent:-9999px;
	display:none;
}
.link-zoom:hover {
	background-position:0 -48px;
}
.foods-1 .tag-foods {
	height:18px;
	position:absolute;
	z-index:50;
	top:10px;
	right:10px;
}
.list-foods-1 li.foods-1 .tag-foods li {
	height:14px;
	width:auto;
	padding:0;
	border:none;
	float:left;
	display:inline;
	margin:0 0 0 5px;
	background:#51331a;
	font-size:11px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	box-shadow:none;
	line-height:0.9em;
	padding:4px 5px 0 5px;
}
.foods-1 .foods-info {
	width:218px;
	height:165px;
	position:absolute;
	z-index:30;
	top:5px;
	left:5px;
	background:url(../images/foods-1-hover.png) no-repeat;
	display:none;
}
.list-foods-1 li:hover .foods-info {
	display:block;
}
.foods-1 .foods-info p {
	margin:33px 12px 0 12px;
	font-size:12px;
	font-family:'Droid Serif', serif;
	color:#1c1c1c;
	line-height:1.4em;
}
.foods-1 .foods-option {
	width:218px;
	height:59px;
	position:absolute;
	z-index:40;
	background:url(../images/foods-1-option.png) no-repeat;
	top:101px;
	left:0;
	padding:5px 0 0 0;
}
.foods-1 .foods-option h5 {
	padding:0 12px;
	margin:3px 0;
	font-family:'Droid Serif', serif;
	font-size:11px;
}
.foods-1 .foods-option h5 em {
	float:left;
	color:#6a4e36;
}
.foods-1 .foods-option h5 span {
	float:right;
	color:#555;
	font-style:italic;
}
.list-foods-1 li.last {
	margin-right:0;
}

/* Foods 2
=====================================================================*/
.list-foods-2 {
	padding: 10px 0 0 0;
}
.list-foods-2 li {
	width: 100%;
	border: 1px solid #eae1cd;
	position: relative;
	background: #fefdfa;
	padding: 52px 0 16px 0;
	margin: 0 0 10px 0;
	height: 130px;
}
.foods-2 .title-foods {
	width: 100%;
	height: 52px;
	position: absolute;
	z-index: 20;
	top: -2px;
	left: 0;
	background: url(/images/menus/title-foods-2.png) no-repeat;
}
.foods-2 h3 {
	font-size: 16px;
	color: #51331a;
	float: left;
	margin: 15px 0 0 17px;
	display: inline;
	text-transform: capitalize;
}
.foods-2 .price {
	float: right;
	height: 31px;
	/*background: url(../images/sep-price.png) repeat-y;*/
	margin: 4px 0 0 0;
	padding: 10px 22px 0 20px;
	font-size: 18px;
	color: #5e2b0a;
	
}
.foods-2 .img-foods {
	float: left;
	width: 115px;
	height: 88px;
	background: #fff;
	box-shadow:0 0 3px #b6b6b6;
	display: inline;
	margin: 10px 0 0 15px;
	padding: 6px 0 0 6px;
	position: relative;
}
.foods-2 .img-foods div {
	width: 109px;
	height: 82px;
	position: relative;
	overflow: hidden;
}
.foods-2 .img-foods a span {
	position: absolute;
	z-index: 30;
	width: 109px;
	height: 82px;
	top: 0;
	left: 0;
	background: url(../images/foods-2-hover.png) no-repeat;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;	
}
.foods-2 .img-foods a:hover span {
	opacity: 1;
}
.foods-2 .img-foods img {
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
}
.foods-2 .img-foods a:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.foods-2 .foods-info {
	width: 400px;
	float: left;
	margin: 10px 0 0 17px;
	display: inline;
}
.foods-2 .foods-info.full {
	width: 528px;
}
.list-foods-2 li.foods-2 .tag-foods {
	list-style: none;
	margin: 0;
}
.list-foods-2 li.foods-2 .tag-foods li {
	height:14px;
	width:auto;
	padding:0;
	border:none;
	float:left;
	display:inline;
	margin:0 5px 12px 0;
	background:#b6d163;
	font-size:11px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	box-shadow:none;
	line-height:0.9em;
	padding:4px 5px 0 5px;
}
.list-foods-2 li.foods-2 p {
	clear: both;
	font-size: 14px;
	
	color: #1c1c1c;
	margin: 0 0 15px 0;
	line-height: 1.4em;
}
.foods-2 .foods-option {
	width: 218px;
	height: 97px;
	position: absolute;
	z-index: 30;
	background: url(/images/menus/rope-foods_small.png) no-repeat;
	right: 22px;
	top: 62px;
	padding: 0 0 0 15px;
}
.foods-2 .foods-option h4 {
	font-size: 11px;
	color: #696969;
	
	font-weight: bold;
	font-style: italic;
	margin: 5px 0 7px 0;
}
.foods-2 .foods-option h5 {
	height: 18px;
	/*background: url(/images/menus/sep-foods.png) repeat-x 0 9px;*/
	line-height: 1.0em;
	margin: 0 0 5px 0;
}
.foods-2 .foods-option h5 em {
	float: left;
	background: #fefdfa;
	padding: 0 5px 0 0;
	margin: 3px 0 0 0;
	
	color: #8a8a8a;
	font-size: 11px;
}
.foods-2 .foods-option h5 span {
	float: right;
	background: #fefdfa;
	padding: 0 0 0 5px;
	margin: 3px 0 0 0;
	
	color: #8a8a8a;
	font-size: 11px;
	font-style: italic;
	color: #555555;
}
.nav-chef {
	margin: 0;
	list-style: none;
}
.nav-chef li {
	background:url(../images/sep-sidebar.png) repeat-x 0 100%;
	padding:0 0 20px 0;
	margin:0 0 15px 0;
}
.nav-chef img {
	float: left;
	padding: 6px;
	box-shadow:0 1px 2px #b5a688;
	background: #fff;
}
.nav-chef-content {
	width: 128px;
	float: right;
}
.nav-chef-content h4 {
	font-size: 14px;
	color: #51331a;
	margin: 6px 0 5px 0;
}
.nav-chef-content h5 {
	font-size: 11px;
	
	color: #a68e7c;
	font-style: italic;
	margin: 0 0 9px 0;
}
.icon-twitter-chef, .icon-linkedin-chef, .icon-facebook-chef, .icon-gplus-chef {
	width:16px;
	height:16px;
	float:left;
	margin:0 5px 0 0;
	display:inline;
	text-indent:-9999px;
	background:url(../images/icon-twitter-small.png) no-repeat;
}
.icon-linkedin-chef {
	background:url(../images/icon-linkedin-small.png) no-repeat;
}
.icon-facebook-chef {
	background:url(../images/icon-facebook-small.png) no-repeat;
}
.icon-gplus-chef {
	background:url(../images/icon-gplus-small.png) no-repeat;
}
.icon-twitter-chef:hover, .icon-facebook-chef:hover, .icon-linkedin-chef:hover, .icon-gplus-chef:hover {
	background-position:0 -16px;
}
.nav-gallery {
	list-style:none;
	margin:0;
}
.nav-gallery li {
	width:57px;
	height:57px;
	float:left;
	display:inline;
	margin:0 18px 18px 0;
}
.nav-gallery li a {
	width:57px;
	height:57px;
	float:left;
	display:inline;
}
.nav-gallery li a img {
	padding: 6px;
	box-shadow:0 1px 2px #b5a688;
	background:#fff;
	-webkit-transition: all 0.3s ease-in-out 0.1s; 
	-moz-transition: all 0.3s ease-in-out 0.1s;
}
.nav-gallery li a:hover img {
	background:#692f06;
	-webkit-transition: all 0.5s ease-in-out 0.1s; 
	-moz-transition: all 0.5s ease-in-out 0.1s;
}
.nav-gallery li.last {
	margin-right:0;
}

/* Chef
=====================================================================*/
#chef-image {
	width:990px;
	height:349px;
	background:url(../images/big-frame.jpg) no-repeat;
	margin:13px 0 25px 0;
	position:relative;
	padding:10px;
}
#chef-image h1 {
	margin:auto;
	padding:0;
	position:absolute;
	height:38px;
	background:url(../images/title-chef.png) repeat-x;
	text-align:right;
	right:10px;
	bottom:48px;
	line-height:1.0em;
	color:#fff;
	font-size:24px;
	padding:13px 15px 0 15px;
}
#text-chef {
	text-align:center;
	background:url(../images/sep-main-title-full.png) no-repeat 0 100%;
	padding:0 70px 5px 70px;
	margin:0 0 30px 0;
}
#text-chef p {
	
}

#list-chef {
	list-style:none;
	margin:0;
}
#list-chef li {
	background:url(../images/separator.png) repeat-x 0 100%;
	padding:0 0 30px 0;
	margin:0 0 30px 0;
}
#list-chef li.last {
	background:none;
}
.chef-photo {
	width:223px;
	float:left;
	text-align:center;
}
.chef-photo img {
	padding:8px;
	background:#fff;
	box-shadow:0 0 3px #d7d7d7;
	margin:0 0 10px 0;
}
.chef-photo h2 {
	font-size:14px;
	font-weight:normal;
}
.chef-photo h2 span {
	color:#808080;
	font-style:italic;
}
.chef-profile {
	width:757px;
	float:right;
}
#main-content .static-page p.social-chef {
	margin-top:8px;
	font-size:12px;
	color:#9c7554;
	text-transform:uppercase;
}
#main-content .static-page p.social-chef a {
	color:#9c7554;
	text-decoration:none;
}
#main-content .static-page p.social-chef a:hover {
	border-bottom:1px dotted #9c7554
}

/* CSS for Smartphone, ex: iPhone, Android, Blackberry
=====================================================================*/
@media screen and (max-width: 650px) {

	.list-foods-2 {
		padding: 10px 0 0 0;
	}
	.list-foods-2 li {
		width: 100%;
		
		position: relative;
		background: #fefdfa;
		padding: 15px;
		margin: 0 0 10px 0;
		height: 140px;
	}
	.foods-2 .title-foods {
		width: 100%;
		height: auto;
		position: relative;
		top: auto;
		left: auto;
		background: none;
	}
	.foods-2 h3 {
		font-size: 11px;
		float: left;
		margin: 0 0 4px 0;
		display: block;
	}
	.foods-2 .price {
		float: right;
		height: auto;
		background: none;
		margin: -2px 0 0 0;
		padding: 0;
		font-size: 13px;
	}
	.foods-2 .img-foods {
		float: left;
		width: 25%;
		height: auto;
		background: none;
		box-shadow:none;
		display: inline;
		margin: 10px 0 0 0;
		padding: 0;
		position: relative;
	}
	.foods-2 .img-foods div {
		width: 100%;
		height: auto;
		position: relative;
		overflow: hidden;
	}
	.list-foods-2 li.foods-2 p {
		clear: both;
		font-size: 12px;
		color: #1c1c1c;
		margin: 0 0 5px 0;
		line-height: 1em;
	}
	.foods-2 .img-foods a span {
		display: none;
	}
	.foods-2 .img-foods a:hover span {
		display: none;
	}
	.foods-2 .foods-info {
		width: 100%;
		float: left;
		margin: 10px 0 0 0;
		display: inline;
	}
	.foods-2 .foods-info.full {
		width: 70%;
	}
	.foods-2 .foods-option {
		width: 100%;
		height: auto;
		position: relative;
		background: none;
		right: auto;
		top: auto;
		padding: 10px 0 0 0;
		clear: both;
	}
	.nav-chef li {
		background:none;
		padding:0 0 20px 0;
		margin:0 0 15px 0;
		border-bottom: 1px dotted #cfbda7;
	}
	.nav-chef img {
		float: left;
		padding: 0;
		box-shadow:none;
		background: #fff;
		width: 15%;
	}
	.nav-chef-content {
		width: 80%;
		float: right;
	}
	.nav-chef-content h4 {
		font-size: 12px;
	}
	.nav-chef-content h5 {
		font-size: 11px;
	}
	.nav-gallery li.last {
		margin-right:18px;
	}
}