/* ==================================================
    =Reset
===================================================== */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /* font: inherit; */
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ==================================================
    =General
===================================================== */

.left { text-align:left !important } .center { text-align:center !important } .right { text-align:right !important }
.alignleft { float:left } .aligncenter { margin:0 auto } .alignright { float:right }
.alignleft.clear, .alignright.clear, .aligncenter.clear { float:none }
img.alignleft, table.alignleft { margin:5px 10px 5px 0 } img.alignright, table.alignright { margin: 5px 0 5px 10px }
img.aligncenter { display:block; margin: 10px auto }
.noborder { border:none; padding:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
.nomargin { margin:0 }
.banner { border:none; padding:0; margin-bottom:10px }
.hidden { display:none } .show { display:block }
.spacer { 
    display:block;
    clear:both;
    border-top:1px solid #ddd;
    margin-top:15px;
    padding-top:15px;
}

.cf:before, .cf:after, 
.container:before, .container:after, .widget > li:before, .widget > li:after,
.restaurant-menu li li:before, .restaurant-menu li li:after
{ content: "\0020"; display: block; height: 0; visibility: hidden; }

.cf:after, .clear, 
.container:after, .widget > li:after,
.restaurant-menu li li:after
{ clear: both; }

.cf, .container, .widget > li,
.restaurant-menu li li
{ zoom: 1; }

/* ==================================================
    =Main tags
===================================================== */

body {
    font-size:62.5%;
    font-family: Arial, Sans-serif, Helvetica;
    color:#555;
    text-align:center;
    padding:0;
    /*background:#efe3d5;*/
}

/*	Temporary - to be decided - show background image */
#bg-img { display:none }
body#show-bg-img #bg-img {
    display:block;
    width:100%;
    height:800px;
    position:absolute;
    top:130px;
    left:0;
    text-align:center;
    background:url(images/foto/body-bg-img.jpg) no-repeat center top;
}
body#show-bg-img #main {
    background:#010101;
}
body#show-bg-img #header {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    border-bottom:1px solid #333;
}

/*	End - to be decided - background image */

h1, h2, h3, h4, h5, h6, p, ol, ul { 

}
h1, h2, h3, h4, h5, h6 {  }
h1 { 

}
h2 {

}
h3 {

}
h4 {

}
p, .view li {

} 

/*	Links */
a {
    color:green;
}
a:hover {
    color:#333;
    text-decoration:none;
}

/* 	Transitions */
/* ==================================================
Disabled!
#content a {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition:    all 0.1s ease-in-out;
    -o-transition:      all 0.1s ease-in-out;
    -ms-transition:     all 0.1s ease-in-out;
    transition:         all 0.1s ease-in-out;
}


    =Other
===================================================== */



/* ==================================================
    =Layout
===================================================== */

.container {
    width:1000px;
    margin:0 auto;
    text-align:left;
    position:relative;
}
#main { 
    padding:20px 0 25px;
    /*background-color:#f9efe3*/
}
#footer { 
    background:url(images/art/footer-shadow-t.png) repeat-x 0 0; 
    border-top:1px solid #fffaf5;
    background-color: #efe3d5;
    padding-top:25px;
}
#sidebar { 
    float:left; 
    width:190px;
    position:relative;
    z-index:50;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
}

#sidebar:hover
{
    z-index: 500
}

.orderfront{
    float: right;
    position: absolute;
}
.orderfrontl{
    float: left;
    position: absolute;
}


#order {
    float:right;
    width:315px;
    position: relative;
    text-align: center;
}
#content { 
    float:left;
    width:580px; /* +5px sa svake strane zbog shadowa na restoranima */
    position:relative;
    left:10px;
    z-index: 10;
}

.content_signed { 
    width: 460px;
    float: right;
}

/*	Columns */
.column {

}
.column.first { margin-left:0; clear:both } 

.content-col1
{
    background-color: #FFFFFF;
    overflow: hidden;
    padding: 15px;
    -moz-box-shadow:    0px 0px 7px 0px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,.5);
    box-shadow:         0px 0px 7px 0px rgba(0,0,0,.5);
    border-radius: 5px;
    margin-bottom: 50px;
    min-height: 410px;
}

/* ==================================================
    =Header
===================================================== */
#header {
    background: #b90d04;
    height:120px;
    position:relative;
    z-index:100;
}
.overlay-popup #header{
    z-index: auto;
}

#header .container {
    padding-top:20px;
}


/* Topbar */
#header .topbar {
    width:100%;
}
#header .topbar ul li {
    font-size:12px;
    line-height:20px;
}
#header .topbar ul li.first { background:none }
#header .topbar ul li a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:5px 10px;
}
.fb-login-div a.fbloginstyle:hover {
    
    text-decoration:underline;
    
}

.fb_caption {
    position: relative;
    top: 1px;
}
#header .topbar .info li.dishes { margin-right: 10px;}

#header .topbar ul li a:hover { text-decoration:underline;}
#header .topbar .signin { float: right; position: relative; bottom: 5px; }
#header .topbar .info { float:left;}
#header .topbar .info li p { padding-left:32px; }
#header .topbar .info li.dishes p { padding-top:5px; color:white; background:url(images/art/icon/dishes.png) no-repeat 0 50%; padding-left:22px; }
#header .topbar .info li.restaurants p {padding-top:5px; color:white; background:url(../../images/art/icon/restaurants.png) no-repeat 10px 50%; }





/* Location filter */
.location-filter {
    height:80px;
    margin-left: 60px;
}
.overlay-popup .location-filter {
    background: none repeat scroll 0 0 #B90D04;
    z-index: 999;
}
.overlay {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    background-color: #777777;
    cursor: auto;
    display: block;
    height: 4373px;
    opacity: 0.7;
}

.location-filter .menu > li {
    float:left;
    margin-left:10px;
    font-size:14px;
    line-height:20px;
    font-weight:bold;

}
.location-filter .menu > li:first-child { margin-left:0; left: 0;}
.location-filter .menu > li {
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
    right:0;
}
.location-filter .menu > li > a {
    -moz-box-shadow:    0 0 5px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);
    box-shadow:         0 0 5px rgba(0,0,0,.25);
}
.location-filter .menu > li a {
    padding:5px 40px 5px 10px;
    height: 20px;
    overflow: hidden;
    width:130px;
    display:block;
    color:#aa3437;
    text-shadow:0 1px 0 rgba(255,255,255,.5);
    text-decoration:none;
    background:#ebebeb url(images/art/menu-dropdown.png) no-repeat 100% -30px;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
}
.location-filter .menu > li.hovered a, .location-filter .menu > li.active a {
    color:#9e0b0f;
    background-color:#fff;
    box-shadow: none !important;
}
.location-filter ul.submenu { display:none }

.location-filter .menu > li.hovered a, .location-filter .menu > li.active a {
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottompright:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}
.location-filter li.hovered ul.submenu { display:block; }
.location-filter li.hovered ul.submenu li {
    font-size:12px;
    line-height:16px;
}
.location-filter li.hovered ul.submenu li a {
    color:#666;
    border-top:1px solid #ccc;
    background:#eee;
    -webkit-border-radius:  0;
    -moz-border-radius:     0;
    border-radius:          0;
}
.location-filter li.hovered ul.submenu li:last-child a {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.location-filter li.hovered ul.submenu li a:hover {
    color:#222;
    background-color:#ddd;
}

.filter-loading
{
    display: block;
    float: right;
    height: 11px;
    margin-top: 3px;
    width: 16px

}
.filter-loading.active
{
    background: transparent url(images/art/loader.gif) no-repeat center center;
}
a.block-wraper-default {
    position: absolute;
    z-index: 10000;
    left: 190px;
}
.location-filter .menu > li.hovered a.block-wraper-default {
    border-bottom: 1px solid #F5F5F5;
    box-shadow: none !important;
}
.block-wraper {
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
    float: left;
    left: -30px;
    padding: 1px;
    position: absolute;
    top: 30px;
    z-index: 999;
    display: none;
}
.location-filter .menu > li.hovered .block-wraper {
    display: block;
}
.block-wraper ul.submenu { 
    float: left;
}
.block-wraper ul.submenu li:last-child a {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius:0 !important;
}
.block-wraper ul.submenu li a {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 0 0 0 0;
    color: #666666;
    font-size: 11px;
    line-height: 11px;
    margin: 2px;
    width: 118px;
    padding:5px 10px 5px 10px;
    height: 12px;
    overflow: hidden;
}
/* Search form */
.searchform {
}
.searchform div {
    
    height: 30px; 
     width: 350px; 
     margin-top: 48px; 
     margin-left: 650px; 
    
}
.searchform .text {
    padding: 6px 10px; 
    width: 310px;
    border: none;
    outline: none;
   
    background: white;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: bold;
    height: 29px;
    letter-spacing: 0px;
    line-height: 16px !important;
    height: 28px;
    padding: 1px 3px;
    border: 0px;
    
    font-size: 14px;
   
    font-family: Arial, Helvetica, sans-serif;
    color: #aa3437;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-indent: 5px;
    -webkit-border-radius:  0px !important;
    border-radius: 0px !important;
    box-sizing: content-box;
}
.searchform .text:hover { color:#444; }
.searchform .button {
    text-indent:-9999px;
    position:absolute;
    bottom:10px;
    right:0;
    width:30px;
    height:30px;
    background:url(images/art/search-button.png) no-repeat 50% 0;
    cursor:pointer;
    border:none;
    border-radius: 0px;
    -moz-box-shadow:    inset 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
    box-shadow:         inset 0 1px 0 rgba(255,255,255,.2);
}
.searchform .button:hover { 
    background:url(images/art/search-button.png) no-repeat 50% -30px;
    border:0;
}

/* ==================================================
    =Content
===================================================== */

/*	Page title */
#page-title {
    margin-bottom:10px;	
}
#page-title h1, #content h1 {
    font-size:24px;
    line-height:28px;
    font-weight:normal;
    padding-bottom:5px;
    margin-bottom:20px;
    border-bottom:1px solid #ddd;
    border-bottom:1px solid rgba(0,0,0,0.1);
}

#page-title1 h1 {
    font-size:24px;
    line-height:28px;
    font-weight:normal;
    padding-bottom:5px;
    margin-bottom:20px;
}

/* Filter */
.filter {
    /*background-color:#eee5d9;*/
    -moz-box-shadow:    0px 0px 7px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.2);
    box-shadow:         0px 0px 7px rgba(0,0,0,.2);
    margin-bottom: 10px;
}

.filter ul
{
    background-color: #EEE5D9;
}

.filter > h2 {
    font-size:12px;
    line-height:16px;
    color:#fff;
    font-weight:bold;
    text-shadow:0 1px 0 rgba(0,0,0,.2);
    text-transform:uppercase;
    padding:10px;
    background:#cbbcab url(images/art/gradient-color-x.png) repeat-x 0 0;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.filter .rangebar, 
.filter .dropdown-select {
    border-top:1px solid #fff;
    padding:10px;
    background:url(images/art/filter-gradient-b.png) repeat-x 0 100%;
}
.filter .rangebar h2, 
.filter .dropdown-select h2 {
    font-size:12px;
    line-height:16px;
    font-weight:bold;
    color:#666;
    text-shadow:0 1px 0 rgba(255,255,255,.5);
    margin-bottom:5px;
}

.filter .rangebar p { font-size:11px; font-weight:bold; color:#7b756d }
.filter .rangebar .holder {
    width:170px;
    height:6px;
    margin:0 0 7px;
    position:relative;
    cursor:pointer;
}
.filter .rangebar .range {
    width:170px;
    height:6px;
    background:url(images/art/transparent.png) no-repeat -15px 0;
}
.filter .rangebar .range-start {
    width:5px;
    height:6px;
    background:url(images/art/transparent.png) no-repeat -630px 0;
    position:absolute;
    top:0;
    left:0;
}
.filter .rangebar .active-range {
    height:6px;
    background:url(images/art/transparent.png) no-repeat right 0;
    position:absolute;
    top:0;
    left:5px;
}
.filter .rangebar .handle {
    width:10px;
    height:18px;
    background:url(images/art/transparent.png) no-repeat 0 0;
    position:absolute;
    top:-6px;
    right:-1px;
    cursor:pointer;
}

.filter .dropdown-select li {
    position:relative;
}
.filter .dropdown-select li a {
    display:block;
    font-size:12px;
    line-height:18px;
    font-weight:bold;
    padding:5px 20px 5px 10px;
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,.2);
    text-decoration:none;
    background:url(images/art/dropdown-select-bg.jpg) no-repeat right -60px;
    border:1px solid #b6a99a;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
    -moz-box-shadow:    inset 0 1px 0 rgba(255,255,255,.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
    box-shadow:         inset 0 1px 0 rgba(255,255,255,.3);
}
.filter .dropdown-select li.hovered .group-wrapper { 
    margin-top:-20px;
    position:absolute;
    display:block;

}
.filter .dropdown-select li  .group-wrapper { 
    margin-top:-20px;
    position:absolute;
    display:none;
}
.filter .dropdown-select li .group-wrapper ul:first-child{
    position:relative;
    float:left;
}
.filter .dropdown-select li .group-wrapper .secondrow{
    position:relative;
    float:left;
    margin-left:-6px;
    border:none;
    padding-bottom: 7px;
}
.filter .dropdown-select li .group-wrapper .firstrow{
    position:relative;
    float:left;
}
.filter .dropdown-select li.hovered > a, .filter .dropdown-select li.active > a { 
    border-color:#948777;
    -webkit-border-top-right-radius:    0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright:        0px;
    -moz-border-radius-bottomright:     0px;
    border-top-right-radius:            0px;
    border-bottom-right-radius:         0px;
    background:url(images/art/dropdown-select-bg.jpg) no-repeat left -60px;
    width:160px;
}
.filter .dropdown-select li .fix { display:none }
.filter .dropdown-select li.active .fix, .filter .dropdown-select li.hovered .fix {
    display:block;
    width:1px;
    height:28px;
    background:url(images/art/dropdown-select-bg.jpg) no-repeat 0 0;
    position:absolute;
    top:1px;
    right:-5px;
}
.filter .dropdown-select .submenu {
    display:none;
    position:absolute;
    top:-28px;
    left:174px;
    background:url(images/art/dropdown-select-bg.jpg) no-repeat 0 0;
    padding:5px;
    border:1px solid #948777;
    width:200px;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
    background-size: cover;
}
.filter .dropdown-select li.active .submenu, .filter .dropdown-select li.hovered .submenu {
    display:block;	
}
.filter .dropdown-select .submenu li { 
    border-bottom:1px solid rgba(255,255,255,0.3);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.filter .dropdown-select .submenu li:last-child { 
    border-bottom:0;
    -moz-box-shadow:    none;
    -webkit-box-shadow: none;
    box-shadow:         none;
}
.filter .dropdown-select .submenu a {
    background:none;
    border:none;
    -moz-box-shadow:    none;
    -webkit-box-shadow: none;
    box-shadow:         none;
    padding:3px;
}
.filter .dropdown-select .submenu a:hover {
    background:rgba(0,0,0,0.05);
    width:auto;
    text-shadow:0 1px 0 rgba(0,0,0,0.5);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    -ms-transition:     all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
    -webkit-border-radius:  0;
    -moz-border-radius:     0;
    border-radius:          0;
}
.filter .dropdown-select .submenu {}

/* ==================================================
    =Buttons
===================================================== */
.button {
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,.2);
    background:#777 url(images/art/button-gradient-x.png) repeat-x 0 100%;
    border:1px solid #666;

    text-decoration:none;
    position:relative;
    display:inline-block;
    margin:0;
    padding:5px 10px;
    font-size:14px;
    line-height:20px;
    font-weight:bold;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
    -moz-box-shadow:    inset 0 1px 0 rgba(255,255,255,.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
    box-shadow:         inset 0 1px 0 rgba(255,255,255,.4);
    cursor:pointer;
}
.button:hover {
    background:#555 url(images/art/button-gradient-x.png) repeat-x 0 100%;
    border:1px solid #444;
    -moz-box-shadow:    inset 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
    box-shadow:         inset 0 1px 0 rgba(255,255,255,.2);
    color:#fff !important;
}
.button.order {
    background:green;
    border: 1px solid green !important;
}
.button.order:hover {
    background:rgb(0, 97, 0);
    border: 1px solid rgb(0, 97, 0) !important;
}

.button.small {
    font-size:14px;
    line-height:16px;
    padding:4px 10px;
    color: white;
}

.login-button, .lost-password-button {
    background: rgb(21,176,90);
    border: 0px;
    width: 195px;
    color: white;
    height: 25px;
    font-size: 15px;
}

.login-button:hover, .lost-password-button:hover {
    background:rgb(11,116,40);
}


.lost-password-button {
    height: 50px;
    margin-top: 2%;
    width: 260px;
}
.button.medium {
    font-size:13px;
    line-height:18px;
    padding:4px 10px;
}
.button.large {
    font-size:16px;
    line-height:20px;
    font-weight:bold;
    padding:6px 12px;
}
.button.xxl {
    font-size:22px;
    line-height:24px;
    font-weight:bold;
    padding:8px 20px;
}
.button.set_position
{
    position: absolute;
    bottom: 0;
    right: 70px;
}
/* ==================================================
    =Footer
===================================================== */

#footer .container {
    padding-left:200px;
}

#footer .container2 {
    width: 990px;
    margin: 16px auto 0px auto;
    text-align: left;
}

#footer .container2 hr {
    border: none;
    border-top: 1px solid #af6d20;
    border-bottom: 1px solid #fff;
    opacity: 0.4;
}

