@import url('./fonts/font.css');
@import url('./reset.css');

body {
background: #eaeaea url('./images/bg00.jpg') no-repeat;
background-size: cover;
background-attachment: fixed;
margin: 0 auto;
padding: 0;
font-family: Roboto;
}

.clearfix::after { 
content: "."; 
visibility: hidden; 
display: block; 
height: 1px; 
clear: both;
}

a {
text-decoration: none;
}

#all-page {
width: 1170px;
margin: 0 auto;
}

#top {
background: url('./images/bglogo.png') no-repeat;
width: 745px;
height: 139px;
margin-left: -406px;
display: block;
}

h1 {
background: url('./images/logo-txt.png') no-repeat;
width: 302px;
height: 72px;
text-indent: -9999px;
float: right;
margin: 35px 45px 0 0;
}

ul.menu {
list-style: none;
background-color: #f5f5f5;
padding: 35px 0 24px 0;
font-family: Roboto;
font-weight: Bold;
display: block;
width: 322px;
float: left;
margin: 0;
}

ul.menu li {
background: #f5f5f5;
border-top: 1px solid #e5e5e5;
height: 56px;
width: 259px;
display: block;
line-height: 57px;
text-align: right;
text-transform: uppercase;
font-weight: Bold;
font-size: 18px;
padding: 0 22px 0 40px;
}

ul.menu li a {
color: #000000;
display: block;
}

ul.menu li:hover {
background: url('./images/menu-active.png') no-repeat;
border: 0;
width: 259px;
height: 57px;
padding: 0 40px;
}

ul.menu li:hover a {
color: #ffffff;
}

#page-content-index, #page-content {
width: 730px;
display: block;
float: right;
margin: 0 0 0 100px;
}

#page-content-index {
min-height: 345px;
}

#page-content-index h2, #page-content h2 {
font-size: 50px;
font-family: Roboto;
font-weight: Bold;
text-transform: uppercase;
}

#page-content-index hr, #page-content hr {
background: url('./images/hr-line.png') no-repeat;
display: block;
height: 4px;
border: 0;
margin: 20px 0;
}

#page-content hr {
width: 45px;
}

#page-content-index p, #page-content p {
font-family: Roboto;
font-weight: Lighter;
font-size: 18px;
line-height: 30px;
}

#page-content p {
text-align: justify;
}

a.aboxindex {
color: #ffffff;
margin: 30px 0 0 0;
display: block;
}

span.aboxindex1, span.aboxindex2 {
display: block;
float: left;
background-color: #232323;
font-size: 22px;
font-weight: Bold;
color: #ffffff;
text-align: center;
text-transform: uppercase;
line-height: 73px;
}

span.aboxindex1 {
width: 310px;
height: 73px;
}

span.aboxindex2 {
width: 381px;
height: 73px;
background: url('./images/solidbox.png');
margin: 36px 0 0 -7px;
}

#page-box-info {
background: rgba(0, 0, 0, 0.84);
display: block;
width: 848px;
height: 190px;
float: right;
}

.box1 {
display: table;
background: url('./images/hr-lineshort.png') top center no-repeat;
color: #ffffff;
text-align: center;
float: left;
margin: 0 0 0 65px;
}

.box1 h3 {
font-size: 18px;
text-transform: uppercase;
font-weight: Bold;
margin: 35px 0 0 0;
}

.box1 img {
margin: 15px 0;
}

.box1 p {
font-size: 16px;
}

a.aboxonas {
background: rgba(0, 0, 0, 0.84) url('./images/onas-a-href.png') top right no-repeat;
display: block;
width: 678px;
height: 72px;
font-size: 18px;
color: #ffffff;
text-align: center;
text-transform: uppercase;
line-height: 73px;
float: right;
margin: 100px 0 0 0;
padding: 0 47px 0 0;
}

.cennik-box {
width: 317px;
display: block;
background: #f4f4f4;
text-align: center;
}

.cennik-box.left {
float: left;
}

.cennik-box.right {
float: right;
}

.cennik-box.center {
width: 727px;
float: left;
margin: 50px 0 0 0;
}

