*{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);}
.pagecontent{max-width: 913px; margin:10px auto;padding:0 10px;}
a{color: rgb(158, 163, 176); transition:0.5s; text-decoration:none;}
a:hover{color: rgba(13, 31, 45); transition:0.5s;}
nav a:hover{color: rgb(84, 106, 123); transition:0.5s;}
.unfloat{clear:both;}
h1, h2, h3{margin: 15px 0; text-align:center; color: rgb(84, 106, 123); font-size:26px;}
h3{color: rgb(158, 163, 176); padding-top:15px;}
#new-card{color: rgb(128, 15, 3);}
#new-card:hover{color: rgb(84, 106, 123);}
.cat_lbl{font-size: 13px; color: rgba(158, 163, 176);text-transform:uppercase;}
#paginator{margin: 15px 0; text-align: right;}
#paginator p, #paginator ul, #paginator ul li, #paginator a{display:inline;}
#paginator ul li{margin: 0 5px;}
#paginator p, #paginator a{color: rgba(13, 31, 45);margin: 0 5px;}
#paginator a:hover{color:rgb(128, 15, 3);} .navi{margin: 0px auto; text-align:right;} 
.navi li{display: inline-block;  line-height:45px; padding: 14px 0;} 
.navi li a {font-size: 16px; padding: 0 10px;} 
.navi li:hover{border-bottom: 3px solid rgb(84, 106, 123); padding-bottom: 11px;}
.full-menu, [id^=show] {display: none;}
#www-logo {display: block; padding: 0 20px; float: left; font-size: 21px; line-height: 45px; color: rgb(84, 106, 123); margin: 14px 0;} 
#www-logo img{max-height:45px; float:left;margin: 0 10px;} 
@media all and (max-width : 990px) {
.navi li a{border:none;}
.navi li{padding:0; line-height:22px;}
.navi li:hover{border:none; padding:0;}
#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;}
.full-menu + a, .navi {display: none;}
.full-menu {text-align:center;font-size:18px; cursor:pointer; display: block; padding: 0 0 0 10px; color: rgb(158, 163, 176); font-weight:bold; line-height: 45px; text-decoration: none; border: none;}
.full-menu:hover{color: rgb(84, 106, 123); transition:0.5s;}
[id^=show]:checked + ul {display: block;}
nav ul li {display: block;width: 100%; padding-left:0;}
}.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 .zamknij {position: absolute; top: 0px; right: 10px; transition: all 0.5s; font-size: 30px; font-weight: bold; text-decoration: none; color: #fff;}
.pop-formbox .zamknij:hover { color: rgb(192,80,77);}
.pop-formbox .popcontent {max-height: 30%; overflow: auto;}
#footer-contact{width: 98%; margin: 10px auto;}
#formularz{transition: 0.5;margin: 0 auto; display:block; width:100%; padding:0;}
#formularz input, #formularz textarea, .mail{width: 100%; margin-bottom:5px;}
#formularz input:focus, #formularz textarea:focus {border: 1px solid rgb(128, 15, 3); box-shadow: 0 0 3px rgb(128, 15, 3);}
#formularz .mail{transition:1s; padding: 10px 10px; width:100%; cursor:pointer; font-weight:normal; color: rgb(128, 15, 3); background: rgb(158, 163, 176); font-size: 16px; border: 1px solid rgb(128, 15, 3);}
#formularz .mail:hover{border: 1px solid rgb(158, 163, 176); transition:1s; color: rgb(158, 163, 176); background-color: rgb(128, 15, 3);}
#formularz input {padding: 15px 28px; font-size:14px;}
#formularz textarea{height:239px; font-size:14px; padding: 28px;}
#footer-contact p{color: #fff; font-size:12px;}#dodaj_btn{display:table; width:auto; margin: 0px auto 10px auto; float:right;}   
#dodaj_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;}
#dodaj_btn a:hover{color: rgb(84, 106, 123);}
#dodaj_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;}.homep{text-align:center; clear:both; margin-bottom: 30px; margin-top:20px;}
.homep img{float:right; margin-left: 15px; max-width: 96px;}#flow{min-height: 316px; width: 100%; background-attachment:fixed;background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url("/mpe-bg.jpg");background-repeat:no-repeat; background-size:cover; background-position:fixed;} 
#flow p{text-align:center; line-height: 316px; font-size: 29px; color: rgb(158, 163, 176); text-shadow: 1px 1px 1px #000; font-weight:normal;}
#businesses{text-align:center; margin:0 auto;}
.wpis{width:calc(50% - 45px); margin: 0px 10px 10px 10px; padding:0; min-width:259px; vertical-align:top; display:inline-block; background-color: #fff; opacity:0.7; border: 2px solid rgba(84, 106, 123);}
.wpis:hover{opacity:1;}
.wpis img{width:93%; margin:1.5% -1.5%; padding: 13px;}
.wpis p{margin:0; padding:0 13px 13px; text-align:center;}
.wpis p a{font-size:17px; color: rgba(84, 106, 123);}
.wpis p a:hover{color: rgba(13, 31, 45);}
.wpis .full-name2{border-radius:0  0 13px 13px ; font-size:16px; background-color:rgba(13, 31, 45);  padding:8.5px; line-height:16px;}
.wpis .full-name2 a:hover{color: rgb(13, 31, 45);}
.wpis .cdescription{margin: 10px 0 20px 0; padding: 0 10px; font-style:normal; color: 158, 163, 176; font-size:13px;}
.whitetbl img{width:82px;}
.whitetbl td:nth-child(2) {border-left: 1px solid rgba(84, 106, 123);}
.cat_lbl{color: rgba(13, 31, 45);}
.full-name{color:rgba(84, 106, 123); font-size:18px; font-weight:bold;  text-align:center; padding: 0px !important; margin-top:10px !important; }
.naglowek{color: rgba(84, 106, 123); font-weight: bold; margin-bottom:10px; display:block; }#alignment{text-align:center; margin:15px auto 40px auto;}
.box_float{width:calc(50% - 30px); margin: 0; padding:0; min-width:241px; display:inline-block; }
#www{border-radius: 5px; box-shadow: 0 0 3px #000; margin-right: 15px; width: 100%; height: auto; transform:rotate(5deg);}
#wpis-h{font-weight:bold; color:rgb(128, 15, 3);}
#company-details h3{color:rgb(84, 106, 123); padding-top:0;}
#zakres{text-align:justify;}
#company-details table{margin: 0 auto;}
#company-details table td{padding: 2px 18px;}
#company-details table td:nth-child(odd) {text-align:right;}
iframe{width:100%;}
#company-details a{color: rgb(128, 15, 3); font-weight:bold;}
#company-details a:hover{color:rgb(84, 106, 123)}
#read-offer{margin-top: 15px;}
.nieczynne td{color: darkred;}
.lbl-micro{font-size: 14px; color: rgba(13, 31, 45);}     
.uniq{color:rgb(84, 106, 123);}
.uniq .ico_mail{width:9px;}
.socialized{display: inline-block; margin: 15px; opacity:0.7; transition: 0.5s; width: 48px;}   
.socialized:hover{opacity:1; transition: 0.5s;}.related-main {width:calc(33% - 45px); margin: 20px 10px; padding:10px; min-width:259px; 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);}
.related-main img{width: 90%; display:block; margin: 10px auto;}
.related-main td:first-child {color: rgba(84, 106, 123); text-align:right; padding-right:5px;}
.related-main td{font-size: 13px;}
.related-main a{color: rgba(13, 31, 45);} 
.general-box {max-width: 1215px; margin:10px auto; text-align:center;}
#related{text-align:center; margin: 20px auto 34px auto; width: 100%; }
.similiar{display: inline-block; min-width: 154px; margin: 10px; box-shadow: 0 0 5px rgb(128, 15, 3); padding: 10px; text-align:center; vertical-align:top;
width: calc(20% - 40px); min-height:180px; opacity: 0.7; transition: 0.5s; border-radius: 10px; }
.similiar img{width: 90%;}
.similiar:hover{opacity: 1; transition: 0.5s;}
.similiar p{margin: 10px 0; font-weight: bold; color: rgb(84, 106, 123); font-size: 15px;}
.similiar a{color: rgb(84, 106, 123); display: block; margin: 10px 0; font-size: 15px; font-style: italic;}
.similiar a:hover{color: rgb(84, 106, 123);}
.wpis-h{color:rgb(84, 106, 123); padding-top:0; margin-bottom:28px;}footer{background-color: #fff; min-height: 181px; line-height:24px;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; }
#copy{padding-bottom: 28px;}
#footdom{text-align:center; margin-top: 66.5px;}
.letter{font-size: 24px; color: rgba(84, 106, 123); font-weight:bold;}
.leftovers{font-size: 24px; color: rgba(128, 15, 3); font-weight:bold;}