#footer #footnav {
    float:left;
    width:100%;
    margin-bottom:5px;
}
#footer #footnav li {
    float:left;
    padding:0 10px;
    font-size:11px;
    line-height:16px;
    background:url(images/art/nav-separator2.png) no-repeat 0 50%;
}
#footer #footnav li.first { padding-left:0; background:none }
#footer #footnav li a {
    display:block;
}

#footer p {
    font-size:11px;
    line-height:16px;
    color:#666;
}
#footer p .separator { 
    display:inline-block; 
    width:1px; 
    height:7px; 
    background:url(images/art/nav-separator2.png) no-repeat 50% 50%; 
    margin:0 10px;
}

#footer a { color:#a67c52; text-decoration:none; }
#footer a:hover { text-decoration:underline;}



/* ==================================================
    =Order
===================================================== */
/*
#order {
    -moz-box-shadow:    0px 0px 5px rgba(0,0,0,.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
    box-shadow:         0px 0px 5px rgba(0,0,0,.3);
}
*/
#order .inner {
    margin:5px;
    padding:0 0 15px 0;
    min-height: 180px;
}
#order .recommend {
    margin:5px;
    background-color:#fff;
    padding:0 0 15px 0;
    position: relative;
}
#order .recommend .decoration,
#order .inner .decoration {
    display:block;
    position:relative;
    top:-10px;
    height:20px;
    width:180px;
}
#order h2 {
    font-weight:bold;
    font-size:16px;
    line-height:20px;
    text-align:center;
    margin-bottom:10px;
}
#order .group {
    padding:0;
        text-align: left;

}
#order .group h3 {
    padding:5px 10px;
    font-weight:bold;
    font-size: 17px;
}

.cartsuppliername:hover{
    color: rgb(64,152,244); 
}

#order .group h4 {
    font:normal 12px/14px Arial, sans-serif;
    padding:5px;
    font-weight:bold;
    text-align: right;
}
#order .group li { 
    padding:2px 10px;
    padding-right:22px;
    font-size:11px;
    line-height:16px;
    color:#888;
   // border-top:1px solid #eee;
    position:relative;
    /*font-family:'Comic Sans MS', 'Helvetica Neue', Arial, sans-serif;*/
}
#order .group li .icon.delete {
    position:absolute;
    top:6px;
    right:5px;
    width:7px;
    height:7px;
    text-indent:-8000px;
}
#order .group li .icon.delete {
    cursor:pointer;
    background:url(images/art/transparent.png) no-repeat -100px -100px;	
}
#order .group li strong { 
    float:left;
    font-weight:bold;
    color:#666; 
    width:20px;
    text-align:center;
    margin-right:5px;
}
#order .total {
    padding:10px;
    font-size:16px;
    line-height:20px;
    // background:url(images/art/order-total.png) no-repeat center top;
    font-weight: bold;
    text-align: center;
}
#order .group h3, #order .group h4, #order .group li, #order .total {
    font-family:Arial,monospace;
}

#order .button.order { margin:0 10px; width:138px; text-align:center; margin-bottom:7px }
#order .cancel { 
    font-size:15px;
    line-height:16px;
    color:#888;
    text-decoration:underline;
    display:block; 
    text-align:center;
}
#order .cancel:hover { text-decoration:underline; color:#666;}

#order .recommend .image
{
    display: block;
}
#order .recommend .image img
{
    border: 3px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    height: 116px;
    width: 174px;
}
#order .recommend .title
{
    color: #444444;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    padding: 2px 10px;
    background: url("images/art/png/opacity80.png") repeat scroll 0 0 transparent;
    bottom: 85px;
    left: 3px;
    position: absolute;
    right: 3px;
    width: 154px;
}
#order .recommend .title a
{
    color: #444444;
    text-decoration: none;
}
#order .recommend .price
{
    color: #CE0F05;
    float: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    background: url("images/art/png/opacity80.png") repeat scroll 0 0 transparent;
    bottom: 65px;
    height: 20px;
    left: 3px;
    padding: 0 10px;
    position: absolute;
    text-align: left;
    width: 154px;
}
#confirmClearOrder p
{
    font-size:17px;
    display:none;
    padding: 10px 0;
}
/* ==================================================
    =Order page
===================================================== */

div.order #content {
       width: 100%;
    left:0;
    float:right;
}

div.order #content-unsigned {
    width: 445px;
    right: 15px;
    float: right;
    position: relative;
        bottom: 65px;
}
div.order #order {
    width:445px;
    background-color: rgb(231,231,231);
    float: left;
        margin-bottom: 15px;
}
div.order #order .inner .decoration {
    width:430px;
    left:5px;

}

div.order #order h2 {
    text-align:left;
    padding:10px 10px 10px 45px;
    font-size:20px;
}
div.order #order .group h3 {
       font-size: 18px;
    height: 30px;
    line-height: 30px;
    color: rgb(0,176,90);
    font-style: normal;
}
div.order #order .group h4 {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    padding-right: 10px;
}
div.order #order .group h4.subtotal-mainorder {
    margin-right: 13px;
    margin-bottom: 7px;
    border-top: 1px solid #EEE;
    margin-right: 11px;
}
div.order #order .group-note {
    margin: 5px 0;
    font-size: 14px;
        border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
#order .delivery-info
{
     //   height: 55px;
}
#order .delivery-time
{
      font-size: 14px;
    height: 20px;
    text-align: right;
    margin-top: 60px;
    position: absolute;
    right: 15px;
    display: block;
}
#order .order-info
{
  font-size: 14px;
  font-weight: bold;
  color: rgb(191,0,0);
      clear: both;
    margin-top: 30px;
}
div.order #order .group .restaurant-info {
    font-size:11px;
    line-height:14px;
    color:#777;
    font-family:"Comic Sans MS", cursive;
    padding:0 10px 10px 45px;
    text-transform:uppercase;
}
div.order #order .group .restaurant-info strong {
    color:#444;
    font-weight:bold;
}
div.order #order .group li {
    font-size:15px;
    line-height:25px;
    padding:5px 21px 5px 34px;
    color: black;
}
div.order #order .group li strong {
    width:30px;
    margin-left:-30px;
    margin-top: 5px;
}
div.order #order .total {
    padding: 0px 0px 0px 50px;
    margin-right: 26px;
    font-size:18px;
    font-weight:bold;
    //  background:url(images/art/order-total.png) no-repeat right 5px;
    text-align: right;
    color:black;
    float: right;
}

.group_placanje_total {
    height: 30px;
    margin-top: 15px;
       position: relative;
    left: 208px;
    top: 20px;
}

.poruka_dostava {
    text-align: center;
    font-size:16px;
    padding:10px;
}
#confirm-order li label {
    font-size:14px;
}
.big_button {
    width: 400px !important;
    margin-left: 0 !important;
}

.nacin_prijave {
    margin-top: 20px;
    margin-bottom: 20px;
    color: black;
    font-size: 16px;
    border: 1px solid yellow;
}

.nacin_prijave .dugmand {
    padding: 10px;
}
.nacin_prijave .login_position {
        width: 120px;
    height: 31px;
    bottom: 3px;
}

.nacin_prijave .novi_korisnik_button {
    float: right;
    background-color: rgb(140,140,140) !important;
    border: 1px solid rgb(134, 134, 134) !important;
    width: 120px;
        height: 31px;
}
 .novi_korisnik_button:hover {
    background-color: rgb(115, 110, 110) !important;
}

.nacin_prijave  .fb-login-div2 {
    display: inline-block;
    padding-left: 27px;
    top: -2px;
    position: relative;
}
.upozorenje {
    background-color: yellow;
    padding: 4%;
    font-size: 14px;
    text-align: center;
    color: rgb(191,0,0);
    font-weight: bold;
}
div.order #order .group .icon.delete {
    width:11px;
    height:11px;
    background:url(images/art/transparent.png) no-repeat -110px -100px;
    top:40%;
    display:none;
}
div.order #order .group li:hover .icon.delete {
    display:block;
}
#order .buttons
{
    text-align: center;
}
div.order #order .button.order {
    width:150px;
    font-size:16px;
    line-height:24px;
    padding:5px 15px;
    font-weight:bold;
}
div.order #order .cancel {
    font-size:14px;
    display:inline;
}
div.order #order p {
    font-size: 14px;
    background-color: yellow;
    padding: 4%;
}
#order .price {
    float:right;
    width:60px;
    text-align:right;
    position:relative;
    font-size:12px;
    color:#000;
    min-height: 36px;
    line-height: 36px;
    font-weight: bold;
    font-size: 16px;
}
#order .name {
    float: left;
    padding-left: 5px;
    width: 310px;
    min-height: 36px;
    position:relative;
    top:5px;
    font-weight: bold;
    font-size: 16px;
}

div.order #order .group li.delivery-time-price .name {
    position:relative;
    top:0px;
}
div.order #order .group li.delivery-time-price span {
    background: url("images/art/clock.png") no-repeat scroll center top transparent;
    // color: red;
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    margin-left: -30px;
    margin-right: 5px;
    margin-top: 0;
    padding-top: 25px;
    text-align: center;
    width: 30px;
}
div.order #order .group div.checker {
    color: #666;
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    margin-left: -30px;
    margin-right: 5px;
    margin-top: 5px;
    text-align: center;
    width: 30px;
}
/*	Order > Quantity
        Not visible on a normal order form, only on Order page */
#order .qty {
    position:absolute;
    top:0;
    left:5px;
}
#order .qty .icon.hidden { visibility:hidden }
#order .icon.less, #order .icon.more {
    width:24px;
    height:10px;
    display:block;
    text-indent:-8000px;
    float:left;
    margin: 1px;
    cursor: pointer;
}

.errorMessage {
    font-size:12px;
}
#order .icon.less {
    background:url(images/art/arrow_down.png) no-repeat center;
}
#order .icon.more {
    background:url(images/art/arrow_up.png) no-repeat center;
}
#order .icon.less:hover {
    background-image:url(images/art/arrow_down_hover.png);
}
#order .icon.more:hover {
    background-image:url(images/art/arrow_up_hover.png);
}
#order .text {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #333;
    font-weight: bold;
    border: 1px solid #ddd;
    border-top: 0;
    height: 25px;
    padding: 3px;
    margin: 0;
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.4);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.4);
    float: left;
    width: 24px;
    background-color: white;
}
#order .add-note {
    background:transparent url(images/art/note.png) no-repeat center;
    width:24px;
    height:24px;
    display:block;
    margin: 5px;
    float: left;
}
#order .edit .add-note {

}
#order .empty .note-text{
    color: #888888;
}
#order .note-text{
    width: 425px;
    margin: 3px;
    border: 2px solid #FFF;;
    padding: 4px;
    color: #555;
    -webkit-border-radius:  3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
}
#order .edit .note-text{
    border: 2px solid #DDD;
    color: #333;
}
#order .qty { display:none }
div.order #order .qty {
    display:block;
    width: 26px;
    display:none;
}
div.order #order .group li:hover .qty {
    display:block;
}
div.order #order .options {
    font-size: 11px;
    line-height: 11px;
}

.full_width_signed {
     width: 100% !important;
}
#order .restaurant
{
    position: relative;
    height: 35px;
}

div.order #order .delivery-info select {
    right: 7px;
    position: absolute;
    font-size: 14px;
    margin: 40px -6px 9px 9px;
    border: 0px solid;
    margin-right: -6px;
}

div.order #order .delivery_order {
    font-size: 14px;
    position: absolute;
    margin-left: -31px;
    margin-top: 40px;
}

div.order #order .delivery-time select {
    float: right;
    margin-left: 10px;
    margin-top: 7px;
    width: 70px;
}
#order .group .payment-points{
    border-top: 1px solid #B90D04;
    border-bottom: 1px solid #B90D04;
    background-color: #ffd2d2;
}
/* ==================================================
    =Widgets
===================================================== */

/*	Normalform */
.normalform {
    clear:both;
    display:block;
}
.normalform li {
    width:100%;
    display:block;
    margin-bottom:10px;
    clear:both;
    position:relative;
}
.normalform .extra-space { margin-bottom:20px }
.normalform p {
    font-size:12px;
    line-height:16px;
    font-weight:normal;
    color:#666;
    margin-bottom:5px;
}

li.extra-space {
    color: #888888;
    font-size: 15px;
    line-height: 16px;
    text-decoration: underline;
}

