*{padding:0;margin:0; font-family: Trebuchet MS;transition: 0.5;}
header{z-index:100;width:100%; position:fixed; background-color: rgba(13, 31, 45);}
.content{max-width: 829px; margin:10px auto;padding:0 10px;}
a{color: rgb(158, 163, 176); transition:0.8s; text-decoration:none;}
a:hover{color: rgba(13, 31, 45); transition:0.8s;}
nav a:hover{color: rgb(84, 106, 123); transition:0.8s;}
.clr{clear:both;}
h1, h2, h3{margin: 18px 0; text-align:center; color: rgb(84, 106, 123); font-size:22px;}
h3{color: rgb(158, 163, 176); padding-top:18px;}
#company_add_form{color: rgb(128, 15, 3);}
#company_add_form:hover{color: rgb(84, 106, 123);}
.span-cat{font-size: 13px; color: rgba(158, 163, 176);text-transform:uppercase;}
#pages{margin: 18px 0; text-align: right;}
#pages p, #pages ul, #pages ul li, #pages a{display:inline;}
#pages ul li{margin: 0 5px;}
#pages p, #pages a{color: rgba(13, 31, 45);margin: 0 5px;}
#pages a:hover{color:rgb(128, 15, 3);} .show-menu, [id^=rozwin] {display: none;}
nav {margin: 0;  padding: 0;}
#www-logo {display: block; padding: 0 20px; float: left; font-size: 26px; line-height: 43px; color: rgb(84, 106, 123);} 
#www-logo img{max-height:43px; float:left; margin: 0 10px;}  
nav:after {content: ""; display: table; clear: both;}
nav ul {float: left; padding: 0 30px 0 0px; margin: 0; list-style: none; position: relative;}
nav ul li {margin: 0px; display: inline-block; float: left; padding-left: 30px;}
nav ul li ul li{padding:0; margin:0; background-color: rgba(13, 31, 45); }
nav ul li ul li a{font-size: 16px;line-height: 28px;}
nav a {display: block; padding: 0 10px;  font-size: 16px; line-height: 43px; text-decoration: none; font-weight:bold;}
nav ul ul {display: none; position: absolute; top: 43px;}
nav ul li:hover > ul {display: inherit}
nav ul ul li {max-width: auto; float: none; display: list-item; position: relative;}
nav ul ul ul li {position: relative; top: -60px; left: 170px;}
@media all and (max-width: 600px) {
#www-logo {display: block; padding: 0; width: 100%; text-align: center; float: none;}
#www-logo img {display: block;text-align: center; float: none; margin: 0 auto;}
nav a{line-height:28px;}
nav {margin: 0;}
nav ul{float:none; padding:0;}
.show-menu + a, .website-menu {display: none; }
.show-menu{font-size:16px; cursor:pointer; display: block; padding: 0 0 0 10px; color: rgb(158, 163, 176); font-weight:bold; line-height: 28px; text-decoration: none; border: none;}
.show-menu:hover{color: rgb(84, 106, 123); transition:0.8s;}
[id^=rozwin]:checked + ul {display: block;}
nav ul li {display: block;width: 100%; padding-left:0; }
nav ul ul{padding-right:0;}
nav ul li ul li{background:none;}
nav ul ul .show-menu,nav ul ul a {padding: 0 0 0 10px;}
nav ul ul ul a {padding: 0 80px;}
nav ul ul {float: none;position: static;color: rgb(158, 163, 176);}
nav ul ul li:hover > ul,nav ul li:hover > ul {display: none;}
nav ul ul li {display: block;width: 100%;}
nav ul ul ul li {position: static;}
}.formpop-lay {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0;}
.formpop-lay:target {visibility: visible; opacity: 1;}
.pop-formbox {margin: 75px auto; padding: 20px; background: rgba(0,0,0,0.8); border-radius: 5px; width: 280px; position: relative; transition: all 1s ease-in-out;}
.pop-formbox .terminate {position: absolute; top: 0px; right: 10px; transition: all 0.5s; font-size: 30px; font-weight: bold; text-decoration: none; color: #fff;}
.pop-formbox .terminate:hover { color: rgb(192,80,77);}
.pop-formbox .middle-popform {max-height: 30%; overflow: auto;}
#footer-contact{width: 100%; margin: 10px auto;}
#sender{transition: 0.5;margin: 0 auto; display:block; width:100%; padding:0;}
#sender input, #sender textarea, .go{width: 100%; margin-bottom:5px;}
#sender input:focus, #sender textarea:focus {border: 1px solid rgb(128, 15, 3); box-shadow: 0 0 3px rgb(128, 15, 3);}
#sender .go{transition:1s; padding: 10px 10px; width:100%; cursor:pointer; font-weight:normal; color: rgb(128, 15, 3); background: rgb(158, 163, 176); font-size: 18px; border: 1px double rgb(128, 15, 3);}
#sender .go:hover{border: 1px double rgb(158, 163, 176); transition:1s; color: rgb(158, 163, 176); background-color: rgb(128, 15, 3);}
#sender input {padding: 15px 13px; font-size:15px;}
#sender textarea{height:181px; font-size:15px; padding: 13px;}
#footer-contact p{color: #fff; font-size:12px;}#new-company_btn{display:table; width:auto; margin: 0px auto 10px auto; float:left;}   
#new-company_btn a{font-weight: bold; line-height: 24px; font-size: 12px; padding: 10px; background-color: rgba(13, 31, 45); display:block; float:left; z-index:100; border-radius: 5px 0 0 5px;}
#new-company_btn a:hover{color: rgb(84, 106, 123);}
#new-company_btn img{height: 20px; padding: 10px;  margin-top: 2px; display:block; background-color: rgb(128, 15, 3); float:left; border-radius: 0 5px 5px 0;}#glowny-opis{padding: 10px 20px; background-color: rgb(84, 106, 123); border-radius: 12px; } 
#glowny-opis p{text-align:justify; clear:both; }
#glowny-opis img{display:block; margin:5px auto 20px auto; max-width: 96px;}#przerwa{min-height: 265px; width: 100%; background-attachment:fixed;background-image:linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8) ),url("/damheadfishery.jpg");background-repeat:no-repeat; background-size:cover; background-position:fixed;} 
#przerwa p{text-align:center; line-height: 265px; font-size: 31px; color: rgb(158, 163, 176); text-shadow: 1px 1px 1px #000; font-weight:normal;}
#path{margin: 22px auto; border-bottom: 1px solid rgba(13, 31, 45); opacity: 0.8; text-align:right;}
#path li{display:inline-block;}
#path li a{display: inline-block; color: rgb(158, 163, 176); background: rgba(13, 31, 45); line-height: 24px; height: 24px; padding: 6px 11px; font-size:14px; font-weight: normal; opacity: 0.8;transition: 0.8s;}
#path li a:hover{opacity: 1; transition: 0.8s;}
.bread-sep{ background: rgba(13, 31, 45); opacity: 0.8;color: #fff; font-weight: normal; height: 24px; padding: 6px; display: inline-block; line-height: 24px; font-size:14px;}
#path li:nth-child(1) a{border-radius: 6px 0 0 0;}#spots{text-align:center; margin:0 auto;}
.business{width:calc(50% - 43px); margin: 16px; padding:0; min-width:263px; display:inline-block; background-repeat:no-repeat; background-size:75%; background-position:36px 0; border-radius: 0 0 12px 12px;}  
.business p{margin:0; padding:13px 10px; text-align:center; background-color: rgba(84, 106, 123,0.9); color:158, 163, 176;}
#business p a{font-size:13px;}
.business p a:hover{color: rgb(128, 15, 3);}
.business  .header-company {color:rgb(13, 31, 45); font-weight:bold;  }
.business .rejestrowa {margin-top:100px ; color: rgb(128, 15, 3); font-weight:bold; font-size: 16px; padding-top:13px; text-shadow: 1px 1px 1px #000; background-color: rgba(158, 163, 176,1); box-shadow: 0 0 1px #000; margin:91px 0 13px 0; }
.business .rejestrowa a{color: rgb(128, 15, 3);font-size: 16px;}
.infobox{border-radius: 0 0 96px 96px; font-size: 12px;}
.business .at-change{width:9px; display:inline; margin: 0 1px; }
.spot-desc{margin: 10px 0; font-style:italic;}#orientations{text-align:center; margin:18px auto 40px auto;}
.orientation{width:calc(50% - 36px); margin: 0; padding:0; min-width:287px; display:inline-block; }
#c-website{border-radius: 5px; box-shadow: 0 0 3px #000; margin-right: 18px; width: 100%; height: auto; transform:rotate(5deg);}
#place-h{font-weight:bold; color:rgb(128, 15, 3);}
#complete-data h3{color:rgb(84, 106, 123); padding-top:0;}
#uslugi{text-align:justify;}
#complete-data table{margin: 0 auto;}
#complete-data table td{padding: 2px 15px;}
#complete-data table td:nth-child(odd) {text-align:right;}
iframe{width:100%;}
#complete-data a{color: rgb(128, 15, 3); font-weight:normal;}
#complete-data a:hover{color:rgb(84, 106, 123)}
#check_services{margin-top: 18px;}
.out td{color: darkred;}
.data-lbl{font-size: 14px; color: rgba(13, 31, 45);}     
.foreign{color:rgb(84, 106, 123);}
.foreign .at-change{width:9px;}
.social_media{display: inline-block; margin: 18px; opacity:0.6; transition: 0.8s; width: 48px;}   
.social_media:hover{opacity:1; transition: 0.8s;}.general-index {width:calc(33% - 47px); margin: 20px 10px; padding:10px; min-width:263px; vertical-align:top; display:inline-block; background-color: #fff; opacity:0.7; border-right: 2px solid rgba(84, 106, 123); border-bottom: 2px solid rgba(84, 106, 123);}
.general-index img{width: 90%; display:block; margin: 10px auto;}
.general-index td:first-child {color: rgba(84, 106, 123); text-align:right; padding-right:5px;}
.general-index a{color: rgba(13, 31, 45);} 
.related-box {max-width: 1165px; margin:10px auto; text-align:center;}
#visited{text-align:center; margin: 20px auto 29px auto; width: 100%; }
.another-company{display: inline-block; min-width: 169px; margin: 6px; box-shadow: 0 0 5px rgb(13, 31, 45); padding: 6px; text-align:center; vertical-align:top;
width: calc(20% - 40px); min-height:180px; opacity: 0.7; transition: 0.8s; border-radius: 6px; }
.another-company img{width: 90%;}
.another-company:hover{opacity: 1; transition: 0.8s;}
.another-company p{margin: 6px 0; font-weight: normal; color: rgb(128, 15, 3); font-size: 15px;}
.another-company a{color: rgb(84, 106, 123); display: block; margin: 6px 0; font-size: 15px; font-style: normal;}
.another-company a:hover{color: rgb(84, 106, 123);}
.place-h{color:rgb(84, 106, 123); padding-top:0; margin-bottom:13px;}footer{background-color: #fff; min-height: 172px; line-height:25px;width:100%;font-weight: normal; font-size:14px; color: rgb(13, 31, 45); text-align:center; border-top: 2px solid rgba(84, 106, 123); bottom:0; }
#wlasnosc{padding-bottom: 13px;}
#footdom{text-align:center; margin-top: 61px;}
.letter{font-size: 25px; color: rgba(84, 106, 123); font-weight:bold;}
.logo-domain{font-size: 25px; color: rgba(128, 15, 3); font-weight:bold;}