body {font-family: "RobotoCondensed", sans-serif, arial; font-size: 14px; line-height: 1.4; color: #333;margin: 0;background-color: #fff;}

.topbar{padding: 0 50px; width: 100%; background: black; clear: both;}
.topbar li a{float: left; margin: 3px ; padding: 5px 10px; color: #999; font-weight: bold;}
.topbar::after {clear: both; display: table; content: ""; line-height: 0;}

#site {max-width: 1220px; margin: 0 auto; padding: 10px;}

#site-info {margin-bottom: 5px; padding: 5px 0; color: white; background: black; border-radius: 4px;}
#site-title a {font-weight: bold; color: #EF7F1A; padding-left: 19px; float: left;}
#site-description {display: inline-block; font-weight: bold; padding-left: 19px;}
#site-user {display: inline-block; font-weight: bold; float: right; padding: 0 19px;}
#site-user a:hover, a:focus {color: #EF7F1A;}
#site-info::after {clear: both; display: table; content: ""; line-height: 0;}

#header {margin-bottom: 10px; background: #000; border-radius: 4px; position: relative; z-index: -1;}
#header-img {float: left; margin-left: 0;margin-right: 2.127659574%; border-radius: 4px; box-shadow: inset 0 0 40px 1px #000;overflow: hidden; height: 150px;} 
#header-img img {width: 100%; border-radius: 4px; position: relative; z-index: -1;}
#header-text {color: #EF7F1A; font-size: 15px; font-weight: bold; text-align: center; margin: 0; padding:25px 3px 5px 3px;}
#header-logo {float: right; text-align: center; padding: 10px 0;}
#header-logo img {width: 85%; margin: 6% 0;}

#content {display: inline-block; float: none;}
#left-sidebar {display: inline-block; float: left; margin-left: 0;margin-right: 2.127659574%;}
#right-sidebar {display: inline-block; float: right; margin-left: 2.127659574%;margin-right: 0;}

h1 {font-size: 18px;}
h2 {font-size: 15px;}
h3 {font-size: 16px;}
h4 {font-size: 13px; margin-top: 12px; margin-bottom: 5px;}
h5 {font-size: 10px;}
.mikro {font-size:50%}
.center {text-align: center;}
.bold {font-weight: bold;}
.red {color:  red;}

a {color: #2a5a8e; text-decoration: none;}
a:hover, a:focus {color: #002b41; text-decoration: underline;}

.nav-list > .active > a,
.nav-list > .active > a:hover,
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.btn-primary,
.label-info,
.badge-info {background: #2a5a8e; color: #fff}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {text-decoration: none; background-color: #000; color: #EF7F1A;}

.img_th {margin: 3px; background-color: #f5f5f5; border: 1px solid #e3e3e3; padding: 3px;}
#koupelny .img_th {height: 80px; width: 80px;}
.doc .img_th {width: 110px;}
.gal_h .img_th {width: 124px;}
.gal_v .img_th {width: 78px;}
.img-map {width:12px;height:16px;margin-right:2px}
.img-btn {margin: 1%; width: 12%; max-width: 40px; border: double 4px #000; border-radius: 50%;}
.img-link {width: 14px; margin-right: 5px;}
#link-katalogy div {display: inline-block;}
#link-katalogy img {height: 20px; width: 56px; margin: 1px;}
.fb-box {max-width: 100%; overflow: hidden;}

.item-image {height: 0; width: 0; margin: 0;}

.intro-image {margin-right: 10px;}
.intro-image img {height: 80px; width: 80px; margin: 3px; background-color: #f5f5f5; border: 1px solid #e3e3e3; padding: 3px;}
.red {color:red}
.blue {color:blue}
#cenyList {max-width: 100%;}
#form-ceny input {width: 400px;}

.sleva {
position: relative; top: -25px; left: 25px; z-index: 1200;
float: right;
width: 75px;
height: 75px;
border-radius: 100%;
font-size: 11px;
font-weight: bold;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
background: purple;
color: snow}