li.extra-space:hover {
    text-decoration:none;
}
.normalform li p strong { font-weight:bold; color:#555 }
.normalform li.checkbox {
    padding:5px 0;	
}

p.extra-space1 {
        text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: black;
    line-height: 30px;
}

p.extra-space2 {
       text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: black;
    line-height: 30px;
}

p.extra-space3 {
    text-align: center;
    font-size: 15px;
    color: black;
    line-height: 30px;
}

.normalform label {
    font-size:16px;
    line-height:16px;
    display:block;
    width:100%;
    
    font-weight:bold;
    padding-bottom:3px;
}

.normalform .address_desc_signed {
    font-weight:normal;
}

 .normalform li.dodaj-novu {
    text-align: center;
    color: rgb(191,191,191);
    font-weight: bold;
}
.add-new-address
{
    font-size: 14px;
    color: rgb(191,191,191);
    text-decoration:underline;
}
.normalform .required label, .normalform strong.required {

}
.normalform label small {
    font-size:12px;
    float:right;
    font-weight:normal;
    color:#aaa;
}
.normalform .checkbox label { cursor:pointer }
.normalform .checkbox label {
    padding-left:25px !important;
}
.normalform .checkbox input {
    position:absolute;
    top:3px;
    left:0;
}
.normalform input.text, .normalform select.text, .normalform textarea.text, .normalform radio.text {
    font-size:13px;
    color:#222;
    font-family:Arial, Helvetica, sans-serif;
    border: 1px solid #ddd;
    padding: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background:#fff;
    width:470px;
    margin:0;
}

.normalform input.text {
    float:left;
    width: 20px;
    height: 30px;
}
.normalform select.text { 
    width:480px;
    cursor:pointer;
}

.normalform textarea.text {
    height:120px;	
}
.normalform input.text:focus, .normalform select.text:focus, .normalform textarea.text:focus {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border:1px solid #ddd !important;
    -webkit-box-shadow: 0 0 7px rgba(206, 15, 5, 0.5) !important;
    -moz-box-shadow: 0 0 7px rgba(206, 15, 5, 0.5) !important;
    box-shadow: 0 0 7px rgba(200, 100, 0, 0.8) !important;
    outline:none;
}
.normalform input.text:hover, .normalform select.text:hover, .normalform textarea.text:hover {
    border:1px solid #ccc;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}

/*	Normalform > Two column form */
.normalform.two-column li {
    width: 210px;
    float:left;
    // margin-left:10px;
    display:inline;
    clear:none;
}

/*	Normalform > Two column form */
.normalform2.two-column li {
    width: 245px;
}

.form-control-wide {
        height: 35px !important;
}

.unsigned-checkout-button {
        width: 445px !important;
}
.normalform.two-column li.first { clear:both; margin-left:0 }
.normalform.two-column label {
    width:235px;
    float:none;
    padding:0 0 3px;
}
.normalform.two-column .text {
    width:225px;
    float:none;
    text-align: center;
}

.normalform.two-column .text2 {
    width:225px;
    float:none;
    text-align: left;
}
.normalform.two-column select.text { width:235px }
.normalform.two-column .fullsize {
    width:100%;
    margin-left:0;
}
.normalform.two-column .fullsize textarea.text, .normalform.two-column .fullsize input.text {
    width:470px;	
}
.normalform.two-column .fullsize label {
    width:100%;	
}
.normalform.two-column .fullsize .text {
    width:100%;	
}



/* ==================================================
    =Widgets
===================================================== */

/*	Tabs */
.widget .tabs {
    width:580px;
    padding:5px 0 0 5px;
    overflow:hidden;
    position:relative;
    left:-5px;
    margin-top:-5px;
    z-index:10;
}
.widget .tabs ol {

}
.widget .tabs li {
    float:left;
    margin-left:5px;
}
.widget .tabs li.first { margin-left:0 }
.widget .tabs li a {
    display:block;
    font-size:18px;
    line-height:24px;
    padding:8px 20px;
    text-decoration:none;
    color:#fff;
    text-shadow:0 1px 1px rgba(0,0,0,.2);

    background:#CBBCAB  url(images/art/gradient-color-x-invert.png) repeat-x 0 0;

    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    -moz-box-shadow:    0px 0px 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
    box-shadow:         0px 0px 5px rgba(0,0,0,.2);
}
.widget .tabs li a.selected, .widget .tabs li a.selected:hover {
    color:#333;
    text-shadow:0 1px 0 rgba(255,255,255,.5);
    /*    background:#faf5ef url(images/art/gradient-t-1.png) repeat-x 0 0;*/
    background-color: #F9EFE3;
}
.widget .tabs li a:hover {
    background-color:#95806a;
    -moz-box-shadow:    0px 0px 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
    box-shadow:         0px 0px 5px rgba(0,0,0,.2);
}


/*	Restaurant list */
.restaurantlist { 
    position:relative;
    z-index: 50;

}

.selected-position {
    font-size: 15px;
    float: left;
    width: 200px;
    font-weight: bold;
}

.restaurantlist .restaurant {
    width:580px;
    position:relative;
    background:#fff url(images/art/restaurant-bg.jpg) no-repeat -580px 0;
    border-bottom: 3px solid #777777;
}
.restaurantlist li.restaurant:last-child
{
    border-bottom: none;
}
.restaurantlist .restaurant.first, .items li:first-child {
    border-top:none;	
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

.restaurantlist .summary{
    display: none;
}
.restaurantlist .restaurant:last-child {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;	
}

.restaurantlist .footer { 
    padding: 5px 5px 10px 25px;
    border-top:1px dotted #fff;
}

/*	Restaurant List > Header
        Restaurant Menu > Restaurant Info > Header
                ~ Shared styles */
.restaurantlist .restaurant:first-child .header,
.restaurant-menu .restaurant-info {

}
.restaurantlist .header {
    cursor: pointer;

}
.restaurant-menu .restaurant-info .header {

}
.restaurantlist .header,
.restaurant-menu .restaurant-info {

    background-size: 100% 100%;

}
.restaurant-menu .restaurant-info{

}

.restaurantlist .header:hover
{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-shadow: 0 0 8px #B9B2AE inset;
    -moz-box-shadow: 0 0 8px #B9B2AE inset;
    box-shadow: 0 0 8px #B9B2AE inset;  
}
.restaurantlist .header:hover .col1 h2
{
    text-decoration: underline;
} 
.restaurantlist .header .info, .restaurantlist .header .food-type,
.restaurant-menu .restaurant-info .header .info, .restaurant-menu .restaurant-info .header .food-type { 
    float:left; 
    margin-left:10px;
}
.restaurantlist .header .info.col1,
.restaurant-menu .restaurant-info .header .info.col1 { 
    width:290px; 
    margin-left:0;
}
.restaurantlist .header .info.col2,
.restaurant-menu .restaurant-info .header .info.col2 { 
    width:180px; 
}
.col2 li
{
    position: relative;
}
.col2 li strong
{
    position: absolute;
    left: 85px; 
}
.restaurantlist .header .food-type,
.restaurant-menu .restaurant-info .header .food-type { 
    width:100px; 
    text-align:right;
}
.restaurantlist .header .info h2,
.restaurant-menu .restaurant-info .header .info h2 {
    font-size:24px;
    line-height:28px;
    color:#444;
    font-weight:normal;
    padding:0;
}
.restaurantlist .header .meta,
.restaurant-menu .restaurant-info .header .meta {
    font-size:11px;
    line-height:15px;
    color:#474747;
} 
.restaurantlist .header .meta.address, .restaurant-menu .restaurant-info .header .meta.address { float:left; font-size:14px; color:#999; margin-right:5px; margin-top: 5px; }
.restaurantlist .header .meta.working-hours, .restaurant-menu .restaurant-info .header .meta.working-hours { float:left; font-size:10px; color:#444; }
.restaurantlist .header .meta strong, .restaurantlist .header .time, .restaurantlist .header .food-type li,
.restaurant-menu .restaurant-info .header .meta strong, .restaurant-menu .restaurant-info .header .time, .restaurant-menu .restaurant-info .header .food-type li { 
    color:#666; 
    font-weight:bold;
}
.restaurantlist .header .label, .restaurant-menu .restaurant-info .header .label { display:none }
.restaurantlist .header .links, 
.restaurant-menu .restaurant-info .header .links {
    display:block;
    padding:8px 0 4px;
    clear:both;
}
.restaurantlist .header .links li, 
.restaurant-menu .restaurant-info .header .links li {
    display:inline;
    margin-right:10px;
}
.restaurantlist .header .links li a, 
.restaurant-menu .restaurant-info .header .links li a {
    font-size:11px;
    font-weight:bold;
    color:#CE0F05;
    text-decoration:underline;
}

/*	End shared styles */

.meta .working-hours {
    width:200px;
}
.working-hours:hover  .work_info
{
    display: block;
}

.heart-text-position {
    position: relative;
    left: 75px;
    color:black;
}
.working-hours1:hover  .work_info
{
    display: block;
}

.map-container, .info-container {
    margin-left: 15px;
height: 200px;
padding: 10px;
width: 63.6%;
height: 100%;
clear: both;
  margin-bottom: 15px;  
}

.info-container {
  margin-bottom: 0px;   
}

.food-item .zoom-icon
{
    background: url("images/art/png/zoom_in.png") no-repeat scroll center center transparent;
    border-radius: 5px 5px 5px 5px;
    bottom: 2px;
    height: 30px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    left: 92px;
    width: 35px;
    z-index: 10;
    cursor: pointer;
}
.restaurantlist .body .food-item {
    float:left;
    width:135px;
    padding-left:135px;
    margin-left:10px;
    position:relative;
}
.restaurantlist .body .food-item.first { margin-left:0 }
.restaurantlist .body .food-item img {
    width: 120px;
    height: 80px;
    float:left;
    margin-left:-135px;
    border:3px solid #fff;   
    -moz-box-shadow:    0px 0px 4px rgba(0,0,0,.4);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.4);
    box-shadow:         0px 0px 4px rgba(0,0,0,.4);
}
.restaurantlist .body .food-item .title {
    font-size:16px;
    line-height:20px;
    font-weight:bold;
    color:#ce0f05;
    text-decoration:none;
    display:block;
    margin-bottom:2px;
}
.restaurantlist .body .food-item .title:hover {

    color:darkRed;

}
.restaurantlist .body .food-item .price {
    display:block;
    position:absolute;
    padding:2px 4px;
    background:url(images/art/png/opacity80.png) repeat;
    color:#222;
    font-size:12px;
    font-weight:bold;
    top:5px;
    right:150px;

    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.restaurantlist .body .food-item .old_price
{
    text-decoration: line-through;

}
.restaurantlist .body .food-item .new_price
{
    text-decoration: none;
    margin-top: 21px;

}
.restaurantlist .footer .link-menu {
    font-size:12px;

    color:#B90D04;

    text-align:center;
    font-weight:bold;
    float:right;
    text-decoration:none;
}
.restaurantlist .footer .link-menu:hover {

    color:#EF0D05;
    text-decoration:none;
}

.link-number
{
    color: #888888;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
}
.link-number:hover
{
    color: #888888;
    text-decoration: none;
    font-weight: normal;
}

.restaurantlist .footer ul { float:left; margin-top:4px; }
.restaurantlist .footer ul li {
    font-size:11px;
    color:#aaa;
    float:left;
    background:url(images/art/nav-separator2.png) no-repeat 0 50%;
    padding:0 10px; 
}
.restaurantlist .footer ul li.first { padding-left:0; background:none }
.restaurantlist .footer ul li strong { color:#888; font-weight:bold }

/*	Closed Restaurant restaurant-menu */
.restaurantlist .restaurant.closed,.restaurantlist .restaurant-menu.closed {
    opacity:.5;
    filter:alpha(opacity=50);
}
.restaurantlist .restaurant.closed:hover,.restaurantlist .restaurant-menu.closed:hover {
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

/*	Restaurant Labels */
.restaurantlist .restaurant.closed .label {
    width:74px;
    height:74px;
    display:block;
    position:absolute;
    top:-4px;
    left:-4px;
    text-indent:-8000px;
    z-index:10;
    background:url(images/art/label-zatvoreno.png) no-repeat 0 0;
}
.restaurantlist .restaurant.new .label {
    width:54px;
    height:54px;
    display:block;
    position:absolute;
    top:-4px;
    left:-4px;
    text-indent:-8000px;
    z-index:10;
    background:url(images/art/label-novo.png) no-repeat 0 0;
}

.restaurantlist .restaurant.novo .label {
    width:74px;
    height:74px;
    display:block;
    position:absolute;
    top:0px;
    left:226px;
    text-indent:-8000px;
    z-index:10;
    background:url(images/art/novo.jpg) no-repeat 0 0;
}

li.restaurant.oneplusone  .oneplusone-cover{
    //  background:url(images/art/meksiko.png) no-repeat 0 0; 
    background:url(tanjir.ba/images/coupons/7.jpg) no-repeat 0 0; 
    //  background:  url(images/art/oneplusone.jpg) top left no-repeat;
    position: absolute;
    height:120px;
    width: 120px;
    left:220px;
    top:0px;
    z-index: 100000;
    background-size:65px;
}

.restaurantlist .label { display:none !important }

/*	Restaurant menu 
        Default view = minimal */
.restaurant-menu {
    background:#fff;
    padding-top:0px;
    margin-bottom:10px;
    -webkit-box-shadow: inset 0px 0px 6px -1px rgba(122,122,122,1);
    -moz-box-shadow: inset 0px 0px 6px -1px rgba(122,122,122,1);
    box-shadow: inset 0px 0px 6px -1px rgba(122,122,122,1);
}

.restaurant-menu h2 {
    font-size:17px;
    font-weight:bold;
    padding:10px;
}
.restaurant-menu ol li {
    clear:both;
}
.restaurant-menu h3 {
    padding:10px 0;
    font-size:15px;
    font-weight:bold;
    padding:10px;
    background:#777;
    color:#fff;
    text-shadow:1px 1px 2px rgba(0,0,0,0.3);
    border-top:2px solid #fff;
    border-bottom:2px solid #fff;
}
.restaurant-menu li li {
    cursor:pointer;
    margin-bottom:1px;
    position:relative;
    clear:none;
    margin:10px;
}
.restaurant-menu.minimal li li {
    padding:4px 0;	
}
.restaurant-menu li li:nth-child(even) {

}
.restaurant-menu li li:hover {

}
.restaurant-menu li li:last-child {

}
.restaurant-menu li:last-child li:last-child {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;	
}
.restaurant-menu .title {
    float:left;
    padding:2px 10px;
    font-size:12px;
    line-height:14px;
    font-weight:bold;
    color:#444;
    width:420px;
}
.restaurant-menu .title a {
    text-decoration: none;
    color:#444;
}
.restaurant-menu .title a.short-name
{

    display: none;
}
.restaurant-menu .price {
    float:right;
    padding:2px 10px;
    font-weight:bold;
    color:#ce0f05;
    font-size:12px;
    line-height:14px;
    width:120px;
    text-align:right;
}
.restaurant-menu .old_price
{
    text-decoration: line-through;
    width: 50px;
}
.restaurant-menu .new_price
{
    text-decoration: none;
    width: 50px;
}

.restaurant-menu .button, .restaurant-menu .ingredients, .restaurant-menu .image { display:none }

/*	Restaurant menu
        Normal view */
.restaurant-menu.normal .ingredients, .restaurant-menu.normal .image { display:block }
.restaurant-menu.normal li li  {
    padding-left:145px;
    padding-right:100px;
}
.restaurant-menu.normal .title {
    font-size:20px;
    line-height:22px;
    font-weight:bold;
    color:#ce0f05;
    text-decoration:none;
    display:block;
    margin:6px 0 2px;
    padding:0;
    width:auto;
    float:none;
}
.restaurant-menu.normal .title a {
    text-decoration: none;
    color:#ce0f05;
}
.restaurant-menu.normal .image-group {
    position:relative;
    width:126px;
    height:86px;
    float:left;
    margin-left:-135px;
}
.restaurant-menu.normal .image img {
    border:3px solid #fff;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
    -moz-box-shadow:    0px 0px 4px rgba(0,0,0,.4);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.4);
    box-shadow:         0px 0px 4px rgba(0,0,0,.4);
    width: 120px;
    height: 80px;
}
.restaurant-menu.normal .price {
    display:block;
    position:absolute;
    padding:2px 4px;
    background:url(images/art/png/opacity80.png) repeat;
    color:#222;
    font-size:12px;
    font-weight:bold;
    top:7px;
    right:7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    width:auto;

}
.restaurant-menu.normal .old_price
{
    text-decoration: line-through;
}
.restaurant-menu.normal .new_price
{
    margin-top: 21px;
    text-decoration: none;
}
.restaurant-menu.normal .ingredients {
    display:block;
    font-size:13px;
    line-height:17px;
    color:#888;
    width:auto;
    float:none;
}

.restaurant-menu.normal .button {
    display:block;
    float:right;
    width:60px;
    height:18px;
    text-align:center;
    font-size:16px;
    padding:8px 15px;
    position:absolute;
    top:50%;
    margin-top:-20px;
    right:10px;
    visibility:hidden;
    opacity:.6;
}
.restaurant-menu.normal .zoom-icon
{
    background: url("images/art/png/zoom_in.png") no-repeat scroll center center transparent;
    border-radius: 5px 5px 5px 5px;
    bottom: 2px;
    height: 30px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    right: -2px;
    width: 35px;
    z-index: 10;
    cursor: pointer;
}
.restaurant-menu.normal li li:hover .button {
    visibility:visible;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity:1;
}

/*	Restaurant menu
        Grid view */
.restaurant-menu.grid .image { display:block }
.restaurant-menu.grid h3 { margin-bottom:5px }
.restaurant-menu.grid li li {
    width:180px;
    height:120px;
    float:left;
    margin:0 0 10px 10px;
    background:none !important;
    padding:0;
}
.restaurant-menu.grid li li:hover .price,.restaurant-menu.grid li li:hover .title {
    background-color: #D8D8D8;
    background-image: none;
}
.restaurant-menu.grid .zoom-icon
{
    background: url("images/art/png/zoom_in.png") no-repeat scroll center center transparent;
    border-radius: 5px 5px 5px 5px;
    top: 2px;
    height: 30px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    right: -2px;
    width: 35px;
    z-index: 10;
    cursor: pointer;
}
.restaurant-menu.grid .title {	
    width:154px;
    position:absolute;
    background:url(images/art/png/opacity80.png) repeat;
    bottom:28px;
    left:3px;
    right:3px;
}

.restaurant-menu.grid .title a.short-name
{
    display: block;
}
.restaurant-menu.grid .title a.full-name
{
    display: none;
}
.restaurant-menu.grid .price {
    width:154px;
    height:20px;
    position:absolute;
    bottom:8px;
    left:3px;
    right:px;
    background:url(images/art/png/opacity80.png) repeat;
    padding:0 10px;
    text-align:left;
}
.restaurant-menu.grid .old_price
{
    background: url("images/art/png/opacity80.png") repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    left: 7px;
    padding: 2px;
    position: absolute;
    width: 50px;
    top: 10px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 4px 2px 4px;
}
.restaurant-menu.grid .new_price
{
    text-decoration: none;

}
.restaurant-menu.grid .image img {
    border:3px solid #fff;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
    -moz-box-shadow:    0px 0px 4px rgba(0,0,0,.4);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.4);
    box-shadow:         0px 0px 4px rgba(0,0,0,.4);
    margin:0;
}
.restaurant-menu.grid .button {
    bottom: 10%;
    display: block;
    float: right;
    font-size: 11px;
    height: 17px;

    padding: 2px;
    position: absolute;
    right: 10px;
    text-align: center;
    visibility:hidden; 
    width: 37px;
    top: 82px;
}
.restaurant-menu.grid li li:hover .button {
    visibility:visible; 
    z-index: 999;
}





/*	Widget > Sort */
.widget .sort {
    padding:10px;
    border-top:1px solid #ddd;
}
.widget .sort select {
    font-size:11px;
    font-weight:bold;
    color:#333;
    border:1px solid #ddd;
    cursor:pointer;
    padding:1px 2px;
    float: right;
    margin-top:2px;
    width: 145px;
}
.widget .sort-type {
    margin:4px 0 0;
}
.widget .sort-type li {
    clear: none;
    float: left;
    height: 16px;
    margin-left: 5px;
    width: 130px;
}
.widget .sort-type li a {
    color: #777777;
    display: block;
    font-size: 12px;
    height: 16px;
    padding-top: 3px;
    text-indent: 20px;
    width: 16px;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;	
    font-weight: normal;
    width: 130px;
}
.widget .sort-type li a:hover {
    cursor: pointer;
}
.widget .sort-type .list a {
    background:url(images/art/transparent.png) no-repeat -100px -60px;	

}
.widget .sort-type .grid a {
    background:url(images/art/transparent.png) no-repeat -260px -60px;

}
.widget .sort-type .list a:hover, .widget .sort-type .list a.active {
    background:url(images/art/transparent.png) no-repeat -100px -30px;	

    color: #CE0F05;
    font-weight: bold;
}
.widget .sort-type .grid a:hover, .widget .sort-type .grid a.active {
    background:url(images/art/transparent.png) no-repeat -260px -30px;	

    color: #CE0F05;
    font-weight: bold;
}


/*	Popup */
#page-overlay {
    background:url(images/art/page-overlay.png) repeat 0 0;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:100;
}
.popup {
    position:absolute;
    top:30%;
    left:50%;
    margin-left:-160px;
    width:300px;
    background:#fff;
    z-index:200;
    padding:16px 16px 4px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    text-align:left;
}
.popup.wide {
    position: absolute;
    width:500px;
    margin-left:-260px;
}
.popup h2 {
    font-size:18px;
    font-weight:bold;
    color:#fff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
    width:100%;
    background:#ce0f05;
    padding:10px 12px;
    position:relative;
    margin:-12px 0 0 -12px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.popup .close-button a {
    width:36px;
    height:36px;
    display:block;
    position:absolute;
    top:-15px;
    right:-15px;
    background:url(images/art/transparent.png) no-repeat 0 -100px;
    text-indent:-8000px;
    cursor: pointer;
}
.popup .close-button a:hover {
    background:url(images/art/transparent.png) no-repeat -40px -100px;
}
.popup .inner-container {
    background:#eee;
    padding:12px;
    width:100%;
    position:relative;
    margin:4px 0 0 -12px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    min-height: 220px;
}
.popup .inner-container .image
{
    position: absolute;
}
/*	Popup > Add Food */
.popup.add-food .inner-container {
    padding-left:122px;
    width:188px;
}
.popup.add-food.wide .inner-container {
    width:388px;	
}
.popup.add-food .image img {
    float:left;
    margin-left:-325px;
    border:4px solid #fff;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
    -moz-box-shadow:    0px 0px 5px rgba(0,0,0,.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
    box-shadow:         0px 0px 5px rgba(0,0,0,.3);
}
.popup.add-food .title {
    font-size:16px;
    line-height:20px;
    font-weight:bold;
    color:#333;
    margin-bottom:5px;
}
.popup.add-food .ingredients {
    font-size:12px;
    line-height:14px;
    display:block;
    margin-bottom:5px;
    width: 250px;
}
.popup.add-food .price {
    font-size:16px;
    font-weight:bold;
    color:#ce0f05;
    display:block;
    margin-bottom:15px;
}

/*	Popup > Order */
.popup.add-food .order .group {
    width:100%;
    margin-bottom:10px;
}
.popup.add-food .order {
    margin-bottom:15px;	
}
.popup.add-food .order h3 {
    font-size:12px;
    font-weight:bold;
    margin-bottom:5px;
}
.popup.add-food .order .menu { float:left }
.popup.add-food .order .menu > li {
    float:left;
    margin-left:10px;
    font-size:12px;
    line-height:20px;
    font-weight:bold;
    position:relative;
}
.popup.add-food .order .menu > li:first-child { margin-left:0}
.popup.add-food .order .menu > li {
    -moz-box-shadow:    0 0 5px rgba(0,0,0,.35);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.35);
    box-shadow:         0 0 5px rgba(0,0,0,.35);
    -webkit-border-radius:  3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
}
.popup.add-food .order .menu > li a {
    padding:2px 40px 2px 5px;
    width:135px;
    display:block;
    color:#aa3437;
    text-shadow:0 1px 0 rgba(255,255,255,.5);
    text-decoration:none;
    background:#ebebeb url(images/art/menu-dropdown.png) no-repeat 100% 50%;
    -webkit-border-radius:  3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
}
.popup.add-food .order .menu > li a:hover, .popup.add-food .order .menu > li.active a {
    color:#9e0b0f;
    background-color:#fff;
}
.popup.add-food .order .menu ul.submenu { display:none }

.popup.add-food .order .menu > li:hover a {
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottompright:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}
.popup.add-food .order .menu li:hover ul.submenu { 
    display:block;
    position:absolute;
    top:24px;
    left:0;
}
.popup.add-food .order .menu ul.submenu li {
    font-size:12px;
    line-height:16px;
}
.popup.add-food .order .menu ul.submenu li a {
    color:#666;
    border-top:1px solid #ccc;
    background:#fff;
    -webkit-border-radius:  0;
    -moz-border-radius:     0;
    border-radius:          0;
    padding:5px;
    width:170px;
}
.popup.add-food .order .menu ul.submenu li:last-child a {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.popup.add-food .order .menu ul.submenu li a:hover {
    color:#222;
    background-color:#ddd;
}
.popup.add-food .order .text {
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:center;
    color:#333;
    font-weight:bold;
    border:1px solid #ddd;
    border-top:0;
    width:30px;
    padding:5px 5px 4px;
    margin:0 3px;
    outline:none;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
    -moz-box-shadow:    inset 0 1px 3px rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.4);
    box-shadow:         inset 0 1px 3px rgba(0,0,0,.4);
    float:left;
}
.popup.add-food .order .icon {
    width:24px;
    height:24px;
    display:block;
    text-indent:-8000px;
    float:left;
    cursor: pointer;
}
.popup.add-food .order .icon.less {
    background:url(images/art/transparent.png) no-repeat 0 -65px;
}
.popup.add-food .order .icon.more {
    background:url(images/art/transparent.png) no-repeat -24px -65px;
}
.popup.add-food .order .icon.less:hover {
    background:url(images/art/transparent.png) no-repeat -48px -65px;
}
.popup.add-food .order .icon.more:hover {
    background:url(images/art/transparent.png) no-repeat -72px -65px;
}
.popup.add-food .order .checkbox-list {
    margin-bottom:10px;
    margin-top:10px;
}
.popup.add-food .order .checkbox-list li {
    cursor:pointer;
    width:164px;
    padding-left:26px;
    float:left;
    font-size:12px;
    line-height:20px;
    color:#777;
    position:relative;
    min-height:20px;
    height:auto !important;	
    margin-bottom:5px;
    font-weight:bold;
}
.popup.add-food .order .checkbox-list li:hover { 
    color:#333;
}
.popup.add-food .order .checkbox-list li:nth-child(2n+1) {
    margin-left:0;
    clear:both;
}
.popup.add-food .order .checkbox-list li .check {
    display:block;
    width:20px;
    height:20px;
    background:url(images/art/transparent.png) no-repeat -20px -140px;
    position:absolute;
    top:0;
    left:0;
}
.popup.add-food .order .checkbox-list li.checked .check {
    background:url(images/art/transparent.png) no-repeat 0 -140px;
}

.widget .sort-type .list-minimal a {
    background:url(images/art/transparent.png) no-repeat -420px -60px;		
}
.widget .sort-type .list-minimal a:hover, .widget .sort-type .list-minimal a.active {
    background:url(images/art/transparent.png) no-repeat -420px -30px;
    color: #CE0F05;
    font-weight: bold;
}

.restaurant-menu.grid .image-group {
    float: left;
    height: 120px;

    position: relative;
    width: 180px;
}
.restaurant-menu.grid .image-group img
{
    width: 174px;
    height: 116px;
}
.errorSummary {
    color: darkRed;
    font-size: 12px;
}
.errorSummary p {
    font-weight: bold;
}
#confirm-order .errorSummary{
    background: url("images/art/icon/flash-error.png") no-repeat scroll 5px 10px #FFEAEA;
    border: 5px solid #FFB9B9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #666666;
    font-size: 1.2em;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px 5px 10px 25px;
}
.login-box{
    top: 10px;
    left: auto;
    width: 240px;
    height: 260px;
    right: 0;
    position: absolute;
    padding: 20px;
    background: white;
    background-color: rgb(231, 242, 226);
    z-index: 1000;
}
.login-box .button.small
{
    font-size: 11px;
}
.login-box-triangle{
    border-color: transparent transparent #B90D04 transparent;
    border-style: solid;
    border-width: 9px;
    height: 0;
    width: 0;
    position: absolute;
    top: -19px;
    right: 100px;

}
.login-box-triangle-back{
    border-color: transparent transparent #F9EFE3 transparent;
    border-style: solid;
    border-width: 9px;
    height: 0;
    width: 0;
    position: absolute;
    top: -17px;
    right: 100px;   

}
.login-box-remember{
    cursor: pointer; 
    float: right !important;
    margin-right: 90px;
    width: 90px !important;
    visibility:hidden;
}
.loginbox-checkbox{
    display: initial;
    vertical-align: middle; 
    margin-left: 0;
    visibility:hidden;
}

.foodblock {
    position: relative;
    top: 30%;
    margin-top: -3px;

}
.foodblock.wide {
    width: 580px;
    background: url(images/art/restaurant-bg.jpg) no-repeat 0 0;
    background: white;
    border-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    border-radius: 5px 5px 5px 5px;

}
.foodblock h2 {
    font-size:18px;
    font-weight:bold;
    color:#fff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
    width:100%;
    background:#ce0f05;
    padding:10px 12px;
    position:relative;
    margin:-12px 0 0 -12px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.foodblock .close-button a {
    width:36px;
    height:36px;
    display:block;
    position:absolute;
    top:-15px;
    right:-15px;
    background:url(images/art/transparent.png) no-repeat 0 -100px;
    text-indent:-8000px;
}
.foodblock .close-button a:hover {
    background:url(images/art/transparent.png) no-repeat -40px -100px;
}
.foodblock .inner-container {
    background:#fff;
    padding:12px;
    width:100%;
    position:relative;
    margin:0px 0 0 -12px;

}
.foodblock .h3{
    background: none repeat scroll 0 0 #777777;
    border-bottom: 2px solid #FFFFFF;
    border-top: 2px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    height:14px;
}
.foodblock a{
    text-decoration: none;
    color:#333;
}
/*	Popup > Add Food */
.foodblock.add-food .inner-container {
    margin-left:0px;

}
.foodblock.add-food.wide .inner-container {
    width: 556px;	
}
.foodblock.add-food .image img {
    width: 230px;
    height: 154px;
    float:left;
    border:4px solid #fff;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
    -moz-box-shadow:    0px 0px 5px rgba(0,0,0,.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
    box-shadow:         0px 0px 5px rgba(0,0,0,.3);
}
.foodblock.add-food .title {
    font-size:16px;
    line-height:20px;
    font-weight:bold;
    color:#333;
    margin-bottom:5px;
}
.foodblock.add-food .ingredients {
    font-size:12px;
    line-height:14px;
    display:block;
    margin-bottom:5px;
}
.foodblock.add-food .price {
    font-size:16px;
    font-weight:bold;
    color:#ce0f05;
    display:block;
    margin-bottom:15px;
}

/*	Popup > Order */
.foodblock.add-food .order .group {
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
}
.foodblock.add-food .order {

}
.foodblock.add-food .order h3 {
    font-size:12px;
    font-weight:bold;
    margin-bottom:5px;
}
.foodblock.add-food .order .menu { float:left }
.foodblock.add-food .order .menu > li {
    float:left;
    margin-left:10px;
    font-size:12px;
    line-height:20px;
    font-weight:bold;
    position:relative;
}
.foodblock.add-food .order .menu > li:first-child { margin-left:0}
.foodblock.add-food .order .menu > li {
    -moz-box-shadow:    0 0 5px rgba(0,0,0,.35);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.35);
    box-shadow:         0 0 5px rgba(0,0,0,.35);
    -webkit-border-radius:  3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
}
.foodblock.add-food .order .menu > li a {
    padding:2px 40px 2px 5px;
    width:135px;
    display:block;
    color:#aa3437;
    text-shadow:0 1px 0 rgba(255,255,255,.5);
    text-decoration:none;
    background:#ebebeb url(images/art/menu-dropdown.png) no-repeat 100% 50%;
    -webkit-border-radius:  3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
}
.foodblock.add-food .order .menu > li a:hover, .foodblock.add-food .order .menu > li.active a {
    color:#9e0b0f;
    background-color:#fff;
}
.foodblock.add-food .order .menu ul.submenu { display:none }

.foodblock.add-food .order .menu > li:hover a {
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottompright:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}
.foodblock.add-food .order .menu li:hover ul.submenu { 
    display:block;
    position:absolute;
    top:24px;
    left:0;
}
.foodblock.add-food .order .menu ul.submenu li {
    font-size:12px;
    line-height:16px;
}
.foodblock.add-food .order .menu ul.submenu li a {
    color:#666;
    border-top:1px solid #ccc;
    background:#fff;
    -webkit-border-radius:  0;
    -moz-border-radius:     0;
    border-radius:          0;
    padding:5px;
    width:170px;
}
.foodblock.add-food .order .menu ul.submenu li:last-child a {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.foodblock.add-food .order .menu ul.submenu li a:hover {
    color:#222;
    background-color:#ddd;
}
.foodblock.add-food .order .text {
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:center;
    color:#333;
    font-weight:bold;
    border:1px solid #ddd;
    border-top:0;
    width:30px;
    padding:5px 5px 4px;
    margin:0 3px;
    outline:none;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
    -moz-box-shadow:    inset 0 1px 3px rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.4);
    box-shadow:         inset 0 1px 3px rgba(0,0,0,.4);
    float:left;
}
.foodblock.add-food .order .icon {
    width:24px;
    height:24px;
    display:block;
    text-indent:-8000px;
    float:left;
    cursor: pointer;
}
.foodblock .restaurantlist .restaurant:last-child  {
    margin-top: -20px;
    border-radius: 5px 5px 5px 5px;
}
.foodblock .header  {
    margin-top: -20px;
    border-radius: 5px 5px 0px 0px;
}

.foodblock .restaurantlist {
    background: none repeat scroll 0 0 #F9EFE3;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 8px 7px 0 rgba(0, 0, 0, 0.2);
    margin-top: 3px;
    position: relative;
    z-index: 50;
}
.foodblock.add-food .order .icon.less {
    background:url(images/art/transparent.png) no-repeat 0 -65px;
}
.foodblock.add-food .order .icon.more {
    background:url(images/art/transparent.png) no-repeat -24px -65px;
}
.foodblock.add-food .order .icon.less:hover {
    background:url(images/art/transparent.png) no-repeat -48px -65px;
}
.foodblock.add-food .order .icon.more:hover {
    background:url(images/art/transparent.png) no-repeat -72px -65px;
}
.foodblock.add-food .order .checkbox-list {
    margin-bottom:10px;
}
.foodblock.add-food .order .checkbox-list li {
    cursor:pointer;
    width:150px; 
    float:left;

    font-size:12px;
    line-height:20px;
    color:#777;
    position:relative;
    min-height:20px;
    height:auto !important;
    height:20px;
    margin-bottom:5px;
    font-weight:bold;
}
.foodblock.add-food .order .checkbox-list li:hover { 
    color:#333;
}
.foodblock.add-food .order .checkbox-list li:nth-child(2n+1) {
    margin-left:0;
    clear:both;
}
.foodblock.add-food .order .checkbox-list li .check {
    display:block;
    width:20px;
    height:20px;
    background:url(images/art/transparent.png) no-repeat -20px -140px;
    position:absolute;
    top:0;
    left:0;
}
.foodblock.add-food .order .checkbox-list li.checked .check {
    background:url(images/art/transparent.png) no-repeat 0 -140px;
}
.checkbox{
    width: 20px;
    height: 20px;
    background: url(images/art/transparent.png) no-repeat 0 0;
    display: block;
    background-position: -20px -140px; background-repeat: no-repeat no-repeat; 
    background-repeat: no-repeat;
    clear: left;
    float: left;
    margin: 5px;
    margin-top: -1px;
}


.foodblockIframe {
    position: relative;
    top: 30%;
    margin-top: -3px;

}
.foodblockIframe.wide {
    width: 580px;
    background: url(images/art/restaurant-bg.jpg) no-repeat 0 0;
    background: white;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;

}
.foodblockIframe h2 {
    font-size:18px;
    font-weight:bold;
    color:#fff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.3);
    width:100%;
    background:#ce0f05;
    padding:10px 12px;
    position:relative;
    margin:-12px 0 0 -12px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.foodblockIframe .close-button a {
    width:36px;
    height:36px;
    display:block;
    position:absolute;
    top:-15px;
    right:-15px;
    background:url(images/art/transparent.png) no-repeat 0 -100px;
    text-indent:-8000px;
}
.foodblockIframe .close-button a:hover {
    background:url(images/art/transparent.png) no-repeat -40px -100px;
}
.foodblockIframe .inner-container {
    background:#eee;
    padding:12px;
    width:100%;
    position:relative;
    margin:4px 0 0 -12px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

/*	Popup > Add Food */
.foodblockIframe.add-food .inner-container {
    margin-left:0px;

}
.foodblockIframe.add-food.wide .inner-container {
    width: 556px;	
}
.foodblockIframe.add-food .image img {
    width: 168px;
    float:left;
    margin-right: 20px;
    border:4px solid #fff;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
    -moz-box-shadow:    0px 0px 5px rgba(0,0,0,.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
    box-shadow:         0px 0px 5px rgba(0,0,0,.3);
}
.foodblockIframe.add-food .title {
    font-size:16px;
    line-height:20px;
    font-weight:bold;
    color:#333;
    margin-bottom:5px;
}
.foodblockIframe.add-food .ingredients {
    font-size:12px;
    line-height:14px;
    display:block;
    margin-bottom:5px;
}
.foodblockIframe.add-food .price {
    font-size:16px;
    font-weight:bold;
    color:#ce0f05;
    display:block;
    margin-bottom:15px;
}

/*	Popup > Order */
.foodblockIframe.add-food .order .group {
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
}
.foodblockIframe.add-food .order {

}
.foodblockIframe.add-food .order h3 {
    font-size:12px;
    font-weight:bold;
    margin-bottom:5px;
}
.foodblockIframe.add-food .order .menu { float:left }
.foodblockIframe.add-food .order .menu > li {
    float:left;
    margin-left:10px;
    font-size:12px;
    line-height:20px;
    font-weight:bold;
    position:relative;
}
.foodblockIframe.add-food .order .menu > li:first-child { margin-left:0}
.foodblockIframe.add-food .order .menu > li {
    -moz-box-shadow:    0 0 5px rgba(0,0,0,.35);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.35);
    box-shadow:         0 0 5px rgba(0,0,0,.35);
    -webkit-border-radius:  3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
}
.foodblockIframe.add-food .order .menu > li a {
    padding:2px 40px 2px 5px;
    width:135px;
    display:block;
    color:#aa3437;
    text-shadow:0 1px 0 rgba(255,255,255,.5);
    text-decoration:none;
    background:#ebebeb url(images/art/menu-dropdown.png) no-repeat 100% 50%;
    -webkit-border-radius:  3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
}
.foodblockIframe.add-food .order .menu > li a:hover, .foodblockIframe.add-food .order .menu > li.active a {
    color:#9e0b0f;
    background-color:#fff;
}
.foodblockIframe.add-food .order .menu ul.submenu { display:none }

.foodblockIframe.add-food .order .menu > li:hover a {
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottompright:0px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}
.foodblockIframe.add-food .order .menu li:hover ul.submenu { 
    display:block;
    position:absolute;
    top:24px;
    left:0;
}
.foodblockIframe.add-food .order .menu ul.submenu li {
    font-size:12px;
    line-height:16px;
}
.foodblockIframe.add-food .order .menu ul.submenu li a {
    color:#666;
    border-top:1px solid #ccc;
    background:#fff;
    -webkit-border-radius:  0;
    -moz-border-radius:     0;
    border-radius:          0;
    padding:5px;
    width:170px;
}
.foodblockIframe.add-food .order .menu ul.submenu li:last-child a {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.foodblockIframe.add-food .order .menu ul.submenu li a:hover {
    color:#222;
    background-color:#ddd;
}
.foodblockIframe.add-food .order .text {
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:center;
    color:#333;
    font-weight:bold;
    border:1px solid #ddd;
    border-top:0;
    width:30px;
    padding:5px 5px 4px;
    margin:0 3px;
    outline:none;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
    -moz-box-shadow:    inset 0 1px 3px rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.4);
    box-shadow:         inset 0 1px 3px rgba(0,0,0,.4);
    float:left;
}
.foodblockIframe.add-food .order .icon {
    width:24px;
    height:24px;
    display:block;
    text-indent:-8000px;
    float:left;
}
.foodblockIframe.add-food .order .icon.less {
    background:url(images/art/transparent.png) no-repeat 0 -65px;
}
.foodblockIframe.add-food .order .icon.more {
    background:url(images/art/transparent.png) no-repeat -24px -65px;
}
.foodblockIframe.add-food .order .icon.less:hover {
    background:url(images/art/transparent.png) no-repeat -48px -65px;
}
.foodblockIframe.add-food .order .icon.more:hover {
    background:url(images/art/transparent.png) no-repeat -72px -65px;
}
.foodblockIframe.add-food .order .checkbox-list {
    margin-bottom:10px;
}
.foodblockIframe.add-food .order .checkbox-list li {
    cursor:pointer;
    width:164px;
    padding-left:26px;
    float:left;

    font-size:12px;
    line-height:20px;
    color:#777;
    position:relative;
    min-height:20px;
    height:auto !important;
    height:20px;
    margin-bottom:5px;
    font-weight:bold;
}
.foodblockIframe.add-food .order .checkbox-list li:hover { 
    color:#333;
}
.foodblockIframe.add-food .order .checkbox-list li:nth-child(2n+1) {
    margin-left:0;
    clear:both;
}
.foodblockIframe.add-food .order .checkbox-list li .check {
    display:block;
    width:20px;
    height:20px;
    background:url(images/art/transparent.png) no-repeat -20px -140px;
    position:absolute;
    top:0;
    left:0;
}
.foodblockIframe.add-food .order .checkbox-list li.checked .check {
    background:url(images/art/transparent.png) no-repeat 0 -140px;
}
.foodblockIframe .checkbox{
    width: 19px;
    height: 20px;
    background: url(images/art/transparent.png) no-repeat 0 0;
    display: block;
    background-position: -20px -140px; background-repeat: no-repeat no-repeat; 
    background-repeat: no-repeat;
    clear: left;
    float: left;
    margin: 5px;
    margin-top: -1px;

}
.details
{
    clear:both;
       position: relative;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    background-color: #FFF;
    width: 635px;
    margin-bottom: 35px;
    left: 16px;
    top: 19px;
        font-style: normal;
    background-color: white;
    -webkit-box-shadow: inset 0px 0px 6px -1px rgba(122,122,122,1);
    -moz-box-shadow: inset 0px 0px 6px -1px rgba(122,122,122,1);
    box-shadow: inset 0px 0px 6px -1px rgba(122,122,122,1);
    height: 100%;
}
.rlogo
{
    height: 145px;
    width: 220px;
    padding: 5px;
    float: left;
}
.rdetails
{
    float:right;
    color: #474747;
    font-size: 12px;
    padding: 15px 5px 5px;
    width: 310px;

}
.odetails
{
    font-weight: bold;
}
.odetails span
{
    display: inline-block;
    width: 100px;

}
.rtext
{
    padding: 5px;
   clear:both;
    margin: 10px;
    text-align: justify;
}
.rtext h2
{
    padding: 5px;
    font-size: 18px;
    font-weight: bold;
}
.rtext2 h2
{
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
}
.rtext p
{

    font-size: 13px;
    color: #474747;
    padding: 5px;

}
.wdetails
{
    margin-top: 20px;
}
.wdetails .wheader span,.work_info .wheader
{
    font-weight: bold;
}
.wdetails span,.work_info span
{
    display: inline-block;
    width: 32%;
    text-align: center;
}
.wdetails span.fir,.work_info span.fir
{
    text-align: left;
}
.wdetails .wheader
{
    border:1px solid #C1B09D;

    padding: 2px 0 2px 2px;
}
.wdetails .work-row
{
    border-bottom: 1px solid #C1B09D;
    border-left: 1px solid #C1B09D;
    border-right: 1px solid #C1B09D;
    padding: 2px 0 2px 2px;
}
.wdetails .hpause
{
    font-size: 10px;
    font-style: italic;
}
.wdetails span.pause
{
    background: url("images/art/pause_right.png") no-repeat;
    background-position: 2px center;
    padding-left: 5%;
    width: 26%;
}


.work_info
{
    display: none;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 7px 0 #8F8E8D;
    padding: 4px;
    position: absolute;
    width: 275px;
    z-index: 100;
    background: url("images/art/work_caption.png")  repeat-x  #B9B2AE;
    color: #FFFFFF;
    top: -10px;
    font-size: 11px;
}
.work_info .caption_text
{	
    padding: 2px 0 0 2px;
    color:#432A1F;
    font-family: Trebuchet MS,MyriadPro-Cond,"Myriad Pro Condensed",sans-serif;
    height: 25px;

}

.work_info .header_work_time
{
    height: 25px;
}
.work_info table tr td
{
    padding: 1px 3px 1px 3px;
    text-align: center;
}
.active td.pause
{
    background: url("images/art/pause_right.png") no-repeat;
    background-position: 2px center;
    padding-left: 15px
}
.active td.weekday
{
    text-align: left;
}
tr.hpause
{
    font-size: 10px;
    font-style: italic;
}


#pagetitle{
    background: url("images/art/gradient-color-x.png") repeat-x scroll 0 0 #CBBCAB;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    padding: 10px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    font-weight: bold;
    font: bold 17px/17px 'Helvetica Neue', Arial, sans-serif;


}
#pagecontent{
    background: white;
    font-size: 12px;
    position: relative;
    line-height:1.3;
    overflow: hidden;
    padding: 20px;
}
.info-message
{
    font-size: 12px;
    position: relative;
    background: white;
    -webkit-border-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 7px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.2);
    box-shadow: 0px 0px 7px rgba(0,0,0,.2);
    overflow: hidden;
    padding: 10px;
    margin-bottom: 10px;
    border:1px solid #00FF00;
}
.searche-info
{
    padding: 2px;
    border-top: solid #999 1px;
}
.searche-info a.show-more
{

    color: #A67C52;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    float: right;
    text-decoration: none;
    cursor: pointer;
}

.searche-info a.go-menu
{
    color: #A67C52;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    padding: 2px 5px;
    text-decoration: none;
    float: right;
}
.holder a
{
    background:  url("images/art/transparent.png") no-repeat scroll 0 0 transparent  !important;
    cursor: pointer !important;
    height: 20px !important;
    width: 10px !important;
    margin: -3px 0 0 -5px !important;
    border-width: 0px !important;
}
.show-images
{
    cursor: pointer;
}
.not-found
{
    font-size: 15px;
    font-weight: bold;
    color: #B90D04;
    padding: 20px;
    background-color: #FCFA8F;
    text-align: center;
}

.product-view-full
{
    float: left;
    height: auto;
    min-height: 140px;
    padding: 10px;

    background-color: #FFFFFF;
}
.order_status_info {
    color: silver;
    font-size: 14px;
    margin: 14px 14px 14px 0;
}
.flash_order_status
{
    border-bottom: 1px dotted silver;
    margin: 10px 0 15px;
    padding-bottom: 20px;
    width: auto;
    float: left;
}

.flash_order_status p.order_number
{
    color: #B9B9B9;
    float: left;
    font-size: 15px;
    margin-right: 8px;
    width: auto;
}

.flash_order_status p.supplier_name
{
    color: #919191;
    float: left;
    font-size: 15px;
    font-weight: bold;
    width: auto;
}

.order_status_title
{
    height: 20px;
    margin-bottom: 5px;
}

.supplier_logo
{
    float: left;
    height: 80px;
    margin-right: 20px;
    width: 130px;
}

.order_status_item
{
    float: left;
    width: 100%;
    height: auto;
}

.food_text
{
    float: left;
    height: auto;
    margin-right: 20px;
    width: 540px;
}

.food_item .food_name
{
    color: #989797;
    float: left;
    font-weight: normal;
    width: 460px;
    font-size: 13px;
}

.food_item .food_price
{
    color: #B7B7B7;
    float: left;
    font-size: 13px;
    width: 70px;
    text-align: right;
}

.food_total_price
{
    color: #B0B0B0;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px;
    text-align: right;
    width: 530px;
}

div.info_time
{
    color: #B9B9B9;
    font-size: 12px;
    font-weight: bold;
    display: block;
    height: 20px;
    margin-left: 130px;
    vertical-align: central;
    float: left;
    padding-left: 30px;
    padding-top: 5px;
    background-image: url("images/art/timer2.png");
    background-repeat: no-repeat;
    background-position: left center;
}
.orderdetails{
    display:block;
}
.cartsuppliername{
    font-size:25px;
    color: rgb(64,152,244); 
    font-weight: normal;
}
.cancelorder {
    color: #888888;
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    text-decoration: underline;
}
.flash-notice {
    background: url('images/art/icon/flash-error.png') no-repeat 5px center;
    //  border-color: #FFB9B9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-style: solid;
    border-width: 5px;
    color: red;
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px 5px 10px 25px;

}

.flash-error, .flash-notice {
    background: url('images/art/icon/flash-error.png') no-repeat 5px center;
    //  border-color: #FFB9B9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-style: solid;
    border-width: 5px;
    color: red;
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px 5px 10px 25px;

}
.flash-error p{
    font-weight: bold;
    padding-left: 20px;
}

.flash-error a{
    color: green;
}

.flash-order-error {
       display: block;
    position: absolute;
    left: 470px;
    width: 100%;
    height: 50px;
    background-color: yellow;
    color: rgb(191,0,0);
    top: -66px;
    text-align: center;
}

.flash-order-error p{
    font-weight: bold;
    padding-left: 20px;
}

.flash-order-error a{
    color: green;
}
.flash-sucess
{
    background: #E6EFC2 url("images/art/icon/flash-ok.png") no-repeat 5px center;
    border: 1px solid #00FF00;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #264409;
    font-size: 1.2em;
    padding: 10px 5px 10px 25px;
    margin-bottom: 1em;
}
.restaurant-menu.normal li li:hover .food-like-button,.restaurant-menu.normal li li:hover .widget_like_text_a
{
    visibility: visible;
}
.restaurant-menu.normal li li:hover .food-like-button,.restaurant-menu.normal li li:hover .widget_like_text_b
{
    visibility: visible;
}
.restaurant-menu .food-like
{
    display: none;
    float: left;
    height: 24px;
    opacity: 0.6;
    position: absolute;
    text-align: center; 
    bottom: 0;
    margin-right: 5px;
    right: 0;

}
.restaurant-menu.normal .food-like
{
    display: block;
}
a.food-like-button
{
    background:url(images/art/like.png) no-repeat;
    display:block;
    height:16px;
    width:16px;
    float: left;
    visibility: hidden;
}
.widget_like_text_a
{

    border-color: #3B5998;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #3B5998;
    display: block;
    font-size: 11px;
    line-height: 14px;
    visibility: hidden;
    border-color: #3B5998;
    border-radius: 3px 3px 3px 3px;
    color: LightSlateGray;
    display: block;
    float: left;
    font-size: 11px;
    height: 16px;
    line-height: 14px;
    padding: 2px 6px;
    visibility: hidden;
}
.widget_like_text_b
{

    border-color: #3B5998;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #3B5998;
    display: block;
    font-size: 11px;
    line-height: 14px;
    visibility: hidden;
    border-color: #3B5998;
    border-radius: 3px 3px 3px 3px;
    color: LightSlateGray;
    display: block;
    float: left;
    font-size: 11px;
    height: 16px;
    line-height: 14px;
    padding: 2px 6px;
    visibility: hidden;
}
/*css za opent street map koji se pokazuje na hoveru adrese*/
#holdMap
{

    position: absolute;
    display: none;
    left:30px;
    padding: 40px;

}
#basicMap
{
    width: 370px;
    height: 370px;
    border: 1px solid black;
    z-index: 500;
    border:3px solid #555;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 0px 7px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.2);
}
#closeMap
{
    display: block;
    height: 30px;
    position: absolute;
    right: 23px;
    top: 23px;
    width: 35px;
    z-index: 555;
    background: url(images/art/transparent.png) no-repeat 0 -102px;
    cursor: pointer;
}
.map #holdMap-profile
{

    position: relative;
    width: 100%;  
    z-index: 1;

}
#hold_gallery
{
    padding-bottom: 10px;
    margin-left: 15px;
    margin-top: 20px;
    width: 635px;
    margin-bottom: 20px;
}

.back-to-menu-link {
    background-color: rgb(21, 176, 90);
    color: white;
    padding: 5px;
    font-size: 18px;
    padding-left: 120px;
    padding-right: 120px;
    margin-right: 11px;
}

.back-to-menu-link:hover {
   background-color: rgb(11, 116, 40); 
   color: white;
}

#holdMap-profile #basicMap
{

    width: 600px;
    height: 300px;
    z-index: 500;

    border:3px solid #fff;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
    -moz-box-shadow:    0px 0px 4px rgba(0,0,0,.4);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.4);
    box-shadow:         0px 0px 4px rgba(0,0,0,.4);
    margin: 5px;

}
.galleria-container
{
    margin: 5px 5px 15px 5px;
}
.uiGrid {
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
    float: right;
}
.widget_button_count {
    float: left;
    height: 5;
    left: 2px;
    position: relative;

    width: 5px;
    z-index: 2;
    display: block;
}
.widget_button_count s, .widget_button_count i {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #D7D7D7 transparent transparent;
    border-style: solid;
    border-width: 4px 5px 4px 0;
    display: block;
    position: relative;
}
.widget_button_count i {
    border-right-color: #FFFFFF;
    left: 2px;
    top: -5px;
}
.widget_button_count s {
    top: 3px;
}
.food-like-button 
{
    display: block;
    height: 18px;
    float: right;
    background:url(images/art/food-like-normal.png) no-repeat;	

}

.widget_button_count_count_a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D1D1D1;
    float: left;
    font-weight: normal;
    height: 14px;
    line-height: 14px;
    margin-left: 1px;
    min-width: 15px;
    padding: 1px 2px;
    text-align: center;
    white-space: nowrap;
}
.foodlikes:hover{
    background: white;
}
food-like:hover{
    background: white;
}
.widget_button_count_count_b {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D1D1D1;
    float: left;
    font-weight: normal;
    height: 14px;
    line-height: 14px;
    margin-left: 1px;
    min-width: 15px;
    padding: 1px 2px;
    text-align: center;
    white-space: nowrap;
}
.popup_food_like
{
    position: relative;
    height: 18px;
    float: right;

}
.popup_food_like .food-like-button,.popup_food_like .widget_like_text_a
{
    visibility: visible;
}
.popup_food_like .food-like-button,.popup_food_like .widget_like_text_b
{
    visibility: visible;
}
.zoomicon{ 
    background:url("images/art/png/zoom_in.png") center center no-repeat;
    border-radius: 5px 5px 5px 5px;
    height: 30px;
    margin-left: -53px;
    margin-top: 175px;
    opacity: 0.6;
    overflow: hidden;
    position: absolute;
    width: 35px;
}
.zoomicon:hover{
    opacity: 1;
}
.foodblock.add-food.wide .title{
    color: #444444;
    font-size: 24px;
    font-weight: normal;
    line-height: 28px;
    font-size: 19px;
    padding-bottom: 10px;
    margin-bottom: -2px;
    background:url("images/art/restaurant-bg.jpg") no-repeat scroll -580px 0 #FFFFFF;
}
.foodblock.add-food.wide .inner-container .title{
    background:none;
}
.foodblock.add-food.wide .inner-container .image{
    float: left;
    width: 240px;
}
.foodblock.add-food.wide .inner-container .order{

}
.foodblock.add-food.wide .inner-container .order .group{
    margin-left: 0px;
    width: 300px;
}
.foodblock.add-food.wide .inner-container .order .group .button{
    float: left;
    margin-top: 20px;
}

.foodblock.add-food.wide .inner-container .thumbs{
    width:230px;
}
.foodblock.add-food.wide .inner-container .thumbs img{
    margin-right: 8px;
    margin-top: 5px;
    width: 76px;
    height: 52px;
}

.searche_list .sort
{
    border-top-width: 0px;
}
.searche_list .sort select
{
    float: right;
    margin-top: 0px;
    margin-right: 10px;
    width: 145px;
}

.searche_list .restaurant-menu
{
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 5px;
}
.header_wdetails
{
    position: relative;
}
#user-profile
{
    margin: -15px;
    padding-right: 25px;
    width: 102.6%;
}
#user-profile.loading
{
    display: none;
}
.addfoodkomentar
{
    display: inline-block; 
    text-decoration: none;
}
.addfoodkomentar span{
    color: #A67C52;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    padding: 2px 0;
    text-align: center;
    vertical-align: top;
    padding-right: 5px;
}
.addfoodkomentar img{
    margin: 1px 0
}
.popup_food_like .separator
{
    background: url("images/art/nav-separator2.png") no-repeat scroll center center transparent;
    float: left;
    height: 16px;
    line-height: 16px;
    margin: 0 5px;
    padding: 0 5px;
    width: 1px;
}
.restauran-share
{
    color: #FFF;
    float: right;
}
.restauran-share a
{
    color: #FFFFFF;
    float: right;
    font-weight: bold; 
    text-decoration: none;
    margin-right:10px;line-height: 11px;   color: #A67C52;
    float: right;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    margin-right: 10px;
    text-align: center;
}
.sidebarinner{
    background: url("images/art/filter-gradient-b.png") repeat-x scroll 0 100% transparent;
}
.noorders{
    margin:0 auto;
    text-align: center;
}
.bodovi-box{
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 5px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-align:center;

    padding:5px;
}
.widget_like_text_a:hover{
    color: #333333;
    text-decoration: none;
}
.widget_like_text_b:hover{
    color: #333333;
    text-decoration: none;
}

.contact-info
{
    float: right;
    width: 40%;
}

.contact-form
{
    float: left;
}

.box-aff-bod
{
    font-size: 36px;
    font-weight: bold;
    padding-top: 5px;
    display: block;
}

.box-aff-note
{
    font-size: 9px;
    font-weight: normal;
    padding-top: 2px;
    display: block;
}

.bodovi-box a
{
    color: #666666;
    text-decoration: none;
}

.bodovi-box a:hover
{
    color: #CE0F05;
    text-decoration: none;
}

.prep-mail
{
    width: 288px;

}

.ingredients a:hover{
    color:red;
    font-size:15px;
    font-weight: bold;
}
.tanjir-pager ul.yiiPager .selected a {
    background:lightgray;

}
.tanjir-pager ul.yiiPager a:link, ul.yiiPager a:visited {
    border:1px solid darkred;
}
.tanjir-pager ul.yiiPager a:link, ul.yiiPager a:visited {
    color:darkred;
}
.tanjir-pager{
    float:right;
}
.blog-news
{
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;

}
.blog-news h2
{
    background: url("images/art/gradient-color-x.png") repeat-x scroll 0 0 #CBBCAB;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    padding: 10px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
}
.blog-news a
{
    background: url("images/art/filter-gradient-b.png") repeat-x scroll 0 100% transparent;
    min-height: 42px;
    display:block;
    padding: 5px;
    text-decoration: none;
    color: #666;
    background-color:#EEE5D9;
    position: relative;
}
.blog-news a:after
{
    clear: both;
    display: block;
}


.blog-news .blog-image
{
    width: 50px;
    float: left;
}

.blog-news .blog-title
{
    float: left;
    width: 120px;
    position: relative;
    height: 40px;
}
.blog-news .blog-title span
{
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    font-size: 11px;
}
.is-close
{
    background: url("../../images/art/zatvoreno.png") no-repeat scroll 0 0 transparent;
    height: 111px;
    margin-right: -4px;
    margin-top: 63px;
    opacity: 1;
    position: absolute;
    left: 4px;
    width: 152px;
    top: 30px;
}

.is-close-s
{
    background: url("../../images/art/zaprto.png") no-repeat scroll 0 0 transparent;
    height: 111px;
    margin-right: -4px;
    margin-top: 63px;
    opacity: 1;
    position: absolute;
    left: 4px;
    width: 152px;
    top: 30px;
}
.not-delivering
{
    background: url("../../images/art/ne_dostavlja.png") no-repeat scroll 0 0 transparent;
    height: 111px;
    margin-right: -4px;
    margin-top: 63px;
    opacity: 1;
    position: absolute;
    left: 4px;
    width: 175px;
}
.col1 .has_map
{
    background: url("images/art/map.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:20px; 
}
.info-img
{
    position: absolute;
    right: 0;
    top: 5px;
    opacity: 0.6;
    height: 16px;
    width:16px;
    background: transparent url("images/art/info-clock.png") no-repeat;
}
.info-img:hover
{
    cursor: pointer;
}

.tip {
    width: 212px;
    padding-top: 37px;
    display: none;
    position: absolute;
    background: transparent url("images/art/tipTop.png") no-repeat top;
    z-index: 99999999999;
    color: #B1824E;
    font-size: 13px;
    font-weight: bold;

}

.tipMid {background: transparent url("images/art/tipMid.png") repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url("images/art/tipBtm.png") no-repeat bottom; height: 32px;}
.restaurant_confine
{
    background: none repeat scroll 0 0 #777777;
    font-weight: bold;
    padding: 2px;
}
.restaurant_header_confine
{
    background: none repeat scroll 0 0 #E6E0E0;
    font-weight: bold;
    padding-top: 1px;
}


.my_affilate_text
{
    margin-bottom: 20px;
}
.my_affilate_text p
{
    font-size: 12px;
    color: #000000;
    line-height: 25px;
    text-align: center;
}
.my_affilate_title
{
    color: #A30D04;
    font-size: 14px;
    font-style: italic;
    height: 12px;
    margin-bottom: -12px;
    text-align: center;
}
.aff_button
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 190px;
}
.image .slike
{
    position: relative;
    display: block;
}
.profile_img_zoom
{
    background: url("images/art/png/zoom_in.png") no-repeat scroll center center transparent;
    cursor: pointer;
    height: 30px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top:125px;
    width: 35px;
    z-index: 10;
}

.left404
{
    float: left;
    width: 555px;
    margin: 25px 10px 25px 5px;
    font-size: 17px;
    color: #2a2a2a;
}
.left404 a
{
    text-decoration: none;
    color: #B90D04;
}
.items_hold
{
    margin-top: 50px;
}
.s_food_item
{
    position: relative;
}
.s_food_item p
{
    color: #C9C7C7;
    font-size: 13px;
    font-weight: bold;
    padding: 2px;
}
.s_food_item img
{
    border: 4px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    float: left;
}
.s_food_item .s_food_name 
{
    float: left;
    padding-left: 10px;
    font-size: 20px;
}
.s_food_name a
{

    color: #2a2a2a;
}


.right404
{
    float: left;
    background: url("images/art/404_tanjir.png") no-repeat scroll center center transparent;
    display: block;
    height: 174px;
    width: 334px;
}

h3.not-found-best
{
    background: none repeat scroll 0 0 #777777;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.affiliate_banner
{
    background-color: #EFEFEF;
    border-top: 1px solid #A30D04;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
}
.webmaster-banner-title
{
    color: #A30D04;
    font-size: 14px;
    font-style: italic;
    padding: 10px 0;
}

.webmaster-banner-text
{
    margin: 5px 0;
    width: 80%;
}

.show-images_:hover
{
    cursor: pointer;
}

a.fbloginstyle {
   background: url(../../images/art/fb-connect2.png) repeat-x 0 0;
    text-decoration: none;
    padding: 7px 4px 10px 30px;
    text-decoration: none;
    margin-top: -12px;
    color: white;
    font-size: 14px;
    border: 1px solid white;
  
}

a.fbloginstyle:hover {
    background: url(../../images/art/fb-connect2_hover.png) repeat-x 0 0;
    color: white;
    text-decoration: none;
}

a.fbloginstyle.fbbig {
    display: block;
   
    text-align: center;
        height: 33px;
}
.fb-unregistred {
    width:145px;
}
.restaurantlist .footer .link-menu-color
{
    color: green;
}
.restaurantlist .footer .link-menu-color:hover
{
    color: green;
    text-decoration: underline;
}

.meta.info.col1 a {
    color: inherit;
    font-size: inherit;
    text-decoration: inherit;
    font-weight: inherit;
}
.preview_order 
{
    margin: 15px 0 15px 0;
    padding-bottom: 15px;
}

.social-move-up {
    display:inline-block;
}
.content-left
{
    float: left;
    width: 500px;
}
.content-left a:hover,.cancelGo:hover
{
    text-decoration: underline !important;
}
.content-left.full
{
    width: 100%;
}
.content-right
{
    float: right;
}
.content-right #order .inner
{
    min-height: 120px;
}
.content_red
{
    font-size: 20px; 
    padding: 20px;
}
.content_red  p.red
{
    color: #B90D04;
}
.content_red  p.black
{
    color: #10100F;
    font-size: 20px;
    padding-top: 20px;
}
.content_action
{
    margin-top: 5px; 
    display: block;
}
.content_action .large,.content_action a
{
    width: 150px;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}
.content_action a
{
    margin-top: 15px;
}
.counter_contact
{
    float: left;
    font-size: 24px;
    font-weight: bold;
    padding: 10px 30px 10px 30px;
    border: 1px solid #10100F;
}
.supplier_acept p
{
    color: #10100F;
    font-size: 17px;
}
.supplier_acept .underline
{
    text-decoration: underline;
    color: #10100F;
    font-weight: bold;
    margin-bottom:20px;
    font-size: 20px;
}
.order-food-not
{
    background: url(images/art/food_decline.png) 50px center repeat-x;
    margin-left: 2px;
    margin-right: 2px;
}
.cancelorder-contact
{
    background: none repeat scroll 0 0 white;
    border-width: 0;
    color: #888888;
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    text-decoration: underline;
    float: left;
    margin-right: 10px;
    margin-top: 15px;
    width: 120px;
    font-weight: bold;
}
.cancelorder-contact:hover
{
    cursor: pointer;
}
.previw_order_no
{
    margin-top: 30px;
    color: #B90D04;
    min-height: 350px;
    font-size: 18px;
}

.disabled:hover
{
    cursor:default !important;
    opacity: 0.5;
}

.dialog-text{
    font-size:13px!important;
}

.relate_group
{
    display: none;
}

.activeOGroup
{
    display: block;
}
.refuse_go input:hover{
    cursor: pointer;
}
#register-form li label{
    color:black!important;
}
#confirm-order li label{
    padding: 10px;
    color:black!important;
}
.group_delete{
    background: url("food_disable.png") no-repeat scroll left center transparent;
}
.reg-email-note{
    color:#CE0F07!important;
    font-size:12px!important;
    font-weight: bold!important;
}
.promo_ponude{
    background:#fbf6ce;color:#ba0d06;font-size:12px;
}
.promo_ponude h3{
    background: #b90c05;
    border-bottom: 2px solid #FFFFFF;
    border-top: 2px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.promo-ponuda span{
    font-weight: bold;
    font-size:16px;
    color:#000;
}
.promo_ponude .promo-ponuda{
    border-top:2px solid #c1b09e;
    padding-left: 15px;
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.top_banner
{
    margin-bottom: 10px;
    margin-top: -10px; 
    margin-left:auto;
    margin-right:auto;
    position: relative;
    text-align: left;
    width: 980px;

}
.top_banner_close
{
    background: url("images/art/x.png") no-repeat left bottom;
    height: 15px;
    width: 15px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.top_banner_close:hover
{
    cursor: pointer;
}
.custom-select
{
    float: left;
    font-size: 14px;
    font-weight: bold; 
    left: 180px;
    height: 30px;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;

    margin: 0;
}
/**
        ufd, prepravio za city select
*/
.ufd {
    display: -moz-inline-stack;
    display: inline-block;
    position: relative;
    white-space: nowrap;
}

.ufd,
.ufd input,
.ufd button,
#ufd-container div.list-scroll,
#ufd-container div.list-wrapper,
#ufd-container ul,
#ufd-container li  {
    border: 0;
    margin: 0;
    padding: 0;

}

.ufd,
.ufd button,
#ufd-container div.list-scroll,
#ufd-container div.list-wrapper,
#ufd-container ul,
#ufd-container li {
    overflow: hidden;

}

.ufd select,
#ufd-container .invisible,
.ufd.invisible {
    display: none;
}

.ufd input,
.ufd button {
    position: relative;
    float: left;


    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.ufd button.disabled {
    cursor: default;
}

.ufd input.disabled {
    color: graytext;
}

#ufd-container div.list-wrapper {
    position: absolute;
}

#ufd-container ul {
    list-style-type: none;
    background-color: #EEEEEE;
}

#ufd-container li {
    cursor: pointer;

    display: block;
    white-space: nowrap;
}

