.label { padding:1px 5px; }
.item { border-bottom:1px solid #EEE; border-right:1px solid #f2f2f2; border-left:1px solid #EEE; padding:0px 10px; }
.item .in { display:block; padding:5px 0px; font-size:16px; letter-spacing:-1px; line-height:50px;  } 
.item .in .nazev { display:inline-block; overflow:hidden; line-height:1; max-width:180px; white-space:nowrap; }
.item a { font-size:20px; color:#FFF; color:#6fddd5; display:inline-block; padding:0px 0px; text-align:center; width:50px; margin-right:1px; cursor:pointer; }
.portfolio-filter > li a { border-radius:0px; color:#6fddd5; margin-top:10px; margin-right:10px; }
.form-group .stitky { display:inline-block; margin-right:5px; font-size:12px; text-align:center; }
.form-group .stitky label { border-radius:0px; cursor:pointer; font-weight:normal; }
.form-group .stitky input[type=checkbox] { display:none; }
.form-group .stitky input[type=checkbox]:checked + label { background:#6fddd5; color:#FFF; border:1px solid #6fddd5; }
.panel-collapse .stitky { margin-left:0px; padding-left:0px; }
.panel-collapse .stitky li { list-style:none; background:#6fddd5; color:#FFF; display:inline-block; line-height:25px; padding:0px 10px; text-align:center; margin-right:5px; }
.recept ul { padding-left:0px; }
.suroviny-form label, .suroviny-form input { display:inline-block; border-radius:0px; }
.suroviny-form input { width:60px !important; padding:7px 5px !important; }
.suroviny-form .jednotka { width:15px !important; line-height:25px; display:inline-block; margin-left:5px; }
.suroviny-form label { line-height:27px; padding:0px 0px; margin-right:-5px; font-weight:normal; }
.suroviny-form .form-group { margin-bottom:5px; }
.suroviny-form { margin-bottom:30px; }
.surovina { margin:0px !important; }
.portfolio-items .form-group { margin-bottom:2px; }
.portfolio-item, #recent-works .col-xs-12.col-sm-4.col-md-3 { padding: 0px 2px; }
.panel .ikon { display:inline-block; background:#CCC; line-height:25px; width:25px; text-align:center; margin:-5px; }
.active .sdilet { color:#FFF; }
.najit-form { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #EEE; }
.najit-form .btn-primary { margin-top:0px !important; border:1px solid #6fddd5; }
.najit-form input { border-radius:0px; }
/* autocomplete */
#find .ui-autocomplete-loading { background: white url('/images/ui-anim_basic_16x16.gif') right center no-repeat; }
.ui-autocomplete.ui-menu { background:#FFF; box-shadow:0px 10px 10px #CCC; border:1px solid #EEE; border-top:none; }
.ui-autocomplete.ui-front { z-index:1010; }
.ui-autocomplete a img { height:30px; width:30px; margin-right:5px; background: center center no-repeat; float:left; background-size:  auto 100%; }
.ui-autocomplete-category { padding:1px 5px; font-size: 15px; margin-top:15px; }
.ui-autocomplete.ui-menu .ui-menu-item { font-size:14px; float:none; }
.ui-autocomplete.ui-menu .ui-menu-item a { padding:10px 10px; border-bottom:1px solid #EEE; line-height:1; color:#999; }
.ui-autocomplete.ui-menu .ui-menu-item a:last-child { border:none; }
.ui-autocomplete.ui-menu .ui-menu-item a small .sleva { color:#C00; }
.ui-autocomplete.ui-menu .ui-menu-item a small { display:block; color:#444; font-size:12px; }
.ui-autocomplete.ui-menu .ui-menu-item.zbozi a { height:30px; }
.ui-autocomplete .ui-menu-item .ui-state-focus { background:#EEE; }
.dropdown-menu { border:1px solid #EEE; border-radius:0px; }
.dropdown-menu a { padding:7px 10px !important; }
.dropdown-menu a:hover { background: #6fddd5; color:#FFF !important; }
.cleaner { clear:both; }
.media { padding:10px; border-top:1px solid #EEE; border-left:1px solid #EEE; }
.media-object { width:64px; height:64px; background-size:cover; background-position:center center; margin-right:20px; }
.media-body { display: table-cell; vertical-align: top; width: 10000px; height:70px; }
.media-body h4 { border-bottom:0px; }
.media-left { display: table-cell; vertical-align: top; }
.poznamka { color: #999; font-size:11px; }
.nakupni .poznamka { position:absolute; left:10px; top:20px; }
.alert { padding:5px; margin-bottom: 5px; border: 1px solid transparent; border-radius: 4px; font-size:13px; }


/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper { position: absolute; top: 0; right: 0; left: 0; z-index: 20; }
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container { padding-right: 0; padding-left: 0; }
.navbar-wrapper .navbar { padding-right: 15px; padding-left: 15px; }
.navbar-wrapper .navbar .container { width: auto; }
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */  

/* Carousel base class */
.carousel { margin-bottom: 60px; min-height:500px; padding:0px 5%;  }
/* Since positioning the image, we need to help out the caption */
.carousel-caption { z-index: 10; }
/* Declare heights because of positioning of img element */
.carousel .item { margin:20px 0; border:none; }
.carousel .item h1 { text-align:center; background:#efefef; padding:10px; font-size:20px; }
.carousel .item h2 { text-align:center; color:#000; }
.carousel .item img { margin-left:20px; margin-bottom:20px; } 
.carousel-control { width:5%; }
.carousel-control.left, .carousel-control.right { background:none; }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { color:#6fddd5; box-shadow:none; }
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 { margin-bottom: 20px; text-align: center; }
.marketing h2 { font-weight: normal; }
.marketing .col-lg-4 p { margin-right: 10px; margin-left: 10px; }
/* Featurettes
------------------------- */

.featurette-divider { margin: 80px 0; /* Space out the Bootstrap <hr> more */ }
/* Thin out the marketing headings */
.featurette-heading { font-weight: 300; line-height: 1; letter-spacing: -1px; }

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
 margin-top: 20px;
}
 .navbar-wrapper .container {
 padding-right: 15px;
 padding-left: 15px;
}
 .navbar-wrapper .navbar {
 padding-right: 0;
 padding-left: 0;
}

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
 border-radius: 4px;
}

  /* Bump up size of carousel content */
  .carousel-caption p {
 margin-bottom: 20px;
 font-size: 21px;
 line-height: 1.4;
}
 .featurette-heading {
 font-size: 50px;
}
}
 @media (min-width: 992px) {
 .featurette-heading { 
 margin-top: 120px;
}
}

.recepty  { border-right:1px solid #EEE; border-bottom:1px solid #EEE; }
.recepty .media { padding:5px; }
.recepty .media-heading { padding-bottom:0px; font-size:15px; line-height:18px; color:#333; margin-bottom:0px; }
.recepty .media-body { height:auto; overflow:hidden; }
.recepty .vyber { float:left; display:block; width:20px; margin-right:10px; line-height:18px; text-align:center;  }

.jidelnicek th { background:#6fddd5; color:#000; }

.nakupni { border-top:1px solid #EEE; }

@media print { 
	.content  { margin-top:-20px; padding:0px; margin:0px 1.5cm;  }
	.content h1 { margin-top:0px; }
	.content h4 { border-bottom:1px solid #666; padding-bottom:0px; }
}