body {
   margin: 0;
   font-family: 'Open Sans', sans-serif;
   color: #737373;
}

a {
   color: inherit;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

header {
   text-align: center;
   margin-bottom: 10px;
}

header #nav {
   width: 100%;
   background: #000000;
   color: #ffffff;
   padding: 3px;
   position: fixed;
   top: 0;
   z-index: 999999;
}

header #nav ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   font-size: 13px;
}

header #nav ul li {
   display: inline;
   padding: 0 20px;
}

header h1 {
   margin-top: 40px;
   text-shadow: 1px 1px 0px #eeeeee, 2px 2px 0px #707070;
}

header #search {
   width: 900px;
   margin: 0 auto;
   background: #ffd20a;
   padding: 10px;
}

header #search input[type="text"] {
   padding: 6px 5px 5px 5px;
   font-size: 15px;
   font-weight: bold;
   border: 0;
   width: 780px;
   margin-right: 5px;
}

header #search input[type="submit"] {
   font-size: 15px;
   font-weight: bold;
   border: 0;
   height: 28px;
   width: 100px;
}

article {
   width: 920px;
   margin: 0 auto;
   font-size: 13px;
}

footer {
   width: 920px;
   margin: 0 auto;
   border-top: 1px solid #e3e3e3;
   padding-top: 10px;
   margin-top: 10px;
   font-size: 10px;
   text-align: center;
}

footer ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   font-size: 13px;
}

footer ul li {
   display: inline;
   padding: 0 20px;
}

footer ul li:first-child {
   padding: 0 20px 0 0;
}

footer ul li:last-child {
   padding: 0 0 0 20px;
}

#addCompany div {
   margin-bottom: 13px;
}

#addCompanyForm div label {
   display: block;
   font-weight: bold;
   margin-bottom: 3px;
}

#addCompanyForm div input {
   width: 350px;
   margin-bottom: 10px;
}

#addCompanyForm div textarea {
   width: 350px;
   height: 200px;
   margin-bottom: 10px;
}

#addCompanyForm div span.error {
   color: #ff0000;
   font-weight: bold;
   vertical-align: top;
}

input[type="submit"] {
   background: none repeat scroll 0 0 #d1d1d1;
   border: 0 none;
   font-weight: bold;
   margin-top: 4px;
   padding: 5px;
   width: 354px;
}

input[type="submit"]:hover {
   background: none repeat scroll 0 0 #eaeaea;
   cursor: pointer;
}

.autocomplete-suggestions {
   border: 1px solid #999;
   background: #FFF;
   overflow: auto;
}

.autocomplete-suggestion {
   padding: 2px 5px;
   white-space: nowrap;
   overflow: hidden;
}

.autocomplete-selected {
   background: #F0F0F0;
   cursor: pointer;
}

.autocomplete-suggestions strong {
   font-weight: normal;
   color: #3399FF;
}

.autocomplete-group {
   padding: 2px 5px;
}

.autocomplete-group strong {
   display: block;
   border-bottom: 1px solid #000;
}

.alert {
   border: 1px solid transparent;
   border-radius: 4px;
   margin-bottom: 20px;
   padding: 15px;
}

.alert h4 {
   color: inherit;
   margin-top: 0;
}

.alert .alert-link {
   font-weight: bold;
}

.alert > p, .alert > ul {
   margin-bottom: 0;
}

.alert > p + p {
   margin-top: 5px;
}

.alert-dismissable {
   padding-right: 35px;
}

.alert-dismissable .close {
   color: inherit;
   position: relative;
   right: -21px;
   top: -2px;
}

.alert-success {
   background-color: #dff0d8;
   border-color: #d6e9c6;
   color: #3c763d;
}

.alert-success hr {
   border-top-color: #c9e2b3;
}

.alert-success .alert-link {
   color: #2b542c;
}

.alert-info {
   background-color: #d9edf7;
   border-color: #bce8f1;
   color: #31708f;
}
.alert-info hr {
   border-top-color: #a6e1ec;
}

.alert-info .alert-link {
   color: #245269;
}

.alert-warning {
   background-color: #fcf8e3;
   border-color: #faebcc;
   color: #8a6d3b;
}
.alert-warning hr {
   border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
   color: #66512c;
}

.alert-danger, .alert-error {
   background-color: #f2dede;
   border-color: #ebccd1;
   color: #a94442;
}

.alert-danger hr, .alert-error hr {
   border-top-color: #e4b9c0;
}

.alert-danger .alert-link, .alert-error .alert-link {
   color: #843534;
}

.close {
   color: #000;
   float: right;
   font-size: 21px;
   font-weight: bold;
   line-height: 1;
   opacity: 0.2;
   text-shadow: 0 1px 0 #fff;
}

.close:hover, .close:focus {
   color: #000;
   cursor: pointer;
   opacity: 0.5;
   text-decoration: none;
}

button.close {
   background: none repeat scroll 0 0 transparent;
   border: 0 none;
   cursor: pointer;
   padding: 0;
}

.company {
   width: 100%;
   clear: both;
   margin-bottom: 10px;
   overflow: hidden;
   padding-bottom: 10px;
   border-bottom: 1px dotted #e3e3e3;
}