span.ufd.city {
    height: 18px;
    background-color: #EBEBEB;  

    height:30px;
    //-webkit-border-radius:  5px;
   // -moz-border-radius:     5px;
    //border-radius:          5px;

    margin: 0px;
}

span.ufd.city-focus {
    background-color: #EBEBEB;
}

.ufd.city input {
    line-height: 16px !important;
    height:28px;
    padding: 1px 3px;
    border: 0px;
    background-color: #DFDFDF; 
    font-size: 14px;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
    color: black;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-indent: 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    box-sizing: content-box;

}

.ufd.city input.disabled {
    color: #ccc;
    background-color: gray !important;
}

.ufd.city input.focus {
}

.ufd.city button {
    width: 30px;
    height: 30px;
    margin-left: 1px; /* for divider */
    background: url(images/art/icon.png) no-repeat 0px 0px;
    border-left: 1px solid #B5B5B5;
}

.ufd.city button.focus {
}

/*
.ufd.city button.hover {
        background-position: -18px 0px;
}

.ufd.city button.mouseDown {
        background-position: -36px 0px;
}

.ufd.city button.disabled {
        background-position: -54px 0px !important;
}
*/
/* dropdown */

#ufd-container .city div.list-scroll {
    border: 1px solid #757888;
    border-top-width: 0px;
    background-color: #FFF;
    font-family:Arial, Helvetica, sans-serif;
    width: 180px !important;

}

