html {height: 100%;}
body {color: #4c4c4c; background: #eee url('../images/bg-img1.jpg'); background-size: cover;
    min-height: 100%; padding-bottom: 90px; position: relative; margin: 0;}

.clear {clear: both;}

a {color: #ca4b00; outline: none; text-decoration: underline}
a:hover {color: #ff5f00; text-decoration: none}

h1 {}
h1:first-of-type {margin-top: 0;}
h2 {}
h3 {margin-top: 0px;}
h4 {}

.orange {color:#ca4b00;}
.green {color: #0CBF00;}
.red {color: #E83702;}
.gray {color: #898989;}

h1 span.label {background-color: #39aad6; padding: 0.2em 0.5em 0.15em; margin: 0 5px; font-size: 0.5em; border-radius: 2px;
    font-weight: normal;}

header {background-color: #000; padding: 0; /*box-shadow: 0 0 3px black;*/}
.menu {background-color: white;}
ul.navbar-nav {margin: 0px;}
nav.navbar.navbar-default {margin-bottom:  0px;}
nav.navbar.navbar-default li {}
nav.navbar.navbar-default a {font-size: 1.3em;  color: black; border-right: 1px solid silver; text-decoration: none;}
nav.navbar.navbar-default a.active, nav.navbar.navbar-default a:hover { background-color: #ca4b00; color: white; }

.menu .navbar {position: static; min-height: 0; margin-bottom: 0; border: 0;}
.menu .navbar-header {}

.navbar-default {background: white; box-shadow: none}
.navbar-default .navbar-toggle {border-color: #fff}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-toggle {position: absolute; top: 15px; right: 0px; border-radius: 2px; color: white}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #666;}

header .logo-bounder {margin: 15px 0 5px}
header a.logo {font-size: 40px; text-decoration: none;}
header .total-count {color: #ccc; font-size: 14px; margin-left: 15px; position: relative; top: -5px}
header .total-count em {font-style: normal;}
header .total-count em strong {background-color: #FFFFC0; padding: 1px 3px 0; border-radius: 1px; color: black}

header .bg-text {text-align: right; font-size: 19px; color: #fff; margin-top: 30px;}
header .bg-text b {font-weight: 400;}

 .container.body {
	margin-top: 20px;
	padding: 20px;
	/*background: url(../images/content-tail.png) left top repeat;*/
    background: #f3f3f3;
    background: rgba(255,255,255,0.9);
	position: relative;
	z-index: 1;
 }

h3.border-bot {width: 100%; padding-bottom: 8px; border-bottom: 1px solid #aaa; margin-bottom: 12px}

a.chybi {line-height: 1.25;}
a.chybi .fa {font-size: 28px;}

a.banner_top {
	display: block;
	padding: 10px;
	text-align: center;
	font-size: 30px;
	line-height: 1;
	background-color: #d00;
    box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
    border-radius: 5px;
    margin: 0 40px 20px;
	color: white;
	text-decoration: none;
}
a.banner_top.no-img {background-image: none;}
a.banner_top span { font-size: 20px; line-height: 1}
a.banner_top span.gt-right {font-size: 16px; letter-spacing: -3px;}
a.banner_top:hover {background-color: #e00;}
a.banner_top.pizza {
    background: url('../images/pizza.svg') no-repeat 30px center; 
    background-size: 80px;
    background-color: #d00;
    padding-left: 40px;
}
a.banner_top.foodtruck {
    background: url('../images/foodtruck.svg') no-repeat 30px center; 
    background-size: 80px;
    background-color: #d00;
    padding-left: 40px;
}
a.banner_top.pizza:hover, a.banner_top.foodtruck:hover {background-color: #e00;}


label { font-weight: normal; }
label.open_box input { position: relative; top: 2px; }

.bg {padding: 15px 20px 15px 20px; background: white/*url(../images/bg-tail.png) left top repeat*/; margin-bottom: 20px;}

#map {width: 100%; height: 200px; border: 1px solid #D4D1CB;}
#bigmap #map {width: 100%; height: 500px; border: 1px solid #D4D1CB;}
div.bigrow {text-align: center; margin-top: 4px;}
div.bigrow .big_map {font-size: 0.8em;}

div.add-podnik {background-color: rgba(255, 217, 116, 0.4); padding: 10px; border-radius: 5px}
div.add-podnik a.button {padding: 4px 11px; background: #c10000; font-size: 17px}

div.indent-left {padding: 20px 8%; background-color: rgba(255, 218, 154, 0.4); margin-bottom: 20px;}

.tag-links {}
.tag-links a {display: inline-block; background: #ca4b00; color: white; border-radius: 2px; padding: 4px 7px 3px;
    font-size: 0.9em; text-decoration:underline; margin-right: 7px; margin-bottom: 7px;}
.tag-links a:hover {background: #da5b10; text-decoration: none}

.areas-toggle {margin: 15px 0;}
.areas-toggle a {display:inline-block; background: #eee; border-radius: 3px; padding: 5px 10px}

#areas a {white-space: nowrap;}
#areas a.vsechny {}
#areas h4.inline {color: black; font-size: medium; display: inline; font-weight: bold} /* deprecated */
#areas .selected {color: black; font-size: 16px; font-weight: bold; white-space: nowrap; text-decoration: none;}
#areas .selected i.fa {color: #ca4b00;}

.restaurants .item {margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.restaurants .item .image {/*float:left; margin:0 20px 0px 0; width: 100px;*/}
.restaurants .item .image a {}

.restaurants .item .thumb_up, .restaurants .item .thumb_down {text-align: center; font-size: 21px; color: white;
    border-radius: 15px; width:30px; height:30px; margin-top: 6px; opacity: 0.6;}
.restaurants .item .thumb_up {float:left; background-color: green;}
.restaurants .item .thumb_up:hover {opacity: 1;}
.restaurants .item .thumb_down {float:right; background-color: red;}
.restaurants .item .thumb_down:hover {opacity: 1;}
.restaurants .item .active {opacity: 1;}
.restaurants .item .final_rate {float:left; width: 32px; margin-top: 12px; font-weight: bold; font-size: 1.1em; text-align:center;}

.restaurants h2 {font-weight: bold; margin: 0; margin-bottom: 5px; font-size: 21px;}
.restaurants .item a.name {}
.restaurants .item .tags { margin-bottom: 5px;}
.restaurants .item .tags a {background: #DDD; color: black; border-radius: 2px; padding: 2px 5px; display: inline-block;
							font-size: 0.8em; text-decoration:underline; margin-right: 5px; margin-bottom: 3px;}
.restaurants .item .tags a:hover { background: #EEE; text-decoration: none}
.restaurants .item .open {font-size: 0.9em;}
.restaurants .item .open td {white-space: nowrap}
.restaurants .item .open td:first-child {padding-right: 5px;}
.restaurants .item .open tr.active td {color:#333; font-weight:bold;}

.restaurants .item .phone {margin-bottom: 10px; font-size: 0.9em; }
.restaurants .item .phone table td:first-child {padding-right: 6px; padding-left: 12px;}
.restaurants .item .phone .stamp {padding: 5px 10px 4px; background: #f1f1f1; border-radius: 3px;}

.restaurants .item .benefits {margin-top: 5px; font-style: italic;}
.restaurants .item .kontaktinfo a {text-decoration: underline}

#restaurant_detail .g_rating {font-size: 12px; }
#restaurant_detail .g_rating .g_inner {border-bottom: 1px solid #ccc; padding-bottom:10px}
#restaurant_detail .g_rating h5 {margin: 10px 0 5px; font-weight: bold}
#restaurant_detail .g_rating .name{}
#restaurant_detail .g_rating span.percent {font-size: 16px; font-weight: bold}

#restaurant_detail .food_list {width: 100%;}
#restaurant_detail .food_list td {padding: 5px 7px;}
#restaurant_detail .food_list tr.odd td {background-color: #f0f0f0;}
#restaurant_detail .food_list tr.even td {}
#restaurant_detail .food_list .name {color:black; font-size: 15px; margin-bottom: 3px;}
#restaurant_detail .food_list .description {font-size: 11px; font-style: italic; line-height: 15px;}
#restaurant_detail .food_list .price {color:black; font-size: 14px; font-weight:bold; vertical-align:top; width: 100px; text-align: right}

#restaurant_detail .restaurant_gallery {width: 100%; border-bottom: 1px solid #ccc;
					padding-bottom: 1px; margin-bottom: 15px; font-size: 12px; line-height: 1.5em; padding-bottom: 10px;}

#restaurant_detail .restaurant_gallery a {float: left; margin-right: 10px; margin-bottom: 10px}
#restaurant_detail .restaurant_gallery a img {}
#restaurant_detail .restaurant_description {width: 100%; border-bottom: 1px solid #ccc;
    padding-bottom: 1px; margin-bottom: 15px; font-size: 14px; line-height: 1.5em;
}

/* BUTTONS */
.button {
    display:inline-block; padding:0px 17px 1px; font-size:21px; line-height:1.7em; color:#fff; background: #333;
    box-shadow: 0px 0px 3px #888; border-radius: 3px; margin:0 0 3px 3px; text-decoration:none;
}
.button:hover {background:#000; text-decoration: none; color: #fff; box-shadow: none;}


.button2 {
	display: inline-block; padding: 10px 20px 9px; font-size: 18px; line-height: 22px; text-align: center;
	color: #fff; text-decoration: none; background-color: #229f00; border-radius: 3px; box-shadow: 0px 0px 5px #ccc;
}

.button2:hover, .button2:active {color: #fff; background-color: #32af10; text-decoration: none;box-shadow: none}

.button2-subtle {
	display: inline-block; padding: 8px 12px 7px; font-size: 14px; line-height: 22px; text-align: center;
	color: #229f00; text-decoration: none; border-radius: 3px; box-shadow: 0px 0px 5px #ccc;
}

.button2-subtle:hover, .button2-subtle:active {color: #000; text-decoration: none;}

.button3 {
    display: inline-block; padding: 10px 20px 9px; font-size: 18px; line-height: 22px; text-align: center;
    color: #fff; text-decoration: none;  background-color: #de0000; border-radius: 3px; box-shadow: 0px 0px 5px #ccc;
    margin-top: 10px;
}
.button3:hover {color: #fff; background-color: #ee0000; text-decoration: none;box-shadow: none}

.button:focus, .button2:focus, .button3:focus {color: white}
/* buttons end */

.box_parts { margin-bottom: 18px; }
.box {margin-bottom: 18px;}
.box img {}

#restaurant_detail div.button-menu {text-align: right;}
#restaurant_detail .detail_button {margin-top: 20px; font-size: 20px;}
#restaurant_detail .detail_menu_button {margin-top: 10px;}
#restaurant_detail .page_box {margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc}

.comments {margin-bottom: 20px;}
.comments .comment {margin-top: 10px;}
.comments .comment .head { background-color: #F0F0F0; padding: 5px 10px;}
.comments .comment .head .name {float:left; font-weight:bold;}
.comments .comment .head .date {float:right; font-size: 12px; padding-top: 2px}
.comments .comment .text { padding: 5px 10px; line-height: 1.35em;}
.comments .empty {padding: 10px 0px; font-style: italic;}
.comments .paint-empty {background-color: #ffffbf; padding: 3px 5px}


/*KONTAKT ----------------------*/

.msg_error { color: #da5b10;}
#contact-form input { max-width: 300px; }
#contact-form label { font-weight: bold}
#contact-form textarea.form-control {height: 140px}

.buttons {margin-top: 20px;}

table.top_restaurants {width: 100%; box-sizing: border-box}
table.top_restaurants thead td {background-color: #ccc; border-bottom: 1px solid black;}
table.top_restaurants tbody td {border-bottom: 1px solid #ccc; padding: 3px}
table.top_restaurants tbody td a {}
table.top_restaurants tbody td.order {}
table.top_restaurants tbody td.name {}
table.top_restaurants tbody td.rating {text-align: right}

footer {width:100%; margin-top: 20px; background:black; position: absolute; right: 0; bottom: 0; left: 0;}
footer .footer-text {padding: 25px 0; font-size:14px;line-height:1.25em;color:#fff;padding-left:15px;}
footer .footer-text span {}
footer .footer-text strong {display:block;font-weight:normal;padding-top:7px;}
footer .footer-text a {}

/**********************************/
/* XS */
@media (max-width: 767px) {
    body {background: url('../images/bg-img1-mobile.jpg') center top; background-attachment: fixed; background-size: contain;}
    .col-xs-12.text-right, .col-xs-12.text-left {text-align: center;}
    
    header .logo-bounder {}
    header a.logo {font-size: 35px;}
    header .total-count {display: block; font-size: 12px; top: -3px}
    
    a.banner_top {background-image: none; margin: 0 0 20px; font-size: 22px;}
    a.banner_top span {font-size: 18px;}
    a.banner_top.foodtruck {background-image: none; margin: 0 0 20px;}
    a.banner_top.pizza {background-image: none; margin: 0 0 20px; padding-left: 0;}
    
    .button2 {margin-top: 10px;}
    
    .opening {background-color: rgb(240,240,240); padding: 5px 10px; margin-top: 5px;}
    
    .restaurants h2 {margin-bottom: 5px;}
    .restaurants .item .address {/*font-size: 12px;*/}
    .restaurants .item .thumb_down {float: left}
    .rest-rating {margin-top: 1em;}
    nav.navbar.navbar-default a {border-right: 0; border-bottom: 1px solid #fff;}
    footer .footer-text {text-align: center}
    footer .footer-text {padding: 15px 0;}
    footer .footer-text .footcopy {padding-bottom: 5px}
    
    #restaurant_detail div.button-menu {text-align: center;}
 }
 
 /**********************************/
/* SM */
@media (min-width: 768px) and (max-width: 991px) {
    #restaurant_detail div.button-menu {text-align: center;}
}