.company:last-child {
   border-bottom: 0;
   padding-bottom: 0;
   margin-bottom: 0;
}

.company div:first-child {
   width: 250px;
   float: left;
}

.company div:nth-child(2) {
   width: calc(100% - 250px);
   float: right;
}

#photos a img
{
	float: left;
	max-width: 100px;
	max-height: 75px;
	margin: 5px;
}

#photos a:first-child img
{
	margin-left: 0;
}

#photos a:last-child img
{
	margin-right: 0;
}

.companies-1
{
   width: 60%;
   float: left;
}

.companies-2
{
   width: 30%;
   float: right;
}
/* Hydraulik Szamba — responsive theme */
:root{--navy:#102f46;--blue:#087fa4;--ink:#18384c;--muted:#587081;--line:#dce7ec;--paper:#f2f7fa}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}a{color:#066f93;text-decoration:none;overflow-wrap:anywhere}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f5b841;outline-offset:4px}header{position:relative;background:radial-gradient(ellipse at 90% 100%,#126980 0,transparent 55%),var(--navy);color:white;text-align:center;margin:0;padding:0 24px 56px}header .brand{display:flex;align-items:center;gap:12px;max-width:1160px;margin:auto;padding:24px 0;color:white;text-align:left;font-size:21px;font-weight:750;line-height:1.2}.brand-mark{display:grid;place-items:center;width:45px;height:49px;background:#18b6d1;border-radius:22px 22px 22px 5px;color:var(--navy);font-size:27px}.brand-accent{color:#61d2e6}.brand small{display:block;font-size:11px;font-weight:500;letter-spacing:1px;margin-top:6px;color:#c0d6e1}header #nav{position:static;width:auto;padding:0;margin:0 auto 44px;max-width:1160px;background:transparent;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;color:white;z-index:auto}header #nav ul{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;font-size:14px}header #nav ul li{display:block;padding:0}header #nav a{display:block;padding:14px 20px;color:#e2f2f8}header #nav li:last-child a{color:#76dfed;font-weight:700}header h1{margin:12px auto 18px;font-size:clamp(32px,4.6vw,60px);line-height:1.12;letter-spacing:-1.5px;text-shadow:none;max-width:900px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#087fa4}header .eyebrow{color:#76dfed}.hero-description{color:#c4dce6;margin:0 auto 28px;font-size:17px}header #search{width:100%;max-width:760px;background:white;border:1px solid #d6e7ee;padding:8px;border-radius:12px;box-shadow:0 18px 45px #00152240}header #search form{display:flex;gap:8px}header #search input[type=text]{width:auto;min-width:0;flex:1;background:white;color:var(--ink);padding:14px;font-size:16px;font-weight:400;margin:0;border:0}header #search input[type=submit]{height:auto;width:auto;min-height:50px;padding:12px 22px;background:#f5b841;color:#183449;border-radius:7px;font-size:15px}header #search input[type=submit]:hover{background:#ffd06c}article{width:100%;max-width:1160px;margin:32px auto;padding:0 24px;font-size:15px;display:flow-root}article>div:not(.alert){background:white;border:1px solid var(--line);padding:28px;border-radius:14px;margin:0 0 24px;box-shadow:0 3px 12px #193f5410}h1,h2,h3{color:var(--ink);line-height:1.25;overflow-wrap:anywhere}header h1{color:white}article h1,article h2{font-size:26px;letter-spacing:-.5px;margin:0 0 18px}article p{color:var(--muted)}article .intro-panel{border-left:5px solid #12a4bc}.service-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.service-tags span{background:#eaf7fa;color:#11637d;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:650}.city-index a{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:44px;border:1px solid var(--line);border-radius:6px;margin:5px 0;background:#f6fafc;font-weight:700}.city-index a:hover{background:var(--blue);color:white}.company,.company:last-child{padding:22px;margin:14px 0;border:1px solid var(--line);border-radius:10px;display:flex;gap:28px;background:#fbfdfe;overflow-wrap:anywhere}.company div:first-child{width:34%;float:none}.company div:nth-child(2){width:auto;flex:1;float:none}.company strong a{font-size:18px}#map{border-radius:10px;max-height:470px}img,iframe{max-width:100%}input,textarea,select,button{font:inherit}input:not([type=submit]):not([type=checkbox]):not([type=radio]),textarea,select{max-width:100%;border:1px solid #bacdd8;border-radius:7px;padding:10px 12px;background:white;color:var(--ink)}#addCompanyForm div input,#addCompanyForm div textarea{width:100%;max-width:680px}input[type=submit],button[type=submit]{max-width:100%;min-height:44px;background:var(--blue);color:white;border:0;border-radius:7px;padding:12px 22px;cursor:pointer}input[type=submit]:hover{background:#086580}footer{width:100%;max-width:1112px;margin:48px auto 0;padding:28px 20px 36px;border-top:1px solid #cddde5;color:var(--muted);font-size:12px}footer ul{display:flex;justify-content:center;flex-wrap:wrap;gap:22px}footer ul li,footer ul li:first-child,footer ul li:last-child{display:block;padding:0}table{max-width:100%}article>form{max-width:100%}.autocomplete-suggestions{border-radius:8px;box-shadow:0 10px 25px #102f4620}.autocomplete-suggestion{padding:10px}