#ufd-container .city div.list-wrapper-up div.list-scroll {
    border-top-width: 1px;
    border-bottom-width: 0px;
}

#ufd-container .city li {

    padding: 6px 0 6px 10px;
    font-family:Arial, Helvetica, sans-serif; 
    text-align: left;
    font-weight: bold;

    text-shadow:0 1px 0 rgba(255,255,255,.5);
    line-height: 16px;
    font-size: 12px;


    color:#666;
    border-top:1px solid #ccc;
    background:#eee;
}

#ufd-container .city li em {
    font-weight: bold;
    font-style: normal;
}


#ufd-container .city li.active {
    color:#222;
    background-color:#ddd;
}

/* **************** */
.location-filter .menu
{
    position: relative;
}
.total .discount_old
{
    font-size:12px;
}
.total .discount_red
{
    color: #B20E05;
}
.popup.add-food .ingredients b {
    font-weight: bold;
}
.profile-food-details
{
    float: right;
    width: 300px;
}
.profile-food
{
    border: none !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.facebook-share
{
    margin: 10px 0 5px 0;
    float: left; 
    margin: 10px 0 5px;
    width: 100%;
}
.round-content
{
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
}

.linkovi_blog {
    text-decoration:none; color:#666;
}
.pregledaj_sve_link {
    text-decoration: none;
}

.blog_overlay {
    font-weight: bold; 
    height: 40px; 
    background: url("../../images/art/filter-gradient-b.png") repeat-x scroll 0 100% transparent;  
    padding:2px;
}

.blog_image {
    width: 40px; 
    height: 40px; 
    float:left;
}

.blog_title {
    font-weight:100;
    font-family:sans-serif;      
}

.najnoviji-clanci {
    width: 200px;
    line-height: 1.5;
    font-size: 11px;
    margin-top: 12px;
}

.recepti-blog, .teme-blog {
    width: 200px;
    float: left;
    margin-right:100px;
    font-family:sans-serif;
    margin-left: 10px;
}
.pregledaj_sve {
    font-weight:bold;
    font-size:11px;
    color:rgb(129,125,120);
}

.b_title {
    font-family: 'helvetica';
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;

}

.b_intro {
    float: right;
    width: 760px;
    height: 150px;
    font-family: 'helvetica';
    font-size: 12px;
    text-align: justify;
    line-height: 22px;
    overflow: hidden;
    padding-top:25px;
}

.bs_intro {
    float: left;
    font-family: "helvetica";
    font-size: 12px;
    height: 150px;
    line-height: 22px;
    overflow: hidden;
    padding-left: 112px;
    padding-top: 5px;
    text-align: justify;
    width: 300px;
}
.b_saznaj {
    float:right;
}

.bs_saznaj {
    bottom: 50px;
    float: right;
    position: relative;
}

.b_glavni {
    float:left;
}

.b_glavna_slika {
    width:150px; 
    height:150px; 
    float:left;
    position:absolute;
    margin-top: 25px;
}

.bs_glavna_slika {
    width:100px; 
    float:left;
    position:absolute;
    margin-top: 25px;
}

.blog-container {
    height: 200px; 
    margin-top: 30px;
}

.blog-title1 {
    padding-bottom: 15px;
    font-size: 22px;
    font-family: 'helvetica';
    font-weight: italic;
    text-transform: uppercase;
    text-shadow: 2px 2px 1px #ddd;
}
.blog-content {
    font-family: Arial,Tahoma,Century gothic, sans-serif;
    color: #161514;
    font-size: 13px;

    line-height: 24px;
    text-align: justify;
}

.intro {
    font-style: italic;
}

.blog-position {
    padding-top:20px;padding-bottom:20px;margin-bottom:10px;
}

.view-all h1 {
    font-weight:bold;
    font-size:14px;
}
.line-separator{
    height:1px;
    background:#e4e4e4;
    border-bottom: 0.5px solid;
    margin-top: 5px;
    margin-bottom: 5px;
}
.objava {
    text-transform: uppercase;
    font-size:9px;
}
.alergeni
{
    margin-top: 10px;
}
.col-md-20_0
{
    float: left;
    width: 20%;
    padding-top: 8px;
}
.col-md-47_8
{
    float: left;
    width: 47.8%;
    padding-top: 8px;
}

.col-md-32_2{
    position:absolute;
    right: 0;
}

/*
.col-md-32_2{
    float: left;
    width: 32.2%;
}
*/
#twitter-div {
    border-radius: 4px; /* to mimic the curved edges of the count box */
    border-right: 1px solid #AAAAAA; /* this is the width and color of the count box border */
    height: 20px; /* this height works for the medium button */
    width: 82px; /* precise width to hide the word */
    overflow: hidden; /* actually hides the word */
    display: inline-block;
}
.login-register-div
{
    height: 40px;
}
.login-link{
    cursor: pointer;
    color:#fff;
    padding:5px 10px;
}
.login-separator{
    color:#fff;
    padding:5px 0;
}
.fb-login-div{
    display: inline-block;
    margin-right: 10px;
    width: 75px;
}
.lost-password-link, .register-link{
    display: block;
    padding-top: 15px;
    font-size: 13px;
    text-align: center;
    color: black;
    text-decoration: underline;
}
.home-statistic{
    margin-bottom: 10px;
    background: white;
    height: 60px;
    text-align: left;
    padding-top: 22px;
    padding-bottom:10px;
    box-shadow: 0px 1px 10px #000;
    -moz-box-shadow: 0px 1px 10px #000;
    -webkit-box-shadow: 0px 1px 10px #000;
    border-bottom: 1px solid black;
}
.home-statistic ul{
    list-style-type: none;
}
.home-statistic ul li{
    display: inline;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-left: 10px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px;
    color: #333232;
    cursor: pointer;
}