.cennik-box h3 {
width: 100%;
height: 83px;
display: table;
background: url('./images/cennik-h.png') no-repeat;
font-size: 30px;
color: #ffffff;
}

.cennik-box.center h3 {
background: url('./images/cennik-hmax.png') no-repeat;
}

.cennik-box h3 span.title {
display: table-cell;
vertical-align: middle;
background: url('./images/cennik-title-spacer.png') center right no-repeat;
width: 50%;
}

.cennik-box.center h3 span.title {
background: url('./images/cennik-title-spacer2.png') center right no-repeat;
text-align: right;
padding: 0 24px;
}

.cennik-box h3 b.b2nd{
display: block;
color: #ff9f00;
}

.cennik-box h3 span.cena {
display: table-cell;
vertical-align: middle;
font-weight: Bold;
width: 50%;
}

.cennik-box.center h3 span.cena {
text-align: left;
padding: 0 24px;
}

.cennik-box ul {
margin: 15px 30px;
}

.cennik-box.center ul {
width: 260px;
}

.cennik-box.center ul.left {
float: left;
margin: 15px 0 15px 50px;
}

.cennik-box.center ul.right {
float: right;
margin: 15px 50px 15px 0;
}

.cennik-box ul li {
border-bottom: 1px solid #c6c6c6;
padding: 18px;
}

.cennik-box.center ul li {
text-align: left;
padding: 18px 5px;
}

.cennik-box a.kupteraz {
background: url('./images/cennik-kupteraz.png') no-repeat;
width: 220px;
height: 52px;
display: block;
margin: 5px auto;
font-size: 25px;
font-weight: Bold;
text-transform: uppercase;
padding-top: 6px;
line-height: 46px;
color: #ffffff;
}

.cennik-box.center a.kupteraz {
float: right;
margin: 30px 50px 30px 0;
}

#faq-box h3 {
background: #1d1d1d;
display: table;
font-size: 18px;
color: #ffffff;
margin: 5px 0;
padding: 12px;
cursor: pointer;
}

#faq-box h3.aktywny {
background: #ff8900 url('./images/faqbox-h3aktywny.png') center right no-repeat;
padding-right: 50px;
}

#faq-box p {
display: none;
margin: 25px 0;
}

.kontakt h3 {
font-size: 20px;
font-weight: Bold;
color: #222222;
text-transform: uppercase;
margin: 25px 0;
}

.kontakt .kontakt-dane img {
float: left;
margin: 0 15px 0 5px;
}

#page-content.kontakt .kontakt-dane p {
float: left;
line-height: 36px;
font-size: 19px;
font-weight: lighter;
margin: 15px 0 0 0;
}

.kontakt-dane, .kontakt-formularz, .kontakt-mapa {
width: 300px;
}

.kontakt-dane {
float: left;
}

.kontakt-formularz {
float: right;
}

.kontakt-mapa {
float: left;
}

.kontakt-mapa .mapka {
background: rgba(5, 23, 28, 0.10);
padding: 3px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(grayscale.svg); /* Firefox 4+ */
filter: gray; /* IE 6-9 */
}

.kontakt-formularz input, .kontakt-formularz textarea {
background: rgba(5, 23, 28, 0.10);
border: 1px solid #bababa;
font-size: 13px;
color: #626262;
padding: 15px;
margin: 5px 0;
width: 270px;
font-family: Roboto;
}

.kontakt-formularz input.send {
border: 0;
background: url('./images/buttonkontakt01.png') no-repeat;
text-transform: uppercase;
color: #ffffff;
width: 122px;
height: 46px;
}

#bot {
height: 88px;
text-transform: uppercase;
display: block;
padding: 0 15px;
line-height: 88px;
font-size: 14px;
background: #ffffff;
float: right;
margin: 110px 0 30px 0;
color: #9d9d9d;
width: 50%;
overflow: hidden;
}

#bot a {
color: #333333;
font-weight: Bold;
}

#bot a:hover {
opacity: 0.88;
border-bottom: 1px dashed #333333;
}