h1, h2 { color: #cc0000; text-align: left; }
h3 { color: #4563b0; text-align: left; }
.carousel-caption h5 { color: #fff; text-shadow: 2px 2px 4px #000; font-size: 1.6em; }
hr { border-color: #cc0000; }
ul { list-style-type: square; }
ul li { }
#top { background-color: rgba(255,255,255,0.65); }
#main { background-color: rgba(255,255,255,0.85); }
#side { background-color: rgba(221,221,221,0.85); border-top: 1px solid #999; }
@media (min-width: 992px) { #side { border-top: none; border-left: 1px solid #999; } }
footer a { color: #fff; }
footer a:hover { color: #fff; }
footer { background-color: rgba(0,0,0,0.6);  color: #fff; }
.navbar-custom { background-color: #cc0000; border-top: 1px solid #990000; border-bottom: 1px solid #990000; }
.navbar-custom .navbar-brand, .navbar-custom .navbar-text { color: #fff; }
.navbar-custom .navbar-toggler { color: #fff; border-color: #fff; }
.navbar-custom .navbar-nav .nav-link { color: #fff; }
.navbar-custom .nav-item.active .nav-link, .navbar-custom .nav-item:hover .nav-link { background-color: #990000; }
.navbar-custom .dropdown-menu { background-color: rgba(0,0,0,0.6); }
.navbar-custom .dropdown-item { color: #fff; }
.navbar-custom .dropdown-item:hover, .navbar-custom .dropdown-item:focus { color: #000; background-color: #fff; }
@media print {
.backstretch, #top, #carousel, #intro, footer  { display: none; }
}
/* - rezervace - */
#t1 { padding: 8px; }
#t1 table { border-collapse: collapse; }
#t1 table td { border: 1px solid #666; padding: 4px; }
#t1 .h { width: 300px; font-weight: bold; }
#t1 .n { padding: 0; }
#t1 .n a { display: block; padding: 4px; text-decoration: none; }
#t1 .n a:hover { text-decoration: underline; }
#t1 .v { }
#t1 .x { background: #ccc; }
#t2 { padding: 8px; border-bottom: 1px solid #000; }
#t2 table { margin: 0; border-collapse: collapse; }
#t2 table td { border: 1px solid #666; padding: 4px; }
#t2 .h { }
#t2 .n { width: 150px; }
#t2 .v { }
#t2 .x { text-align: center; }
#t2 .i { border: 1px solid #ccc; background: #eee; width: 300px; }
#t2 .s { border: 1px solid #ccc; background: #eee; }
#t2 .t { border: 1px solid #ccc; background: #eee; width: 100px; }
#t2 .r { color: #ff0000; text-align: center; }
#t3 { padding: 8px; font-size: 10px; }
#t3 h3 { padding: 10px 0 5px 0; font-size: 15px; }
#t3 table { border-collapse: collapse; border: 1px solid #666; }
#t3 table td { padding: 4px; }
#t3 .h { border: 1px solid #666; width: 150px; font-weight: bold; }
#t3 .n1 { border-top: 1px dotted #999; width: 40px; font-weight: bold; }
#t3 .n2 { border-top: 2px solid #666; width: 40px; font-weight: bold; }
#t3 .v0 { border: 1px solid #666; color: #000; background: #eee; text-align: center; vertical-align: top; }
#t3 .v1 { border-top: 1px dotted #999; border-left: 1px dotted #999; color: #000; background: #eee; }
#t3 .v2 { border-top: 2px solid #666; border-left: 1px dotted #999; color: #000; background: #eee; }
#t3 .l0 { padding: 0; border: 1px solid #666; color: #000; background: #eee; text-align: center; vertical-align: top; }
#t3 .l1 { padding: 0; border-top: 1px dotted #999; border-left: 1px dotted #999; color: #000; background: #eee; }
#t3 .l2 { padding: 0; border-top: 2px solid #666; border-left: 1px dotted #999; color: #000; background: #eee; }
#t3 .x { background: #ccc; }
#t3 label { display: block; padding: 4px; }
#t3 label.ui-selecting { background: #ff9933; }
#t4 { padding: 8px; border-bottom: 1px solid #000; }
#t4 table { margin: 0; border-collapse: collapse; }
#t4 table td { padding: 4px; vertical-align: top; }
#t4 .c0 { }
#t4 .c1 { border: 1px solid #666; text-align: center; background: #eee; }
#t4 .c2 { padding: 2px; border: 1px solid #666; text-align: center; }
#t4 .c2 a { display: block; padding: 4px; text-decoration: none; }
#t4 .c2 a:hover { background: #ffeeee; }
#t4 .x { background: #ddeeff; }
#t4 .i { border: 1px solid #ccc; background: #eee; width: 300px; }
#t4 .r { color: #ff0000; text-align: center; }
#m1 { float: none; border: 1px solid #666; height: 32px; background: #eee; }
#m1 ul { margin: 0; padding: 0; list-style: none; text-align: right; }
#m1 ul li { float: left; width: 130px; margin: 0; padding: 0; list-style: none; text-align: center; }
#m1 ul li a { display: block; text-decoration: none; padding: 8px; color: #000; background: #eee; font-weight: bold; }
#m1 ul li a:hover { background: #ccc; }
#m1 .i { margin: 4px; padding: 2px; border: 1px solid #ccc; background: #fff; width: 100px; }