.home-statistic ul li a {
    padding-top: 13px;
    padding-bottom: 13px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

.home-statistic.small-padding ul li a{
    padding-left: 3px;
    padding-right: 3px;
}

.home-statistic ul li.active{
    background: #252525;
    color: white;
    margin-left: 0;
}
.home-statistic ul li:hover{
    background: #ccc;
    color: white;
}
.home-statistic ul li.active a{
    color: white;
}
.home-statistic ul li.active a:hover{
    color: white;
}
.home-statistic ul li a{
    color: #333232;
}
.home-statistic ul li a:hover{
    color: #333232;
}
ul.food-filter-dropdown
{
    display: none;
    background: #ccc;
    border-radius: 0 5px 5px 5px;
    margin-top: -5px !important;
}
ul.food-filter-dropdown li:hover{
    background: none;
}
ul.signin.menu li ul{
    display: none;
}
ul.food-filter-dropdown li a {
    display: inline-block;
    width: 220px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 7px;
    padding-left: 10px;
    margin-right: -8px;
}

ul.food-filter-dropdown li a:hover{
    color: white;
}

ul.food-filter-dropdown li{
    display: inline-block;
    padding: 0px;
    margin-left: 0px;
    margin-right: 8px;
}

.home-food-count
{
    font-size: 15px;
    font-weight: bold;
    color: #a1120b;
}
.placanje_div
{
    font-size: 15px;
}

.fb-move-right {
    display: block;
    float: right;
}

.fb-page {
    z-index: 1;
}
.block-city-search-info
{
    background: #777777;
    color: white;
}

.contact-data-signed {
   font-size: 20px;
    padding: 5px;
    line-height: 25px;
    font-weight: bold;
    background-color: rgb(197,224,180);
    color: black;
    width: 460px;
}

.contact-data-signed .email-contact {
    font-weight: normal;
    font-size: 75%;
}

.data-position-signed {
    float:right;
}


.social-buttons-joined {
    float: left;
    background-color: antiquewhite;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 0px;
    font-size: 20px;
    text-align: -webkit-center;
    width:180px;

}

.social-buttons-joined a {
    color:black;
}

.social-buttons-joined a:hover {
    text-decoration: none;
}

.supplier_work_time {
    top: 115px;
}

.hidden-seo-url {
    color:black;
}
.hidden-seo-url:hover {
    text-decoration:none;
}

input#ls-free-delivery-checkbox[type=checkbox]:checked ~ .ls-free-delivery
{
    display: block;
}

.ls-free-delivery
{
    display: none;
}

.food_hold {
    padding-left: 12px;
    padding-right: 12px;
}

.ordering_1, .ordering_2 {
    color: orange;
    width:25px;
}


.ordering_3, .ordering_4, .ordering_5 {
    color: green;
    width:25px;
}

.ordering_7, .ordering_6 {
    color:red;
    width:25px;
}


.orderID {
    background-color:green !important;
    border:1px solid green !important;
}

.active-address {
    background-color: rgb(226,240,217);
        width: 460px !important;
}

.order-info-left {
    position: relative;
}

.delivery-time-price .name {
   // color:red;
}

.delivery-time-price .price {
  //  color:red !important;
}

#placanje {
min-width: 100px;
}

.no-favorites {
    font-size: 14px;
    background-color: #FFF;
    padding: 10px;
    margin: 10px;
    box-shadow: 0px 0px 9px 0px #000;
}

.fav-box {
    min-height:500px;
}
.validation-error p{
    color:red
}

#login-form {
    position: relative;
}
.loginRememberMeCheckBox {
   position: relative;
   left: 10px;
   top: 2px;
}
.loginRememberMeCheckBox.moveLeft
{
    float: left !important;
   width: 111px !important;
}

.required.password {
    padding-bottom: 10px;
}

.prijavi_me_login {
    width: 240px;
    height: 30px;
}

.separator {
    border-top: 1px solid #d8dfe5;
  margin: 30px 0;
  height: 0;
  width: 240px;
}

.separator span {
  background-color: #fff;
  position: relative;
  top: -7px;
  padding: 0 5px;
  text-transform: uppercase;
  font-weight: 700;
  color: #b0becb;
  left: 45px;
  font-size: 13px;
}

.normalform.two-column .text.wider {
  width: 240px;
}

.forgotten-password a {
	top: 3px;
	position: relative;
}

.prijave
{
	margin-top: 14px;
}

.padding_fb
{
	margin-top: 10px;
}

.pluginButtonPressed, .pluginButtonPressed:hover {
  opacity: 1 !important;
}

.search-query
{
    display: none;
}

.white-background {
    width:47px; 
    height:20px;
    background-color:white;
    position:absolute; 
    left:122px;
    top:50px;
    border-radius:3px;
}

.location_info{
    font-size: 35px;
    padding: 10px;
}

#food-search-dropdown{
    display: none;
}

.favorite-search{
    margin-top: 30px;
}

.header-phone-rest {
    margin-top: -5px;
    color: #FFF !important;
    margin-right: -20px;
}

.button-remember-left {
    visibility:hidden;
    margin-top:-25px;
}

.flash-notice p {    
    padding-left: 20px;
    font-weight: bold;
    margin-top: 5px;
    font-size: 14px;
    color:red;
}

#loginlinkdiv {
    background: rgb(21,176,90);
    margin-top: -7px;
    font-size: 14px;
    width: 75px;
    text-align: center;
    border: 1px solid white;
    height: 33px;
}

#loginlinkdiv:hover {
    background:rgb(11,116,40);
}
.login-position {
        position: relative;
    top: 70px;
    left: 85px;
}
.lost-password-center {
    background-color: rgb(231,242,226);
    padding: 20px;
    text-align: center;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.form-control-custom-lost-pass {
    text-align: center;
}

.pass-error, .pass-success, .pass-success2 {
        padding: 2%;
    color: red;
    font-size: 12px;
}
.pass-success, .pass-success2 {
    color:green;
    text-align: center;
    padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
    font-size: 14px;
}

li .label_register {
        font-size: 14px;
}
.login-center {
       margin-left: auto;
    margin-right: auto;
    width: 270px;
    background-color: rgb(231,242,226);
    padding: 10px;
    padding-bottom: 20px;
    height: 100%;
}

#login-form label, #login-form .errorMessage {
        padding-top: 15px;
}

#login-form .text, .login-center fieldset, .login-center .login-button {
    width: 250px;   
}

#login-form label {
    text-align: center;
}

#login-form .login-button {
    height: 35px;
}

.register-text {
    font-size: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-weight: bold;
    color: black;
}

.signin.menu{
    min-width: 165px;
    text-align: center;
    font-weight: bold;
}

#profil-menu-ime-prezime{
    color: yellow !important;
    font-size: 14px;
    border: 1px solid yellow;
}

.signin.menu ul li{
    background: #e7e6e6;
    margin: 1px;
}

.signin.menu ul li.selected{
    background: yellow;
}

.profil-menu-stavka{
    color: black !important;
}

#profil-menu-moj-profil{
    font-size: 14px;
}

.signin.menu .dropit-submenu{
    min-width: auto;
    width: 100%;
    background: white;
    border: 1px solid yellow;
    border-top: none;
    right:0;
}

.profil-border-right{
    border-right: 2px solid black;
}

.profil-border-left{
    border-left: 2px solid black;
}

.profil-naslovi{
    font-size: 14px;
    font-weight: bold;
    color: black;
}

.profil-user-form{
    background: #c5e0b4;
}

.profil-address-form-default{
    background: #c5e0b4;
}

.profil-address-form-other{
    background: #e2f0d9;
}

.profil-password-form{
    background: #fbe5d6;
}

.profil-box{
    width: 100%;
    margin-top: 10px;
    padding: 20px;
    padding-top: 22px;
}

.profil-box-address{
    width: 100%;
    margin-top: 10px;
    padding-top: 0;
}

.profil-box label{
    color: #a7a8a6;
    font-size: 16px;
    display: block;
}

.profil-box input, .profil-box select{
    margin-bottom: 10px;
    font-size: 16px;
}

.profil-default-address-label, .profil-delete-address{
    margin-top: 3px;
    padding-bottom: 3px;
    font-size: 16px;
}

.profil-delete-address a{
    color: red;
    font-size: 14px;
    font-weight: bold;
}

.profil-address-right-border{
    border-right: 2px solid black;
}

.profil-add-new-address{
    margin-top: 5px;
}

.profil-add-new-address a{
    font-size: 16px;
    font-weight: bold; 
    color: #a7a8a6;
}

#profil-new-address-template{
    display: none;
}

.profil-set-main-address{
    padding-right: 5px;
    display: inline;
    font-size: 14px;
    font-weight: bold;
}

.profil-default-address-label input{
    margin-bottom: 0;
}

#profil-delete-contact-dialog, 
#profil-set-default-contact-dialog,
#profil-dialog-confirm,
#profil-dialog-deny
{
    display: none;
}

.profil-box .errorMessage{
    color: red;
}

.profil-login-button{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.preview-order-type-3,
.preview-order-type-4,
.preview-order-type-5,
.preview-order-type-12,
.preview-order-type-13,
.preview-order-type-14
{
    border: 3px solid rgb(0, 160, 67);
    padding: 20px;
}

.preview-order-type-1,
.preview-order-type-2,
.preview-order-type-10,
.preview-order-type-11,
.preview-order-type-19,
.preview-order-type-20
{
    border: 3px solid rgb(255, 178, 67);
    padding: 20px;
}

.preview-order-type-6, 
.preview-order-type-15{
    border: 3px solid rgb(180, 37, 23);
    padding: 20px;
}

.orderpreview-date{
    font-size: 16px;
}

.order-preview-one-food-item{
    font-size: 15px;
    color: black;
    padding-left: 10px;
    text-align: left;
}

#order .total{
    color: black;
}

.profil-address-form-default .profil-row-contact-default{
    display: block;
}

.profil-address-form-default .profil-row-contact-other{
    display: none;
}

.profil-address-form-other .profil-row-contact-default{
    display: none;
}

.profil-address-form-other .profil-row-contact-other{
    display: block;
}

.profil-address-left-border{
    border-left: 2px solid black;
}

.inputError{
    background: yellow;
}

.profil-message-success, .profil-message-danger{
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.profil-message-danger{
    background: yellow;
    color: red;
}

.profil-box .form-control{
    margin-bottom: 0;
}

.profil-box label{
    margin-top: 10px;
}

#Ssuser_repeat_pass{
    margin-top: 10px;
}

#order.thankyou-page-order .group{
    text-align: center;
}

#order.thankyou-page-order .thankyou-page-options{
    font-size: 14px;
    color: gray;
    margin-bottom: 5px;
}

.pass-success a {
    color: black;
    text-decoration: underline;
}

#fb-register {
     height: 32px;
    float: left;
    margin-top: 20px;
    margin-left: 32%;  
}

#fb-register .fb-register-text {
    float: left; 
    padding-right: 20px; 
    padding-left: 25px;
    font-size: 15px;
    padding-bottom: 15px;
    font-weight: bold;
    color: black;
}

#fb-register .fb-register-button {
  width: 75px; 
  float:left;  
}

.register-screen {
        float: left !important;
         margin-left: 25% !important;
         width: 500px !important;
         background-color: rgb(231,242,226);
         padding: 15px;
         border-bottom: 1.5px solid black;
}

.terms-of-use {
    width: 33% !important;
    padding-left: 2%;
    font-size: 11px;
    font-weight: bold;
}

#address .signed-radio {
margin-top: 3px;
}

.user_address {
    margin-left: 0px !important;
    text-transform: lowercase;
}

.flash-success-register {
    width: 100%;
    height: 35px;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #3c763d;
    background-color: #dff0d8;
}

.flash-noorder-error {
    display: block;
    position: absolute;
    right: 470px;
    width: 100%;
    height: 50px;
    background-color: yellow;
    color: rgb(191,0,0);
    text-align: center;
    padding: 10px 5px 10px 5px;
}

.flash-noorder-error p {
    color: rgb(191,0,0);
    font-weight: bold;
    font-size: 14px;
}

.fb-like{
    width: 48px;
    margin-right: 42px;
    border-radius: 2px;
    background: #3b5998 none repeat scroll 0 0;
}

#profil-menu-administracija{
    background: yellow;
}

.inacive-rest-num {
    padding:10px;
    font-size:14px;
}

.inacitve-title {
    font-size:20px;
    font-weight:bold;
    padding:10px;
}

.arhiva {
    float: right;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.korisnik-div {
    width: 200px;
    height: 370px;
    float: left;
}

.adrese-div {
    width: 325px;
    float: right;
}

.jelovnikBlogLink {
   font-size: 24px;
   width: 570px;
   float: left;
   position: relative;
   top: 20px;
}